/* * * * * * * * * * * * * * * * * * * *
 * okuni custom.css
 * * * * * * * * * * * * * * * * * * * */
/* ==================== ▼2014年7月時点でLPのみ使用中 ==================== */

/* --- 会員登録 --- */
.reg {margin:5px auto;width : 100px;height : auto;text-align : center;font-size : 14px;font-weight : bold;border : solid 1px #d66f1a;border-radius : 8px;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff943d),color-stop(0.40,#ff943d),color-stop(0.60,#F27911),color-stop(1,#F27911));background: linear-gradient(-90deg,#ff943d) 0%,#ff943d 40%,#F27911 60%,#F27911 100%);box-shadow: 1px 1px 2px #ccc;}
.reg a {paddinpx;g : 5px;color : #fff;text-decoration : none;display : block;}
/* --- ログイン　--- */
.login {margin:5px auto;w.heading, .heading-leftidth : 100px;text-align : center;font-size : 14px;font-weight : bold;border : solid 1px #61ad23;border-radius : 8px;-webkit-border-radius : 8px;background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#78d42d),color-stop(0.40,#78d42d),color-stop(0.60,#69ba27),color-stop(1,#69ba27));background-image : linear-gradient(-90deg,#78d42d) 0%,#78d42d 40%,#69ba27 60%,#69ba27 100%);box-shadow: 1px 1px 2px #ccc;}
.login a {color : #fff;padding : 5px;text-decoration : none;display : block;}
/* --- スペーサー --- */
.li_space {margin-right : auto;margin-left : auto;width : 10px;display : block;}
/* --- リストでブロック要素を横並び --- */
.li_yoko {margin-right : auto;margin-left : auto;text-align : center;width : 215px;}
.li_yoko ul {margin-right : auto;margin-left : auto;}
.li_yoko li {margin-right : auto;margin-left : auto;float : left;list-style : none;}
/* --- 各コーナーフォーマット --- */
.corner {border-radius : 10px;}
.corner h2 {text-align : center;margin : 0 1px;border-top : solid 1px #ffffff;border-radius : 10px 10px 0 0;padding : 5px 0 0 0;color : #ffffff;font-weight : none;font-size : 15px;text-shadow : -1px -1px 1px #a77b18;letter-spacing : 3px;}
.corner article {border-radius : 0 0 5px 5px;margin : 3px;padding : 5px;background-color : #ffffff;box-shadow : 1px 1px 5px #555555 inset;-webkit-box-shadow : 1px 1px 5px #555555 inset;}
.corner aside {text-align : right;padding : 10px;}
.corner aside a {color : #000000 !important;font-weight : bold;letter-spacing : 2px;}
/* ==================== ▲2014年7月時点でLPのみ使用中 ==================== */
/* ========= 基本パーツ ========== */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {
color : #887853;
background-color : #fffee1;
}
.wrapper, #box {max-width: 480px;min-width:320px;margin: 0 auto;overflow: hidden;}
a {color: #cd9758;}
/*ウラ風水ページ用*/
.ura_fusui {
color: #887888;
background-color: #000000;
}
.ura_fusui a{color : #ff5555;}
h1{font-size: 1.2rem;color:#ff5400;}
h2{font-size: 1.2rem;color:#ff3498;}
/* === cocoloniバナー === */
.cocoloni-b {background: rgba(255, 255, 255, 1);padding: 3px;}
.cocoloni {margin: 0;padding: 0;background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fcocoloni.sp.480.png%26decrypt%3D1");width: 112px;height: 14px;background-size: 100% 100%;white-space: nowrap;overflow: hidden;text-indent: 100%;}

/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　赤 */
.st_1{color: #F00;}
/* 強調するとき用　白 */
.st_2{color: #ffffff;}
/* 強調するとき用　黒 */
.st_3{color: #000000;}
/* 強調するとき用　ピンク */
.st_4{color: #ff3498;}
/* 強調するとき用　オレンジ */
.st_5{color: #ea6401;}
/* 強調するとき用　青 */
.st_6{color: #6a5acd;}
/* 強調するとき用　茶色 */
.st_7{color: #814102;}
/* 強調するとき用　灰色 */
.st_8{color: #494949;}
/* 強調するとき用　薄い茶色 */
.st_9{color: #cd9758;}
.st_10{color: #ff9999;}
.st_11{color: #698abb;}
.st_12{color: #ffa500;}
/* 強調するとき用　緑 */
.st_13{color: #0BAD20;}
/* 強調するとき用（太）オレンジ */
.st_14{color: #ea6401;font-weight : bold;}
/* 強調するとき用（太）オレンジ */
.st_15{color:#F0614D;font-weight : bold;}
/* ■■■■ Inc用hr設定 ■■■■ */
.hr {background: #454d5a;font-size : 0;line-height : 0;width : 100%;height : 1px;margin : 10px auto;}
/* ■■■■ 個別課金内デザインhr ■■■■ */
hr.style-one {
  height: 12px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(218, 58, 58, 0.5);
  margin-bottom: -10px;
}
/* ========== フォーム関連(m/editなど) ========== */
.btn-wrap {width: 240px;margin: 0 auto;}
.confirm {width: 100%;table-layout: fixed;border-collapse: separate;margin-bottom:2em;}
.confirm td{line-height:1.2;font-size:14px;padding:12px 0;border-bottom:1px dotted #DDD;}
.confirm tr td:nth-child(odd){width:40%;font-size:12px;}
.confirm tr td:nth-child(even){text-align:center;}

/* ■■■■ 特集・コラム用table ■■■■ */
table.graduate1 {
width: 100%;
margin:20px 0px 50px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-spacing:0px;
}
table.graduate1 tr th,table.graduate1 tr td {
font-size: 12px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 7px;
}
table.graduate1 tr th {
background: #ffc0cb;
}

/* ========== 汎用パーツ各種 ========== */
/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}

/* ■■■■ ★台湾用★メニューリスト中３段 中央寄せ ■■■■ */
.top_navi_4 ul {
margin-top : auto;
margin-bottom : auto;
display: block;
}
.top_navi_4 ul li {
display: inline-block;
border: 1px solid #dddddd;
border-right : 0;
list-style : none;
width : 32%;
text-align : center;
background: #1f1f1f;
background: rgb(147,206,222); /* Old browsers */
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,206,222,1)), color-stop(41%,rgba(117,189,209,1)), color-stop(100%,rgba(73,165,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Chrome10+,Safari5.1+ */
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}
.top_navi_4 ul li a{
text-shadow : -1px -1px 1px #352D26;
font-size:12px;
display : block;
padding : 10px 2px 8px 2px;
color : #ffffff;
text-decoration : none;
}
.top_navi_4 ul li:first-child{
border-radius:8px 8px 0 0;
}
.top_navi_4 ul li:last-child{
border: 1px solid #DDD;
border-radius: 0 0 8px 8px;
}
.top_navi_4 .no{
color:#778899;
text-shadow : -1px -1px 1px #352D26;
font-size:12px;
display : block;
padding : 10px 2px 8px 2px;
text-decoration : none;
}
/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
border-radius : 10px;
-webkit-border-radius : 10px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}
.list_01 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 30px;
overflow : hidden;
}
.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #000000; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}
.list_01 li:last-child {
border-bottom : none;
}
.list_01 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}
/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}
.list_02 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
}
.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
}
.list_02 li:last-child {
border-bottom : 0;
}
.list_02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* ==================== MTOP ==================== */
/* ■■■■ 基本性格 ■■■■ */
#basic {}
.basic {border : solid 1px #fe923a;background-color : #fe923a;}
/* ■■■■ 勝ちスパイラル ■■■■ */
#kachi {}
.kachi {border : solid 1px #ff3498;background-color : #ff3498;}
/* ■■■■ ウラ風水 ■■■■ */
#ura {}
.ura {border : solid 1px #6a5acd;background-color : #6a5acd;}
/* ■■■■ 東洋風ポジティブシンキング ■■■■ */
#touyou {}
.touyou {border : solid 1px #ea6401;background-color : #ea6401;}
/* ■■■■ 家相チェック ■■■■ */
#kasou {}
.kasou {border : solid 1px #DFCB00;background-color : #DFCB00;}
/* ■■■■ 100選 ■■■■ */
#ten {}
.ten {border : solid 1px #4CC5BD;background-color : #4CC5BD;}
/* ==================== 第二階層 ==================== */

/* ===== 家相鑑定ページ(m/basic/kasou) ===== */
.dirTable a {
display: block;
width: 75px;
height: 66px;
border: 1px solid black;
vertical-align:top;
}
.dirTable td {
vertical-align: top;
}
.itemimage {
display: inline;
border: 0px;
margin: 0px;
padding-left :1px;
width: 23px;
}
.tablefloor1 {background-image: url(http://okuni.cocoloni.jp/image/test/bg01f.096.gif); background-size:100% 100%;}
.tablefloor2 {background-image: url(http://okuni.cocoloni.jp/image/test/bg02f.096.gif); background-size:100% 100%;}
.tablefloor3 {background-image: url(http://okuni.cocoloni.jp/image/test/bg03f.096.gif); background-size:100% 100%;}
.ui-tabs-nav li {border-radius: 4px 4px 0 0;}
.res-kasou-table{
max-width: 270px;
min-width: 240px;
margin:0 auto;
}
.res-kasou-table table{
width: 100%;
table-layout:fixed;
}
.res-kasou-table td {
height: 75px;
width: 90px;
padding: 5px;
}
/* =========== コラム各ページjPages.js関連(gogo, season, unkiki) ========== */
.holder {
margin: 15px 10px;
text-align: center;
border-radius:6px;
box-shadow:2px 2px 3px #323232, 0px 1px 1px #FFF inset, 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}
.holder a {
display:inline-block;
font-size: 14px;
width:20%;
padding:15px 10px;
text-decoration:none;
cursor: pointer;
color: #FFF;
border: 1px solid #FFF;
border-right:0;
text-shadow:-1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.5);
background: #38BC78;
background: -moz-linear-gradient(top,  #8ED29F 0%, #38BC78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ED29F), color-stop(100%,#38BC78));
background: -webkit-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: -o-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: -ms-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: linear-gradient(to bottom,  #8ED29F 0%,#38BC78 100%);
}
.holder a:last-child{border-right:1px solid #FFF}
.holder a.jp-next, .holder a.jp-previous{
position:relative;  
}
.holder a.jp-next:after, .holder a.jp-previous:after{
content:"";
display:block;
position:absolute;
width:8px;
height:8px;
border-style:solid;
top:50%;
margin-top:-3px;
-webkit-transform:rotate(45deg);
}
.holder a.jp-next:after{
right: 10px;
border-width: 2px 2px 0 0;
}
.holder a.jp-previous:after{
left: 10px;
border-width: 0 0 2px 2px;
}
.holder a.jp-previous {border-radius:6px 0 0 6px;}
.holder a.jp-next {border-radius:0 6px 6px 0}
.holder a.jp-current, a.jp-current:hover { 
font-weight: bold;
background: #38BC78;
background: -moz-linear-gradient(top,  #38BC78 0%, #8ED29F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38BC78), color-stop(100%,#8ED29F));
background: -webkit-linear-gradient(top,  #38BC78 0%,#8ED29F 100%);
background: -o-linear-gradient(top,  #38BC78 0%,#8ED29F 100%);
background: -ms-linear-gradient(top,  #38BC78 0%,#8ED29F 100%);
background: linear-gradient(to bottom,  #38BC78 0%,#8ED29F 100%);
}
.holder a.jp-disabled{
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #aaa 0%, #bbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aaa 0%,#bbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aaa 0%,#bbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aaa 0%,#bbb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aaa 0%,#bbb 100%); /* W3C */
}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
cursor: default; 
}
.holder span { margin: 0 5px; }]

/* ■■■■ 新着アイコン ■■■■ */

.iconNew{
 float:left;
 width: 3em;
 text-align: center;
 color: #fbb818;
 font-weight: bold;
 letter-spacing: 2px;
 padding-left: 4px;
}

.iconNew.arrange04{
 overflow: hidden;
}
.iconNew.arrange04 span{
 -webkit-animation-duration: 6s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: middle center;
 -webkit-animation-name: outer04;
 position: relative;
 left: 0;
}
@-webkit-keyframes outer04 {
 0%{
 left: 3em;
 }
 100% {
 left: -3em;
 }
}


/* ■■■■ ボタン（waku） ■■■■ */
[class^="waku_btn_"]{
  display: block;
  position : relative;
  width: 240px;
  margin:8px auto;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color:#DDD #AAA #AAA #DDD;

}
[class^="waku_btn_"] a,[class^="waku_btn_"] input[type="submit"]{
  padding:8px;
  display : block;
  text-align:center;
  font-weight: bold;
  color : #FFF;
  text-shadow : -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(255,255,255,0.3);
  font-size: 15px;
  text-decoration : none;
}
.waku_btn_p {
  background: rgb(255,130,188); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,130,188,1) 0%, rgba(255,30,139,1) 65%, rgba(255,17,132,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,130,188,1)), color-stop(65%,rgba(255,30,139,1)), color-stop(100%,rgba(255,17,132,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,130,188,1) 0%,rgba(255,30,139,1) 65%,rgba(255,17,132,1) 100%); /* Chrome10+,Safari5.1+ */ 
}
.waku_btn_b {
  background: rgb(145,136,204); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(145,136,204,1) 0%, rgba(142,132,204,1) 48%, rgba(106,90,205,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,136,204,1)), color-stop(48%,rgba(142,132,204,1)), color-stop(100%,rgba(106,90,205,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(145,136,204,1) 0%,rgba(142,132,204,1) 48%,rgba(106,90,205,1) 100%); /* Chrome10+,Safari5.1+ */
}
.waku_btn_o {
  background: rgb(255,168,76); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
}
.waku_btn_y {
  background: rgb(252,227,0); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(252,227,0,1) 0%, rgba(239,207,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,227,0,1)), color-stop(100%,rgba(239,207,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(252,227,0,1) 0%,rgba(239,207,0,1) 100%); /* Chrome10+,Safari5.1+ */
}
.waku_btn_s {
  background: rgb(199,232,237); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(199,232,237,1) 0%, rgba(124,214,211,1) 44%, rgba(35,196,185,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,232,237,1)), color-stop(44%,rgba(124,214,211,1)), color-stop(100%,rgba(35,196,185,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(199,232,237,1) 0%,rgba(124,214,211,1) 44%,rgba(35,196,185,1) 100%); /* Chrome10+,Safari5.1+ */
}
.btn_ng {
  background: #ff0000;
  display : block;
  text-align:left;
  font-weight: bold;
  color : #FFF;
  text-decoration : none;
    display: block;
    border-radius: 6px;
    margin-bottom: 4px;
    position: relative;
    padding: 12px 32px 12px 16px;
    color: #fff;
    font-size: 110%;
}
/* ■■■■ 日運（吹き出し） ■■■■ */
.arrow_left {
  position: relative;
  border-radius : 8px;
  border: 2px solid #e5e5e5;
  width: 65%;
  margin-left : 30%;
  background: #ffffff; 
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}
.arrow_left:after, .arrow_box:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_left:after {
  border-color: rgba(255, 253, 222, 0);
  border-right-color: #e5e5e5;
  border-width: 10px;
  top: 50%;
  margin-top: -10px;
}
.arrow_left:before {
  border-color: rgba(107, 124, 135, 0);
  border-right-color: #e5e5e5;
  border-width: 16px;
  top: 50%;
  margin-top: -16px;
}
.arrow_left a:not(.noListLink) {
position : relative;
display : block;
padding : 10px;
width : 100%;
color : #000000; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}

/* ■■■■ テキストエリア ■■■■ */
.text_area{
background: #ffffff;
margin: 8px;
padding:8px;
border-radius : 8px;
border: 1px solid #BCBCBC; /*横幅*/ /*高さ　自動*/ /*枠と文字の隙間　上右下左*/
box-shadow: 2px 2px 2px rgba(0,0,0,0.5); /*枠全体の影*/ /*枠全体の影*/
}

/* ■■■■ 通常リンク ■■■■ */
.link_base {
background: #ffffff;
margin: 8px;
border-radius : 8px;
border: 1px solid #BCBCBC; /*横幅*/ /*高さ　自動*/ /*枠と文字の隙間　上右下左*/
box-shadow: 2px 2px 2px rgba(0,0,0,0.5); /*枠全体の影*/ /*枠全体の影*/
}
.link_base ul{
margin:0;
}
.link_base li {
list-style : none;
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}

.link_base a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 10px;
color : #000000; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}
.link_base li:last-child {
border-bottom : 0;
}
.link_base a:not(.noListLink):after {
content: "\e802";
font-family:'fontello';
position:absolute;
color:#daa520;
right: 8px;
top : 50%;
display : block;
margin-top: -0.5em;
line-height: 1;
}
.nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #dddddd; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

/* ■■■■ 枠内リンク ■■■■ */
.waku_base li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}
.waku_base a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #000000; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}
.waku_base:last-child {
border-bottom : none;
}
.waku_base a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 3px #daa520; /*右端　>　の色*/
border-right : solid 3px #daa520; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* =============================================================
 柴田修正-20140708-
 =============================================================*/

/* === リード文 === */
.lead {
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px;
}
.lead p{
  margin-bottom:0
}
/* === リストCSS === */
.list .tip {
  display:inline-block;
  line-height:1;
  font-size:10px;
  color:#FFF;
  padding:2px 8px;
  background: #666;
  margin-right: 2px;
  border-radius:2px;
  letter-spacing: 1px;
}

.list .date{
  background-color: #f8c500;
}

.list .corner_title{
  background-color: #53d065;
}

.list .kantei{
  background-color: #ff57a6;
}

.tip.ready{background: #E9503B}
.list li a:hover,list li a,hover{
  background:inherit;
}
.list .menu_name{
  display:block;
  font-weight: bold;
}
.list .caption{
  display:block;
  color:#888;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.list li .void {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 8px 20px 8px 5px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative
}
.list li{
  position:relative;
}
.list li:before{
  content:"";
  position:absolute;
  width:38px;
  height:38px;
  top:50%;
  margin-top:-16px;
  left:4px;
}
.list li[class^="corner-"] a{
  padding-left:46px;
}
.list li[class^="corner-"]:before{
  background-size:100%; 
  background-repeat:no-repeat;
}
.list li.corner-1000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F1000.096.gif%26decrypt%3D1");}
.list li.corner-1003:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F1003.096.gif%26decrypt%3D1");}
.list li.corner-2000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F2000.096.gif%26decrypt%3D1");}
.list li.corner-2500:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F2000.096.gif%26decrypt%3D1");}
.list li.corner-1400:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F1400.096.gif%26decrypt%3D1");}
.list li.corner-1500:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F1500.096.gif%26decrypt%3D1");}
.list li.corner-1600:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F1600.096.gif%26decrypt%3D1");}
.list li.corner-3000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F3000.096.gif%26decrypt%3D1");}
.list li.corner-3500:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F3500.096.gif%26decrypt%3D1");}
.list li.corner-4000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F4000.096.gif%26decrypt%3D1");}
.list li.corner-4500:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F4500.096.gif%26decrypt%3D1");}
.list li.corner-5000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F5000.096.gif%26decrypt%3D1");}
.list li.corner-5500:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F5500.096.gif%26decrypt%3D1");}
.list li.corner-6000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F6000.096.gif%26decrypt%3D1");}
.list li.corner-8000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F8000.096.gif%26decrypt%3D1");}
.list li.corner-9000:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F9000.096.gif%26decrypt%3D1");}



/* === モーダル === */
.remodal .heading {
  text-align:center;
  font-size:18px;
  border:0;
  width:auto;
  margin:0;
}

/* === ヘッダー === */
.header {
  position: relative;
  z-index:10;
}
.header .btn-mmenu{
  position: absolute;
  width:44px;
  height:44px;
  top:50px;
  left:8px;
  z-index:100;
}

.wrapper {max-width: 480px;min-width: 320px;margin: 0 auto;}
.container{position:relative;}

.nav-first {margin: 0px 8px 0;position:relative;z-index:20;}
.nav-first:before,.nav-first:after{content:"";display:table;}
.nav-first:after{clear:both;}
.nav-first ul {
background: #38BC78;
background: -moz-linear-gradient(top,  #8ED29F 0%, #38BC78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ED29F), color-stop(100%,#38BC78));
background: -webkit-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: -o-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: -ms-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: linear-gradient(to bottom,  #8ED29F 0%,#38BC78 100%);
border-radius:6px;
border:1px solid #FFF;
box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
.nav-first li {float:left;width:33.33333%;text-align:center;border-right: 1px solid rgba(0,0,0,0.25);box-shadow: inset 1px 0px 1px rgba(255, 255, 255, 0.4);}
.nav-first li:last-child { border:0;}
.nav-first li a{display:block;padding:4px 0;text-decoration:none;font-size:12px;color: #FFF;text-shadow: -1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.4);}.wrap-date {}


/* ===== 流運セクション ===== */
.daily-mtop {margin: 0 8px 24px;background: #FFF;border: 2px solid #F8C500;border-radius: 8px;overflow: hidden;}
.daily-mtop .section-header {background: #F8C500; color: #FFFFFF;padding:6px;line-height:1;}
.daily-mtop .section-header .date{font-size:24px;font-weight:bold;display:block;float:left;padding: 4px;text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25),1px 1px 1px rgba(255, 255, 255, 0.25);}
.daily-mtop .section-header .news-select{
float:right;
margin: 0;
}
.daily-mtop .section-header .news-select li {
display:inline-block;
background: #ffcf45;
background: -moz-linear-gradient(top,  #FFA43A 0%, #FF6B00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA43A), color-stop(100%,#FF6B00));
background: -webkit-linear-gradient(top,  #FFA43A 0%,#FF6B00 100%);
background: -o-linear-gradient(top,  #FFA43A 0%,#FF6B00 100%);
background: -ms-linear-gradient(top,  #FFA43A 0%,#FF6B00 100%);
background: linear-gradient(to bottom,  #FFA43A 0%,#FF6B00 100%);
box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(255,255,255,.6);
border: 1px solid #D56100;
border-radius:4px;
margin-left: 4px;
}
.daily-mtop .section-header .news-select li.badge-new{
position:relative;
}
.daily-mtop .section-header .news-select li.badge-new:after{
content:"";
display:block;
position:absolute;
color:#FFF;
background:#F00;
width:14px;
height:14px;
font-size:10px;
line-height:1;
border-radius:9px;
border:2px solid #FFF;
top: -6px;
right: -6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.daily-mtop .section-header .news-select li a{
display:block;
text-decoration:none;
padding:8px 12px;
color:#FFF;
font-weight: bold;
text-shadow: -1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.4);
}
.day-graph-wrap .bar {
  text-align: center;
  color: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(255,255,255,1);
  background: #F8C500;
  padding: 4px;
  margin: 0;
}
.day-graph-wrap table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom:16px;
}
.day-graph-wrap table td {
  vertical-align:middle;  
}
.day-graph-wrap table .day-graph {
  font-weight:bold;
  font-size:16px;
  width:12%;
  white-space:nowrap;
  padding:8px;
  text-align:center;
}
.day-graph.total{color:#0BAD20}
.day-graph.love{color:#FF3498}
.day-graph.money{color:#FFA500}

.day-graph-wrap table td:nth-child(even){
  width:88%;
  padding:6px 8px;
}
.day-graph-wrap table td:nth-child(even) img{
  width:100%;
}
.day-result {
  padding:8px;
  line-height:1.6;
}
.text-wrap {
  padding:8px;
  border: 2px solid;
  border-radius: 8px;
}
.day-result .text-wrap .text1{
  text-decoration:none;
  color: #645532;
  display: block;
}
.day-result .text-wrap .btn-readmore{
  text-align:right; 
}
.day-result .text-wrap .btn-readmore a {
  display:inline-block;
  margin:auto;
  text-align:center;
  color: #FFF;
  text-decoration:none;
  background: #FF6E00;
  border-radius:4px;
  padding:4px 16px;
}
.baloon-bottom {
  background:#fff;
  position:relative;}
.baloon-bottom:before, .baloon-bottom:after{  content:"";  position:absolute;  width:0;  height:0;  border-width:24px 16px;  border-style:solid;  border-color: #645532 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  bottom:-48px;}
.baloon-bottom:after {  border-width:24px 16px;  bottom:-44px;  border-color: #FFF transparent transparent;  }
.day-result .baloon-bottom:before,.day-result .baloon-bottom:after{left:32px}

.day-result .content-foot {}
.day-result .content-foot .inner-sv{
width:35%;
float:left;
margin-top: 16px;
}
.day-result .content-foot .inner-btn{
float:left;
padding:16px;
width:65%;
}
.btn-month,.btn-year{
width:100%;
text-align:center;
font-weight:bold;
font-size:14px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 0;
}

.recomend-mtop {  
}
.recomend-mtop .heading{
text-align: center;
color: #FFF;
background: #ECB353;
padding: 4px;
border:0;
margin: 0;
}
.corner-recom-box.grids ul{
  margin: 8px;
  margin-right:0;
}
.corner-recom-box.grids li{
  padding-right:8px;
}

/* 各セクションヘッダーアイコン */
.container .section-header {
  position:relative;
}
.container .section-header .icon {
  position:absolute;
  width:72px;
  height: 54px;
  top:24px;
  left:24px;
}
.container .section-header .icon-kantei{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fkantei.096.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.container .section-header .icon-read{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fyomu.096.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.container .section-header .icon-solve{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Furanai.096.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
@-webkit-keyframes rotateSmaller {
    0% {-webkit-transform: rotate(-10deg);}
   50% {-webkit-transform: rotate(-20deg);}
  100% {-webkit-transform: rotate(-10deg);}
}
/* ===== 開運のススメ ===== */
.container-kasou .slider-wrap {
  padding:8px;
}
.container-kasou .slider-wrap .sv-kasou{
  width:30%;
  float:left;
}
.container-kasou .slider-wrap .flexslider{
  width:70%;
  float:right;
  padding: 16px 0 8px;
}
.container-kasou .slider-wrap .baloon-left {
  width: 90%;
  margin-left: 10%;
}
.container-kasou .slider-wrap .baloon-left a{
  display:block;
  padding:16px 8px;
  border:2px solid #645532;
  border-radius:6px;
  position:relative;
  background: #FFF;
  text-decoration:none;
}

.container-kasou .slider-wrap .flex-active-slide .baloon-left a:before,
.container-kasou .slider-wrap .flex-active-slide .baloon-left a:after{
  content:"";
  position:absolute;
  top:50%;
  margin-top:-8px;
  left:-16px;
  width:0;
  height:0;
  border-width:8px;
  border-style:solid;
  border-color: transparent #645532 transparent transparent;
}
.container-kasou .slider-wrap .flex-active-slide .baloon-left a:after{
  border-width:5px;
  border-color: transparent #FFF transparent transparent;
  left:-10px;
  margin-top:-5px
}
.container-kasou .slider-wrap .baloon-left p{
  margin:0;
}
.bn-box-wrap {  
  margin: 8px 8px 16px;
}
.bn-box-wrap .check_box{  
  background:#FFF;
  border-right:2px solid #C99F80;
  border-left:2px solid #C99F80;
  padding: 4px;
}
/* ===== コラムランキング ===== */
.container-colum-all{
  background:#FEC8B0;
  padding-bottom: 8px;
}
.grids-column-rank{
  margin:8px;
}
.grids-column-rank ul {

}

.grids-column-rank ul li{
  padding-right:8px;
}

.grids-column-rank ul li:last-child{
  padding-right:0
}
.grids-column-rank li a{
  color: #60512F;
}
.grids-column-rank figure{
  margin:0;
  padding:0;
}
.grids-column-rank figure img {
  width:50%;
}
.grids-column-rank figure img test {
  width:30%;
}

/* ===== コラム-アコーディオン部分 ===== */
.darayomi-container .accordion dt{
  padding-left:60px
}
.darayomi-container .accordion dt:before {
  content:"";
  position:absolute;
  width:44px;
  height:44px;
  left:8px;
  top:50%;
  margin-top:-22px;
}
.accordion dt.corner-1500:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F1500.120.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.accordion dt.corner-3000:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F3000.120.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.accordion dt.corner-3500:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F3500.120.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.accordion dt.corner-4000:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F4000.120.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.accordion dt.corner-9000:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F9000.120.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.accordion dt.corner-8000:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fcorner%2F8000.120.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}

/* ===== 更新予定 ===== */
.accordion-schedule dt {
  background: #F8C500;
}

/* ===== 開運コラムスライダー ===== */
.container-fusui .slider-wrap {
  margin-left: 8px;
  margin-right: 8px;
}

/* ===== 解決のススメ ===== */
.container-solve .nav-first{
  margin-top:0;
  margin-bottom: 68px;
}
.container-solve .nav-first li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.container-horrary .cb,
.container-timing .cb{
  width: 120px;
  top: -68px;
  left: 8px;
  margin: 0 auto;
  display: block;
  position: absolute;
  z-index: 10;
}
.img_horary{
  width:100%;
  display:block;
}
.container-horrary{
  margin-bottom: 72px;
}
.container-horrary .accordion dt,
.container-timing .accordion dt{
  color: #FFF;
  position: relative;
  margin-bottom: 0;
}
.container-horrary .accordion dt{background: #00B657;}
.container-timing .accordion dt{background: #FF3F3F;}
.container-horrary .accordion dt:after, 
.container-timing .accordion dt:after{
  content:"";
  position: absolute;
  right:8px;
  bottom: 0;
  top: auto;
  width: 64px;
  height: 112px;
  -webkit-transition:none;
  -moz-transition:none;
  transition:none;
}
.container-timing .accordion dt.active:after{
  width: 74px;}
.container-horrary .accordion dt:after{
  background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fi.cgi%3Fn%3Dnew%2Fmtop%2Fcb4_okuni2%26decrypt%3D1");
  background-repeat:no-repeat;
  background-size:100%;
  background-position: right bottom;
}
.container-horrary .accordion dt.active:after{
  content:"";
  background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fi.cgi%3Fn%3Dnew%2Fmtop%2Fcb4_okuni1%26decrypt%3D1");
  background-repeat:no-repeat;
  background-size:100%;
}
.container-timing .accordion dt:after{
  background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fi.cgi%3Fn%3Dnew%2Fmtop%2Fcb5_okuni2%26decrypt%3D1");
  background-repeat:no-repeat;
  background-size:100%;
  background-position: right bottom;
}
.container-timing .accordion dt.active:after{
  content:"";
  background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fi.cgi%3Fn%3Dnew%2Fmtop%2Fcb5_okuni1%26decrypt%3D1");
  background-repeat:no-repeat;
  background-size:100%;
}
.container-horrary .accordion dd .list,
.container-timing .accordion dd .list{
  border:0;
  background:#FAF9F7;
}
.container-horrary .accordion dd .list a,
.container-timing .accordion dd .list a{
  color:#504F4B;
}



/* ===== お悩み別占い人気ランキング ===== */
.container-situation-ranking dt{
  background: #F8C500;
}
.container-situation-ranking dd .list{
  background:#FAF9F7;
  color:
}
.container-situation-ranking dd .list li{
  position:relative; 
}
.container-situation-ranking dd .list li a{
  padding-left: 42px; 
  color:#504F4B;
}
.container-situation-ranking dd .list li:before{
  content:"";
  display:block;
  position:absolute;
  width:32px;
  height:26px;
  top:50%;
  margin-top:-13px;
  left: 4px;
}
.container-situation-ranking dd .list li.rank-1:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Frank%2F1.096.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.container-situation-ranking dd .list li.rank-2:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Frank%2F2.096.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.container-situation-ranking dd .list li.rank-3:before{
  background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Frank%2F3.096.gif%26decrypt%3D1");
  background-size:100%;
  background-repeat:no-repeat;
}
.slider-theme-search {
  margin: 16px 16px 48px;
}
.slider-theme-search .flexslider {
  width:240px;
  margin:0 auto;
}


/* ===== フッター ===== */
.footer {padding-top: 8px;background: #CD9758;margin-top: 64px;}
.footer .inc{font-size: 12px; line-height:1.2; padding: 16px 0;  text-align: center;color: #FFF;border-top: 1px solid rgba(255,255,255,0.25);}
.footer .inc span{display: block;}
.footer .footer-ctrl {text-align: center;}
.footer .footer-ctrl a {font-size: 12px; text-decoration: none; display: block; padding: 5px 12px 3px; position: relative; color: #FFF; text-align: center; font-size: 10px;}
.footer .footer-ctrl i[class^="icon-"] { display: block; font-size: 20px; line-height: 1; text-align: center;}
.footer-mtop {background:transparent;padding-top:0;}
.footer-mtop .inc{color:inherit;}
/* ===== 個別課金 ===== */
.wrapper-kobetsu{
  background:#FFE88A;
}
.wrapper-kobetsu .lead {
  margin: 24px 16px;
  color: #FF3498;
  font-size: 16px;
  line-height: 1.5;
}
.list-kobetsu{
  margin:8px;
  border:0;
}
.list-kobetsu li{
  border:0;
  margin-bottom:8px;
  background: rgba(255, 255, 255, 0.85);
  border-radius:4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
.list-kobetsu .menu_name{
  font-weight:bold;
  color: #F0614D;
}
.list-kobetsu li a{
  padding-left:8px;
}
.list-kobetsu .caption{
  color:#814102;
  font-size:12px;
}
.list-kobetsu .void .menu_name{color: #B4ABA9;}
.list-kobetsu .void .caption{color: #B4B4B4;}

.header-kobetsu .tip{
  background: #888;
  color:#FFF;
  padding:2px 16px;
  border-radius:2px;
  font-size:12px;
  position:absolute;
  top:8px;
  right:8px;
}
.grids-cat-select {
  margin: 16px 8px;   
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius:4px;
}
.grids-cat-select ul{
  margin:0;
}
.grids-cat-select li.divider{
  border-left:1px solid rgba(0,0,0,0.2);
  border-right:1px solid rgba(0,0,0,0.2);
}
.grids-cat-select li a,
.grids-cat-select li .void{
  position:relative;
  display:block;
  padding:16px 8px;
  line-height:1;
  color:#F0614D;
}
.grids-cat-select li .void{
  color: #AAA;
}
.grids-cat-select li.prev a:after,
.grids-cat-select li.next a:after{
  content:"\e801";
  font-family:'fontello';
  position:absolute;
  line-height:1;
  top:50%;
  margin-top:-0.5em;
}
.grids-cat-select li.prev a:after{left:16px; content:"\e801";}
.grids-cat-select li.next a:after{right:16px; content:"\e802"}


/*==========各コーナーbox===========*/
.seach ul{
width: 80%;
margin: auto;
border: 1px solid #FF7A12;
}

.seach ul li{
width: 50%;
border: 1px #FF7A12 solid;
box-sizing: border-box;
float: left;
background: #FFFFFF;
height: 40px;
padding-top: 8px;
}

.seach ul li a{
padding-left: 15px;
text-decoration: none;
box-sizing: border-box;
font-size: 18px;
font-weight: bold;
vertical-align: middle;
}

.seach ul li img{
height: 90%;
margin-left: 10px;
vertical-align: middle;
}

/*==========汎用list�@TOP用===========*/
.list_top {
width:100%;
border: 1px solid #ECB353;
background: #fff;
padding: 5px;
box-sizing: border-box;
margin-top: -8px;
}
.list_top a{
text-decoration:none;
text-align: center;
}
.list_top a img{
vertical-align:middle;
}

/*==========汎用list�A===========*/
.list_box {
}
.list_box ul{
border:1px solid #ECB353;
}
.list_box ul:before, .list_box ul:after{
content:"";
display:table;
}
.list_box ul:after {
clear:both;
}
.list_box ul li {
width:16.66666%;
float:left;
text-decoration:none;
list-style-type: none;
background: #fff;
text-align: center;
border-left: 1px solid #ECB353;
padding: 5px;
box-sizing: border-box;
}
.list_box ul li:first-child{
border:0;
}

.list_box ul li a{
text-decoration: none;
}
.list_box ul li a figure{
margin:0;
}
.list_box ul li a figure img{
  
}
.list_box ul li a figcaption{
display:block;
text-align:center;
font-size:12px;
}

/*==========汎用ボタン　2階層目===========*/
.kaiso2_btn{
width: 240px;
height: auto;
border: solid 2px #EA6401;
background: #fff;
color: #EA6401;
border-radius: 5px;
text-align: center;
vertical-align: middle;
font-size: 20px;
padding: 6px;
margin:auto;
text-decoration : none;
display : block;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kaiso2_btn a{
text-decoration:none;
color:#EA6401;
font-weight:bold;
}

/*==========汎用ボタン　矢印風===========*/
.next_btn{
background:#ccc;
height:20px;
width:200px;
}
.textarea {
width: 120px;
height: 40px;
margin-left: 47%;
position: relative;
margin-top:10px;
}
.textarea a{
color:#fff;
text-decoration:none;
}

/* ======（f用のボタン）======== */
.textarea03 {
margin-left:40%;
}

.textarea03 a{
color:#fff;
text-decoration:none;
}

.textin03{
width: 130px;
height: 56px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #EA6401;
position: relative;
padding: 10px;
margin-top: 10px;
}

.textin03:after{
content: "";
position: absolute;
width: 40px;
height: 40px;
border-radius: 3px;
-webkit-transform: rotate(45deg);
background: #EA6401;
top: 8px;
right: -18px;
z-index: 1;
} 
.textin03 p{
position:relative;
z-index:3;
color:#fff;
text-align:left;
font-size:15px;
font-weight:bold;
}

/* ======（間取り登録ない）======== */
.textin02{
padding: 0px 10px 0px 10px;
height: 50px;
/* border: 1px solid #000; */
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #EA6401;
position: relative;
}

.textin02:after{
content: "";
position: absolute;
width: 36px;
height: 36px;
border-radius: 3px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #EA6401;
top: 50%;
right: -17px;
margin-top: -17px;
z-index: 1;
} 
.textin02 p{
position: relative;
z-index: 3;
color: #fff;
text-align: center;
font-size: 15px;
font-weight: bold;
padding-top: 15px;
}

.textarea02 {
width: 120px;
height: 50px;
margin-left:10px;
position: relative;
}

.textarea02 a{
color:#fff;
text-decoration:none;
}



/* ======（吹き出し）======== */
.arrow{
position: relative;
border-radius: 8px;
border: 2px solid #EA6401;
margin-left: 50%;
margin-right: 40px;
background: #ffffff;
box-shadow: 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-sizing: border-box;
}
.arrow a{
vertical-align:center;
}

.arrow:after, .arrow_box:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow:after {
border-color: rgba(255, 253, 222, 0);
border-right-color: #EA6401;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.arrow:before {
border-color: rgba(107, 124, 135, 0);
border-right-color: #e5e5e5;
border-width: 16px;
top: 50%;
margin-top: -16px;
}
.arrow a:not(.noListLink) {
position : relative;
display : block;
padding : 10px;
width : 100%;
color : #000000; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}

/*==========汎用リスト　新着PUなど===========*/
/*==========fのtoplist===========*/
.accordion.top_list_accordion{
font-size: 16px;

background:#ECD7BA;
}

.accordion.top_list_accordion dt{
color : #814102;
display:block;
border : solid 1px #E4C69A;
margin-top:2px;
position: relative;
padding : 15px 20px 15px 15px;
font-size:110%;
font-weight: bold;
}
.top_list_accordion dt:after{
color: #444;
}
.top_list_accordion dd{
border:#E4C69A 1px solid;
border-top:none;
border-radius:0 0 5px 5px/0 0 5px 5px;
display:none;
}
.top_list_accordion dd ul li{
list-style:none;
padding:0;
border-bottom:1px solid #E4C69A;
background: #FAF9F7;
padding: 5px 10px 10px 10px;
}

.top_list_accordion dd ul li:last-child{
  border-bottom:none;
}

.top_list_accordion ul a:not(.noListLink){
 text-decoration:none;
 display:block;
 width : 100%;
 height : 100%;
 padding: 0px 5px 5px 15px;;
 position: relative;
 background:#FDFCF8;
-webkit-box-sizing : border-box;
color:#504F4B;
}

.top_list_accordion dd ul a:after{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  right:10px;
  width:7px;
  height:7px;
  margin-top:-4px;
  border-right:3px solid #666;
  border-top:3px solid #666;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}




.top_list li {
  list-style-type : none;
  background:#fff;
  color:#000;
  padding:5px 5px;
  border-top:2px solid #814102;
  border-bottom:1px solid #ccc;
}

.top_list li:first-child{
  border-top:0px;
}

.top_list li:last-child{
  border-bottom:0px;
}




/*==========mのtoplist===========*/

.mtop_list_accordion{
  width:100%;
  font-size: 16px;
  color : #814102;
  background:#ECD7BA;
}

.mtop_list_accordion dt{
  display:block;
  border : solid 1px #E4C69A;
  margin-top:2px;
  position: relative;
  padding : 15px 20px 15px 15px;
  color:#;
  background:#;
  font-size:110%;
  }

.mtop_list_accordion dt:after{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  right:10px;
  width:7px;
  height:7px;
  margin-top:-4px;
  border-right:3px solid #666;
  border-bottom:3px solid #666;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}

.mtop_list_accordion dd{
  border:#E4C69A 1px solid;
  border-top:none;
  border-radius:0 0 5px 5px/0 0 5px 5px;
  display:none;
  }

.mtop_list_accordion dd ul li{
  list-style:none;
  padding:0;
  border-bottom:1px solid #E4C69A;
        background: #FAF9F7;
        height: auto;
        padding: 5px 10px 10px 10px;
}

.mtop_list_accordion dd ul li:last-child{
  border-bottom:none;
}

.mtop_list_accordion ul a:not(.noListLink){
 text-decoration:none;
 display:block;
 width : 100%;
height : 100%;
 background:#FDFCF8;
-webkit-box-sizing : border-box;
color:#504F4B;
}

.mtop_list_accordion dd ul a:after{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  right:10px;
  width:7px;
  height:7px;
  margin-top:-4px;
  border-right:3px solid #666;
  border-top:3px solid #666;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}




.mtop_list li {
  list-style-type : none;
  background:#fff;
  color:#000;
  padding:5px 5px;
  border-top:2px solid #814102;
  border-bottom:1px solid #ccc;
}

.mtop_list li:first-child{
  border-top:0px;
}

.mtop_list li:last-child{
  border-bottom:0px;
}

/*==========出演情報用===========*/
.dekamoji {
font-size: 20px;
font-weight: bold;
color: #ff5400;
padding-left: 5px;
}


.info_bar {
background: #ffffff;
border: solid 2px #EA6401;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
width: 90%;
height: auto;
padding: 10px 5px 10px 5px;
margin-top: -5px;
list-style : none;
position : relative;
height : auto;
overflow : hidden;
}

.info_bar img{
  width: 30px;
  vertical-align: middle;
}

.info_bar a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
padding-left:10px;
color : #000000; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.info_bar li:last-child {
border-bottom : none;
}

.info_bar a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 3px #daa520; /*右端　>　の色*/
border-right : solid 3px #daa520; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

.nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #dddddd; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}



/*==========汎用リスト用バー===========*/
.list_bar{
background: #ECB353;
color: #814102;
width: 90%;
height: 30px;
padding-top: 5px;
padding-left: 15px;
font-size: 17px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
}
/*==========白いのみのリスト===========*/
/* ■■■■ 通常リンク ■■■■ */
.white_list {
background: #ffffff;
border: 1px solid #EEEBE3;
margin-left: auto;
margin-right: auto;
width: 90%;
height: auto;
padding:5px;
margin-top: -5px;

}

.white_list li {
list-style : none;
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}

.white_list img{
  width: 30px;
  vertical-align: middle;
}

.white_list a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
color : #000000; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.white_list li:last-child {
border-bottom : none;
}

.white_list a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 3px #daa520; /*右端　>　の色*/
border-right : solid 3px #daa520; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

.nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #dddddd; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}



/*==========flist===========*/
.flist{
width: 100%;
font-size: 16px;
display: block;
background: #EA6401;
margin-top: 2px;
position: relative;
font-size: 100%;
text-align:center;
padding-top: 5px;
font-weight: bold;
}

.flist img{
position: absolute;
width: 50px;
height: 50px;
top: -20px;
left: 3%;
}

.flist li img{
position: absolute;
width: 40px;
height: 40px;
top: 5%;
left: 5px;
}

.flist li{
display: block;
width: 100%;
position: relative;
background: #EA6401;
-webkit-box-sizing: border-box;
color: #fff;
padding-top: 5px;
padding-bottom: 5px; 
 }

.flist li a:not(.noListLink){
text-decoration: none;
display: block;
width: 100%;
height: 100%;
padding: 15px 20px 15px 15px;
position: relative;
background: #FDFCF8;
-webkit-box-sizing: border-box;
color: #504F4B;
padding-left: 20%;
text-align: left;
 }

.flist li a:after{
 display:block;
 content:"";
 position:absolute;
 top:50%;
 right:10px;
 width:7px;
 height:7px;
 margin-top:-4px;
 border-right:3px solid #666;
 border-top:3px solid #666;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
}


.flist li a{
 list-style-type : none;
 background:#fff;
 color:#000;
 border-bottom:1px solid #ccc;
 list-style:none;
 border-bottom:1px solid #E4C69A;
}


/*==========汎用ボタン　今月今年の運勢===========*/
.narabi_list2 ul{
width:100%;
margin:5px;
}

.narabi_list2 li{
float: left;
width: 45%;
margin: 5px;
box-sizing: border-box;
}


.button_new01{
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
width : 100%;
text-align : center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ffffff;
padding: 10px 20px;
-webkit-box-sizing : border-box;
background: -moz-linear-gradient(
top,
#fe920d 0%,
#b56a14);
background: -webkit-gradient(
linear, left top, left bottom,
from(#fe920d),
to(#b56a14));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 3px solid #7a4100;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 9px rgba(245,234,166,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 9px rgba(245,234,166,1);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 9px rgba(245,234,166,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.1),
0px 1px 3px rgba(128,072,012,1);
}

.button_new01 a{
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
font-weight:bold;

}

/*==========汎用バー===========*/
.bar{
background: #ECB353;
color: #fff;
height: 30px;
padding-top: 5px;
padding-left: 25px;
font-size: 14px;
font-weight: bold;
margin: 10px -10px 8px -10px;
}
/*==========汎用バーピンク背景===========*/
.bar_red{
background:#F59E9E;
color: #fff;
height: 30px;
padding-top: 5px;
padding-left: 15px;
font-size: 14px;
font-weight: bold;
margin: 5px 0;
text-align:center;
margin: 5px 0 10px 0;
}

/*==========汎用二階層目の文字===========*/
.kaiso2_title{
position: absolute;
top: 45px;
left: 40%;
z-index: 2;
width: 60%;
}



 /*==========アコーディオン===========*/
.accordion{
  margin:16px 8px;
}
.accordion dt{
  display:block;
  border-radius:6px;
  margin-bottom: 4px;
  position: relative;
  padding: 12px 32px 12px 16px;
  color:#fff;
  font-size:110%;
}
.accordion dt.active{
  margin-bottom:0;
  border-radius:6px 6px 0 0;
}
.accordion dd{
  display:none;
}
.accordion dt .title{
  font-size:16px;
  display:block;
  margin-bottom: 0px;
  font-weight:bold;
}
.accordion dt .caption{
  font-size:10px;
  display:block;
  font-weight:normal;
}
.accordion dt:after{
  display:block;
  font-size:16px;
  content:"\e800";
  font-family:'fontello';
  line-height:1;
  position:absolute;
  right:8px;
  top:50%;
  margin-top:-0.5em;
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}
.accordion dt.active:after{
  content:"\e803";
}
.accordion .list{
  border-top:0; 
}
/*=各コラム装飾 家相100選=*/
.accordion dt.kasou100_bar{background:#F8D015;}
.accordion dd.kasou100_bar{background:#FCF2D4;}
.accordion dd.kasou100_bar li{color: #582A08;}
.accordion dd.kasou100_bar li a{color: #582A08;}

/*=各コラム装飾 勝ちスパイラル=*/
.accordion dt.spiral_bar{background:#F75F9F;}
.accordion dd.spiral_bar{background:#FFEAEB;}
.accordion dd.spiral_bar li{color: #582A08;}
.accordion dd.spiral_bar li a{color: #582A08;}

/*=各コラム装飾 ウラ風水=*/
.accordion dt.ura_bar{background:#222020;}
.accordion dd.ura_bar{background:#fff;}
.accordion dd.ura_bar li{color: #582A08;}
.accordion dd.ura li a{color: #582A08;}


/*=各コラム装飾 東洋風ポジ=*/
.accordion dt.touyou_bar{background:#5D8D3E;}
.accordion dd.touyou_bar{background:#F3FFE5;}
.accordion dd.touyou_bar li{color: #582A08;}
.accordion dd.touyou_bar li a{color: #582A08;}

/*=各コラム装飾 運気っ気=*/
.accordion dt.unki_bar{background:#F16B2C;}
.accordion dd.unki_bar{background:#FCEFE7;}
.accordion dd.unki_bar li{color: #582A08;}
.accordion dd.unki_bar li a{color: #582A08;}

/*=各コラム装飾 いってみよう=*/
.accordion dt.gogo_bar{background:#1352D8;}
.accordion dd.gogo_bar{background:#F4F6FF;}
.accordion dd.gogo_bar li{color: #582A08;}
.accordion dd.gogo_bar li a{color: #582A08;}

/*=各コラム装飾 家相100選=*/
.accordion dt.kasou100_bar{background:#F8D015;}
.accordion dd.kasou100_bar{background:#FCF2D4;}
.accordion dd.kasou100_bar li{color: #582A08;}
.accordion dd.kasou100_bar li a{color: #582A08;}

/*=各コラム装飾 ダメ風水=*/
.accordion dt.ng_bar{background:#ff0000;}
.accordion dd.ng_bar{background:#ff0000;}
.accordion dd.ng_bar li{color: #ff0000;}
.accordion dd.ng_bar li a{color: #ff0000;}

 /*==========まいにち易・幸運日装飾===========*/
 /*まいにち易*/
.horary_accordion dt.horary_bar{background:#5B8557;}

 /*幸運日*/
.timing_accordion dt.timing_bar{/*background:#E3665B;*/}

/*==========幸運日アコーディオン、毎日易アコーディオン===========*/

#horary_box .horary_accordion,
.timing_accordion{
  margin:10px;
}

#horary_box .horary_accordion dt,
.timing_accordion dt{
  border-bottom:1px solid #E4C69A;
  padding: 120px 70px 0 15px; 
  background: url(/i.cgi?n=new/mtop/cb5_okuni2);  
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-background-size: 70px auto;
  background-size: 70px auto;
  min-height:45px;
}
#horary_box .horary_accordion dt{
  background-image: url(/i.cgi?n=new/mtop/cb4_okuni2);
  background-repeat: no-repeat;
  background-position: right-bottom;
  -webkit-background-size: 70px auto;
  background-size: 70px auto;
}

.timing_accordion dt.active{
  background: url(/i.cgi?n=new/mtop/cb5_okuni1) no-repeat right bottom;
  -webkit-background-size: 70px auto;
  background-size: 70px auto;
}
#horary_box .horary_accordion dt.active{
  background: url(/i.cgi?n=new/mtop/cb4_okuni1) no-repeat right bottom;
  -webkit-background-size: 70px auto;
  background-size: 70px auto;
}

#horary_box .horary_accordion dd,
.timing_accordion dd{
  border-radius:0 0 5px 5px/0 0 5px 5px;
  display:none;
  border:1px solid #E4C69A;
}

#horary_box .horary_accordion dd ul,
timing.accordion dd ul{
  list-style:none;
}

#horary_box .horary_accordion dd ul li,
.timing_accordion dd ul li{
  list-style:none;
  padding:0;
  border-bottom:1px solid #E4C69A;
}

#horary_box .horary_accordion dd ul li:last-child,
.timing_accordion dd ul li:last-child{
  border-bottom:none;
}
#horary_box .horary_accordion dd ul a:not(.noListLink),
.timing_accordion dd ul a:not(.noListLink){
  text-decoration:none;
  display:block;
  width : 100%;
  height : 100%;
  padding : 15px 20px 15px 15px;
  position: relative;
  background:#fff;
  color:#583C1D;
}

/*==========日運日付===========*/
.date_box{
color: #814102;
padding: 5px;
}

.date_box li{
float: left;
width: 50%;
display: block;
padding: 5px;
}

.date_deco{
position: absolute;
top: 5px;
left: 25px;
z-index: 2;
width: 80%;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
font-size: 45px;
}

.date_deco img{
margin-top: -20px;
margin-left: -17px;
position: relative;
z-index: -100;
}


/*==========日運デコレーション===========*/
.day_deco{
font-size: 25px;
padding: 0 5px;
width:100%;
font-weight:bold;
}
.day_deco li{
margin:5px;
}

.day_deco li img{
vertical-align:middle;
}

/*==========画像系・アイコンの大きさCSS===========*/
.kasou_res_00{
position:relative;
z-index:1;}
.kasou_res_01{
z-index: 2;
position: absolute;
width: 55px;
margin-top: -35px;
margin-left: 10px;
}
.kasou_res_02{
width: 38px;
}
.kasou_res_03{
z-index:2;
width: 24px;
}
.rel {position: relative;}
.mmenu-btn {
position: absolute;
top: 25px;
left: 15px;
z-index: 2;
width: 40px;
}
.ic_menu {
width: 30px;
vertical-align: middle;
margin-right: 5px;
}


/*バナーにかさねるコーナーアイコン*/
.img_corner{
position: absolute;
top: 35px;
left: 25px;
z-index: 2;
width: 60px;
}


/*バナーにかさねる検索アイコン*/
.img_seach{
position: absolute;
top: 50px;
right: 3px;
z-index: 2;
width: 50px;
}


/*汎用アイコンサイズ指定*/
.img_ic{
width: 40px;
margin: 5px;
vertical-align:middle;
}

/* ========== シチュエーションテーマ選択 ========== */
.custom-form.theme select {
  float: left;
  width: 70%;
  margin: 0 2% 1em 0;
}
.custom-form.theme input[type="submit"] {
  width: 28%;
  padding:4px;
}

/* ■■■■ カテゴリ下文字 ■■■■ */
.cate_font{
font-weight:bold;
font-size: 16px;
color:#887853;
text-align:center;
}

/* ■■■■ リンクのみ ■■■■ */
.arrow_link {
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
}

.arrow_link li {
list-style : none;
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}

.arrow_link a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 10px;
color : #000000; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.arrow link li:last-child {
border-bottom : none;
}

.arrow_link a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 3px #daa520; /*右端　>　の色*/
border-right : solid 3px #daa520; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

.nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #dddddd; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

/* ===== 個人鑑定(advice) ===== */
.container-advice {}
.advice-text-wrap .target-prof{padding-bottom:8px;border-bottom:1px dotted #AAA}
.advice-text-wrap h2{margin:8px 0;}
.advice-text-wrap .target-prof .date{color: #AAA;display:block;font-size:12px;}
.advice-text-wrap .target-prof .advice-title{margin:0 0 8px;font-size:18px;color: #6E5249;}
.advice-text-wrap .target-prof .advice-name {display:block;line-height:1.2}
.advice-text-wrap .target-prof .advice-gender,
.advice-text-wrap .target-prof .advice-age{font-size:12px;}
.target-prof .advice-gender-f {color: #D84646;}
.target-prof .advice-gender-m {color: #467CD8;}
.target-prof:before,.target-prof:after {content:"";display:table;}
.target-prof:after{clear:both;}


/* ---コラムアコーディオン内のアイコン運気表示----------------------------------------------------------------------------------------------------------*/

.list li[class^="theme-"] a{
  padding-left:40px;
}
.list li[class^="theme-"]:before {
  content:"";
  width:32px;
  height:32px;
  position:absolute;
  top:50%;
  margin-top:-16px;
  left:4px;
　-webkit-background-size:100%;
  background-size:100%;
  background-repeat:no-repeat;
}

.list li.theme-1:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fbig_theme%2Fbgno%2F1.096.gif%26decrypt%3D1");}
.list li.theme-2:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fbig_theme%2Fbgno%2F2.096.gif%26decrypt%3D1");}
.list li.theme-4:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fbig_theme%2Fbgno%2F4.096.gif%26decrypt%3D1");}
.list li.theme-8:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fbig_theme%2Fbgno%2F8.096.gif%26decrypt%3D1");}
.list li.theme-16:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fbig_theme%2Fbgno%2F16.096.gif%26decrypt%3D1");}
.list li.theme-32:before{background-image:url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fnew%2Fic%2Fbig_theme%2Fbgno%2F32.096.gif%26decrypt%3D1");}
/* -------------------------------------------------------------------------------------------------------------*/


/*風水活用度ラジオボタン*/

.switch_2{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 5px auto;
    padding: 0;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #ccc;
}

.switch_2 li{
    padding: 0;
    margin: 0;
    position: relative;
}

.switch_2 input{
    position: absolute;
    top:-5px;
    width: 100%;
    height: 100%;
}

/*ラジオボタン*/
.switch_2 input[type="radio"]{
    opacity : 0;  
    width: 100%;  
    height: 100%;  
    padding: 0;  
}

.switch_2 li input[type="radio"]+label{
    display: block; 
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fcheck_btn_off.480.gif%26decrypt%3D1");
    background-size: 35px;
    border-bottom: 1px dotted #ccc;
    padding: 10px 20px 10px 10px;
    color: #555;
    text-decoration: none;
}

.switch_2 li input[type="radio"]:checked + label{
    background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fokuni.pga.jp%2Fimage%2Fcheck_btn_on.480.gif%26decrypt%3D1");
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: right;
}

.switch_2 li:last-child label{
    border-bottom:none;
}

.check_btn{
    text-align : center ;
    margin : 20px auto 0 ;
}

.new_tokushu .list img{
width:100%;

}

.emg {
    border-radius: 4px;      
    background: rgb(242, 120, 120);   
    border: 1px solid rgb(226, 15, 15);   
    margin: 8px;   
    padding: 4px;
    font-size: 12px;
}

.emg a{
    color:#fff;
    text-decoration:none;
    display:block;
    width:100%;
}

.text_strong {
  background: linear-gradient(transparent 30%, #bde8e1 30%);
}

/* 新着情報ヘッダー */
.heading, .heading-left{
  margin: 0;
}

/* 個別課金周り */
.f .btn-wrap{
  display: inline-block;
  width: 45%;
}

.f{
  text-align: center;
}

div#tech-result {
    padding: 10 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #887853;
}


/* アハモ表示部分　高さ */

.img{
    line-height: 1;
}