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 {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
#con-body {background:#FFFFFF;}
table {border-collapse:collapse;border-spacing:0;}

#menu-box {background-image: -webkit-linear-gradient( #de378f 0%, #a6006c 100%);background-image: linear-gradient( #de378f 0%, #a6006c 100%);margin:0px 0px 0px;}
#gnav ul { margin:10px 0px;background-color:#de378f;}
#gnav li { height:90px; font-size:1rem; line-height:130%;}
#gnav li a { display:block; width:100%; height:100%;}
#gnav li a { display:flex; justify-content:center; align-items:center; box-sizing:border-box; border-left:rgba(255,255,255,0.2) 1px solid; border-right:rgba(0,0,0,0.15) 1px solid; color:#fff; font-weight:bold; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.4); transition: 0.5s; text-decoration:none;}
#gnav li a:hover { opacity:0.5; }
#gnav ul { flex-wrap:wrap; }
#gnav li { font-size:18px; width:33.333333%!important; }
#gnav li:nth-child(6n) { width:33.333333%!important; }
#gnav li a {
background-image: -webkit-linear-gradient( #de378f 0%, #a6006c 100%);
background-image: linear-gradient( #de378f 0%, #a6006c 100%);}
#gnav li:nth-child(1) a,
#gnav li:nth-child(2) a,
#gnav li:nth-child(3) a,
#gnav li:nth-child(4) a,
#gnav li:nth-child(5) a,
#gnav li:nth-child(6) a {border-bottom:#ffffff 1px solid;}
.nobr { display:none; }
.no-link{ pointer-events: none; cursor: default; text-decoration:none;}

#gnav ul li:nth-child(1) { width:33.333333%; }
#gnav ul li:nth-child(2)  { width:33.333333%; }
#gnav ul li:nth-child(3) { width:33.333333%; }
#gnav ul li:nth-child(4) { width:33.333333%; }
#gnav ul li:nth-child(5) { width:33.333333%; }
#gnav ul li:nth-child(6) { width:33.333333%; }
@media all and (min-width: 768px) {
#gnav ul { display:flex; font-size:0;margin:0px auto;width:980px;}
}

@media all and (max-width: 767px) {
#gnav ul { display:flex; font-size:0;margin:5px auto;}
#gnav li { height:auto; line-height:120%; }
#gnav li a { padding:8% 0;}
#gnav ul { flex-wrap:wrap; }
#gnav li:nth-child(1),
#gnav li:nth-child(2),
#gnav li:nth-child(3){ width:33.3333%!important; }
#gnav li:nth-child(4),
#gnav li:nth-child(5),
#gnav li:nth-child(6) { width:33.3333%!important; }
.nobr { display:block; }
.pcbr{display: none;}
}
/*	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:"";clear:both;display: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{}
  .clearfix-smp:after {content:"";clear:both;display:block;}
  .hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cBlu { color:#3590ca;}
.cOrg { color:#d44b15;}
.cGrn { color:#6c9000;}
.cRed, .err { color:#c50000;}
/*font-size*/
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { font-size:85%;}
.f75 { font-size:75%;}
.f50{ font-size:50%;}

/* font style
-------------------------------- */

.txts { font-size:80%; }
.txtb { font-size:120%; }
.txtbb { font-size:160%; }
.txtbbb { font-size:200%; }

.blue { color:#3953C9; }
.red { color:#B32705; }
.yellow { color:#d78e01; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;}


/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

@media all and (max-width: 767px) {

.br-pc { display:none; }
.br-smp { display:block; }

}


/* word br
-------------------------------- */

.wbr { display:inline-block; }


/*link*/
a { color:#FFFFFF; text-decoration:underline;}
a:hover { color:#FFFFFF; text-decoration:none;}
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/*/////////////////////////////////////////////////////////////////////////
＠common_CSS
/////////////////////////////////////////////////////////////////////////*/
body {
  color: #6a0128;
  font-family:Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  letter-spacing: 0.05em;
}
.vjs-adtitle{display:none;}

  .rectangle {
    width: 300px;
    height: 250px;
    margin:10px auto;
  }
  
    .sportsbull {
    width: 300px;
    height: 100px;
    margin:10px auto;
    background:#333;
  }


@media all and (min-width: 768px) {
  #header_out {
    margin:0px auto;
    height: 300px;
    background-image: url(../img/header_top.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: top center;
    min-width: 980px;
      }
  header {
    width: 980px;
    height: 300px;
    margin: 0px auto;
    position: relative;
  }

  
  #main_area_out {
    width: 100%;
    background: #fff7f9;
  }
  #main_area {
    width: 980px;
    margin: 0px auto;
    position: relative;
  }

/*sub*/
h1 a {
  width: 350px;
  height: 300px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.left_area {
  width: 670px;
  float: left;
}
.main_box {
  width: 670px;
  box-shadow: 0px 0px 5px #d5c6ca;
  background: #fff;
}
/*right_area*/
.top-right_area {
  width: 300px;
  float: right;
  margin:-29px 20px 10px 0px;
}

.right_area {
  width: 300px;
  float: right;
}


#past_btn {
  clear: both;
  width: 300px;
  height: 55px;
  background: url(../img/right_parts.png) -320px -10px no-repeat;
  border-bottom: 2px solid #d9d9d9;
  margin: 10px 0px 20px 0px;
  padding-bottom: 20px;
}
#past_btn a {
  display: block;
  width: 300px;
  height: 55px;
  transition: all 0.6s ease;
}
#past_btn a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  background: #fff;
}
#right_sns_area {
  width: 300px;
  /*前回ボタンなし margin: 245px 0px 20px 0px;*/
  margin: 380px 0px 20px 0px;
  position: relative;
}
#sns_btn1 {
  width: 145px;
  height: 55px;
  background: url(../img/right_parts.png) -10px -10px no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}
#sns_btn1 a {
  display: block;
  width: 145px;
  height: 55px;
  transition: all 0.6s ease;
}
#sns_btn1 a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  background: #fff;
}
#sns_btn2 {
  width: 145px;
  height: 55px;
  background: url(../img/right_parts.png) -165px -10px no-repeat;
  position: absolute;
  left: 155px;
  top: 0px;
}
#sns_btn2 a {
  display: block;
  width: 145px;
  height: 55px;
  transition: all 0.6s ease;
}
#sns_btn2 a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  background: #fff;
}
.br-sp {
  display: none;
}

.main_player_text{
  font-size: 120%;
  color: #fc4477;
  text-align: center;
  margin: 0px 0 0;
  padding-bottom: 15px;
  font-weight: bold;
}
}


@media all and (max-width: 767px) {
  body {
    background: #ffffff;
    font-size: 95%;
  }
  /* main-imege */
  header h1 {
       background-image: url(../img/header_top.jpg);
	position:relative;
	height:0;
	background-size:contain;
	padding-top:18.75%;
	background-position:center center;
	background-repeat:no-repeat;
  }

  
  #contents_area {
    background: #fff7f9;
  }
    
  .yosen #yosen_tit .l_tit_in,.yosen #area1_tit .l_tit_in,
  .yosen #area2_tit .l_tit_in,.yosen #area3_tit .l_tit_in,
  .yosen #area4_tit .l_tit_in, .yosen #area5_tit .l_tit_in,.yosen #area6_tit .l_tit_in, .yosen #area7_tit .l_tit_in,.yosen #area8_tit .l_tit_in,.yosen #area9_tit .l_tit_in { font-size:150%;margin:5px;text-align:center;color:#FFFFFF; }

  .main_box {background: #fff; border-bottom: 5px solid #fe97b3; margin: 0 0 30px;}
    
  #yosen_map_area { padding: 0 0 30px; }
  #yosen_map {
    padding-top: 61.875%;
    overflow: hidden;
    height: 0;
    border: 5px solid #fff;
    margin: 20px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/top-map2021.png);
  }
  /*yosen_map_btn*/
  #yosen_map_btn {
    margin: 0 15px 0px;
    padding: 0;
    border-top: 1px solid #ffb0c6;
    border-left: 1px solid #ffb0c6;
    font-size: 100%;
    font-weight: bold;
  }
  #yosen_map_btn:after {
    content: "";
    clear: both;
    display: block;
  }
  #yosen_map_btn li {
    float: left;
    width: 50%;
    text-align: left;
    border-bottom: 1px solid #ffb0c6;
    border-right: 1px solid #ffb0c6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #c44387;
    padding-left: 10px;
   
  }
  /*yosen_map_btn*/
  #yosen_map_btn li:nth-child(odd) {}
    #yosen_map_btn a {
      display: block;
      line-height: 44px;
 color:#FFFFFF;
      text-decoration: none;
      position: relative;
    }
    #yosen_map_btn b {
      display: block;
      line-height: 44px;
    color:#FFFFFF;
      text-decoration: none;
      position: relative;
    }
    #yosen_map_btn a:after {
      position: absolute;
      top: 50%;
      right: 20px;
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-top: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #yosen_map_btn b:after {
      position: absolute;
      top: 50%;
      right: 20px;
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-top: 1px solid #ff648f;
      border-right: 1px solid #ff648f;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #top_bottom_btn1, #past_btn {
      width: 300px;
      height: 55px;
      background: url(../img/right_parts.png) -320px -10px no-repeat;
      margin: 10px auto 20px;
    }
    #top_bottom_btn1 a, #past_btn a {
      display: block;
      width: 300px;
      height: 55px;
      transition: all 0.6s ease;
    }
    #top_sns_btn_area, #right_sns_area {
      width: 300px;
      margin: 0px auto;
      padding-bottom: 40px;
      position: relative;
    }
    #top_bottom_btn2, #sns_btn1 {
      width: 145px;
      height: 55px;
      background: url(../img/right_parts.png) -10px -10px no-repeat;
      position: absolute;
      left: 0px;
      top: 0px;
    }
    #top_bottom_btn2 a, #sns_btn1 a {
      display: block;
      width: 145px;
      height: 55px;
      transition: all 0.6s ease;
    }
    #top_bottom_btn3, #sns_btn2 {
      width: 145px;
      height: 55px;
      background: url(../img/right_parts.png) -165px -10px no-repeat;
      position: absolute;
      left: 155px;
      top: 0px;
    }
    #top_bottom_btn3 a, #sns_btn2 a {
      display: block;
      width: 145px;
      height: 55px;
      transition: all 0.6s ease;
    }
       #page_top {
      width: 100%;
      text-align: center;
    }
    #page_top a {
      display: block;
      text-decoration: none;
      font-weight: bold;
      color: #fff;
      background: #a6006c;
      line-height: 49px;
      height: 49px;
      font-size: 100%;
    }
    #page_top a span {
      display: inline-block;
      height: 49px;
      background-image: url(../img/icons.png);
      background-position: left top;
      background-repeat: no-repeat;
      padding-left: 43px;
    }
    .main_player_text{ font-size: 100%;
      color: #fc4477;
      text-align: center;
      margin: 15px 0px 0;
      border-bottom: 1px solid #d3d3d3;
      padding:0 10px 15px;
      font-weight: bold;
      line-height: 1.4;
    }
  }

  /*	bnSuper（バナー自動リフレッシュ対策）
  ============================== */
  @media all and (min-width: 768px) {
    #bnSuper { height:90px; width:728px;margin:0 auto;}
  }
  @media all and (max-width: 767px) {
    #bnSuper { height:50px; width:320px;margin:5px auto;}
  }

  .win{ color:#ee002e;}
  .loss { color: #846e6e;}

  /* text-color */
  .gray {color:#808080;}
  .black {color:#171717;}
  .purple {color:#a757a8;}
  .ultramarine {color:#465daa;}
  .blue {color:#0067c0;}
  .lightblue {color:#afdfe4;}
  .deepgreen {color:#060;}
  .green {color:#008000;}
  .yellowgreen {color:#b9c42f;}
  .yellow {color:#ffb74c;}
  .orange {color:#ff7b00;}
  .pink{ color: #c4137c;}
  .vermilion {color:#ef454a;}
  .red {color:#ed1a3d;}
  .carmine {color:#c22047;}
  .magenta {color:#ec008c;}
  .brown {color:#994c00;}
  .reddishbrown {color:#800000;}
  .yellowocher {color:#c39143;}
  .gold {color:#ffd700;}
  .silver {color:#c0c0c0;}



  /*	bansen
  ============================== */
  div.bn-bansen {
    box-shadow: 0px 0px 5px #d5c6ca;
    /* 終了後 */
    display: none;
  }
  div.bn-bansen span, div.bn-bansen span img {
    display:block;
  }
  div.bn-bansen span {
    [an error occurred while processing this directive]
    background-position:left top;
    background-repeat:no-repeat;
  }
  @media all and (min-width: 768px) {
    div.left_area section {
      /*padding-top:271px;*/
    }
    div.bn-bansen {
      /**/
      float: left;
      margin: -29px 0 28px 10px;
      position: relative;
      /**/
    }
    div.bn-bansen span, div.bn-bansen span img {
      width:635px;
      height:250px;
    }
  }
  @media all and (max-width: 767px) {
    div.bn-bansen {
      margin:0 15px 15px;
    }
    div.bn-bansen span {
      background-size:cover;
      position:relative;
      height:0;
      padding-top:39.37%;
    }
    div.bn-bansen span img {
      position: absolute;
      left:0;
      top:0;
      width:100%;
      height:100%;
    }
  }

  /*	top sp_movie
  ============================== */
  .sp_movie_tit{
    font-weight: 800;
    line-height: 150%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  }
  .sp_movie{
    margin: 0 auto 30px;
  }
  @media all and (min-width: 768px) {
    .sp_movie_tit{
      clear: both;
      margin: 15px 0 15px;
      font-size: 120%;
    }
    .sp_movie{
      width: 800px;
    }
  }
  @media all and (max-width: 767px) {
    .sp_movie_tit{
      font-size: 110%;
      padding:15px 0px;
    }
    .sp_movie{
      width: 90%;
      margin: 10px auto 30px;
    }
  }


  /*動画リスト
  ============================== */
  span.lazy.lazy-done, div.lazy.lazy-done {
    -webkit-animation: bounceIn 500ms;
    animation: bounceIn 500ms;
    position: relative;
  }

  div.highlight-movie-list li {
    height: 150px;
    display: inline-block;
  }

  div.highlight-movie-list li a{
    width: 100%;
    height: 100%!important;
    display: inline-block;
  }
  div.highlight-movie-list li a span.lazy{
    display: inline-block;
    background-size: contain;
    position: relative;
  }
  div.highlight-movie-list li a span.name{
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    font-size:50%;
    line-height: 120%;
    color:#6a0128;
  }
  

  @media all and (max-width: 768px) {
    div.highlight-movie-list {
      width: auto;
      margin: 10px auto;
      max-width: 550px;
      padding: 10px;
      font-size:85%;
       line-height: 140%;
    }
    
    div.highlight-movie-list ul{min-height: 160.984px;}
    div.highlight-movie-list li {width: 31.999999%;  margin-left: 1.91%; }
    div.highlight-movie-list li:nth-child(3n+1) {margin-left: 0px;  float: left;}
    div.highlight-movie-list li:nth-child(3n+2) {float: left; }
    div.highlight-movie-list li a span.lazy {
      position: relative;
      padding-top: 56.25%;
      background-repeat: no-repeat;
      display: inline-block;
      background-size: contain;
      height: 0px;
      width: 100%;
    }
    
    div.highlight-movie-list li a span.lazy img{
      top: 0px;
      position: absolute;
      width: 100%;
      height: 100%!important;
    }
    
  }


  /*トップページサムネ
  ====================================== */

  div.all_team_list ul li{
    display: inline-block;
  

  }
  div.all_team_list ul li a{
    display: block;
    width: 100%;
    height: 0px;
  }
  div.all_team_list ul li span.lazy{
    padding-top: 56.206896551724138%;
    height: 0px;
    width: 100%;
    display: inline-block;
    position:relative;
    background-size: contain;
    background-repeat: no-repeat;
  }
  div.all_team_list ul li span.name{display: block;}
  span.lazy img{
    width: 100%;
    height: 100%;
    top: 0px;
    left:0px;
    position: absolute;
    text-align: center;
  }
  @media all and (min-width: 768px) {
      div.all_team_list ul{
        padding: 10px;
      }
    div.all_team_list ul li{
      width: 23.7849%;
      margin-bottom: 10px;
      height: 160px;
      margin-left: 10px;
    }
    div.all_team_list ul li:nth-child(4n+1) {
      margin-left: 0px;
    }
  }

  @media all and (max-width: 768px) {
    div.all_team_list ul {height: 100%;margin: 10px;}
    div.all_team_list ul li {
      margin-top: 10px;
    }
    div.all_team_list ul li:nth-child(odd){
      margin-right: 5px
    }
    div.all_team_list ul li:nth-child(even){
      margin-left: 5px;
    }
    div.all_team_list ul li:nth-child(-n+2){
      margin-top: 0px;
    }
  }
  @media all and (max-width: 320px) {div.all_team_list ul li {width: 47.5%;}}
  @media all and (max-width: 450px) and (min-width: 320px) {div.all_team_list ul li {width: 47.5%;}}
  @media all and (max-width: 470px) and (min-width: 451px) {div.all_team_list ul li {width: 48.2%;}}
  @media all and (max-width: 500px) and (min-width: 471px) {div.all_team_list ul li {width: 48.3%;}}
  @media all and (max-width: 530px) and (min-width: 501px) {div.all_team_list ul li {width: 48.4%;}}
  @media all and (max-width: 560px) and (min-width: 531px) {div.all_team_list ul li {width: 48.5%;}}
  @media all and (max-width: 600px) and (min-width: 561px) {div.all_team_list ul li {width: 48.6%;}}
  @media all and (max-width: 630px) and (min-width: 601px) {div.all_team_list ul li {width: 48.65%;}}
  @media all and (max-width: 670px) and (min-width: 631px) {div.all_team_list ul li {width: 48.66%;}}
  @media all and (max-width: 700px) and (min-width: 671px) {div.all_team_list ul li {width: 48.7%;}}
  @media all and (max-width: 730px) and (min-width: 701px) {div.all_team_list ul li {width: 48.9%;}}
  @media all and (max-width: 767px) and (min-width: 731px) {div.all_team_list ul li {width: 48.95%;}}

.top_result_day_menu{ font-size: 90%;}
.top_result_day_menu ul{ width: 100%; }
.top_result_day_menu li{ color: #9c9c9c; float:left; margin: 0 0px 0 0; background: #e7e7e7; border-right:2px solid #fff; line-height: 3; width:33.33333333333%; text-align: center; box-sizing: border-box; font-size: 90%; font-weight: bold;}

.top_result_day_menu .link a{
background: #ffdce5;
background-image: -webkit-linear-gradient( #de378f 0%, #a6006c 100%);
background-image: linear-gradient( #de378f 0%, #a6006c 100%);
color:#fd769b; font-weight: bold;}


.top_result_day_menu li a{ 
text-decoration: none; display: block; color: #fb638d; font-weight: bold;
background: #fd95b2;
background-image: -webkit-linear-gradient( #de378f 0%, #a6006c 100%);
background-image: linear-gradient( #de378f 0%, #a6006c 100%);
}

#result_day_menu1 a,
#result_day_menu2 a,
#result_day_menu3 a,
#result_day_menu4 a,
#result_day_menu5 a,
#result_day_menu6 a{
background: #de378f;
background-image: -webkit-linear-gradient( #de378f 0%, #a6006c 100%);
background-image: linear-gradient( #de378f 0%, #a6006c 100%);color: #fff;}

.top_result_day_menu li a:hover { opacity:0.7; }


/*//////PC//////*/
@media all and (min-width: 768px) {
#mov-inner {width:960px; height:552px; margin:10px auto ;}
#mov-s {width:640px; height:368px; margin:10px auto;}
#midokoro_tit {width:980px; height: 62px; background:url(../img/midokoro_parts.jpg) no-repeat;}
#onair_tit {width: 980px;height: 62px; background: url(../img/onair_parts.jpg) no-repeat; }
#result_tit2{ width:980px; height: 62px; background:url(../img/result_parts.jpg) no-repeat;}
#about_tit{ width:980px; height: 62px; background:url(../img/about_parts.jpg) no-repeat;}
#team_tit{ width:980px; height: 62px; background:url(../img/team_parts.jpg) no-repeat;}
#ouen_tit{ width:980px; height: 62px; background:url(../img/ouen_parts.jpg) no-repeat;}
#yosen_tit { width:980px; height: 62px; background:url(../img/yosen_parts.jpg) no-repeat;}
#video_tit { width:980px; height: 62px; background:url(../img/video_parts.jpg) no-repeat;}
#data_tit { width:980px; height: 62px; background:url(../img/data_parts.jpg) no-repeat;}
}    


/*//////smp//////*/
@media all and (max-width: 767px) {
#mov{width:100%; position: relative; padding: 55.5555555% 0 0; height: 0; overflow: hidden; margin:.5em auto;}
#mov #mov-inner{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#mov #mov-s{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#yosen_map_tit,#tournament_tit,#live_tit, #midokoro_tit,#onair_tit,#result_tit2,#about_tit,#team_tit,#ouen_tit,#yosen_tit,#video_tit,#data_tit { 
 text-align:center; background:#de378f; padding:15px 0px;
 font-weight: bold;
 font-size:150%;color:#FFFFFF;
border-bottom: 6px double #FFFFFF;}
}


.btn { font-size:110%; position:relative; }
.btn a { display:block; width:100%; padding:0.5em 0; box-sizing:border-box; border-radius:1.0em; background-color:#c4137c; color:#FFFFFF; font-family:'Oswald', sans-serif; text-align:center; text-decoration:none; }
.btn a::before { position:absolute; top:0.8em; left:0.8em; display:block; content:""; width:0.4em; height:0.4em; background-size:cover; }
.btn a:hover { opacity:0.7; }
.btn2 { display:none; }
.top-ttl-btn { float:right; width:6.0em; }
.top-btn { float:none;width:300px; margin:15px auto; }

@media all and (max-width: 767px) {
.top-btn { float:none; width:300px; margin:5px auto; }
}












    /* 	youtube
============================== */
#movie_sp { box-sizing: border-box; width: 96%; margin: 0 auto;}
.movie_all { box-sizing: border-box; width: 100%; margin: 0 auto 5px auto; background: rgba(0, 0, 0, 1);}
.movie_sp { width: 100%; height: 0; padding-top: 56.25%; position: relative; z-index: 100; overflow: hidden;}
.movie_sp iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
.movie_sp .nojs { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(0, 0, 0, 1);}
.movie_sp .imgsp { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

/*	aside.sns
============================== */
aside.sns {
width: 940px;margin:15px auto;padding:10px;
height: auto;
box-shadow: 0px 0px 5px #d5c6ca; }
aside.sns:after {content:"";clear:both;display:block;}
aside.sns div.inner {	text-align:left;}
div#f-tl-tw {background-color:#1DA1F2;padding-bottom:5px;}
div#f-tl-tw div.tl-inner {	background-color:#fff;}
.f-tl-hd { height:50px; }
#f-tl-tw h2 { float:left; display:block; height:100%; background:center center; background-size:cover; text-indent:-9999px; }
#f-tl-tw h2 { width:174px; background-image:url(../img/f_tl_tw_ttl.png); }
.f-tl-btn { float:right; width:89px; height:100%; margin-right:16px; }
.f-tl-btn a { display:block; width:100%; height:100%; background:center center no-repeat; background-size:89px auto; text-indent:-9999px; outline:none; opacity:1; }
.f-tl-btn a:hover { opacity:0.7; }
#f-tl-tw .f-tl-btn a { background-image:url(../img/f_tl_tw_btn.png); }
.img-tiktok {width:300px;height:200px;margin:5px auto 20px;background-image:url(../img/tiktok.jpg);  }
.img-before {width:300px;height:100px;margin:5px auto;background-image:url(../img/before.jpg);  }


@media all and (min-width: 768px) {
aside.sns div.inner {	width:850px;margin:0 auto;}
div.sns-wrap-top {
	width:475px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 4px 4px;
}

div.sns-wrap {
	width:300px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 4px 4px;
}

div#f-tl-tw {float:left;}
#banner_area{float:right;margin:10px auto;}
}


@media all and (max-width: 767px) {
aside.sns {padding:30px 0; border:0; text-align:center;width:100%; }
div.sns-wrap {padding-bottom:5px;}
div#f-tl-tw div.f-tl-box {margin:0 26px;padding-bottom:5px;}
div#f-tl-tw div.tl-inner {margin:0 26px;}
.f-tl-hd { height:40px; }
#f-tl-tw h2 { width:139px; }
.f-tl-btn { margin-right:10px; }
#banner_area{margin:10px auto;}
}


/*	SNS buttons
============================== */
@media all and (min-width: 768px) {

div.sns-btns {
	width:320px;
	margin:0 auto 10px;
	padding:0px 0 7px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.sns-btns div.tw {
	width:100px;
	float:left;
	margin-left:40px;
}
div.sns-btns div.fb {
	float:right;
}
}
@media all and (max-width: 767px) {
div.sns-btns {
	padding:10px 0 7px;
	text-align:center;
}
div.sns-btns div.tw, div.sns-btns div.fb {
	display:inline-block;
}
div.sns-btns div.tw {
	margin-left:40px;
	padding-right:10px;
}
}

.pr-img span, .pr-img span img{
	display:block;
}

.pr-img span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:20.4081632653061%;
	background-position:center center;
	background-repeat:no-repeat;
}



.pr-img span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}



.pr-img span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}



@media all and (min-width: 768px) {
.pr-img {width:800px;height:200px;margin:10px auto 0px;}
}


@media all and (max-width: 767px) {
.pr-img {margin:5px 0px;}
}



.top-txt {
padding: 0.5em 1.2em;
    margin: 2em auto;
    font-weight: bold;
    color: #bd1080;
    background: #FFF;
    border: solid 3px #bd1080;
    border-radius: 10px;
 font-weight: bolder;line-height: 2.5;}

@media all and (min-width: 768px) {
.top-txt {
width:980px;
    margin: 2em auto;
}
}


@media all and (max-width: 767px) {
.top-txt {
width:300px;
    margin: 2em auto;
}
}

/*  Footer
=============================================== */
#footer { padding:15px 0px;text-align:center; color:#fff;  background:#de378f;}
@media all and (max-width: 767px) {#footer { width:94%; margin:0 3% 3% 3%; }}

/* f-copy
-------------------------------- */
#f-copy { margin:10px auto;font-size:90%; line-height:120%; color:#FFFFFF; }
#f-copy small { font-weight:400; letter-spacing:0.02em; text-align:center;}
#f-copy a:hover { text-decoration:none; }
@media all and (max-width: 767px) {#f-copy { font-size:80%; }}

/* f-share
-------------------------------- */
#f-share,
#f-share-btn { display:flex; justify-content:center; align-items:center; }
#f-share {width:11.0em; margin:10px auto 20px auto; border:#fff 1px solid; border-radius:2.0em; padding:0.7em; font-size:130%; }
#f-share-ttl { font-family:'Oswald', sans-serif; font-weight:400; letter-spacing:0.02em; text-shadow:0px 2px 2px rgba(0,0,0,0.4), 0px 2px 6px rgba(0,0,0,0.2), 0px 2px 6px rgba(0,0,0,0.2); }
#f-share-ttl::after { content:""; display:inline-block; vertical-align:bottom; width:0.5em; height:0.5em; margin:auto 0.2em 0.1em 0.3em; background:url(../img/common/f_btn_share_arrow.png) center center no-repeat; background-size:auto 100%; }
#f-share-btn li { width:1.8em; height:1.8em; margin-left:0.4em; }
#f-share-btn li a { display:block; width:100%; height:100%; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #f-share-btn li a:hover { opacity:0.5; } }
#f-share-btn-tw a {  background-image:url(../img/common/f_btn_share_tw.png); }
#f-share-btn-fb a {  background-image:url(../img/common/f_btn_share_fb.png); }
#f-share-btn-line a {  background-image:url(../img/common/f_btn_share_line.png); }

/* pagetop
-------------------------------- */
#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:3.0em; height:3.0em; border-radius:3.0em; background:url(../img/common/page_top.png) center center no-repeat; background-size:cover; box-shadow:1px 1px 4px rgba(0,0,0,0.2); text-indent:-9999px; outline:none; }

/* banner / top-banner
-------------------------------- */
#banner-list { /* for space */ font-size:0; }
#banner-list li { display:inline-block; vertical-align:middle; /* for space */ font-size:1rem; }
.banner { position:relative; width:100%; height:0; }
.banner a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { .banner a:hover { opacity:0.5; } }
#f-banner { width:980px; margin:auto; }
#bn-tiktok,
#bn-unext { width:48%; margin:0 1% 2% 1%; }
#top-banner #bn-tiktok,
#top-banner #bn-unext { width:100%; margin:0 0 5% 0; }
#bn-tiktok .banner,
#bn-unext .banner { padding-top:33.33333333333%; }
#bn-tiktok .banner a { background-image:url(../img/common/bn-tiktok.jpg); }
#bn-unext .banner a { background-image:url(../img/common/unext_banner.jpg); }
@media all and (max-width: 767px) {#f-banner { width:auto; }#bn-unext  { width:100%; margin:0 0 3% 0; }}




@media all and (min-width: 768px) {
 .ouen-img span {width:800px;height:530px;margin:8px auto;display:block;text-indent: -9999px;  }
}

@media all and (max-width: 767px) {
.ouen-img span{width:100%; height:0; padding-top:66.25%; display:block;background-size: contain;position:relative;text-indent:-9999px;margin:10px 0px;}
}

@media all and (min-width: 768px) {
#l-box{float:left;padding:10px;width:450px;}
#r-box{float:right;padding:10px;width:450px;}
}
#c-box{width:100%;}
.clearfix:after {content:"";clear:both;display:block;}