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,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {line-height:1;}
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;}
/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";cdisplay:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/*
============================== */
a{text-decoration:underline;color:#cc0000;}
a:hover{opacity:0.9;text-decoration:underline;color:#990000}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.picup{ color:#ff4f6c;font-size: 120%;}
.cRed, .err { color:#ff4f6c;}
.cGrn { color:#2cbd16;}
.cBlu { color:#0c74ff;}
.cOrg { color:#f56800}
.cYel { color:#ffd200;}
.cBro{color:#000;}
/*text-align*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}

body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
html, body, div#con-body {color:#222;background:url(../img/bg_polygon.png) center top #fff;}

/* container&column */
@media all and (min-width: 768px) {
.columnBox{width:920px;margin:0 auto;}
div.columnL {width:600px;float:left; }
div.columnR {width:300px;float:right}
p.txt{font-size:100%;line-height:200%;letter-spacing:0.1em;padding:0 10px 10px;}
}

@media all and (max-width: 767px) {
.columnBox{max-width:767px;}
div.columnL {width:100%;margin:0 auto;}
div.columnR {width:100%;margin:0 auto;}
p.txt{width:100%;margin:1em auto;font-size:80%;line-height:200%;letter-spacing:0.1em;}
}



/* main */
.h1Box{
background:url(../img/main_plus.jpg) center top no-repeat;
background-size: cover;
aspect-ratio:2000/1414;
margin:0 auto;
box-sizing: border-box;
}
.oadate{
background:url(../img/date.jpg?0) center top no-repeat;
background-size: cover;
margin:0 auto;
aspect-ratio:2000/230;
box-sizing: border-box;
}

.sports_banner a{
display:block;
background:url(../img/sports_banner.jpg) center top no-repeat;
background-size: cover;
margin:0 auto;
aspect-ratio:1400/240;
box-sizing: border-box;
}

@media all and (min-width: 768px) {
.h1Box,
.oadate,
.sports_banner a{
width:920px;
}
}
@media all and (max-width: 767px) {
header{padding:0;}
}

/* section */
@media all and (min-width: 768px) {
.bt a{display:block;width:200px;padding:10px 0;margin:30px auto;color:#fff;background:#ff4f6c;text-decoration: none;text-align:center;font-weight:bold;border:solid 3px #fff;}
.bt a:hover{background:#000;}
}
@media all and (max-width: 767px) {
.columnL section{width:100%;margin:0 auto;}
.bt a{display:block;width:60%;padding:0.5em 0;margin:2em auto;color:#fff;background:#ff4f6c;text-decoration: none;text-align:center;font-weight:bold;border:solid 3px #fff;}
}

/*/////// title ///////*/
section h4,
section h5
{
background-color:#EBEBEB;
padding:3em 0 1em;
}
section h4 span,
section h5 span
{
display: block;
margin: auto;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
@media all and (min-width: 768px) {
section h4 span{
height: 3em;
}
section h5 span{
height: 6.5em;
}
}
@media all and (max-width: 767px) {
section h4 span{
height: 8vw;
}
section h5 span{
height: 16vw;
}
}
/* title */
.movie_box h4 span{
background: url(../img/title_mov.svg) center bottom no-repeat #EBEBEB;
background-size: contain;
aspect-ratio: 300/35;
}
.challengers_box span{
background: url(../img/title_challenders.svg) center bottom no-repeat #EBEBEB;
background-size: contain;
aspect-ratio: 300/32;
}
.photo_box span{
background: url(../img/title_photo.svg) center bottom no-repeat #EBEBEB;
background-size: contain;
aspect-ratio: 300/33;
}
.sns_box span{
background: url(../img/title_sns.svg) center bottom no-repeat #EBEBEB;
background-size: contain;
aspect-ratio: 300/76;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}

/*/////// about ///////*/
.about_box .lazy.catch
{
background-size: cover;
aspect-ratio: 2000/1420;
}

.about_box .lazy.img
{
background-size: cover;
aspect-ratio: 2000/1618;
}



/*/////// challengers ///////*/
.challengers_box .lazy
{
background-size: cover;
aspect-ratio: 1/1;
}
.challengers_box .all50 .lazy
{
background-size: cover;
aspect-ratio: 1277/9748;
}


/*/////// ptoho ///////*/
.photo_box .lazy
{
background-size: cover;
aspect-ratio: 4/3;
position: relative;
}

.photo_box .more_lnk
{
width: 32%;
position: absolute;
bottom: 0;
right: 0;
background-size: cover;
aspect-ratio: 651/154;
}
.nt { display: none;}
.nt_txt { font-size: 0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.photo_box .photos_all 
{
width: 100%;
}
.photo_box .photos_all .lazy
{
background-size: cover;
aspect-ratio: 1000/600;
width: 100%;
}

/*/////// sns ///////*/
.sns_box {
background-color: #EBEBEB;
padding-bottom: 1em;
}
.sns_box div.inside{
 box-sizing: border-box;
width: 90%;
margin:0 auto 2em auto;
background-color:#FFF;
padding: 1em;
}
.sns_box ul{
display: flex;
flex-wrap: wrap;
width: 90%;
margin:0 auto;
}
.sns_box ul li{
width: 50%;
margin-bottom: 1em;
}
.sns_box ul li a{
width: 100%;
display: flex;
 align-items: center;
 text-decoration: none;
}


/*	stream, sns -icon
============================== */
/*sns*/
.sns_icon { width: 42px; border-radius: 100%;}
.sns_w { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: 300%; background-size: 300%; background-image:  url(../../um/img/sns_logos.svg); position: relative;}
.sns_b { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: 300%; background-size: 300%; background-image:  url(../../um/img/sns_logos_blk.svg); position: relative;}
.icon_x { background-position: 0 0;}
.icon_youtube { background-position: 0 50%;}
.icon_instagram { background-position: 50% 50%;}
.icon_tiktok { background-position: 100% 100%;}
.bg_wt { background-color: rgba(255, 255, 255, 1);}
.bg_blk { background-color: rgba(59, 63, 74, 1);}
.bg_youtube { background-color: rgba(255, 0, 0, 1);}
.bg_instagram { background: linear-gradient(to right, rgba(247, 207, 0, 1), rgba(246, 37, 2, 1) 45%, rgba(182, 47, 82, 1) 75%, rgba(113, 58, 166, 1));}
.sns_w img, .sns_b img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.sns_name { font-size: 85%; padding-left: .35em; color: rgba(0, 0, 0, 1);}
#sns_caution { text-align: center; font-size: 80%;}

/* right */
.banner{width:300px; height:250px;}
.sasukebt{display:block;width:300px; height:80px; background:url(../img/banner.jpg) 0 0 no-repeat;}
.twbt{display:block;width:300px; height:50px; background:url(../img/banner.jpg) 0 -80px no-repeat;}
.fbbt{display:block;width:300px; height:50px; background:url(../img/banner.jpg) 0 -130px no-repeat;}
.bt_link a{display:block;width:300px; height:80px;}
.sns_link a{display:block;width:300px; height:50px;}
.bt_link a:hover,.sns_link a:hover{background:#fff;filter:alpha(opacity=20); -moz-opacity:0.20; opacity:0.20;} 
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
@media all and (min-width: 768px) {
.banner{margin-top:20px;}
.banner,.bt_link,.snsBox {margin-bottom:20px;}
.sns{width:300px;margin-bottom:20px;}
}
@media all and (max-width: 767px) {
aside{background:#eee;margin:0; padding:0;overflow:hidden;}
#rightBox{width:300px;height:100%;margin:0 auto;}
.banner{margin:1em auto 0.5em;}
.bt_link,.snsBox{margin-bottom:0.5em;}
.sns{width:300px;margin:0 auto 1em;}
}

/* footer */
footer{
background-color:#ff4e6c;
position: relative;
z-index: 10;
}
footer a{text-decoration:none;color:#eee;}
footer a:hover{text-decoration:none;color:#ccc;}
footer .bottom small{color:#fff;}
#page_top a{
width:60px; height:79px;position:fixed;bottom:10px;right:10px;
background: url(../img/pagetop.png);
background-size: contain;
text-indent: -9999px;}
#page_top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
footer .bottom{height:80px;}
footer .bottom small{display:block;padding-top:35px;text-align:center;font-size:80%;}
footer .bottom a{text-decoration:none;}

@media all and (min-width: 768px) {
footer{width:920px;margin:0 auto;}
#page_top a{
width:60px; height:79px;position:fixed;bottom:10px;right:10px;
}
}
@media all and (max-width: 767px) {
#page_top a{
width:40px; height:53px;position:fixed;bottom:10px;right:10px;
}
}

/* lazy */
.lazy {
display:block;position:relative;background:center center no-repeat;margin:0;
background:#000;}
.lazy img{position:absolute;top:0;left0;box-sizing:}

/*	tbs-realtime
============================== */
#tbs-realtime { background: rgba(255, 255, 255, 1);}
#tbs-realtime a { width: 100%; height: 0; padding-top: 12.89134438305709%; padding-top: calc(140 / 1086 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; display: block;}
#tbs-realtime a:hover { opacity: .75;}
#tbs-realtime a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

@media screen and (min-width: 768px) {
#tbs-realtime {
width:920px;
margin:0 auto;
}
}
@media all and (max-width: 767px) {
#tbs-realtime {
width: 100%;
margin:0 auto;
}
}
/*	tbs-realtime
============================== */
.tbsfree a {
background: url(../img/tbsfree.png)center center no-repeat #F6F7FB; 
background-size: 50%; 
display: block;
border: 1px solid #969696 !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin:0 auto ;
}
.tbsfree a:hover { opacity: .75;}
@media screen and (min-width: 768px) {
.tbsfree a{
width: 100%;
aspect-ratio: 294/72;
}
}
@media all and (max-width: 767px) {
.tbsfree a{
aspect-ratio: 250/44;
}
}


/*	haishin
============================== */
.tbs-cmn-haishin a{
border: 1px solid #969696 !important;
}
.tbs-cmn-haishin a .tbs-haishin-txt span:first-child {
font-size:90% !important;
white-space: nowrap;
}
.tbs-cmn-haishin a .tbs-haishin-txt span:last-child {
font-size: 70% !important;
}
.tbs-cmn-haishin:last-child {
margin-bottom:0em !important;
}
.tbs-cmn-haishin:not(:last-child) {
margin-bottom:0em !important;
}

@media screen and (min-width: 768px) {
#haishin{
width:920px;
margin:.3em auto;
display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
#haishin div{
width:32.8%;
}
}

@media all and (max-width: 767px) {
#haishin{
width: 98%;
margin:0 auto .2em;
}
#haishin div{
margin-top: .2em;
}
.tbs-cmn-haishin a .tbs-haishin-txt span:first-child {
font-size:4vw !important;
}
.tbs-cmn-haishin a .tbs-haishin-txt span:last-child {
font-size: 2.2vw !important;
}
}
@media all and (max-width:360px) {
#haishin div{
width:100%;
}
}

/*------------- 20250805-------------*/
/*-------------
.scroll_box
-------------*/

.scroll_box {
  height: 200px;
  overflow: auto;
  background-color: #eee;
  border: 2px solid #969696;
  padding:10px 20px;
  margin: 0 0 20px;
}
.scroll_box .txt{
font-size: 80%;
}

/*-------------
btn
-------------*/

.btnArea {
  max-width: 400px;
width: 80%;
  margin: 2em auto ;
  position: relative;
}
input.check-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background: rgba(255, 255, 255, 0);
  padding: 0;
  z-index: -1;
  transition: 0.3s;
  box-sizing: border-box;
  -webkit-appearance: none;
}
input.check-btn {
  cursor: default;
  z-index: +1;
  outline: none;
}
input.check-btn:not(:disabled) {
  z-index: -1;
}
a.btn_two,
a.btn_one {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #969696;
  border-radius: 12px;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 0 10%;
  color: #ffffff;
  font-size: 160%;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition: 0.2s;
}
a.btn_two,
input.check-btn:not(:disabled) + a.btn_one {
  background: #ff4f6c;
}
a.btn_two:hover,
input.check-btn:not(:disabled) + a.btn_one:hover {
  background:  #ff98a9;
}


@media all and (min-width: 768px) {
.mov{width:600px;height:337.5px;margin:0 auto;text-align:center;}
.mov iframe{width:600px;height:337.5px;}
}

@media all and (max-width: 767px) {
.mov{position: relative;width:100%;height:0;padding-top:56.25%;}
.mov iframe{position: absolute;top:0;left:0;right:0;width:100%;height:100%;}
}