@charset "shift_jis";
/* CSS Document */
#container ,ol.topicPath li{font-size:15px; line-height:1.6em}
/* dafault CSS */
@media (max-width:767px){
.top_banner{min-width:100%;}
#floating-ad {position: fixed !important; bottom:0 !important; top:auto !important; width:100%; background: rgba(255, 255, 255, 0.8);}
#floating-ad-events ul{ font-size:0 }
#floating-ad-events ul li {display:inline-block; width:33%; max-width:140px; font-size:0 }
#floating-ad .txt{position:absolute;top:0; width:100%;float:none;text-align:center; line-height:28px }
#floating-ad .close{position:absolute;top:0; right:2px;}
#container {margin: 0 auto; width: 94%;}
.container-inner{width:100% !important}
#box_a{ float:none; width:100%; margin: 0 auto; min-width:280px; }
#box_b{ float: none; width:200px; margin: 0 auto; clear: both;}
#box_c{ width:200px; margin: 0 auto; clear: both; }
.fb {display:none;}
.fb_iframe_widget {display:none !important;}
.ev_cat {float:none; clear:both; width:60px;}
#TopContents ul.navi {width: 100%; height: auto; margin:0px 0px 16px 0px; overflow:hidden;}
.tit_help img {width:150px; height:auto}
.qa_link {width:100%;}
.bsk_bgn img {width:98%; margin:0 auto}
ul.mv_bgn{width:98%; margin:0 auto !important}
.overview table tr th,.overview table tr td {padding: 1% 3%;display: block;border-bottom:none; }
#F_taikai_hiyou_tbl td {padding: 1% 3%;}
.overview table{border-bottom: 1px solid #ccc;}
.regular p.box{border:1px solid #00a0e2; padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px; width:57%;}
/* vol */
#top_tab ul{width:50%; margin:10px auto 0;}
#fc_link ul li{margin-bottom:1.4em;}
}
@media (max-width:600px){
.regular .right{margin-bottom:4%}
.regular p.box{width:100%; box-sizing:border-box; clear:both}
#container .list ul{max-width:400px;margin:0 auto;}
/* vol */
.vol .inner{padding:2% 3%}
.list ul li {width:100%; padding:4%; margin-bottom:4%}
.list ul li:nth-child(2n+1) {margin-right:0}
#top_tab ul{width:50%; margin:10px auto 0;}
}
/* Header CSS */
@media (max-width:767px){
#header_bg { position:relative;width:100%; min-width:auto;height:auto; background-color:#00a0e2; clear:both; text-align:center;}
#header { width: 100%; height:auto; margin: 0 auto; clear: both;}
#globalnav { position:absolute; top:0; width: 100%; height:50px; margin: 0 auto; clear: both; }
#globalnav_bg { position:relative; top:-50px;width:100%; min-width:auto;height:0;}
.sportsone_logo {position:relative; z-index:1001;width:100%; max-width:200px; height:auto; float:none; margin:0 auto;}
.sportsone_logo img {width:100%; height:auto; display:block}
}
/* Footer CSS */
@media (max-width:767px){
#f_payment_bg, #f_box_1_bg, #f_box_2_bg {width:100%; min-width: 300px;}
.f_payment, .f_payment_gp, .f_box_1, .f_box_2 {width:92%; text-align:center; }
.f_box_1{padding: 10px 0px 10px 0px;}
.cont1, .cont2, .cont3, .cont4, .cont5{ float:none; margin: 0 auto; margin-bottom:20px; width:200px; text-align:left;}
.f_box_2{font-size:14px;}
.f_box_2 a{min-height:40px;padding-bottom:8px}
.f_box_2_l { position:relative;float:none; width:100%; margin: 0 auto; }
.cont{ margin-right:1%;padding:0.4% 0 0.4% 2%;}
.f_box_2_r { float:none; width:100%; margin:0 auto; }
.infolink {text-align:center; margin-bottom:20px;}
.cont1,.cont2, .cont3, .cont4, .cont5 {display:none;}
.cont:nth-child(1)  {width:21%;}
.cont:nth-child(2)  {width:19%;}
.cont:nth-child(3)  {width:28%;}
.cont:nth-child(4)  {width:18%;}
.f_geomark {float:right; margin:0 10px 0 0;}
.pmark {float:right; margin:0;}
.sns_fc {float:right; margin:0;}
.f_company {width:auto;}
.f_logo {float:right;}
.companyname {margin-left:0; }
.infolink {clear:both; letter-spacing:1pt; margin:10px 0; line-height:14pt;}
.f_payment span {float:none; text-align:center; }
.f_payment img, .f_payment_gp img {float:none; width:100%; height:auto;}
}
/* Login Information CSS */
@media screen and (max-width:767px){
#box_logon_info{display:none;}
#lg_dv{display:block;}
#sp1bar {font-size:14px;height:27px;border-bottom:1px solid #000000;background-color:#FFFFFF;z-index:990;top:0;width:100%;}
#sp1bar .bar_hlw {float:left; line-height:10pt; text-align:left;left:0;position:absolute;padding-top: 6px;padding-left:8px;color:#00a0e2;text-decoration: none;}
#sp1bar .bar_hlw img{width:20px;padding-right:8px;display:inline-block}
#sp1bar .bar_pt {float:right; right: 0;position: relative;padding: 6px 8px 0px 0px;z-index: 1000;color:#00a0e2;}
#sp1bar .bar_lk a {float:right; line-height:10pt; right: 0;position: relative;padding: 10px 8px 0px 0px;z-index: 1000;color:#00a0e2;text-decoration: none;}
}
/* dafault CSS */
@media (max-width:480px){
#TopContents ul.navi li:nth-child(2n) {border-right: solid 1px #00a0e2;}
#TopContents .category_logo {float:none; clear:both;}

.left_50,.regular .left {float:none; clear:both; margin-right:0; margin-bottom:4%; width:100%; border:none}
.right_50,.regular .right{float:none; clear:both; width:100%;border:none; padding-bottom:0px}
.regular .right{margin-left:0}
.right.gst{margin-left:auto; margin-right:auto}
.tit_help{float:none; clear:both; margin:0 auto; margin-bottom:20px; width:150px}
.tit_help img {margin-top:0px}
.menu_help{float:none; clear:both; margin:0 auto; width:100%; }
.qa_link {width:300px; margin:0 auto; margin-bottom:30px}
.tit_qa img{width:100%; max-width:295px;}
.br_480 {display:block}
.regular p.center_480{text-align:center}
ul.voice {flex-direction:column;}
ul.voice li{width:96%;margin:0 auto; margin-bottom:6%}
ul#vc_index li{display:block}
.regular ul#menu li{vertical-align:top}
.regular ul#menu li a{font-size:14px}
ul.mv_bgn li {float:none; width:100%; max-width:320px; margin-bottom:1.3%;}
ul.mv_bgn li:nth-child(2n+1){margin-right:0;}
ul.qa_index li{display:block; }
#fc_link ul{text-align:center}
#fc_link ul li{width:23%;height:auto}
/* FOOTER */
.cont:nth-child(1),.cont:nth-child(3)  {width:52.6%;}
.cont:nth-child(2),.cont:nth-child(4)  {width:40.6%;}
}
@media (min-width:768px){
.overview table tr th {width: 110px;}
#TopContents.wide{min-width:1000px}
/* basket price */
ul.price li{display:inline-block;width:18%; margin:0 0.6%;}
ul.price li:nth-child(5) p{margin-top:-22px;}
}