@charset "Shift_JIS";

/* * * * * * * * * * * * * * * * * * * *
 * kokura custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #C7C0C0;
background-color : #000000;
margin: 0 auto;
max-width: 480px;
}

ul, ol, li {
	list-style:none;
} 

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

a {
    text-decoration:none;
}
a,
input[type="radio"] {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a.tap {
	background-color:rgba(234,165,53,0.3);
	color:#E88F00;
}

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

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

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

/* 強調するとき用　オレンジ */
.st_4 {color : #e96615;}

/* 強調するとき用　黄土色 */
.st_5 {color : #C59123;}

/* 強調するとき用　肌色 */
.st_6 {color : #ffc774;}

/* 強調するとき用　濃いピンク */
.st_7 {color : #DC143C;}

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

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

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

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

/* 強調するとき用　茶色 */
.st_12 {color : #ca873f;}

.st_ot_1 {color : #5f2215;}
.st_ot_2 {color : #b03e00;}
.st_ot_3 {color : #d3073c;}
.st_ot_4 {color : #dc143c;}
.st_ot_5 {color : #f2e78f;}
.st_ot_6 {color : #ffc0cb;}
.st_black {color : black;}
.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 : #fd9640;
color : #ffeee1;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
font-size:90%;
}


/* ■■■■ 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;
text-align : left;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

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



/* ■■■■ 登録する ■■■■ */
.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 {
padding : 5px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border : solid 3px #f76700;
border-radius : 10px;
-webkit-border-radius : 10px;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.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 : #000000; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_01 li:last-child {
border-bottom :0 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 #ee7523; /*一番外の枠色*/
width : 100%;
list-style : none;
}

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

.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 {
border-bottom : none;
}

.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);
}





.waku_pink {
background-color : #ffefd4;
}








/* ■■■■　会員登録　■■■■ */
.reg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 13px;
width :70%;
height : auto;
text-align : center;
font-size :22px;
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 #000, 0px 1px 1px rgba(255,255,255,1) inset;
-webkit-box-shadow : 1px 1px 2px 1px #000,  0px 1px 1px rgba(255,255,255,1) inset;
}

.reg a {
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}

/* ■■■■　会員削除　■■■■ */
.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;
}




/* ■■■■　チラッとボタン（右）　■■■■ */
.button_right {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
border : solid 1px #ee7523;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000;
-webkit-box-shadow : 1px 1px 2px 1px #000000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#da9527),color-stop(0.40,#da9527),color-stop(0.60,#ee7523),color-stop(1,#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 40%,#ee7523 60%,#ee7523 100%);
}

.button_right a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 10px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
display : block;
}




/* ■■■■　チラッとボタン（左）　■■■■ */
.button_left {
margin-right : 0;
float : left;
width : auto;
height : auto;
text-align : left;
border : solid 1px #ee7523;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000;
-webkit-box-shadow : 1px 1px 2px 1px #000000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#da9527),color-stop(0.40,#da9527),color-stop(0.60,#ee7523),color-stop(1,#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 40%,#ee7523 60%,#ee7523 100%);
}

.button_left a {
padding : 5px;
padding-right : 10px;
padding-left : 10px;
font-size : 10px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
display : block;
}




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

.navi span.l {
padding : 5px;
border : solid 1px #ee7523;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000;
-webkit-box-shadow : 1px 1px 2px 1px #000000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#da9527),color-stop(0.40,#da9527),color-stop(0.60,#ee7523),color-stop(1,#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 40%,#ee7523 60%,#ee7523 100%);
}

.navi span.l a{
color : #ffffff;
}

.navi span.c {
padding : 5px;
border : solid 1px #ee7523;
box-shadow : 1px 1px 2px 1px #000000;
-webkit-box-shadow : 1px 1px 2px 1px #000000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#da9527),color-stop(0.40,#da9527),color-stop(0.60,#ee7523),color-stop(1,#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 40%,#ee7523 60%,#ee7523 100%);
}

.navi span.c a{
color : #ffffff;
}

.navi span.r {
padding : 5px;
border : solid 1px #ee7523;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000;
-webkit-box-shadow : 1px 1px 2px 1px #000000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#da9527),color-stop(0.40,#da9527),color-stop(0.60,#ee7523),color-stop(1,#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 40%,#ee7523 60%,#ee7523 100%);
}

.navi span.r a{
color : #ffffff;
}

.navi span a{
padding : 5px;
color : #ffffff;
font-size : 12px;
text-decoration : none;
}


/* navi02 */
.navi02 {
margin : 5px auto;
display:table;
text-align : center;
}
.navi02 li {
border : solid 1px #ee7523;
box-shadow : 1px 1px 2px 1px #000;
-webkit-box-shadow : 1px 1px 2px 1px #000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#da9527),color-stop(0.40,#da9527),color-stop(0.60,#ee7523),color-stop(1,#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 40%,#ee7523 60%,#ee7523 100%);
display:table-cell;
}
.navi02 li:first-child {
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
}
.navi02 li:last-child {
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
}
.navi02 li a {
padding : 5px;
display:block;
color : #fff;
}



/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#da9527),to(#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 20%,#ee7523 100%);
color : #000000;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}

.waku_corner a{
color : #ffffff;
}

.waku_corner .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #ffefd4;
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 .main a{
color : #ffd89a;
}

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









/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner02 {
margin : 5px auto;
/*margin-right : 5px;
margin-left : 5px;*/
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#da9527),to(#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 20%,#ee7523 100%);
color : #000000;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}

.waku_corner02 a{
color : #ffffff;
}

.waku_corner02 .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #000000;
color : #C7C0C0;
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_corner02 .main a{
color : #F4A460;
}







/* ■■■■ フッター共通02 ■■■■ */
.foot {
margin-top : 10px;
text-align : center;
line-height : 25px;
font-size : 14px;
color : #aaaaaa;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
display : block;
}

.foot a{
color : #aaaaaa;
letter-spacing : 2px;
font-size : 10px;
text-decoration : none;
padding : 5px;
}

.inc {
color : #ffffff;
letter-spacing : 2px;
}











/* ■■■■ ブロックリスト01 ■■■■ */
.block {
height : auto;
padding : 5px;
text-align : center;
border-bottom : 1px solid #aaaaaa;
border-top : 1px solid #aaaaaa;
vertical-align : bottom;
font-weight : bold;
}

.block-list {
overflow : hidden;
}

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

.block-list li a {
background-position : 5px 50%;
background-repeat : no-repeat;
border-color : #aaaaaa;
border-style : solid;
border-width : 0 1px 1px 0;
display : block;
height : 35px;
text-align : center;
line-height : 35px;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

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





.ranking {
width :3em;
}




/* ■■■■　マーケリンク　■■■■ */
.markl{
padding:10px 0;
text-align : center;
font-size : 12px;
}

.markl a {
	padding:0 0 0 15px;
	background-size:12px 12px;
}

a.text_link {
	padding-left: 25px;
	background:url(https://kokura.cocoloni.jp/image/ic/04.096.gif) 0 0.1em no-repeat;
	display: block;
}

/* .link_home トップへ戻る */
a.link_home,
a.link_home:not(.tap) {
    margin-top:80px;
    padding:5px 5px 5px 25px;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    display:block;
    position:relative;
    background: -moz-linear-gradient(top, #bababa 0%, #939393 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#939393)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bababa 0%,#939393 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bababa 0%,#939393 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #bababa 0%,#939393 100%); /* W3C */
    color:#333;
}
a.link_home:before {
border-top : solid 2px #333; /*右端　>　の色*/
border-left: solid 2px #333; /*右端　>　の色*/
content : "";
position : absolute;
left: 10px;
top : 40%;
display : block;
width : 6px;
height : 6px;
-webkit-transform : rotate(315deg);
transform : rotate(315deg);
}
a.link_home.tap {
background: -moz-linear-gradient(top,  #878787 0%, #565656 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#565656)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #878787 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #878787 0%,#565656 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom,  #878787 0%,#565656 100%); /* W3C */
    color:#000;
}

footer {
    padding:10px;
    text-align:center;
}
footer small {
    font-size:75%;
}


/* h1 */
.page_mail > h1,
.page_first > h1 {
    margin-bottom:15px;
}
.page_mail > h1 img,
.page_first > h1 img  {
    width:100%;
}

.page_edit h1 {
    margin-bottom:20px;
    padding:25px 0;
    background-image:url(https://kokura.cocoloni.jp/i.cgi?n=/line/05), url(https://kokura.cocoloni.jp/i.cgi?n=/line/05);
    background-position:center top, center bottom;
    background-repeat:no-repeat, no-repeat;
    background-size:contain;
    color:#ffc774;
    font-weight:bold;
    font-size:138%;
    text-align:center;
}
.page_edit h2 {
    margin-bottom:10px;
    padding-left:24px;
    background:url(https://kokura.cocoloni.jp/i.cgi?n=ic/01) no-repeat 0 0.2em;
    color:#e96615;
    font-weight:bold;
    font-size:113%;
}


/* .common_button 汎用ボタン */
.common_button,
.common_button:not(.tap) {
    margin:0 auto;
    padding:5px 0;
    -webkit-border-radius : 8px;
    border-radius : 8px;
    width:70%;
    display:block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#bcbcbc 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ededed 0%,#bcbcbc 100%); /* W3C */
    -webkit-box-shadow :0 0 1px 0 #fff inset;
    box-shadow :0 0 1px 0 #fff inset;
    font-weight : bold;
    color:#333;
    text-align:center;
    text-shadow :1px 1px 1px #f9f9f9;
    -webkit-touch-callout:none;
}
.common_button.tap {
    background: -moz-linear-gradient(top, #939393 0%, #bababa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #939393 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #939393 0%,#bababa 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #939393 0%,#bababa 100%); /* W3C */
    -webkit-box-shadow :0 1px 1px 0 #EFEFEF inset;
    box-shadow :0 1px 1px 0 #EFEFEF inset;
    color:#000;
}


/* .common_button02 汎用ボタン02 */
.common_button02 {
	margin:0 auto;
	padding : 5px 5px 8px 5px;
	border : solid 1px #d66f1a;
	-webkit-border-radius : 8px;
	border-radius : 8px;
	display : block;
	width:70%;
	-webkit-box-shadow : 2px 2px 3px #000, 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
	box-shadow : 2px 2px 3px #000, 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, from(#ff943d), to(#f27911));
	text-align: center;
	text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
	color : #fff !important;
	font-weight : bold;
	font-size : 22px;
}


/* .button_readmore もっと読むボタン */
.button_readmore {
    padding:5px 8px;
    -webkit-border-radius : 8px;
    border-radius : 8px;
    display:block;
    position:relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#bcbcbc 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ededed 0%,#bcbcbc 100%); /* W3C */
    -webkit-box-shadow :0 0 1px 0 #fff inset;
    box-shadow :0 0 1px 0 #fff inset;
   	font-size: 0.75rem;
    color:#333 !important;
    text-align:center;
    -webkit-touch-callout:none;
}
.button_readmore: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);
}
.button_readmore.tap {
    background: -moz-linear-gradient(top, #939393 0%, #bababa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #939393 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #939393 0%,#bababa 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #939393 0%,#bababa 100%); /* W3C */
    -webkit-box-shadow :0 1px 1px 0 #EFEFEF inset;
    box-shadow :0 1px 1px 0 #EFEFEF inset;
    color:#000;
}

/* .page_mail 日運メール */
.page_mail .content_box p {
    margin-bottom:15px;
}
.page_mail dl {
    margin-bottom:20px;
    border:1px solid #999;
    color:#333;
    font-size:88%;
}
.page_mail dt {
    padding:3px 5px;
    border-bottom:1px solid #999;
    background-color:#E0E0E0;
}
.page_mail dd {
    padding:3px 5px;
    background-color:#fff;
    color:#e96615;
}

.page_mail input[type="radio"] {
	vertical-align:inherit;
}
.page_mail label {
	line-height:2em;
	font-size:125%;
}


.page_mail h2 {
    margin-bottom:10px;
    padding-left:24px;
    background:url(https://kokura.cocoloni.jp/i.cgi?n=ic/01) no-repeat 0 0.2em;
    color:#e96615;
    font-weight:bold;
    font-size:113%;
}


/* .page_edit */
.page_edit .content_box p {
    margin-bottom:15px;
}
.page_edit .content_box ol {
    margin-bottom:15px;
    list-style:none;
}
.page_edit .content_box ol li {
    margin-bottom:8px;
    padding-left:2.5em;
    text-indent:-2.5em;
}

/* .page_reg */
.page_reg .content_box p {
    margin-bottom:15px;
}
.page_reg dl {
    margin-bottom:20px;
    border:1px solid #999;
    color:#333;
    font-size:88%;
}
.page_reg dt {
    padding:3px 5px;
    border-bottom:1px solid #999;
    background-color:#E0E0E0;
}
.page_reg dd {
    padding:3px 5px;
    background-color:#fff;
    color:#e96615;
}

.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%;
}