@charset "utf-8";
@font-face {
    font-family: 'BLG';
    src: url(../font/bleage_font.ttf);
}
.module_title{
  display: none;
}
    .loadingHP {
      position: fixed;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 5000;
      background-color: rgba(0, 0, 0, 1);
    }

    .loading_spc {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto auto;
      width: 80px;
      height: 100px;
      text-align: center;
    }

    .icon_loading {
      width: 80px;
      height: 80px;
      margin-bottom: 3px;
    }

    .tx_loading {
      font-size: 1.1rem;
      color: #FFF;
      line-height: 1;
      letter-spacing: .1rem;
    }
img{
  vertical-align: baseline;
}
p,span,h1,h2,h3,h4,div,nav{
  
  font-family: 'Noto Sans JP', sans-serif;
  /* font-family: ヒラギノ角ゴ pro w3,Hiragino Kaku Gothic Pro,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif; */
  font-style: normal;
  font-feature-settings: "palt";
}
html {
  scroll-padding-top: 0px; /* 固定ヘッダの高さ分 */
  font-size: 62.5%;
  overflow-x: hidden;
}
  
body {
  line-height: 1.6875;
} 
.blg-font{
  font-family: 'BLG';
    src: url(font/bleage_font.ttf);
}
.coming__soon{
  font-size: 3rem;
  color: white;
  text-align: center;
  padding-top: 50px;
}
@media (min-width: 700px) {
  .coming__soon{
    font-size: 6rem;
  }
}
.kv{
  background-color: #000000;
}
picture{
  width: 100%;
}
picture img{
  width: 100%;
  vertical-align: bottom;
}
.kv__area{
  width: 100%;
}
.kv__area img{
  width: 100vw;
  height: 150px;
  object-fit: cover;
  vertical-align:top;
}
@media (min-width: 700px) {
.kv__area img{
  width: 100%;
  height: auto;
  vertical-align:top;
}
}
/* nav */
.nav{
  background-color: #000000;
}
.nav__menu {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 700px) {
  .nav__menu {
    width: 800px;
    margin:0 auto;
  }
}
.nav__item {
  flex: 1;
  text-align: center;
  border-left: 1px solid rgb(89, 89, 89);
}
.nav__item:last-child{
  border-right: 1px solid  rgb(89, 89, 89);
}
.nav__item :hover{
  background-color: #ee006b;
}
.nav__item {
  font-size: 1.4rem;
}
@media (min-width: 700px) {
  .nav__item {
    font-size: 1.6rem;
  }
}
.nav__link {
  display: block;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  padding: 13px 0;
}
@media (min-width: 700px) {
  .nav__link {
    padding: 20px 0;
  }
}
.footer_contents{
  padding-top: 30px;
  background-color: #000000;
  padding-bottom: 30px;
  color: #fff;
}
@media (min-width: 700px) {
  .footer_contents{
    padding-top: 40px;
    padding-bottom: 40px;
}
}
.btn_sns{
  width: 45px;
}
.btn_sns img{
  width: 100%;
}
.sns_contents{
  display: flex;
  gap: 8px;
  justify-content: center;
}
@media (min-width: 700px) {
  .sns_contents{
    gap: 15px;
  }
}
.small{
  text-align: center;
}
.blg_logo{
  width: 40px;
  margin: 15px auto;
}
.blg_logo img{
  width: 100%;
}
.minogashi{
  font-size: 1.2rem;
  text-align: center;
  display: block;
}
.game__ttl{
  width: 350px;
  margin: 0 auto ;
  padding-top: 30px;
}
@media (min-width: 700px) {
  .game__ttl{
    padding-top: 50px;
    width: 500px;
  }
}
.game__ttl img{
  width: 100%;
}
.game{
  background: linear-gradient(180deg, #E54141 10%, #DB8700 80%);
}
.game__bg-material{
  background-image: url(../img/texture_washi.webp);
  background-repeat: repeat;
  background-size: contain;
}

.date {
  background: #e1d0a7;
  position: relative;
  padding: 0 15px 50px;
  z-index: 1; }

  .date__table {
    margin-bottom: 50px; }
  .date__logo img {
    width: 70%; }
  .date__logo--main img {
    width: 100%; }
  .date__result {
    font-size: 2.5rem; }
  .date__big {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 2rem;
    line-height: 0.9; }
  .date__small {
    font-size: 1.2rem; }
  .date__img {
    margin-bottom: 50px; }

.date-ttl {
  margin: 0 auto;
  text-align: center;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%); }

.date-sub-ttl {
  position: relative;
  margin-bottom: 30px;
  padding: 3px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  text-align: center; }
  .date-sub-ttl::before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px; }
  .date-sub-ttl__txt {
    display: inline-block;
    background: #695026;
    position: relative;
    padding: 0 40px;
    z-index: 1; }

.date-tab-ttl-wrap {
  display: flex;
justify-content: center;
gap: 50px;
margin: 50px 15px 30px 15px;
max-width: 700px;
}
@media (min-width: 700px) {
  .date-tab-ttl-wrap {
    margin: 50px auto 50px auto;
  }
}
.date-tab-ttl {
  font-family: 'BLG';
  background: none;
  position: relative;
  width: 49%;
  max-height: 40px;
  background-color: #fff;
  border-radius: 30px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-bottom: 15px; 
}
  .date-tab-ttl::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-width: 7px 8px 0 8px;
    border-style: solid;
    border-color: #FFBA00 transparent transparent transparent;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    opacity: 0; }
  .date-tab-ttl.is-active {
    background: #FFBA00;
   }
    .date-tab-ttl.is-active::after {
      opacity: 1; }

.date-tab {
  position: relative;
  width: 100%; }

.date-tab-wrap {
  position: relative;
  width: 100%;
  z-index: 2;
  display: none;
  padding-bottom: 50px;
 }
  .date-tab-wrap.is-active {
    display: block; }

.date-tab-item {
  background: #fff;
  }

.club-tab-inner{
  padding: 5px;
  gap: 5px;
  display: flex;
  align-items: center;
  text-align: center;
  height: 80px;
  justify-content: center;
}
@media (min-width: 700px) {
  .club-tab-inner{
    height: 130px;
    gap: 20px;
    padding: 10px 0 0px 0;
  }
}
.club-tab-logo{
  width: 40px;
  margin: 0 auto;
}
@media (min-width: 700px) {
  .club-tab-logo{
    width: 70px;
  }
}
.club-tab-logo img{
  width: 100%;
}
.ticket-link{
  text-decoration: none;
}
.ticket-btn{
  color: #fff;
  background-color: #9a0000;
  text-align: center;
  padding: 7px 3px;
  margin: 0 auto;
  border-radius: 50px;
  width: 90%;
  transition: transform .3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.152);
}
@media (min-width: 700px) {
  .ticket-btn{
    padding: 10px 3px;
  }
}
.ticket-btn:hover{
  transform: scale(1.05);
}
.game__item{
  border-right: 1px solid rgb(125, 125, 125);
  padding-bottom: 10px;
  width: 35%;
}
@media (min-width: 700px) {
  .game__item{
  padding-bottom: 20px;
  }
}
.game__text{
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
}
@media (min-width: 700px) {
  .game__text{
    font-size: 2.5rem;
  }
}
.game__item-ttl{
  font-weight: 800;
  font-size: 1.5rem;
  width: 100%;
  color: white;
  height: 35px;
  line-height: 1.6rem;
  background-color: #000;
  text-align: center;
  vertical-align: middle;
  display: grid;
	place-items: center center;
}

.event__item{
  width: 65%;
}
.event__item-ttl{
  width: 100%;
  color: white;
  font-weight: bold;
  height: 35px;
  background-color: #000000;
  text-align: center;
  vertical-align: middle;
  display: grid;
	place-items: center center;
}

.event-tab-icon{
  width: 45px;
  margin: 0 auto;
}
@media (min-width: 500px) {
  .event-tab-icon{
    width: 60px;
  }
}
@media (min-width: 700px) {
  .event-tab-icon{
    width: 75px;
  }
}
.arena__name{
  font-size: 1rem;
}
@media (min-width: 700px) {
  .arena__name{
    font-size: 1.3rem;
  }
}
.guest-name{
  font-size: 1rem;
  line-height: 1rem;
}
@media (min-width: 700px) {
  .guest-name{
    line-height: 1.8rem;
    font-size: 1.3rem;
  }
}
.guest-tab-icon{
  width: 70px;
  margin: 0 auto;
}
@media (min-width: 700px) {
  .guest-tab-icon{
    width: 110px;
  }
}
.guest-tab-icon img{
  width: 100%;
}
.event-tab-icon img{
  width: 100%;
}
.event-tab{
  text-align: center;
}
.event-tab-inner{
  padding: 5px;
  display: grid;
  grid-template-columns: 37% 20% 20% 20%;
  height: 105px;
  justify-content: center;
  align-items: center;
  gap:3px;
  max-width: 300px;
  margin: 0 auto;
}
@media (min-width: 700px) {
  .event-tab-inner{
    max-width: 400px;
    height: 150px;
    padding: 10px 0 20px 0;
  }
}
.event-text{
  display: none;
}
@media (min-width: 700px) {
  .event-text{
    display: block;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
}
.vs{
  font-size: 2rem;
}
@media (min-width: 700px) {
  .vs{
    font-size: 3rem;
  }
}
.event-link{
  text-decoration: none;
}
.none-btn{
  color: #fff;
  background-color: #959595;
  text-align: center;
  padding: 7px 3px;
  border-radius: 50px;
  width: 90%;
  margin: 0 auto;
  transition: transform .3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.152);
}
@media (min-width: 700px) {
  .none-btn{
  padding: 10px 5px;
  }
}
.event-btn{
  color: #fff;
  background-color: #000000;
  text-align: center;
  padding: 7px 3px;
  border-radius: 50px;
  width: 90%;
  margin: 0 auto;
  transition: transform .3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.152);
}
@media (min-width: 700px) {
  .event-btn{
  padding: 10px 5px;
  }
}
.event-btn:hover{
  transform: scale(1.05);
}
.date-tab-inner{
  display: flex;
  font-size: 1.2rem;
  background-color: #fff;
  max-width: 700px;
  margin: 0px auto;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.175);
  margin-bottom: 20px;
}
@media (min-width: 700px) {
  .date-tab-inner{
  font-size: 1.6rem;
  }
}
.gc{
  background-color: #ffd700;
  color: #000;
}
.cj{
  background-color:#F0001E;
}
.tg{
  background-color:#d90000;
}
.kh{
  background-color:#0088a2;
}
.hd{
  background-color: #e94709;
}
.an{
  background-color: #E40073;
}
.lh{
  background-color:#8FC31F;
}
.sn{
  background-color: #d2001e;
}
.ss{
  background-color:#036eb8;
}
.oe{
  background-color:#E6001B;
}
.bw{
  background-color:#FFF33F;
  color: #000;
}
.se{
  background-color:#F0AB00;
}
.dd{
  background-color:#cd1b2f;
}
.nv{
  background-color:#1C2D51;
}
.sg{
  background-color:#00a6ce;
}
.yb{
  background-color: #000d36;
}
.sm{
  background-color:#1a4899;
}
.fe{
  background-color:#0b318f;
}
.sr{
  background-color:#fff100;
  color: #000;
}
.ub{
  background-color:#12315A;
}
.kb{
  background-color:#8F0038;
}
.aw{
  background-color:#004098;
}
.ks{
  background-color:#002612;
}
.yw{
  background-color:#5f1985;
}
.ff{
  background-color:#B43D9D;
}
.na{
  background-color:#EA5404;
}
.vsi{
  background-color:#1B2B59;
}
.ls{
  background-color:#005BAC;
}
.kv{
  background-color:#FE0009;
}
.ka{
  background-color:#660000;
}
.eo{
  background-color:#ff8A05;
}
.ir{
  background-color:#023893;
}
.rf{
  background-color:#0b318f;
}
.bn{
  background-color:#a01e23;
}
.home{
  color: #b60000;
}
.head__border {
  display: flex;
  align-items: center;
  max-width: 700px;
  margin: 0 auto;
  font-size: 2rem;
  color: #fff;
  padding: 30px 0 10px 0;
}
@media (min-width: 700px) {
.head__border {
  font-size: 3rem;
}
}
.head__border:before,
.head__border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #ffffff;
}
.head__border:before {
  margin-right: 3rem;
}
.head__border:after {
  margin-left: 3rem;
}
.description__contents{
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 700px) {
  .description__contents{
    display: none;
  }
}

.icon__description{
  width: 40px;
}
.icon__description img{
  width: 100%;
}
.description__item{
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
}

/* fadeUp */

.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
  @keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translateY(100px);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }
  
  
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
   
  .fadeUpTrigger{
      opacity: 0;
  }
  

    /*page topへ戻る*/
#page-top a{
  font-family: "BLG";
  display: flex;
  justify-content:center;
  align-items:center;
  background:#df0000;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:1.3rem;
  transition:all 0.3s;
}
#page-top img{
  width: 30px;
}
#page-top a:hover{
  background: #b1b1b1;
}

/*リンクを右下に固定*/
#page-top {
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom:10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}

.period__contents{
  margin: 30px 0;
  text-align: center;
  color: #000000;
}

@media (min-width: 700px) {
  .period__contents{
    margin: 30px 0;
  }
}
.period__ttl{
  font-size: 3rem;
}
@media (min-width: 700px) {
  .period__ttl{
    font-size: 4rem;
  }
}
.period__time{
  font-size: 3.2rem;
}
@media (min-width: 700px) {
  .period__time{
    font-size: 6rem;
  }
}
.small__text{
  font-size: 2rem;
}
@media (min-width: 700px) {
  .small__text{
    font-size: 3.7rem;
  }
}
.attention__ttl{
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
}
.attention__text{
  width:calc(100% - 30px); 
  margin:0 auto;
  font-size: 1.6rem;
  max-width: 550px;
  padding-bottom: 70px;
}
.schedule_text{
  text-align: left;
  display: inline-block;
}
.schedule{
  text-align: center;
  background-color: #000000;
  font-size: 1.6rem;
  max-width: 700px;
  margin: 15px auto 0;
  font-weight:800;
  color: white;
}
@media (min-width: 700px) {
  .schedule{
    font-size: 2rem;
  }
}
.day_of_week{
  font-size: 1.3rem;
  font-weight:800;
}
@media (min-width: 700px) {
  .day_of_week{
    font-size: 1.8rem;
  }
}
.venue{
  text-align: center;
  padding-bottom: 5px;
  font-size: 1.2rem;
  height: 20px;
}
@media (min-width: 700px) {
  .venue{
    font-size: 1.6rem;
    padding-bottom: 10px;
    height: 30px;
  }
}
.guest_schedule{
  text-align: center;
}

/* タブの設定 */
.tab {
  display: flex;
  list-style: none;
  justify-content: center;
  gap: 30px;
}
@media (min-width: 700px) {
  .tab {
    gap: 50px;
  }
}
.tab li {
  cursor: pointer;
  background-color: azure;
  font-size: 1.8rem;
  justify-content: center;
  width: 140px;
  padding: 5px;
  text-align: center;
  border-radius: 50px;
  margin-bottom: 30px;
}
@media (min-width: 700px) {
  .tab li {
    width: 300px;
    margin: 0;
    font-size: 3rem;
  }
}
.tab li.active {
  background: #FFBA00;
}

/* タブの中身の設定 */
.tabContent li {
  display: none
}
.tabContent .active {
  display: block;
} 
.tab-botom{
  margin-top: 30px;
}