/* * * * * * * * * * * * * * * * * * * *
 * akimi custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #6d4600;
background-color : #fcf5d2;
}



/* ■■■■ リンク周り ■■■■ */
a:link{color : #b66d00;}
a:visited{color : #a98248;}



/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　赤 */
.st_1 {color : #ff0000;}

/* 強調するとき用　白 */
.st_2 {color : #ffffff;}

/* 強調するとき用　黒 */
.st_3 {color : #000000;}

/* 強調するとき用　ピンク */
.st_4 {color : #ff1e6d;}

/* 強調するとき用　薄い茶色 */
.st_5 {color : #db9255;}

/* 強調するとき用　暗い黄色 */
.st_6 {color : #5c6211;}

/* 強調するとき用　暗いクリーム色 */
.st_7 {color : #d6ce94;}

/* 強調するとき用　こげ茶色 */
.st_8 {color : #360000;}

/* 強調するとき用　ワインレッド */
.st_9 {color : #cc3333;}

/* 強調するとき用　薄いピンク */
.st_10 {color : #ffada7;}

/* 強調するとき用　薄い黄色 */
.st_11 {color : #fcf5d2;}

/* 強調するとき用　からし色 */
.st_12 {color : #daa520;}

.st_ot_1 {color : #b66d00;}
.st_ot_2 {color : #bf0000;}
.st_ot_3 {color : #c4a944;}
.st_ot_4 {color : #d00f00;}
.st_ot_5 {color : #d0826c;}
.st_red {color : red;}

/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #454d5a;
background : -webkit-gradient(linear, left top, left bottom, from(#454d5a), to(#454d5a));
font-size : 0;
line-height : 0;
width : 100%;
height : 1px;
margin : 10px auto;
}



/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #fcf5d2;
color : #6d4600;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}



/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffb501;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));
font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
/*
margin-left : 1px;
margin-right : 1px;
*/
margin-left : auto;
margin-right : auto;
margin-top : 5px;
margin-bottom : 5px;
text-align : left;
/*text-shadow : -1px -1px 0 #969696;*/
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset,0px -2px 1px rgba(0,0,0,0.3) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset,0px -2px 1px rgba(0,0,0,0.3) inset;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
text-shadow : -1px -1px 1px #7f6947, 1px 1px 1px #ffe2ba;
}



/* ■■■■ 登録する ■■■■ */
.box_reg {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #f30101;
background : -webkit-gradient(linear, left top, left bottom, from(#fff6dd), to(#f30101));

font-size : 150%;
line-height : 30px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

.box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
color : #ffffff;
padding : 10px;
margin : 50px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border-radius : 10px;
-webkit-border-radius : 10px;
background-color : #f76700;
background : -webkit-gradient(linear, left top, left bottom,);
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.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; /*枠全体の影*/
}



/* ■■■■ 汎用リスト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 : #ffffff; /*リスト内の文字色*/
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 #ccc48e; /*右端　>　の色#979797*/
border-right : solid 2px #99936b; /*右端　>　の色#979797*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
border-bottom : solid 1px #d6ce94; /*一番外の枠色#cccccc#fcf5d2;*/
width : 100%;
list-style : none;
}

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

.list_02 li img{
border-radius : 8px;
-webkit-border-radius : 8px;
width:98%;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_02 li:last-child {
list-style: none;
border-bottom : none;
}

.list_02 li a:not(.noListLink):after {
content: "";
position: absolute;
right: 30px;
top: 50%;
display: block;
width: 10px;
height: 10px;
margin-top: -4px;
border-top: solid 4px #CCC48E;
border-right: solid 4px #99936B;
-webkit-transform: rotate(45deg);
}



/* ■■■■ 枠（背景　茶色） ■■■■ */
.waku_tya {
background-color : #360000;
color : #d6ce94;
}






/* ■■■■　会員登録　■■■■ */
.reg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #d66f1a;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -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-image : linear-gradient(-90deg,#ff943d) 0%,#ff943d 40%,#F27911 60%,#F27911 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

.reg a {
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}

/* ■■■■　会員削除　■■■■ */
.unreg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #2369d9;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#3d84ff),color-stop(0.40,#3d84ff),color-stop(0.60,#2773f5),color-stop(1,#2773f5));
background-image : linear-gradient(-90deg,#3d84ff) 0%,#3d84ff 40%,#2773f5 60%,#2773f5 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

.unreg a {
color : #ffffff;
padding : 5px;
text-decoration : none;
display : block;
}



/* ■■■■　ログイン　■■■■ */
.login {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
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 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

.login a {
color : #ffffff;
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 : 0 auto;
margin-left : 0 auto;
}

.li_yoko li {
margin-right : 0 auto;
margin-left : 0 auto;
float : left;
list-style : none;
}



/* ■■■■　ナビボタン的な　■■■■ */
.navi {
/*
margin-top : 5px;
margin-bottom : 5px;
margin-right : auto;
margin-left : auto;
*/
padding : 8px 0px;
text-align : center;
}


.navi a{
color : #ffffff;
text-shadow : -1px -1px 3px #220033, 1px 1px 1px #ffb2b2;
}


.navi span.l {
padding : 5px;
border : solid 1px #5a080a;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background:#BD0E13;
}
.navi span.c {
padding : 5px;
border : solid 1px #5a080a;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background:#BD0E13;
background: linear-gradient(-90deg,#991111) 0%,#78d42d 40%,#800809 60%,#800809 100%);
}
.navi span.r {
padding : 5px;
border : solid 1px #5a080a;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background:#BD0E13;
background-image : linear-gradient(-90deg,#991111) 0%,#78d42d 40%,#800809 60%,#800809 100%);
}
.navi span.f {
padding : 5px;
border : solid 1px #5a080a;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#94100e),color-stop(0.40,#bd0e13),color-stop(0.60,#800809),color-stop(1,#800809));
background-image : linear-gradient(-90deg,#991111) 0%,#78d42d 40%,#800809 60%,#800809 100%);
}
.navi span a{
padding : 5px;
color : #ffffff; /*#fcf5d2;*/
font-size : 15px;
text-decoration : none;
text-shadow : -1px -1px 3px #220033, 1px 1px 1px #ffb2b2;
}



/* ■■■■　右チラボタン　■■■■ */
.button_right {
margin-top : 5px;
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
border : solid 1px #fffffb;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background:#E5DEB7;
background:#E5DEB7;
}
.button_right a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 12px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
display : block;
}



/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 480px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#94100e),to(#800809));
background-image : linear-gradient(-90deg,#94100e) 0%,#800809 20%,#800809 100%);
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
/*
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
*/
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 2px 2px rgba(255,255,255,0.5) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
-webkit-box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 2px 2px rgba(255,255,255,0.5) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.waku_corner a{
/*
color : #ffffff;
*/
}

.waku_corner .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #fcf5d2;
color : #ab907c;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}


.waku_corner .cap{
color : #ff1e6d;
font-size : 90%;
}


.waku_corner .main a{
/*
color : #b66d00;
*/
}




.waku_corner .main img.mg{
margin-right : 10px;
}

/* ■■■■ 画像の回り込み ■■■■ */

.float_l{
float: left;
margin-right: 1em;
}

.float_r{
float: right;
margin-right: 1em;
}

.floatclear{
clear: both;
}


/* ■■■■ 201308ここから追加 ■■■■ */


/* ■■■■ 新・会員登録ボタン ■■■■ */
.new_reg2 {
margin-right : auto;
margin-left : auto;
margin-top : 8px;
margin-bottom : 10px;
height : auto;
width : 200px;
height : auto;
text-align : center;
border : solid 1px #d66f1a;
border-radius : 8px;
-webkit-border-radius : 8px;
/*
background-image : -webkit-gradient(linear,left top,left bottom, from(#ff943d), to(#f27911));
-webkit-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;
*/
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#94100e),color-stop(0.40,#bd0e13),color-stop(0.60,#800809),color-stop(1,#800809));
background-image : linear-gradient(-90deg,#991111) 0%,#78d42d 40%,#800809 60%,#800809 100%);
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;
}

.new_reg2 a {
padding : 5px 5px 8px 5px;
font-size : 22px;
font-weight : bold;
letter-spacing : 2px;
color : #eeeeee;
text-decoration : none;
display : block;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}

.new_reg2 span{
padding : 5px 5px 5px 5px;
line-height : 14px;
font-size : 15px;
font-weight : bold;
letter-spacing : 1px;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}


/* ■■■■ 枠 コーナー囲む用 赤■■■■ */
.corner01 {
margin : 0px 0px 0px 0px;
max-width : 480px;
height: auto;
padding : 0px;
border : none;
/*
border-top : solid 2px #333333;
border-bottom : solid 2px #333333;
border-left : solid 2px #333333;
border-right : solid 2px #333333;
border-bottom-left-radius : 5px;
border-bottom-right-radius : 5px;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
*/
font-size : 110%;
background-color : #F8BCAB;
color: #360000;
}


.corner01 .main {
width : auto;
height: auto;
border : none;
margin : 0 auto;
padding : 10px;
}

.corner01 .main a{
/*
color : #ffada7;
*/
}


/* ■■■■ 枠 コーナー囲む用2 白背景 ■■■■ */
.corner02 {
margin : 0px 0px 30px 0px;
max-width : 480px;
height: auto;
padding : 0px;
border : none;
font-size : 110%;
background-color : #fcf5d2;
background-image: url("/i.cgi?n=bg/01");
color : #6d4600;
}


.corner02 .main {
width : auto;
height: auto;
border : none;
margin : 0 auto;
padding : 10px;
font-size : 110%;
}

.corner02 .main a{
/*
color : #b66d00;
*/
}



/* ■■■■ 枠(タイトルなし　赤ぶち) ■■■■ */
.corner03 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 480px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#94100e),to(#800809));
background-image : linear-gradient(-90deg,#94100e) 0%,#800809 20%,#800809 100%);
padding : 2px;
padding-top : 2px;
text-align : center;
border-radius : 6px;
box-shadow : 2px 2px 3px rgba(50,50,50,1),0px 0px 1px rgba(0,0,0,0.5) inset;
/*
-webkit-box-shadow : 1px 1px 2px #dddddd;
*/
}


.corner03 .main {
width : auto;
height: auto;
border : none;
background-color : #fcf5d2;
color : #ab907c;
margin : 0 auto;
padding : 10px;
border-radius : 4px;
box-shadow : 2px 2px 3px rgba(50,50,50,1),0px 0px 1px rgba(0,0,0,0.5) inset;
/*
-webkit-box-shadow : 1px 1px 2px #dddddd;
*/
}





/* ■■■■ 枠(タイトルあり) 追加　茶■■■■ */
.corner04 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 480px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#66470a),to(#331c05));
background-image : linear-gradient(-90deg,#66470a) 0%,#331c05 20%,#331c05 100%);
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 2px 2px 3px rgba(50,50,50,1),0px 0px 1px rgba(0,0,0,0.5) inset,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 2px 2px 3px rgba(50,50,50,1),0px 0px 1px rgba(0,0,0,0.5) inset,0px 2px 2px rgba(255,255,255,0.5) inset;
}

.corner04 a{
/*
color : #ffffff;
*/
}

.corner04 .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #fcf5d2;
color : #6d4600;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
/*
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
*/
}

.corner04 .main a{
/*
color : #ffffff; /*#b66d00;*/
*/
}



/* ■■■■ コンテナー ■■■■ */
#container {
background-color : #fcf5d2;
background-image: url("/i.cgi?n=bg/01");
color : #6d4600;
position : relative;
margin : 0 auto;
/*padding : 5px;*/
max-width : 380px;
box-shadow : 0px 0px 10px 10px #360000;
-webkit-box-shadow : 0px 0px 10px 10px #360000;
text-align : left;
font-size : 110%;
}


/* ■■■■ 高さゼロ ■■■■ */

.lh0 {
line-height : 0px;
font-size : 0;
}

.icon {
zoom : 50%;
/*
width : 25px;
*/
}


/* ■■■■ 汎用リスト03 一番上だけ色つき ■■■■ */
.list_03 {
border-bottom : solid 0px #fcf5d2; /*一番外の枠色*/
list-style : none;
margin-top : 0px;
margin-bottom : 0px;
padding : 0px 5px;
}


.list_03 li .cap {
color : #ffada7;
font-size : 110%;
}

.list_03 li .cap2 {
color : #d6ce94;
}


.list_03 li {
position : relative;
height : auto;
border-bottom : 1px solid #d6ce94;
border-top : none;
padding : 10px 5px;
color : #fcf5d2;
font-size : 90%;
}



.list_03 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_03 li:last-child {
/*border-bottom : none;*/
/*
border-bottom-left-radius : 5px;
border-bottom-right-radius : 5px;
*/
}

.list_03 li:first-child {
padding : 5px;
font-size : 100%;
height : auto;
background-color : #fcf5d2;
color : #ff1e6d;
border : none;
/*
text-shadow: 1px 1px 3px #999999;
*/
}

.list_03 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 1px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #ccc48e; /*右端　>　の色#979797*/
border-right : solid 2px #99936b; /*右端　>　の色#979797*/
-webkit-transform : rotate(45deg);
}


/* ■■■■ 汎用リスト04 一番上だけ色つき 赤 #360000　■■■■ */
.list_04 {
border-bottom : solid 0px #fcf5d2; /*一番外の枠色*/
list-style : none;
margin-top : 0px;
margin-bottom : 0px;
padding : 0px 5px;
}


.list_04 li .cap {
color : #ff1e6d;
font-size : 110%;
}

.list_04 li .cap2 {
color : #d6ce94;
}


.list_04 li {
position : relative;
height : auto;
border-bottom : 1px solid #d6ce94;
border-top : none;
padding : 10px 5px;
color :  #6d4600;
font-size : 90%;
}



.list_04 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
text-decoration : none;
-webkit-box-sizing : border-box;
}


.list_04 li:first-child {
padding : 5px;
font-size : 100%;
height : auto;
background-color : #360000;
color : #ffffff;
text-align : center;
border : none;
text-shadow: 1px 1px 3px #999999;
}

.list_04 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 1px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #ccc48e; /*右端　>　の色#979797*/
border-right : solid 2px #99936b; /*右端　>　の色#979797*/
-webkit-transform : rotate(45deg);
}









/* ■■■■ キャプション用 ■■■■ */
.caption01 {
/* color: #FFF; */
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 5px #4D4D4D;
text-align: center;
padding-bottom: 5px;
letter-spacing: 0.1em;
}


/* 強調するとき用　bodyと同じ色 */
.st_13 {color : #6d4600;}




/* ■■■■ 枠（背景　茶色） ■■■■ */
.title {
/*background-color : #360000;*/
color : #ffffff;
margin : 0 auto; 
}


/* ■■■■ リスト（横幅50％） ■■■■ */
.mtop_block {
height : auto;
padding : 5px;
border-bottom : 1px solid #d6ce94;
vertical-align : bottom;
}

.mtop_block-list {
overflow : hidden;
}

.mtop_block-list li {
float : left;
width : 50%;
}

.mtop_block-list li a {
background-position : 5px 50%;
text-decoration : none;
background-repeat : no-repeat;
border-color : #d6ce94;
border-style : solid;
border-width : 0 1px 1px 0;
display : block;
height : 43px;
line-height : 43px;
padding-left : 5px;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
color : #db9255;
}

.mtop_block-list li:nth-child(even) a {
border-right : none;
}

.mtop_block-list li.w100 {
width : 100%;
border-right : none;
}



/* ■■■■　ナビボタン的な2 　■■■■ */
.navi_02 {
margin : 12px;
margin-right : auto;
margin-left : auto;
padding : 0;
text-align : center;
}


.navi_02 a{
color : #360000;
text-shadow : -1px -1px 3px #99947a, 1px 1px 1px #fcfcfc;
}


.navi_02 span.l {
padding : 5px;
border : solid 1px #d6ce94;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background-image : -webkit-gradient(linear,0 0,0 25,from(#fcf8e3),to(#e5deb7));
background-image : linear-gradient(-90deg,#fcf8e3) 0%,#e5deb7 20%,#e5deb7 100%);
}
.navi_02 span.c {
padding : 5px;
border : solid 1px #d6ce94;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background-image : -webkit-gradient(linear,0 0,0 25,from(#fcf8e3),to(#e5deb7));
background-image : linear-gradient(-90deg,#fcf8e3) 0%,#e5deb7 20%,#e5deb7 100%);
}
.navi_02 span.r {
padding : 5px;
border : solid 1px #d6ce94;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background-image : -webkit-gradient(linear,0 0,0 25,from(#fcf8e3),to(#e5deb7));
background-image : linear-gradient(-90deg,#fcf8e3) 0%,#e5deb7 20%,#e5deb7 100%);
}
.navi_02 span.f {
padding : 5px;
border : solid 1px #d6ce94;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background-image : -webkit-gradient(linear,0 0,0 25,from(#fcf8e3),to(#e5deb7));
background-image : linear-gradient(-90deg,#fcf8e3) 0%,#e5deb7 20%,#e5deb7 100%);
}
.navi_02 span a{
padding : 5px;
color : #66470a; /*#fcf5d2;*/
font-size : 15px;
text-decoration : none;
text-shadow : -1px -1px 3px #99947a, 1px 1px 1px #fcfcfc;
}



/* ■■■■　右チラボタン２　■■■■ */
.button_right_02 {
margin-top : 5px;
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
border : solid 1px #d6ce94;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000000,0px 2px 2px rgba(255,255,255,0.5) inset;
background-image : -webkit-gradient(linear,0 0,0 25,from(#fcf8e3),to(#e5deb7));
background-image : linear-gradient(-90deg,#fcf8e3) 0%,#e5deb7 20%,#e5deb7 100%);
}

.button_right_02 a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 12px;
color : #66470a; /*#360000;*/
font-weight : bold;
text-decoration : none;
display : block;
text-shadow : -1px -1px 3px #99947a, 1px 1px 1px #fcfcfc;
}


/* ■■■■ resultページテキスト用 ■■■■ */
.result_text1 {
margin-right : 25px;
margin-left : 25px;
font-size : 15px;
line-height : 25px;
}


/* ■■■■ マーケボックス ■■■■ */
#mark_box{
border : 1px solid #999999;
border-radius : 4px;
background: -moz-linear-gradient(top,#ebebeb 0%,#ffffff 50%,#ebebeb);
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb),color-stop(0.50, #ffffff),to(#ebebeb));
width:95%;
height:auto;
margin:0 auto;
padding:5px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: box;
}
#box1 {
width:80px;
margin-right:10px;
}
#box2 {
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
}



/* ■■■■ ボックス01 ■■■■ */
.box_01 {
border : none;
width : 100%;
padding : 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.box_02 {
background-color : #fcf5d2;
background-image: url("/i.cgi?n=bg/01");
border : none;
width : 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/* ■■■■ コンテナー02 ■■■■ */
#container_02 {
background-color : #fcf5d2;
/*background-image: url("/i.cgi?n=bg/01");*/
color : #6d4600;
position : relative;
margin : 0 auto;
/*padding : 5px;*/
max-width : 380px;
box-shadow : 0px 0px 10px 10px #360000;
-webkit-box-shadow : 0px 0px 10px 10px #360000;
text-align : left;
font-size : 110%;
}


/* ■■■■ パッケージ用リスト■■■■ */
ul.kob_list_01 {
border-top: 1px solid rgb(214, 206, 148);
margin-bottom:  0px;
}

ul.kob_list_01 li {
border-bottom: 1px solid rgb(214, 206, 148);
letter-spacing: 0em;
list-style : none;
}


ul.kob_list_01 li a {
display: block;
padding: 10px 40px 10px 20px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
color: #5c6211;
position: relative;
}


ul.kob_list_01 li a .package {
font-weight: bold;
font-size: 14px;
text-shadow: 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.8);
color :#722f7b;
letter-spacing: 0.1em;
}

ul.kob_list_01 li a .name {
font-weight: bold;
font-size: 14px;
text-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.8);
color :#49603a;
letter-spacing: 0.1em;
}


ul.kob_list_01 li a .price {
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.7);*/
color :#49603a;
}


ul.kob_list_01 li a .cap {
color :#b66d00;
font-size : 80%;
}


ul.kob_list_01 li a .buy {
font-weight: bold;
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(255, 255, 255, 0.8);*/
color : #882c3c;
}


ul.kob_list_01 li a .limit {
font-weight: bold;
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.7);*/
color :#49603a;
}


ul.kob_list_01 li a .date {
font-weight: bold;
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(255, 255, 255, 0.8);*/
color : #882c3c;
}


ul.kob_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 #cccccc; /*右端　>　の色*/
border-right : solid 2px #808080; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

ul.kob_list_01 li .list-group-now {
display: block;
padding: 10px 40px 10px 20px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
color: #5c6211;
position: relative;
}

li .reading {
display: block;
padding: 10px 40px 10px 20px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
color: #5c6211;
position: relative;
}


/* ■■■■ ライン用 ■■■■ */
.line {
margin : 8px 0px;
width : 100%;
height : 8px;
line-height : 0;
opacity: 0.8;
}


/* ■■■■ アイコン用 ■■■■ */
img.icon_02 {
zoom : 80%;
vertical-align : middle;
}


.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}

.pager{
font-size: 20px;
text-align: center;
letter-spacing: 20px;
}


/*以下、201411のスマホ最適化*/
/* * * * * * * * * * * * * * * * * * * *
 * anzai mtop.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■　セクション名 ■■■■ */
.news{}
.mtop_day {}
.tarot{
background-color:#360000;
}

.timing{
background-color:#360000;
}

.time{
background-color:#360000;
}

.aisho{
background: #d5e7ff;
}

/* ■■■■ 文字リード ■■■■ */
.lead_main {
text-align: center;
font-weight: bold;
margin-bottom: 8px;
color: #a00606;
font-size: 16px;
margin-top: 5px;
}

/* ■■■■ list共通 ■■■■ */

.list_base {
background: #FCF5D2;
border: 1px solid #A98248;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
margin: 0 0 10px 0;
}
.list_base ul{
margin:0;
}
.list_base li {
padding: 14px;
list-style : none;
position : relative;
border-bottom : solid 1px #a98248; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}

.list_base .title{
font-size: 16px;
background-color: #D07C88;
color: #FFF;
padding: 3px;
margin: 0 auto;
font-weight: bold;
text-align: center;
border-bottom: none;
}

.list_base li.cate_mini{
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
line-height: 24px;
box-sizing: border-box;
padding: auto;
background: #F8BCAB;
}

/***************situationボタンもっと読む*****/
.list_base li .cate_mini .r_btn{
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
/* float: right; */
margin-right: 10px;
max-height:15px;
}

.list_base li .r_btn a{
display: inline-block;
margin: auto;
text-align: center;
color: #FFF;
text-decoration: none;
background: #F95E70;
border-radius: 4px;
padding: 0 16px;
line-height: 24px;
font-size: 14px;
box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
}


.list_base a .caption{
color:#a98248;
font-size:12px;
}



.list_base a:not(.noListLink) {
position: relative;
display: block;
color: #A98248;
font-size: 18px;
text-decoration: none;
}

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

.list_base a:not(.noListLink):after {
line-height: 1;
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-right: 3px solid #FF7272;
border-bottom: 3px solid #FF7272;
transform: rotate(-45deg);
-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_base .title1{
padding:5px;
text-align: center;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.87, #F9D5C0), color-stop(0.00, #FCF5D2));
background: -webkit-linear-gradient(top, #FCF5D2 0%, #F9D5C0 87%);
background: -moz-linear-gradient(top, #FCF5D2 0%, #F9D5C0 87%);
background: -o-linear-gradient(top, #FCF5D2 0%, #F9D5C0 87%);
}

.list_base .title2{
padding:5px;
text-align: center;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F8BCAB), color-stop(0.00, #FBE4CF));
background: -webkit-linear-gradient(#FBE4CF, #F8BCAB);
background: -moz-linear-gradient(#FBE4CF, #F8BCAB);
background: -o-linear-gradient(#FBE4CF, #F8BCAB);
background: -ms-linear-gradient(#FBE4CF, #F8BCAB);
background: linear-gradient(#FBE4CF, #F8BCAB);
}

.list_base .title3{
padding:5px;
text-align: center;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F69D96), color-stop(0.00, #F8BCAB));
background: -webkit-linear-gradient(#F8BCAB, #F69D96);
background: -moz-linear-gradient(#F8BCAB, #F69D96);
background: -o-linear-gradient(#F8BCAB, #F69D96);
background: -ms-linear-gradient(#F8BCAB, #F69D96);
background: linear-gradient(#F8BCAB, #F69D96);
}


.list_base .title4{
padding:5px;
text-align: center;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F69D96), color-stop(0.00, #F8BCAB));
background: -webkit-linear-gradient(#F8BCAB, #F69D96);
background: -moz-linear-gradient(#F8BCAB, #F69D96);
background: -o-linear-gradient(#F8BCAB, #F69D96);
background: -ms-linear-gradient(#F8BCAB, #F69D96);
background: linear-gradient(#F8BCAB, #F69D96);
}
.list_base .title5{
padding:5px;
text-align: center;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e16156), color-stop(0.00, #f7b1ab));
background: -webkit-linear-gradient(#f7b1ab, #e16156);
background: -moz-linear-gradient(#f7b1ab, #e16156);
background: -o-linear-gradient(#f7b1ab, #e16156);
background: -ms-linear-gradient(#f7b1ab, #e16156);
background: linear-gradient(#f7b1ab, #e16156);
}

/* ■■■■ list共通2 ■■■■ */

.list_base2 {
padding:10px;
margin:0 10px;
background: #FCF5D2;
border: 1px solid #A98248;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
border-radius:8px;
}
.list_base2 ul{
margin:0;
}
.list_base2 li {
list-style : none;
position : relative;
border-bottom : solid 1px #a98248; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}

.list_base2 .title{
font-size: 16px;
color: #FFF;
padding: 3px;
margin: 0 auto;
font-weight: bold;
text-align: center;
border-bottom: none;
}

.list_base2 .category{
font-size: 16px;
padding: 3px;
font-weight: bold;
text-align: center;
}


.list_base2 a .caption{
color:#ba8068;
font-size:12px;
}



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

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

.list_base2 a:not(.noListLink):after {
line-height: 1;
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-right: 3px solid #FF7272;
border-bottom: 3px solid #FF7272;
transform: rotate(-45deg);
-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;
}



/* ■■■■ list3つわり ■■■■ */
.list_three {
background: #ffffff;
border-bottom: 2px dotted #D6CE94;
}
.list_three ul{
margin: 0;
width: 100%;
}
.list_three li {
padding: 0px 5px;
list-style: none;
border-right: dotted 1px #D6CE94;
border-bottom: dotted 1px #D6CE94;
height: auto;
overflow: hidden;
width: 33.33%;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.list_three a .title{
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 0px;
}
.list_three a .caption{
color:#f1612c;
font-size:12px;
}

.list_three .result {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
color :  #f1612c; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}

.list_three a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
color :  #f1612c; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}
.list_three li:last-child {
border-bottom : 0;
}
.list_three a:not(.noListLink):after {
line-height: 1;
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-right: 3px solid #f1612c;
border-bottom: 3px solid #f1612c;
transform: rotate(-45deg);
-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;
}

/* ===== ■流運セクション■ ===== */
.daily-mtop {margin: 0 8px 24px;background: #FFF;border: 2px solid #66610A;;border-radius: 8px;}
.daily-mtop .section-header {
background: #f88405;
color: #FFFFFF;
padding: 3px;
line-height: 1;
height: 3px;
margin-bottom: -5px;
}
.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 img{
position: relative;
width: 80%;
top: -38px;
}

.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: 
-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #de4f87), color-stop(0.00, #e689ba));
background: -webkit-linear-gradient(#e689ba, #de4f87);
background: -moz-linear-gradient(#e689ba, #de4f87);
background: -o-linear-gradient(#e689ba, #de4f87);
background: -ms-linear-gradient(#e689ba, #de4f87);
background: linear-gradient(#e689ba, #de4f87);

  padding: 4px;
  margin: 0;
}


/***************バー*****/
.daily-mtop .bar_red {
background: #66610A;
color: #fff;
padding: 7px;
font-size: 15px;
font-weight: bold;
margin: 0px 0 0px 0;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
}

.daily-mtop .bar_red2 {
background: #A98248;
color: #fff;
padding: 7px;
font-size: 15px;
font-weight: bold;
margin: 0px 0 0px 0;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
}


/* ■■■■ 日運結果 ■■■■ */
.daily-mtop .res_text {
text-align: center;
font-weight: bold;
margin-bottom: 8px;
color: #6c4c4c;
font-size: 16px;
}


/***************バー*****/
.bar_red {
background:#D26A5B;
color: #fff;
padding: 7px;
font-size: 15px;
font-weight: bold;
margin: 0px 0 0px 0;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
}


/***************situationボタンもっと読む*****/
.list_base .r_btn{
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: right;
margin-right: 10px;
box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
}
.list_base .r_btn a{
  display:inline-block;
  margin:auto;
  text-align:center;
  color: #FFF;
  text-decoration:none;
  background: #F95E70;
  border-radius:4px;
  padding:4px 16px;
}

/***************ボタンもっと読む*****/
.btn_readmore{
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: right;
margin-right: 10px;
}

.btn_readmore a {
display: inline-block;
margin: auto;
text-align: center;
color: #FFF;
text-decoration: none;
background: #F95E70;
border-radius: 4px;
padding: 0 16px;
line-height: 24px;
font-size: 14px;
box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
}

/*==========汎用ボタン===========*/
.btn_base{
width: 180px;
height: auto;
border: #51330C;
border-style: double;
background: #DDCCA7;
border-radius: 5px;
text-align: center;
vertical-align: middle;
font-size: 18px;
padding: 6px;
margin: auto;
text-decoration: none;
display: block;
box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 1px 1px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.btn_base a{
text-decoration:none;
color:#240505;
font-weight:bold;
}


.bg_brown .btn_base{
width: 180px;
height: auto;
border:3px solid #51330C;
background: #FCC9BB;
border-radius: 5px;
text-align: center;
vertical-align: middle;
font-size: 18px;
padding: 10px;
margin-top: 5px;
text-decoration: none;
display: block;
box-shadow: 5px 5px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 5px 5px 2px 1px #000,0px 2px 2px rgba(255, 255, 255, 0.5) inset;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3"
}

.bg_brown .btn_base a{
text-decoration:none;
color:#240505;
font-weight:bold;
}






/* ■■■■　チップ　■■■■ */
.tip {
display: inline-block;
line-height: 1;
font-size: 10px;
color: #FFF;
padding: 2px 8px;
background: #666;
margin-right: 3px;
border-radius: 2px;
margin-bottom: 5px;
}
.tip.ready{background: #E9503B}
.list li a:hover,list li a,hover{
  background:inherit;
}


/* ■■■■ aishoリード ■■■■ */
.aisho .lead {
text-align: center;
font-weight: bold;
margin-bottom: 8px;
color: #6685FF;
font-size: 15px;
}



/* ■■■■ aishoセクションlist共通 ■■■■ */

.aisho .link_base {
background: #ffffff;
margin: 8px;
border-radius : 8px;
border: 1px solid #f88405; /*横幅*/ /*高さ　自動*/ /*枠と文字の隙間　上右下左*/
box-shadow: 2px 2px 2px rgba(0,0,0,0.5); /*枠全体の影*/ /*枠全体の影*/
}

.aisho .link_base ul{
margin:0;
}

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

.aisho .link_base a .title{
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 0px;
}

.aisho .link_base a .caption{
color:#f88405;
font-size:12px;
}



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

.aisho .link_base li:last-child {
border-bottom : 0;
}

.aisho .link_base a:not(.noListLink):after {
line-height: 1;
display: block;
content: "";
position: absolute;
top: 50%;
right: 0px;
width: 7px;
height: 7px;
margin-top: -4px;
border-right: 3px solid #FF7272;
border-bottom: 3px solid #FF7272;
transform: rotate(-45deg);
-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;
}

.col1-2 {
    width: 50%
}

.col1-5 {
    width: 20%
}


/* ===== 個別課金 ===== */
.list-kobetsu{
  margin:8px;
  border:0;
  color:#000;
}
.list-kobetsu li{
list-style-type: none;
border: 0;
background-color: #FFF;
border-radius: 4px;
box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.25);
padding: 8px 12px 8px 8px;
margin-bottom: 20px;
}

.list-kobetsu li img{
margin:10px;
}


.list-kobetsu li a{
 text-decoration:none;
}

.list-kobetsu .menu_name{
  font-weight:bold;
  color: #a00606;
  margin-top: 10px;
}
.list-kobetsu .pack_caption{
  color:#666;
  font-size:12px;
}


/* ■■■■　背景茶　セクション ■■■■ */
.bg_brown{
background-color: #360000;
color:#fff;
}

.bg_brown .list_base {
background: #220202;
border: 1px solid #371604;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

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

.bg_brown .list_base .title{
font-size: 16px;
color: #FFF;
padding: 3px;
margin: 0 auto;
font-weight: bold;
text-align: center;
border-bottom: none;
}

.bg_brown .list_base .category{
font-size: 16px;
padding: 3px;
font-weight: bold;
text-align: center;
}


.bg_brown .list_base a .caption{
color:#a98248;
font-size:12px;
}

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

.bg_brown .list_base li:last-child {
border-bottom : 0;
}

.bg_brown .list_base a:not(.noListLink):after {
line-height: 1;
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-right: 3px solid #371604;
border-bottom: 3px solid #371604;
transform: rotate(-45deg);
-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;
}


.bg_brown .lead_main {
text-align: center;
font-weight: bold;
margin-bottom: 8px;
color: #BA8068;
font-size: 16px;
margin-top:10px;
}


.bg_brown .bar_red {
background:#180202;
color: #fff;
padding: 7px;
font-size: 15px;
font-weight: bold;
margin: 0px 0 0px 0;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
}

/* ■■■■　背景茶 リスト２ ■■■■ */

.bg_brown .list_base2 {
border-radius: 8px;
background: #35140D;
border: 1px solid #523A2C;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
margin: 0 10px;
}

.bg_brown.list_base2 ul{
margin:0;
}
.bg_brown .list_base2 li {
list-style: none;
position: relative;
border-bottom: solid 1px #3F2516;
height: auto;
overflow: hidden;
}

.bg_brown .list_base2 .title{
font-size: 24px;
color: #FFD1C4;
padding: 3px;
margin: 0 auto;
font-weight: bold;
text-align: center;
border-bottom: none;
}

.bg_brown .list_base2 .category{
font-size: 20px;
padding: 14px;
font-weight: bold;
vertical-align: middle;
color: #BA8068;
}


.bg_brown .list_base2 a .caption{
color:#ba8068;
font-size:12px;
}

.bg_brown .list_base2 a:not(.noListLink) {
text-decoration: none;
position: relative;
display: block;
padding: 10px 15px 10px 10px;
color: #A98248;
font-size: 18px;
text-decoration: none;
}

.bg_brown .list_base2 li:last-child {
border-bottom : 0;
}

.bg_brown .list_base2 a:not(.noListLink):after {
line-height: 1;
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-right: 3px solid #BA8068;
border-bottom: 3px solid #BA8068;
transform: rotate(-45deg);
-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;
}

/* ■■■■ 画像フロート+吹き出し設定 ■■■■ */
.photo_r, .photo_l{
margin-left: 10px;
display: table;
table-layout: fixed;
width: 100%;
min-height: 100px;
} 
.photo_r .inner, .photo_l .inner{
display:table-cell;
vertical-align: middle;
width: 80%;
}
.photo_r .inner:last-child, .photo_l .inner:first-child{
width: 20%;
/* vertical-align: top; */
}
.photo_r .inner img, .photo_l .inner img{width:100%;}
.baloon {
background:#FFF;
position:relative;
border: 2px solid #222;
padding: 12px;
border-radius:16px;
}
.photo_l .baloon {margin-left: 10px;}
.photo_r .baloon {margin-right: 10px;}
p.baloon{
font-size:0.85em;
}
.photo_r .baloon{padding-right:16px;}
.photo_l .baloon{padding-left: 16px;
margin-right: 30px;
border-color: #66610A;
}
.baloon:after{
content:"";
position:absolute;
width:20px;
height:20px;
background:#FFF;
border-style:solid;
border-color: #222;
top: 50%;
margin-top:-0.6em;
-webkit-transform: rotate(-22.5deg) skew(45deg) scale(1,0.7);
}
.photo_l .baloon:after{
left:-13px;
border-width:2px 0 0 2px;
}
.photo_r .baloon:after{
right:-13px;
border-width:0 2px 2px 0;
} 
.qa {
background:url("/image/bg/05.sp.480.png")repeat;
background-size:15px;
}

.title {
text-align: center;
font-weight: bold;
margin-bottom: 8px;
color: #A98248;
font-size: 16px;
}
.tokushu_cb{
border: 3px solid #FFF;
display: inline-block;
margin: auto;
text-align: left;
color: #FFF;
text-decoration: none;
background: #DF7581;
border-radius: 4px;
padding: 14px;
line-height: 24px;
font-size: 25px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
width: 90%;
}


@charset "shift-jis";

.custom-form{
    line-height:20px;
    margin : 10px auto;
    padding:0 10px;
    max-width: 480px;
}

.custom-form form > label{
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-size:1em;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.custom-form form > span{
font-size:0.8em;
}

.custom-form form{
	margin:10px;
}

.custom-form label.necessary:after, .custom-form label.optional:after{
content:"";
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 6px;
height:18px;
font-size:12px;
color:#FFF;
font-weight:400;
border-radius:2px;
margin:0 5px;
}

.custom-form label.necessary:after{
content:"\5FC5\9808";
background:#e83f20;
}
.custom-form label.optional:after{
content:"任意";
background:#2065E8;
}

.custom-form input,
.custom-form select,
.custom-form textarea{
border:0;
padding:7px 5px;
font-size:1.2em;
color: #666;
border:solid 1px #ccc;
margin:5px 0 15px;
width:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.custom-form input:focus,
.custom-form textarea:focus{
    outline:none;
    border:solid 1px #b46a8e;
}

.custom-form select{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding:7px 50px 7px 5px;
    border: none;
    cursor: pointer;
	background:#fff url(/image/edit/select_arrow.sp.480.png) no-repeat right center;
}

.custom-form .radio{
	margin:10px 0;
	list-style:none;
}

.custom-form .radio li{
	float:left;
	position:relative;
	width:50%;
}

.custom-form .radio li input{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#ccc;
}

.custom-form .radio li input + label{
	display:block;
	background:#ccc;
	padding:10px 0;
	color:#666;
	text-align:center;
	-webkit-transition-property:background, color;
	-webkit-transition-duration:250ms;
	-webkit-transition-timing-function:linear;
}

.custom-form .radio:after{
	display:block;
	content:"";
	clear:both;
}

.custom-form .radio li:first-child input + label{
	border-radius:4px 0 0 4px;
}

.custom-form .radio li:last-child input + label{
	border-radius:0 4px 4px 0;
}

.custom-form .radio li:first-child input:checked + label{
	background:#FF5353;
    color:#fff;
}

.custom-form .radio li:last-child input:checked + label{
	background:#3A68CA;
    color:#fff;
}

.custom-form .checkbox li{
	display:table;
	table-layout:fixed;
	width:100%;
	height:45px;
	border-bottom:1px solid #ccc;
}

.custom-form .checkbox li .inner{
	display:table-cell;
	vertical-align:middle;
}

.custom-form .checkbox li .inner:first-child{
	width:40px;
	text-align:center;
}


.custom-form .checkbox li .inner label{
	display:block;
	font-size:1.1em;
}
.custom-form input[type="checkbox"]{
	display:block;
	width:25px;
	height:25px;
	margin:5px;
}
.custom-form .form-textInfo{
	margin:10px 0;
}

.custom-form .submit{
	width:65%;
	margin:0 auto;
}

.custom-form .submit input{
	border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -ms-border-radius: 5px;
   width:100%;
   height:30px;
   padding:0;
   margin:5px auto;
   text-align:center;
   cursor:pointer;
   color:#666;
   font-weight:bold;
   background:#fff;
}

.custom-form .submit_small{
	width:30%;
	margin:0 auto;
}

.custom-form .submitsmall input{
	border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -ms-border-radius: 5px;
   width:100%;
   height:30px;
   padding:0;
   margin:5px auto;
   text-align:center;
   cursor:pointer;
   color:#666;
   font-weight:bold;
   background:#fff;
}


/* ■■■■ 確認画面デザイン ■■■■ */

.confirmation-form{
	table-layout: fixed;
	margin:15px auto;
	empty-cells: hide;
	width: 95%;
	max-width:480px;
}

.confirmation-form tbody{
	border:1px solid #D4D4D4;
}

.confirmation-form tr{
	height:40px;
	width:100%;
	border-bottom:1px solid #D4D4D4;
}

.confirmation-form td{
vertical-align:middle;
text-align: center;
background: #E73E13;
padding:0 5px;
}

.confirmation-form td:nth-child(odd){
	width:40%;
	color:#fff;
}

.confirmation-form td:nth-child(even){
	width:60%;
	background:none;
	color:inherit;
}

/* ■■■■ 枠（白　角丸） ■■■■ */
.waku_form {
border : solid 1px #c8a600; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #010115; /*背景色*/
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; /*枠全体の影*/
}


/* ■■■■ ボタン制御（横幅） ■■■■ */
.edit_button01 {
display : block;
width : 150px;
height : 30px;
margin-left : auto;
margin-right : auto;
margin-top : 8px;
margin-bottom : 8px;
text-align : center;
border-radius : 12px;
border : solid 1px #ffffff;
box-shadow : 1px 1px 2px 1px #aaaaaa;
-webkit-box-shadow : 1px 1px 2px 1px #aaaaaa;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),color-stop(0.40,#e8e8e8),color-stop(0.60,#b8b8b8),color-stop(1,#b8b8b8));
background-image : linear-gradient(-90deg,#e8e8e8) 0%,#e8e8e8 40%,#b8b8b8 60%,#b8b8b8 100%);
}

.edit_button01 a{
color : #000000;
text-decoration : none;
font-size : 12px;
padding : 9px;
}

.edit_button02 {
margin: 5px auto 5px auto;
height: auto;
width: 65%;
text-align: center;
border-top: solid 1px #F95E70;/*#484D57;*/
border-radius: 8px;
background: #F95E70;
/* ◆元の色指定メモ◆
rgb(30,7,63);
background: -moz-linear-gradient(top, rgba(30,7,63,1) 0%, rgba(29,25,56,1) 0%, rgba(29,25,56,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,7,63,1)), color-stop(0%,rgba(29,25,56,1)), color-stop(100%,rgba(29,25,56,1)));
background: -webkit-linear-gradient(top, rgba(30,7,63,1) 0%,rgba(29,25,56,1) 0%,rgba(29,25,56,1) 100%);
background: -o-linear-gradient(top, rgba(30,7,63,1) 0%,rgba(29,25,56,1) 0%,rgba(29,25,56,1) 100%);
background: -ms-linear-gradient(top, rgba(30,7,63,1) 0%,rgba(29,25,56,1) 0%,rgba(29,25,56,1) 100%);
background: linear-gradient(to bottom, rgba(30,7,63,1) 0%,rgba(29,25,56,1) 0%,rgba(14, 11, 36, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e073f', endColorstr='#1d1938',GradientType=0 );
*/
}

.edit_button02 a {
padding: 10px;
font-size: 1em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
display: block;
}

/* ページの隙間の幅づくり */
.sel_box {
margin: 0 20px;
padding: 0;
}


.rank_tip {
display: inline-block;
font-size: 16px;
color: #FFF;
padding: 5px 8px;
background: #A51010;
border-radius: 2px;
font-weight: bold;
margin-left:10px;
}

/* 対応端末変更CSS */
.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%;
}

.daredemo{
font-size: 20px;
text-align: center;
}
.kati{
font-size: 25px;
color: #ff1e6d;
}
.siawase{
font-size: 25px;
color: #ff1e6d;
}
.unnki1{
 font-size: 10px;
}
.dai1{
  border: 1px solid #fff;
  height: 70px;
  color: #ff1e6d;
  font-size: 30px;
}
.bgcolor{
background-image: linear-gradient(#fefefe,#fcf5d2);
    background-color: #fff;
    background-image: linear-gradient(#fff,#fdfae7);
    background-color: #fcf5d2;
    height: 95px;
    margin-bottom: 30px;
    padding: 1px;
}
div div img{
vertical-align: top;
}


.bgcolor2{
background-color:#FFFFFF;
margin-top: 30px;
margin-bottom: 30px;
}