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

/* 矢印リンク（説明あり） */
ul.ab{ list-style: none; background-color: #fff;}
ul.ab li{ border-top: 1px solid #aaaaaa;}
ul.ab li:last-child{ border-bottom: 1px solid #aaaaaa;}
ul.ab li a{ display: block; color: #D2F8FB; font-size: 18px; text-decoration: none; padding: 10px; padding-right: 30px; position: relative;}
ul.ab li a:before{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 10px; height: 10px; margin-top: -5px; background: #a0a0a0;}
ul.ab li a:after{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -5px; background: #ffffff;}
ul.ab li a img{ margin-right: 3px; position: relative; top: -2px;}
ul.ab li a span{}
/* ■■■■ body設定 ■■■■ */
body {
color : #706654;
background-color : #fef6fa;
}

.body_bg {
background-color : #ffffff;
}

.body_bg_taidan {
background-color : #FDE6E7;
}

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

/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* キャプション用 */
.caption {color : #706654;}

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

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

/* 強調するとき用　うす紫 */
.st_3 {color : #9370db;}

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

/* 強調するとき用　太字　黒 */
.st_5{
font-weight : bold;
color : #0b0501;
}

/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
-webkit-border-radius : 8px;
background-color : #CC9900;
background : -webkit-gradient(linear, left top, left bottom, from(#ffb50c), to(#ffd545));

font-size : 0;
line-height : 0;
width : 95%;
height : 4px;
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;
}

/* ■■■■ 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 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #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 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}

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

/* ■■■■ ボックス ■■■■ */
.box_reg02 {
border: solid 1px #FF6C32;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color: rgba(0, 0, 0, 0);
background: -webkit-gradient(linear, left top, left bottom, from(#FFEBC0), to(#FFF0B2));
font-size: 100%;
line-height: 25px;
width: 68%;
height: 75px;
margin-left : auto;
margin-right : auto;
margin-bottom: 5px;
text-align : center;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}

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

/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
-webkit-box-shadow : 0px 0px 10px #000000;
-moz-box-shadow : 0px 0px 10px #000000;
box-shadow : 0px 0px 10px #000000;

-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
border : solid 3px #f76700;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.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; /*枠と文字の隙間　上右下左*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}

/* ■■■■ 枠（吹き出し） ■■■■ */
.waku02 {
background-color:#fff;
border:2px solid #f76700;
border-radius:5px;
position:relative;
}
 
.waku02:before {
border:10px solid transparent;
border-top-color:#fff;
border-bottom-width:0;
bottom:-9px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
padding : 20px ; /*枠と文字の隙間　上右下左*/
}
 
.waku02:after {
border:10px solid transparent;
border-bottom-color:#fff;
border-top-width:0;
top:-10px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}

/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
background-color : #ffffff; /*枠内の背景色*/
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 : auto;
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;
-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);
}

/* ■■■■ メニュー左右わけ ■■■■ */
.menu_waku {
width : 100%;
height : 30px;
}

.menu_left {
background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffd444));
width : 49.9%;
height : 26px;
float : left;
padding : 5px 0 5px 0;
}

.menu_left a {
display : block;
text-decoration : none;
width : 100%;
height : 35px;
}


.menu_right {
text-align : center;
vertical-align : middle;
background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffd444));
width : 50%;
height : 32px;
float : right;
padding : 2px 0 2px 0;
}


.menu_right a {
display : block;
text-decoration : none;
}

.menu_left1 {
text-align : center;
vertical-align : middle;
background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffefd4));
width : 50%;
height : 32px;
float : left;
padding : 2px 0 2px 0;
}

.menu_left1 a {
display : block;
text-decoration : none;
}


.menu_right1 {
background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffefd4));
width : 49.9%;
height : 26px;
float : right;
text-align : right;
padding : 5px 0 5px 0;
}

.menu_right1 a {
display : block;
text-decoration : none;
width : 100%;
height : 35px;
}


/* ■■■■ フロート設置用 ■■■■ */

.float_l {
float : left;
}

.float_r {
float : right;
}

/* ■■■■ フロート解除用 ■■■■ */

.both {
clear:both;
}


/* ■■■■ フッターナビ ■■■■ */
.footer_navi {
background-color: #ffffff;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);
-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;

}

.footer_navi li {
position: relative;
border-bottom: solid 1px #dddddd;
}
.footer_navi li a {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 10px;
text-decoration: none;
-webkit-box-sizing: border-box;
}
.footer_navi li .floatBtn {
position: absolute;
right: 8px;
top: 7px;
}
.footer_navi:last-child {
border-bottom: none;
}

.footer_navi.typea {
border-radius: 10px;
border: solid 1px #ccc;
}
.footer_navi.typea 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);
}

/*■日運バー■*/
#daily{
 margin: 0;
 padding: 0;
 font-size : 130%;
}
#daily ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 width : 100%;

}
#daily li{
 float: left;
 margin: 0;
 padding: 0;
 width : 24.9%;
}

#daily li.aisho{
 float: left;
 margin: 0;
 padding: 0;
 width: 50%;
}

#daily a{
 text-align: center;
 display:block;
 padding: 5px 0;
 background-color: #ffffff;
 color: #ffffff;
border: 0.1em #ffffff solid;
color: #ec658e;
/*text-shadow: 1px 2px 3px #ffffcc; */
}









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

/* ■■■■　ボタン01　■■■■ */
.button_01 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 10px;
height : auto;
width : 220px;
text-align : center;
border : solid 1px #d185ac;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#e798df), to(#ec658e));
-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;
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;
}

.button_01 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 #ae6f8d, 1px 1px 1px #89586f;
}

.button_01 span{
padding : 5px 5px 5px 5px;
line-height : 14px;
font-size : 15px;
font-weight : bold;
letter-spacing : 1px;
text-shadow : -1px -1px 1px #ae6f8d, 1px 1px 1px #89586f;
}



/* ■■■■　チラッとボタン（右）　■■■■ */
.button_right {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
border : solid 1px #ba4e00;
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,#ff9447),color-stop(0.40,#ff9447),color-stop(0.60,#f76700),color-stop(1,#f76700));
background-image : linear-gradient(-90deg,#ff9447) 0%,#ff9447 40%,#f76700 60%,#f76700 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 #ba4e00;
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,#ff9447),color-stop(0.40,#ff9447),color-stop(0.60,#f76700),color-stop(1,#f76700));
background-image : linear-gradient(-90deg,#ff9447) 0%,#ff9447 40%,#f76700 60%,#f76700 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 #ba4e00;
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,#ff9447),color-stop(0.40,#ff9447),color-stop(0.60,#f76700),color-stop(1,#f76700));
background-image : linear-gradient(-90deg,#ff9447) 0%,#ff9447 40%,#f76700 60%,#f76700 100%);
}

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

.navi span.c {
padding : 5px;
border : solid 1px #ba4e00;
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,#ff9447),color-stop(0.40,#ff9447),color-stop(0.60,#f76700),color-stop(1,#f76700));
background-image : linear-gradient(-90deg,#ff9447) 0%,#ff9447 40%,#f76700 60%,#f76700 100%);
}

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

.navi span.r {
padding : 5px;
border : solid 1px #ba4e00;
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,#ff9447),color-stop(0.40,#ff9447),color-stop(0.60,#f76700),color-stop(1,#f76700));
background-image : linear-gradient(-90deg,#ff9447) 0%,#ff9447 40%,#f76700 60%,#f76700 100%);
}

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

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







/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-color : #f76700;
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #000000;
-webkit-box-shadow : 0 0 2px #000000;
}

.waku_corner a{
color : #ffffff;
}

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





/* ■■■■ 枠02(タイトルあり) ■■■■ */
.waku_corner02 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-color : #ffae00;
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #000000;
-webkit-box-shadow : 0 0 2px #000000;
}

.waku_corner02 a{
color : #ffffff;
}

.waku_corner02 .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #fef6fa;
color : #706654;
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 : #ec658e;
}








/* ■■■■ フッター共通 ■■■■ */
.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 : #000000;
letter-spacing : 2px;
}










/* ■■■■ ブロックリスト01 ■■■■ */
.block {
height : auto;
padding : 5px;
border-color : #ced6e5;
border-style : solid;
border-width : 1px 0 1px 0;
vertical-align : bottom;
font-size : 16px;
text-align : center;
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 : #ced6e5;
border-style : solid;
border-width : 0 1px 1px 0;
display : block;
height : 43px;
line-height : 43px;
text-align : center;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

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
















/* ■■■■　ソフトバンク用会員登録　■■■■ */
.sbp_no_reg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 260px;
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;
}

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


/* ■■■■　ソフトバンクポイント利用購入　■■■■ */
.sbp_reg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 260px;
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;
}

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

.new_reg2 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
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(#FF5F20), to(#FF3D00));
-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;
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;
}

/* ■■■■ リスト ■■■■ */
.example {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
}

.example li {
cursor: pointer;
float: left;
width: 45%;
height: auto;
margin-left: 3%;
/* padding: 2px; */
/* border: 1px #ffb366 solid; */
background-color: #FFFFFF;
/* text-align: center; */
}

.example li img{
width:155px;
height:auto;}

.clearLeft { 
clear: left; 
}

/* ■■■■ モーダル ■■■■ */
#glayLayer{
display:none;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:#000;
opacity:0.75;
filter:alpha(opacity=75);
}

#overLayer{
position:fixed;
border:solid 4px #fe923a;
border-radius : 8px;
-webkit-border-radius : 8px;
display:none;
width:280px;
height:85%;
background:white;
padding:5px;
position:fixed;
top:50%;
left:50%;
}

#overLayer img.close{
width:30px;
height:30px;
position:absolute;
top:-10px;
right:-10px;
cursor:pointer;}

#overLayer img.modal{
display:block;
margin:auto;
width:140px;
height:140px;}


/* ■■■■ mizuno ■■■■ */

.tesou_test{
width: 50%;
clear: both;
float: left;
}

.text_test{
width: 50%;
float: left;
}

/*■■■■佐々木追記 f/topマーケリンク背景色■■■■*/
.mark-cocoloni-logo p {
    background: transparent;
}
p.mark-pickup-more {
    background: transparent;
}
p.mark-pickup-banner {
    background: transparent;
}