@charset "utf-8";
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1.6em}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {word-break: break-all; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;color:#777; margin:0;	padding:0;letter-spacing:1px;text-align: center; margin: 0 auto; background-color:#EBEBEB}
img {border:none;outline:none;height:auto;max-width:100%; display:block; margin:0 auto}
a {text-decoration:none;}
a.a-blue{text-decoration:underline; color:#00a0e2; font-weight:normal;}
a:focus {outline:none;}
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
p, ul li, dl dd, dl dt, h1, table, tr, td{font-size:14px;line-height:1.8em;text-align:left;letter-spacing:1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
p{margin-bottom: 1.2em;}
header{background-color:#fff}
#container{max-width:1000px; margin:0 auto; margin-top:1%;background-color:#fff}
section, div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
section{margin:0 auto}
#container h1 {color:#00a0e2;font-weight:bold;font-size:20px;margin: 0;margin-bottom: 0.4em; font-weight:bold; text-align:center}
#container .font-size-20 { font-size: 20px;}
.font-size-14 { font-size: 14px; font-weight:normal}
#container .bold {font-weight:bold}
#container .text-center{text-align:center}
.color-blue{color:#00a0e2;}
.color-red{color:#ff3645;}
h2{color:#00a0e2;font-weight:bold; line-height:1.2em;letter-spacing:2px;}
h3{font-weight:bold;font-size:12pt; display:block; margin-bottom:0.4em;text-align:left}
h4{font-weight:bold;text-align:left}
#TopContents {margin-bottom:2%;}
header .inner {position: relative;text-align: left;padding: 10px 2% 4px;}
#container .inner{max-width:800px; margin:0 auto; padding:10px 2% }
.splogo{display:inline-block;vertical-align:middle}
.splogo{display:inline-block;vertical-align:middle}
#logotxt{color:#00a0e2; font-weight:bold; display:inline-block;vertical-align:middle}
#logotxt .small{font-size:14px}
#lg_dv{position:absolute; top:0;width:96%; z-index:10}
.bar_lk{width:70px}
#sp1bar{position:absolute; top:14px;right:42px; font-size:12px; line-height:1.2em}
.bar_hlw img{float: right; cursor: pointer; margin-left:4px;width:52px}
.navbar{ position:absolute; top:64px;width:100%; color: #99ccff; z-index:1000; margin-bottom:0px; border:none !important;}
.navbar-header {position:absolute;top:-58px; right:1.4%}
.bar_nm{max-width:80px; display:inline-block}
.bar_pt{text-align:right}
/* pankuzu list */
ol.topicPath {list-style-type: none;font-size: 14px;text-align:left;}
ol.topicPath li {display: inline;}
ol.topicPath li a {margin-right: 6px;}
/* search header*/
#srcheader{background-color: #eee;}
#srcbtn h2{background-color:#00a0e2;cursor: pointer;display: block;color:#fff;height:40px;line-height:40px;/* background-repeat: no-repeat;background-size: 30px 30px;background-image: url(/images/ico_src.png);background-position: center right 2.1%;*/ border-radius:4px}
.btn_src a{ color:#000; display:block;padding:0.6em 0.4em}
.btn_src{text-align:center; min-width:140px; background-color:#fff; font-size:18px;border-radius:4px; max-width:200px; font-weight:bold;margin:1em auto;}
#srcfrm{display:block;/*display:none;*/width:100%; padding:20px 10px 0;border-top:#fff 1px solid; background-color:#00a0e2; overflow:hidden}
#srcfrm div{margin-bottom:4px}
#srcfrm label{width:100px; font-size:14px;display:inline-block; color:#fff}
#srcfrm ul li{display:inline-block}
#KAISAI,#SV_DATE{width:280px;}
#toplinks{background-color:#EBEBEB;}
.hscroll {overflow-x: scroll;-webkit-overflow-scrolling: touch;display: -ms-flexbox;display: flex;padding:0.6em 0 1em 1em; }
.hscroll > li{width: 100%; min-width: 90px; line-height:1.4em;text-align:center; color:#333; background-color:#fff;border:1px solid #777; display: flex;justify-content:center;align-items:center}
.hscroll > li a {color:#333;display:block;padding:0.8em 0.4em; }
#toplinks .hscroll li{width:auto;font-size:12px;background-color:#00a0e2; color:#fff; border:none;}
#toplinks .hscroll > li a{color:#fff/*#777*/; }
#src_area h3, #src_cat h3{text-align:left; font-weight:bold; padding-left:1em}
.dotline{border-top:dotted 2px #666666; padding-top:0.6em}
.futsal-top h2,.basketball-top h2, .running-top h2{background-color:#000; color:#fff; padding:6px 4px;}
#src h2{margin-bottom:1em}
#SEL{font-size:16px; padding-bottom:1em}
ul.news{border:solid 1px #777; margin:10px 2%}
ul.news li{position:relative; padding:0.2em 2em 0.2em 1em}
ul.news li a{color:#777; display:block}
ul.news > li a::after {  position: absolute;  content: "＞";  top: 50%;  right: 6px;  width: 12px;  height: 20px;  margin-top: -12px;  background-size: 12px 20px;  line-height: 20px; color:#777; font-weight:normal}
.news .new{background: yellow; float:left; padding:0 0.2em; margin-right:0.6em}
.bg_gray{background-color:#eee}
.box{padding:0.4em 0.2em 0 0.4em; overflow:hidden; margin-bottom:1.2em;}
.flex {display: -ms-flexbox;display: flex;flex-wrap:wrap;-ms-flex-wrap: wrap;justify-content:start;}
.flex.nowrap{flex-wrap:nowrap;}
.flex > li{margin-bottom:2%}
section#popular .btn{display:inline-block;width:23%; max-width:160px;margin:1em auto}
section#popular .btn a{display:block;height: 42px;line-height: 42px; border:#00a0e2 solid 1px;border-radius: 42px;font-size: 14px; margin: 0;}
/* running events */
ul.annual li{position:relative;width:100%;min-width: 175px;padding: 8px;display:block;font-weight: bold;border: solid 3px #00a0e2;line-height: 1.8em;font-size: 16px;box-shadow: 4px 4px 4px rgba(0,0,0,0.6);border-radius: 12px;color: #ffffff;margin-top: 0.5em;margin-bottom:1%;}
ul.annual li a {color:#333;display:block;}
ul.annual li h3{font-size:16px; color:#00a0e2;font-weight:bold; margin-bottom:0}
ul.annual li p{margin-bottom:0}
/* read more */
.point {border: solid 1px #777;margin: 1em 1em 0em 1em;}
.futsal-point {margin: 1em 1em 0em 1em;}
.index {padding: 0.2em 2em 0.2em 1em;font-weight: bold;}
.paragraph {padding: 0.2em 2em 0.2em 1em;}
.hide-txt {display: none;}
.readmore{text-align:center;width:160px; margin:0 auto;font-weight:bold; cursor:pointer}
.readmore {position: relative;display: block;background-color: transparent;color: #777;padding-bottom: 40px;border: none;outline: 0;transition: .5s;-erbkit-transition: .5s;}
.readmore::after {content: " ";position: absolute;width: 20px;height: 20px;border-top: solid 3px #777;border-right: solid 3px #777;transform: rotate(135deg);-webkit-transform: rotate(135deg);right: 50%;top: 20px; margin-right:-10px;transition: .5s;-erbkit-transition: .5s;}
.readmore:hover::after {top: 20px;}
.on-click {color: transparent!important;}
.on-click { transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
/* column */
.blue-area{background-color:#CCE6F5; padding:30px 20px 20px; clear:both }
.tblcontents {margin-bottom:2em}
.tblcontents ul li{margin-bottom:0.4em}
.section-header {color: #00a0e2;border-bottom: 1px solid #00a0e2;background: transparent; text-align:left;margin-bottom:1em;font-size:14pt}
ul.idx_column li{text-indent:-1em; padding-left:1em}
.external-link:after {
    color: #00a0e2;
    content: "\f08e";
    font-family: "FontAwesome";
}
.cat_box p{margin-bottom:0}
.futsal-column img,.basketball-column img{margin-bottom:1em}
.futsal-column section,.basketball-column section{margin-bottom:2em}
.cat_box {box-sizing:border-box;width:100%;overflow: hidden;border: 3px solid #00a0e2;clear: both;padding: 10px 10px 10px 10px;margin-bottom:1em}
.cat_box, .cat_box a{color: #00a0e2;letter-spacing: 1px;font-size:16px; text-align:left;line-height:2em}
.cat_area a{width:60px;text-align:center;display:inline-block; margin:2px 6px;vertical-align:top}
ul.indent{margin-bottom:1.2em}
ul.indent li,ul.list li{text-indent:-1.4em; padding-left:1.4em}
ul.text-indent{text-indent:1em;}
table.spec{width:100%; border:solid 1px #999;margin-bottom:1.2em}
table.spec td, table.spec th{padding:0.4em 0.6em;border:solid 1px #999}
table.spec th{background-color:#CCE6F5;text-align:center}
.shoes{width:24%; display:inline-block;vertical-align:top;}
.shoes h3{height:3em;text-align:center;}
.shoes p{text-align:center}
.shoes .bg_gray p{text-align:left}
.shoes .box.sisetsu {height:15em}
ul.court li{width:50%; display:flex;}
/* column /info/02-level.html */
.lv_advanced{background-color:#f16fd4}/*上級*/
.lv_middle1{background-color:#9998fe} /*中上級*/
.lv_middle2{background-color:#47c9fe} /*中級*/
.lv_bg1{background-color:#054db0}     /*初級　エンジョイ初級*/
.lv_bg2{background-color:#99cc68}     /*超初級*/
.lv_mix{background-color:#fd6f00}     /*MIX*/
.lv_student{background-color:#054db0} /*学生*/
.lv_ladies{background-color:#fe1b04}  /*女性*/
.lv_worker{background-color:#e4007f}  /*社会人*/
table.lv_tbl{width:100%; color:#fff;text-align: left;border-collapse:separate;border-spacing:2px}
table.lv_tbl p{font-size:12pt}
table.lv_tbl th{background-color:#ccc;color:#000; text-align:center;}
table.lv_tbl th, table.lv_tbl td{padding:0.6em 0.4em; vertical-align: middle;solid 1px #fff}
table.lv_tbl tr td:first-child{text-align:center; width:20%;min-width:50px; font-weight:bold}
.kinshi{float:right; width:111px; margin-left:4px}
ul.lv_category{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; color:#fff; font-size:12pt}
ul.lv_category li {width:49.6%; margin:0.2%;padding:1.2em 2em; box-sizing:border-box;border-radius:10px}
ul.lv_category li h4{color:#fff; font-weight:bold; font-size:14pt; margin-bottom:2%;}
ul.lv_category img{width:29.6%; margin-right:4%; height:auto;float:left}
/* qa */
#container ul.qa_index {clear:both; width:100%; overflow:hidden ;border-bottom:1px solid #CCC; margin-bottom:4%}
.qa h2{margin-bottom:1em}
ul.qa_index li{display:inline-block; margin: 0 1.2% 1.2%; min-width:200px }
ul.qa_index li a {position:relative;display:block; padding:6px 24px 6px 10px; text-decoration:none; color:#00a0e2; font-weight:bold; border:solid 2px #00a0e2;margin-bottom:6px;}
ul.qa_index li a::after{content:">";position:absolute;top:50%;margin-top:-12px;right:4px;}
ul.accbox > li{ margin-bottom:0.8em; border:1px solid #969696;text-align:left;}
.que{cursor:pointer; position:relative;padding: 0.5em 0.4em 0.4em 1.6em;}
.que::before{content:''; display:inline-block; position:absolute;top:0.6em; left:8px;width:0;height:0;border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #00a0e2;}
.que.active, .que:hover{background-color:#edf9ff}
.que.active::before{position:absolute;top:0.8em; left:5px;width:0;height:0;border-top: 8px solid #00a0e2; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent;}
.ans, ul.accbox > li .acc-txt{display:none; padding: 0.5em 0.5em 0.5em 1em }
ul.accbox > li .acc-tit{cursor:pointer; position:relative;padding: 1em 2em 1em 2em;color:#777;text-indent:-1.8em;font-weight: bold;line-height: 1.2em;letter-spacing: 2px; margin-bottom:0; font-size:14px}
ul.accbox > li .acc-tit::after{font-family: FontAwesome;content : "\f107"; display: inline-block; position: absolute;top:0; right: 0; bottom:0; margin:auto;font-size:24px;height:24px; line-height:1em;color:#00a0e2;}
ul.accbox > li .acc-tit.active::after{font-family: FontAwesome;content : "\f106";}
ul.accbox > li .acc-tit.active{background-color:#edf9ff}
ul.accbox > li .acc-txt{margin-bottom:0}
/* event list */
.tit_event_list { font-size:20px;color: #fff !important;text-align:left !important;background-image: url(https://sportsone.jp/images/tit_event_list_bg.gif); background-repeat: no-repeat; height:50px;letter-spacing: 1px; padding:14px 14px 10px 48px;line-height:1.2em; width:100%; max-width: 1000px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:0.4em}
.status{text-align:right;margin:0;}
#container.eventlist .inner, #container.regular .inner{max-width:1000px}
#comment h1{font-size:18px;text-align:left}
#comment .accbox{margin-bottom:2em}
#comment ul.accbox > li{border:1px solid #ccc;}
.tit_line{clear:both; font-size:20px;  font-weight:bold; color:#00a0e2; letter-spacing: 2px; max-width:1000px; padding:1% 2% 1% 2%; margin:0px 0px 10px 0px; background:url("/img_common/section-header.jpg") }
/* basketball */
.bgn_index{text-align:center}
.bgn_index a{color:#777}
/* basketball price*/
.list-style-disc{margin-left:20px;margin-bottom:1em}
.list-style-disc li{list-style-type:disc; margin-bottom:0.4em}
.contents.font-size-15 li,.contents.font-size-15 p{font-size:15px}
ul.price {margin:0 auto; display: flex;}
ul.price li{padding:1em; text-align:center; vertical-align:top; max-width:400px; margin:0 auto;margin-bottom:0.6em;}
ul.price li p{text-align:left; margin-bottom:0;}
ul.price li img{margin-bottom:0.8em}
ul.border li{border:solid 1px #666;}
dl.price_area dt{float:left; width:110px;font-size:15px}
dl.price_area dd{margin-left:110px; margin-bottom:0.4em;font-size:15px}
.price_link{text-align:center;padding:0.4em 0}
.price_link ul li{display:inline-block; width:275px; margin:0 2%; margin-bottom:0.4em}
.price-section-subheader {color: #00a0e2;border-bottom: 1px solid #00a0e2;background: transparent;height: 36px;line-height: 36px;font-size: 26px;margin:0.8em 0}
.merit-list-style-disc {margin-left: 20px;font-size: 18px;list-style-type: disc;margin-bottom: 0.4em;}
h2.price_flow_text {font-size: 1.3em; margin-bottom:0.8em}
ul.bl_btn{overflow:hidden; margin:1% auto !important; text-align:center;clear:both}
ul.bl_btn li{display:inline-block; margin:10px !important; vertical-align:middle; width:100%; box-sizing:border-box; max-width: 300px; background-color: #00a0e2; color: #ffffff; line-height: 30px; font-size: 18px!important; font-weight:bold; letter-spacing:1px; margin:0 auto; text-align:center }
ul.bl_btn li a {color: #ffffff; display:block;padding:20px}
/* basketball campaign */
#container .campaign h1{box-sizing:border-box;font-size: 28px;font-weight: bold; width: 100%; color:#FC42A4;padding:0 20px;line-height:1.4em;clear: both; margin-top:4%}
#container .campaign p{text-align:left; width:96%; margin:0 auto}
#container .campaign h2 {box-sizing:border-box;font-size: 30px;font-weight: bold;color:#fff;background-color:#00a0e2; margin-bottom:4%;line-height:48px;padding-top:2px;}
dl.event{width:100%; margin:0 auto; box-sizing:border-box; border-left:dotted 1px #333;border-right:dotted 1px #333; border-bottom:dotted 1px #333;margin-bottom:20px; clear:both}
dl.event>dt{ background-color : #00a0e2; font-weight:bold; font-size:18px;color:#ffffff; padding: 4px;clear : both; border-top:dotted 1px #333;border-bottom:dotted 1px #333;text-align:center}
dl.event>dd{ text-align:left; padding-top : 10px;  padding-left : 10px;  padding-right : 10px;  padding-bottom : 10px; margin:0}
dl.event>dd p{clear:both}
/* basketball rule*/
div.demo-show h3 + div {padding: 10px; padding-bottom:2.4em}
div.demo-show { color: #333; background-image: url(/images/ep_tit_bg.gif); background-repeat: repeat-x; text-align: left; position: relative; margin-bottom: 0; padding: 5px 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;  border-top: 1px solid #ccc;}
div.demo-show div.close { display:inline-block; clear:both; color: #fff; font-size: 0.8em; background-color: #00a0e2; width: 70px; margin-top:0.4em; margin-right:0;float:right; clear:both;text-align: center; cursor: pointer; }
.demo-show p {clear:both;}
.end_line{ /*width: 760px;*/ width:100%; clear:both; height: 20px; border-top: 1px solid #ccc; }
div.demo-show h3 { background-color:transparent; color: #333;line-height:2em; font-weight: 600; text-align: left; padding: 0; margin: 0; padding:2px 2px 2px 10px; cursor: pointer; }
/* running regular */
.corona_measures{width:32.5%;display:inline-block;}
.und{text-decoration: none; border-bottom:1px dashed #ddd;}
ul.list-bg{height:180px;width:102%;overflow-y: scroll;}
ul.list-bg li {list-style-type: none;padding: 5px 15px;}
.regular h1{line-height:1.2em; color:#00a0e2; margin:0.6em 0;font-size:2em }
.regular h2{color:#00a0e2; text-align:left; margin:2% 0;font-size:1.17em;}
.regular .left{float:left; width:64%;}
.regular .right{float:right;width:34%; margin-left:2%;margin-bottom:2%}
.regular table td{padding:2px;text-align:center}
.regular dl.event>dd { padding:16px 2%;}
.regular table{border-collapse: collapse;width:100%}
.regular table tr td{vertical-align:middle;}
.regular table tr th{font-weight:bold;}
table.taikailist td,table.taikailist th{border:1px solid #ccc;padding:4px}
table.taikailist th{text-align:center; background-color:#eee}
table.taikailist .date{color:#777}
table.overview tr th,table.overview tr td {padding: 20px 10px;border: 1px solid #ccc;}
table.overview tr th, .F_taikai_hiyou_ttl{background: #efefef;text-align:center; }
table.overview tr th{min-width:90px;}
table.overview tr td {background: #ffffff;text-align:left; }
table.taikaifee td, table.taikaifee th {border:1px solid #ccc;padding:4px}
table.taikaifee th {text-align:center;background-color:#eee;}
.btm{ margin: 0 0 10px 0; }
.regular ul#menu{width:100%;max-width:1000px;margin:1.8% 0; font-size:0}
.regular ul#menu li{width: 31%/*154px*/;max-width:130px; display: inline-block;vertical-align: middle;margin: 0 1%; margin-bottom:4px; text-align:center}
.regular ul#menu li a {padding: 4% 2%; font-size: 14px;display: block;border:1px solid #000;  -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; color: #000; font-weight: bold; transition: all 300ms ease;}
ul.voice{display:flex; flex-wrap:wrap;clear:both; overflow:hidden;box-sizing:border-box;margin-bottom:4%;}
ul.voice li{position:relative;box-sizing:border-box; width:31.2%;margin:1%; font-size:14px;background-color:#FFFECA;box-shadow:4px 4px 4px rgba(0,0,0,0.6);padding:2em 0.8em 1em 0.8em;}
ul.voice li p{position:relative; z-index:10; margin-bottom:0}
ul.voice li img.pin{position:absolute; top:4px; right:0; left:0; margin:auto;width:16px; height:auto}
ul#vc_index{text-align:center;margin:0 auto}
ul.recommend.flex{justify-content:space-around;}
ul.recommend li{max-width:420px}
ul.recommend li h2{border-bottom:dotted}
ul.recommend li p{background-color:#eee; padding:1em;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin:0.4em 0 1.4em}
ul.recommend li img{width:100%}
ul#vc_index li{display:inline-block;min-width:300px;margin-right:1%; text-align:center}
ul#vc_index li a {position:relative;display:block; padding:6px;text-decoration:none; color:#000; font-weight:bold; border:solid 2px #000;margin-bottom:6px;}
div.bl_btn{display:inline-block; vertical-align:middle; width:90%; box-sizing:border-box; max-width: 200px; background-color: #00a0e2; color: #ffffff; line-height: 2em; font-size: 15px; font-weight:bold; letter-spacing:1px; margin:0 auto; text-align:center;margin:4%; margin-top:4px;}
div.bl_btn a{color:#fff; display:block;padding:6px 2px;}
div.gl_btn{display:inline-block; vertical-align:middle; width:90%; box-sizing:border-box; max-width: 200px; background-color: #9999; color: #ffffff; line-height: 2em; font-size: 15px; font-weight:bold; letter-spacing:1px; margin:0 auto; text-align:center;margin:4%; margin-top:4px;}
div.gl_btn a{color:#fff; display:block;padding:6px 2px;}
.btn-shadow {position: relative;padding: 8px;min-width: 175px;background-image: linear-gradient(#00a0e2 0%, #67ceff 100%);box-shadow: 4px 4px 4px rgba(0,0,0,0.6);border-radius: 12px;}
.btn-shadow-active {position: relative;padding: 8px;min-width: 175px;background-image: linear-gradient(#67ceff 0%, #00a0e2 100%);box-shadow: none;border-radius: 12px;top: 2px;}
.btn-shadow li a {color: #ffffff;display: block;padding: 20px;}
.entry_btn{display:inline-block; margin:1.6em 0;}
.entry_btn a{padding: 0.2em 0.4em;min-width: 280px; height:60px;display: table-cell;vertical-align: middle;}
.entry_btn,.entry_btn a{color:#fff;text-align:center; font-weight:bold;font-size:16px}
.arrow{position: relative; display: inline-block; padding-left: 20px;}
.arrow::before{ content: '';  width: 6px;  height: 6px;  border: 0px;  border-top: solid 2px #ffffff;  border-right: solid 2px #ffffff;  -ms-transform: rotate(135deg);  -webkit-transform: rotate(135deg);  transform: rotate(135deg);  position: absolute;  top: 50%;  left: 0;  margin-top: -10px; margin-left:8px}
.arrow.rt::before{-ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  position: absolute;  top: 50%;  left: 0;  margin-top: -10px; margin-left:8px}
.status .pr{color:#00a0e2}
/* function icon link */
#fc_link {width:100%;margin: 0 auto;}
#fc_link a:hover img{opacity:0.7;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
#fc_link ul{overflow:hidden; margin:0; padding:0; list-style:none; margin:5px 0;}
#fc_link ul li{float:left; display:block; color:#fff;}
#fc_link ul li { margin-left:4%; width:20%;text-align:center;}
#fc_link ul li.last { margin-right:0;}
#fc_link ul li a { color:#fff; text-decoration:none;}
/* footer links */
#f_links{background-color:#00a0e2; clear:both}
#f_links a{color:#fff}
#f_links .inner{max-width:750px; margin:0 auto;padding:1em}
#sns_links{background-color:#fff/*background-color:#C8C8C8*/}
#sns_links ul {font-size:0; max-width:480px; margin:0 auto; padding:4% 0}
#sns_links ul li{display:inline-block;vertical-align:top;width:70px;/*width:22%;*/ margin:0 1%;text-align:center; background-color:#fff}
#sns_links ul li a{display:block; padding:0.4em}
#sns_links ul li img{width:100%;max-width:70px}
/* 画面幅が768px以上の場合、横スクロールを解除 */
@media screen and (min-width: 768px) {
#srcfrm label{width:auto;}
#srcfrm>div{margin-bottom:4px; display:inline-block}
#KAISAI,#SV_DATE{width:80px;}
select{margin-right:10px; margin-bottom:10px}
.hscroll,#src_area ul{overflow-x: inherit;padding:1em;width:767px;margin:0 auto }
ul.news,h3{max-width:750px;margin-left:auto; margin-right:auto}
#toplinks .hscroll {padding:0; padding-bottom:0.6em;}
#toplinks .hscroll > li a{padding:0.8em 2em}
.src_area h3{width:16%;margin-left:10%; float:left}
#src_area .hscroll,#src_cat .hscroll,#src_area ul{width:66%; display:block;margin-right:0; text-align:left;padding-top:0}
#src_area .hscroll li,#src_cat .hscroll li{display:inline-block;min-width:140px; margin-bottom:0.4em;}
.slick-dots li{width: 20px;height: 20px;}
.slick-dots li button{width: 20px;height: 20px;}
/* basket price */
ul.price li{display:inline-block;width:23.8%; margin:0 0.6%;}
ul.price li:nth-child(5) p{margin-top:-22px;}
/* running top */
ul.annual li{width:32.6%;margin-right:1.1%}
ul.annual li:nth-child(3n){margin-right:0}
}
@media screen and (min-width: 768px) {
.hscroll > li { min-width: inherit; width: 384px;}
}
.hscroll > li:not(:last-child) { margin-right: 5px; }
.hscroll > li:last-child { padding-right: 5px; }
@media screen and (min-width: 768px) {
.hscroll > li:last-child { padding-right: 0; } }
/* slick-slider  fullscreen slider */
.slick-slider{position: relative; display: block;  box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);     -o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px; outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;width:100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Dots */
.slick-dots{display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;padding-bottom:0.6em}
.slick-dots li{position: relative;display: inline-block;width: 16px;height: 16px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 16px;height: 16px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family: 'slick';font-size: 16px; line-height: 16px;position: absolute;top: 0;left: 0;width: 16px;height: 16px;    content: '●';    text-align: center;    opacity: .25;    color: black;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{    opacity: .75;    color: black;}
/* Global Navigation */
.menu-item, .dropdown-toggle, .dropdown {
font-size:14px;
text-align:left;
letter-spacing:1px;
}
.menu-item a, .dropdown a {font-size:14px;}
.nav {font-size:14px;}
.nav a:active{font-size:14px;}
.navbar-default{border-color:#ccc;}
.navbar-default a {text-decoration: none; font-weight:bold; color:#333;}
.navbar-nav>li>.dropdown-menu{ margin-top:0; border-top-right-radius:0; border-top-left-radius:0; }

.navbar-default .navbar-nav>li>a{ color:#fff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:#ccc;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#333333;background-color:#ccc;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#cccccc;background-color:transparent;}

.navbar-default .navbar-toggle {color:#00a0e2;float:left;font-size:48px; line-height:48px;font-weight:normal; cursor:pointer}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border:none}
.btn-open:after {color:#00a0e2;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-open:hover:after {opacity: 0.5;}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#cccccc;color:#333333;}
.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#333333;border-bottom-color:#333333;}
.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#00a0e2;border-bottom-color:#00a0e2;}
.nav .caret{border-top-color:#fff;border-bottom-color:#fff;}
.nav a:hover .caret{border-top-color:#ff9933;border-bottom-color:#ff9933;}

.nav{margin-bottom:0; padding-left:0;list-style:none;}.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav>li{ position:relative; border-bottom: none; display:block; }.nav>li>a{position:relative;display:block;padding:12px 0px 12px 15px;}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}



.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{clear:both;}
.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{ clear:both; }

.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}
.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}

.navbar-collapse{float:left; width:100%; max-height:620px;overflow-x:visible;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling:touch;}.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse.in{ overflow-y:340px; }
.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px;}

.navbar-nav{margin:0 0 0 -15px;}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;content:"";}
.dropdown{position:relative;}
.dropdown-toggle:focus{outline:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:0px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;white-space:nowrap;}
#aplink{float:right; margin-right:20px;margin-top:12px}
/* 2nd menu color*/
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#fff;background-color:#00a0e2;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:none 0;background-color:#ff9933;}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#333333;}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;}
.open>.dropdown-menu{display:block;}
.open>a{outline:0;}

.collapse{display:none;}.collapse.in{display:block;}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease;}

.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0; background-color:#fff;border:0;box-shadow:none;}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 15px 10px 25px;}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px;}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}

.navbar-default .navbar-nav>li>a{ color:#00a0e2; }
.nav>li{ position:relative; display:block; background-color:#ffffff; margin-left:10px; border-bottom: solid 2px #00a0e2;}
.navbar-menu{clear:left;float:left;}
button {
align-items: flex-start;
text-align: center;
cursor: pointer;
color: buttontext;
padding:0;/* 2px 6px 3px;*/
border: none;
background-color: #00a0e2;
box-sizing: border-box;
}
.br{display:inline-block}
/*Footer*/
.infolink {box-sizing:border-box;clear:both; letter-spacing:1pt; text-align:center; overflow:hidden;}
.infolink .f_left{width:50%;float:left; text-align:left; font-size:14px;line-height:1.8em; border-left:solid 1px #fff; padding-left:4%}
.infolink .f_left:first-child{border-left:none; padding-left:0}
.infolink .f_left a{display:block; padding:1em 0}
a.btn_co{background-color:#e40080; color:#fff; font-weight:bold;font-size:14px;  display:inline-block;padding:8px 6px; margin-top:10px;-moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; text-align:center;max-width:200px; padding:0.4em !important}
a.btn_co:hover{color:#fff; text-decoration:none}
.company{clear:both; overflow:hidden; margin-top:1em}
.companyname {font-size:22px; font-weight:bold; margin-bottom:1%;text-align:left; color:#fff}
.copyright {font-size:12px; text-align:left;  color:#fff}
.f_logo { width:46px; float:left}
.security_mark {padding:4% 0;width:216px; margin:0 auto; overflow:hidden}
.pmark {float:right; margin:0;}
.f_geomark {float:right; margin:2px 10px 0 0; margin-left:-10px}
ul.ent_app{margin:0;padding:0;margin-top:10px;}
ul.ent_app li img{width:100%; height:auto}
ul.ent_app li{width:128px;display:inline-block;list-style:none; margin:0 2px;padding:0;list-style-position:outside; margin-bottom:8px;}
/* footer ad */
#ad_bg{width:100%; background:rgba(255, 255, 255, 0.9);  height:60px; position:fixed; bottom:0; color:#ccc;z-index:9999; }
#ad{ width: 300px;  text-align: center; margin: 0 auto; }
#ad_bg .close {float:right; cursor:pointer; text-align:center; width:15px; height:15px; margin-right:10px;color:#00a0e2; border:1px solid #00a0e2; margin-top:3px;line-height:15px}
/* page top */
#pagetopbutton {display: none;position: fixed;z-index:1000;bottom:0;right: 4px;}
#pagetopbutton a {box-sizing: border-box;display: block;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #808080;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton a:hover {display: block;background-color: #b2d1fb;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
@media screen and (max-width: 768px) {
.hscroll,#src_area ul{overflow-x:scroll;padding:0.6em 0 0.4em 0.4em; margin-bottom:0.6em}
#toplinks .hscroll {margin-bottom:0}
.hscroll::-webkit-scrollbar{height:5px;}
.hscroll::-webkit-scrollbar-track{background:#dddddd;}/*background color of bar */
.hscroll::-webkit-scrollbar-thumb{background-color:rgba(0, 160, 226,0.3)}/*color of bar*/
ul.price {margin:0 auto; display: block !important;}
/* running events */
.shoes{width:48%;margin-bottom:2em;}
/* running reguler */
.regular h1{font-size:1.6em }
.regular ul#menu{text-align:center}
.regular ul#menu li,.regular ul#menu li a{text-align:center}
.corona_measures{width:100%;display:block;}
dl.event>dt{font-size:16px}
table.overview tr th,table.overview tr td {padding:10px;display: block;border-bottom:none; }
table.overview {border-bottom: 1px solid #ccc;}
table.taikailist{border-top:1px solid #ccc;}
table.taikailist tr{display:block;width:100%;border-bottom:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;box-sizing:border-box;padding:10px 2px }
table.taikailist tr td{display:block;width:100%; box-sizing:border-box; border:none;padding:1px 2px}
table.taikailist tr:first-child{display:none; border:none}
table.taikailist .date{font-weight:bold; font-size:16px}
}
@media screen and (max-width: 480px) {
.splogo{width:10%; min-width:40px; height:auto}
#logotxt{font-size:14px}
#logotxt .small{font-size:10px; display:block;line-height:1.2em;letter-spacing:0}
.bar_hlw img{width:36px;height:auto}
#sns_links ul li a{font-size:12px}
.navbar-header{top:-60px}
.section-header {font-size:13pt; margin-bottom:0.8em}
.tit_event_list { padding:0.2em 0.2em 0.1em 2.4em;}
.br_480{display:block}
.shoes{width:100%;display:block;}
.shoes h3{height:auto;}
.shoes .box.sisetsu {height:auto}
ul.court.hscroll{display:block}
ul.court li{width:98%; margin-bottom:5px}
ul.court li img{width:62px;height:62px}
/* running regular */
.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}
.regular ul#menu li{vertical-align:top}
.regular ul#menu li a{font-size:14px}
ul.voice li{width:100%; margin-bottom:4%}
dl.event>dt{font-weight:normal;}
}
/* NEWS欄区切り線 */
hr.news{width:95%;}
/* フットサル、バスケ コラム著者*/
p.author {text-align: right; font-size:12px;}

/* iFrameCSS */
.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-top: 140%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:0px solid #ccc; 
}

.iframe-wrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}

.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}

.box_inner{width:96%;margin:0 auto; margin-bottom:40px}

/* guest */
.role{display:block;font-size:20px;font-weight:bold; color:#d93c41; margin-bottom:1.4%}
ul.gst {overflow:hidden}
ul.gst li{border-bottom:solid 1px #666666; clear:both; overflow:hidden; padding:1em 0}
ul.gst li:last-child{border:none;padding-bottom:0}
ul.gst li img{width:44%; margin-right:4%;margin-bottom:2%;vertical-align:top; float:left}
ul.gst li h3{font-weight:bold; margin-bottom:2%; text-align:left;font-size: 18px;}
/* guest */
ul.gst li img{ width:100%; margin:0 auto; max-width:300px;margin-bottom:4%; float:none; clear:both}
ul.gst li h3{text-align:center}
ul.pacemaker li{width:48%; margin:1%; }

/* review */
.year{margin-bottom:2%}
.ch_msg ul li{width:49%; height:auto; font-weight:bold}
.ch_msg ul li{background-color:#fff; color:#000;margin-bottom:10px;text-align: left;padding:1em; box-sizing: border-box;}
.rd-band{background-color: #c70026; color: #ffffff; font-weight: bold; float: left; padding: 4px; margin-bottom: 10px; clear: both;}
ul {text-decoration: none;list-style: none;}
.flex-container{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width:100%;}
.flex-container{-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}