/*
Theme Name: blazerswp_2023
Description: for Kei
Version: 1.0
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/******************************************************************************
 * 1.0 - Common Settings
*****************************************************************************/
/* タブレット対策 */
/* フォントサイズ */
body{
  width: 100%;
  /* overflow-x: hidden; */
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (min-width:769px){
  /* PC 769px以上 */
  html{
    font-size: 1px;
  }
  body {
    font-size: 16rem;
    /* min-width: 1280px; */
  }
  .sp{
    display: none !important;
  }

}
@media screen and (max-width:1280px){
  html {
    font-size: calc((1280px - (1280px - 100vw)) / 1280 * 1);
  }
}
@media screen and (max-width:768px){
  /* タブレット 768px以下 */
  html{
    font-size: .13vw;
  }
  body {
    min-width: initial;
  }
  .pc{
    display: none !important;
  }
  .sp{
    display: block;
  }
}
@media screen and  (max-width:480px){
  /* スマートフォン 480px以下 */
  html{
    /* font-size: 3.4vw; */
  }
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
}
* {
  font-family: 'Noto Sans JP',sans-serif;
  /* font-weight: 500; */
}
img{
  max-width: 100%;
}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}

.fwB{font-weight:bold;}

.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}

.dspB{display:block;}
.dspI{display:inline;}
.dspIb{display:inline-block;}

.nt{
    text-indent: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
    margin:0;
    padding:0;
    text-align:left !important;
    }
.nt *{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
        text-align:left !important;
    }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.cf {
  min-height: 1px;
}
.notice{
	color:#cc0000;
}
.fc_y{
  color: #fffc00;
}

/* button:hover, */
/* input[type="submit"]:hover */
a:has(>img):hover{
	/* opacity: 0.7; */
  background-color: #203aad;
  transition: all .5s;
}
a>img:hover{
  opacity: 0.7;
  transition: all .5s;
}
.contents_w_inner{
  width: 1100rem;
  margin: auto;
  position: relative;
}

.slide-arrow{
  font-size: 30rem;
  line-height: 60rem;
  text-align: center;
  color: #fff;
  font-weight: 900;
  height: 60rem;
  width: 60rem;
  z-index: 100;
  border-radius: 50rem;
  border: none;
  background-color: #000;
  opacity: .8;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}
.prev-arrow{ left: -120rem; }
.next-arrow{ right: -120rem; }
.slide-arrow span{
  display: inline-block;
  transform: scale(.5, 1);
}
.sub_slide .slide-arrow{
  background-color: rgba(255,255,255,0);
  color: #000;
}


/******************************************************************************
 * 2.0 - Header
*****************************************************************************/
header.main_header{
  width: 100%;
  height: 110rem;
  background-color: #0f172e;
  position: relative;
  /* min-width: 1280rem; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header_logo{
  width: 262rem;
  margin-left: 28rem;
}
.header_navbtn{
  width: 324rem;
  margin-right: 57rem;
}
.header_navbtn img{
  width: 100%;
}

/* スマホ */
@media screen and (max-width: 769px){
  .contents_w_inner{
    width: 100%;
    padding-left: 30rem;
    padding-right: 30rem;
  }

  .sub_slide .next-arrow{
    right: -15rem;
  }
  .sub_slide .prev-arrow{
    left: -15rem;
  }



  header.main_header{
    height: 150rem;
    min-width: inherit;
  }
  .header_logo{
    width: 307rem;
    margin-left: 30rem;
  }
  .header_navbtn{
    width: 310rem;
    margin-right: 34rem;
  }
}

/******************************************************************************
 * 2.1 - Footer
*****************************************************************************/
/*フッター*/
.main_footer{
	width: 100%;
	background-color: #0f172e;
	color: #fff;
  text-align: center;
  padding-bottom: 80rem;
}
.footer_photo_div{
  width: 100%;
  height: 522rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_photo_div img{
  width: 100%;
}

.footer_bottoms{
  position: relative;
}
.footer_logo{
  width: 290rem;
  z-index: 1000;
  position: relative;
  top: -39rem;
  margin-bottom: 15rem;
}

.snsList{
  list-style:none;
  width: 256rem;
  height:32rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100rem;
}
.snsList img{
  height: 32rem;
  width: auto;
}

.f_link_btn{
  font-size: 18rem;
  background-color: #fff;
  color: #000733 !important;
  font-weight: bold;
  border-radius: 50rem;
  width: 163rem;
  line-height: 36.85rem;
  text-align: center;
  display: block;
  margin: 0 auto 28rem;
}
.main_footer small{
  font-size: 14rem;
}



/* スマホ */
@media screen and (max-width: 769px){
  /*フッター*/
  .main_footer{
    padding-bottom: 91rem;
  }
  .footer_photo_div{
    height: auto;
  }
  .footer_photo_div img{
    width: 100%;
  }
  .footer_logo{
    margin-bottom: 46rem;
  }
  .snsList{
    width: 462rem;
    height:56rem;
  }
  .snsList img{
    height: 56rem;
  }
  .f_link_btn{
    font-size: 26rem;
    width: 210rem;
    line-height: 50rem;
    margin: 0 auto 44rem;
  }
  .main_footer small{
    font-size: 22rem;
  }

}




/******************************************************************************
 * 3.0 - main_nav
*****************************************************************************/
.mv_wrap{
  width: 100%;
}
.mv_wrap img{
  width: 100%;
}
.main_nav_wrap{
  background-image: url(../img/content/main_nav_bgi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding-bottom: 90rem;
}
.main_nav_wrap .mn_title{
  width: 600rem;
  margin: 66rem auto 32rem;
}
.main_nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 850rem;
  margin: 0 auto;
}
.main_nav li{
  display: flex;
  align-items: end;
  justify-content: center;
  color: #fff;
  width: 140rem;
  height: 112rem;
}
.main_nav li a{
  color: #fff;
  font-size: 16rem;
  font-weight: 900;
}
.main_nav li a span{
  margin: 20rem auto 15rem;
  display: block;
}
.main_nav li a:hover{
  color: #f7ed00;
}
.main_nav li:nth-child(2n -1){
  background-color: #172241;
}
.main_nav li:nth-child(2n){
  background-color: #0f172e;
}

@media screen and (max-width: 769px){
  .main_nav_wrap{
    background-image: url(../img/content/main_nav_bgi_sp.jpg);
    padding: 66rem 0 84rem;
  }
  .main_nav_wrap .mn_title{
    width: 600rem;
    margin: 0 auto 46rem;
  }
  .main_nav{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 570rem;
  }
  .main_nav li{
    width: 188rem;
    height: 150rem;
    margin: 0 1rem 19rem;
  }
  .main_nav li a{
    font-size: 26rem;
  }
  .main_nav li a span{
    margin: 20rem auto 14rem;
  }

}



/******************************************************************************
 * 4.0 - ticket_wrap
*****************************************************************************/
.ticket_wrap{
  background-image: url(../img/common/ticket_bgi.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 70rem 0 106rem;
  /*border-top: 11rem solid #feef00;*/
  color: #fff;
}
.ticket_wrap .place_name{
  font-size: 34rem;
  font-weight: bold;
  margin: 0rem auto 24rem;
  color: #000000;
}
.team_logas{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 640rem;
  margin: auto;
}
.team_logo{
  width: 200rem;
}
.team_logo img{
  width: 100%;
}
.team_x_mm{
  width: 115rem;
}
.dates_wrap_wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 900rem;
  margin: 38rem auto 0;
}
.dates_wrap{
  width: 420rem;
  display: flex;
  flex-direction: column;
}
.date_wrap_inner{
  font-family: 'Bebas Neue', sans-serif;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  line-height: 1em;
}
.dates_wrap .date{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 130rem;
  font-weight: 900;
  line-height: .9em;
  margin-right: 15rem;
  color: #000000;
}
.dates_right{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dates_right .day{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 50rem;
  font-weight: 100;
  line-height: 1em;
}
.dates_right .time{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 67rem;
  font-weight: 100;
  line-height: .8em;
  color: #000000;
}
.dates_wrap .blue{
  color: #16addf;
}
.dates_wrap .red{
  color: #ff0000;
}
.ticket_btn{
  font-size: 30rem;
  color: #fff;
  background-color: #16addf;
  width: 420rem;
  height: 74rem;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  position: relative;
  transition: all .5s;
}
.ticket_btn span{
  font-size: 49rem;
  position: absolute;
  right: 5rem;
}
.ticket_btn:hover{
  color: #f7ed00;
  background-color: #000733;
}


@media screen and (max-width: 769px){
  .ticket_wrap{
    background-image: url(../img/common/ticket_bgi_sp.png);
    padding: 70rem 0 131rem;
  }
  .ticket_wrap .place_name{
    font-size: 39rem;
  }
  .dates_wrap_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 70rem auto 0;
  }
  .dates_wrap + .dates_wrap{
    margin-top: 84rem;
  }


}


/******************************************************************************
 * 5.0 - game_pre_wrap
*****************************************************************************/
.game_pre_wrap{
  background-image: url(../img/common/game_pre_bgi.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 175rem 0 0rem;
  position: relative;
}
.game_pre_wrap::before{
  content: '';
 background: url(../img/common/game_pre_left.png);
  background-size: cover;
  position: absolute;
  left: 0;
  top: 160rem;
  z-index: 1;
  opacity: .7;
  width: 198rem;
  height: 876rem;
}
.game_pre_wrap::after{
  content: '';
  background: url(../img/common/game_pre_right.png);
  background-size: cover;
  position: absolute;
  right: 0;
  top: 160rem;
  z-index: 1;
  opacity: .7;
  width: 198rem;
  height: 876rem;
}
.jp_title{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26rem;
  font-weight: 800;
}
.en_title{
  font-family: 'Montserrat', sans-serif;
  font-size: 80rem;
  font-weight: 800;
}
.game_pre_title{
  position: absolute;
  top: -120rem;
  left: -60rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.game_pre_title .en_title{
  font-size: 80rem;
  display: block;
  padding: 20rem;
  text-align: left;
  line-height: .9em;
  margin-bottom: 9rem;
  background-color: rgba(247,239,0,.8);
  display: inline-block;
}
.game_pre_title .jp_title{
  color: #fff;
  padding: 10rem;
  text-align: left;
  line-height: .9em;
  background-color: rgba(15,23,46,.8);
  display: inline-block;
}

.game_photo_wrap{
  width: 100%;
  margin-bottom: 34rem;
}
.game_photo_wrap img{
  width: 100%;
}

.game_txt_wrap{
  background-color: #fff;
  border-radius: 0 58rem 0 58rem;
  color: #1C2950;
  padding: 52rem 60rem;
  margin-bottom: 158rem;
}
.game_txt_wrap h3{
  font-size: 26rem;
  font-weight: bold;
  margin-bottom: 48rem;
  text-align: center;
  color: #1C2950;
}
.game_txt_wrap p{
  font-size: 16rem;
  line-height: 2em;
  text-align: left;
}
.game_photo_f{
  width: 100%;
}
.game_photo_f img{
  width: 100%;
}
.game_pre_wrap .contents_w_inner{
  z-index: 100;
}

@media screen and (max-width: 769px){
  .game_pre_wrap{
    padding: 160rem 0 0rem;
    overflow: hidden;
    background-repeat: repeat;
    background-size: auto;
  }
  .game_pre_wrap::before{
    top: inherit;
    bottom: 200rem;
    width: 37vw;
  }
  .game_pre_wrap::after{
    top: inherit;
    bottom: 200rem;
    width: 37vw;
  }
  .game_pre_title{
    left: 0rem;
  }
  .game_photo_wrap{
    height: 765rem;
    overflow: hidden;
    margin-bottom: 43rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .game_photo_wrap img{
    width: auto;
    height: 100%;
    max-width: none;
  }

  .game_txt_wrap{
    background-color: #fff;
    border-radius: 0 58rem 0 58rem;
    color: #fff;
    padding: 60rem 60rem;
    margin-bottom: 400rem;
  }
  .game_txt_wrap h3{
    font-size: 34rem;
    margin-bottom: 52rem;
    text-align: left;
  }
  .game_txt_wrap p{
    font-size: 28rem;
	 color: #1C2950;
  }
  .game_photo_f{
    /*height: 580rem;*/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }
  .game_photo_f img{
    width: auto;
    height: 100%;
    width: 100%;
    z-index: 100;
  }
}

/******************************************************************************
 * 6.0 - player_wrap
*****************************************************************************/
.player_wrap{
  border-top: 11rem solid #000000;
  border-bottom: 11rem solid #000000;
  background-image: url(../img/common/player_bgi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 51rem 0 75rem;
  position: relative;
}
.player_title{
  position: relative;
  left: -60rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.player_title .en_title{
  text-align: left;
  margin-bottom: 29rem;
  color: #0f172e;
  line-height: .9em;
}
.player_title .jp_title{
  color: #0f172e;
  text-align: left;
  display: inline-block;
  line-height: .9em;
  margin-bottom: 47rem;
}
.player_pre_wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.player_pre_main{
  width: 527rem;
  height: auto;
  margin-left: 10rem;
  overflow: hidden;
}
.player_pre_main_img{
  width: 100%;
  display: none;
}
.player_pre_btns{
  width: 488rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn_div{
  width: 110rem;
  height: 110rem;
  margin: 6rem;
  cursor: pointer;
  position: relative;
  cursor: pointer;
}
.btn_div img{
  width: 100%;
}
.btn_div::after{
  content: '';
  background-color: rgba(0,0,0,.6);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.btn_div.pre{
  border: 4rem solid #16addf;
  padding: -4rem;
}
.btn_div.pre::after{
  display: none;
}
@media screen and (max-width: 769px){
  .player_wrap{
    padding: 60rem 0 95rem;
  }
  .player_title{
    left: 0rem;
  }
  .player_title .jp_title{
    margin-bottom: 51rem;
  }
  .player_pre_wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .player_pre_main{
    width: 100%;
    margin-left: 0rem;
  }
  .player_pre_main img{
    width: 100%;
  }
  .player_pre_btns{
    width: 100%;
    margin: -8rem;
    margin-top: 60rem;
  }
  .btn_div{
    width: calc(25% - 16rem);
    height: calc(25% - 16rem);
    margin: 8rem;
  }
  .btn_div.pre{
    border: 8rem solid #16addf;
    padding: -8rem;
  }

}

/******************************************************************************
 * 7.0 - event_wrap
*****************************************************************************/
.event_wrap{
  padding: 100rem 0 180rem;
  /* padding: 100rem 0 105rem; 
  background-color: #0f172e;*/
  background-image: url(../img/common/event_pc.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
}
.event_title{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffff00
}
.event_title .en_title{
  text-align: center;
  margin-bottom: 23rem;
  color: #ffff00;
  line-height: .9em;
}
.event_title .jp_title{
  background-color: #ffff00;
  color: #0f172e;
  text-align: center;
  padding: .3em;
  display: inline-block;
  margin-bottom: 60rem;
}
.event_list{
  width: 1300rem;
  margin: auto;
}
.event_list li{
  width: 300rem;
  margin: auto 13rem;
}
.event_list li a{
  width: 100%;
  height: 220rem;
  overflow: hidden;
}
.event_list li a img{
  width: 100%;
}
.event_list li p{
  padding: 30rem;
  background-color: #ffff00;
  height: 130rem;
  color: #0f172e;
  font-weight: 500;
}
.slick-dots{
  bottom: -100rem !important;
}
.slick-dots li.slick-active button:before{
  color: #fbed00 !important;
}
.slick-dots li button:before{
  font-size: 14rem !important;
  width: 12rem !important;
  height: 12rem !important;
}
@media screen and (max-width: 769px){
  .event_wrap{
    padding: 100rem 0 90rem;
  }
  .event_list{
    width: 100%;
  }
  .event_list li{
    width: 700rem;
    margin: auto 20rem;
  }
  .event_list li p{
    font-size: 32rem;
    height: auto;
  }
  .slide-arrow {
    font-size: 42rem;
    line-height: 64rem;
    height: 64rem;
    width: 64rem;
  }
  .prev-arrow{
    left: 0rem;
  }
  .next-arrow{
    right: 0rem;
  }

}

/******************************************************************************
 * 8.0 - timetable_wrap
*****************************************************************************/
.timetable_wrap{
  background-color: #fff;
  padding: 84rem 0 74rem;
}
.timetable_wrap .contents_w_inner{
  display: flex;
  flex-direction: row;
}

.timetable_title{
  position: relative;
  left: -60rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.timetable_title .en_title{
  display: block;
  padding: 20rem;
  text-align: left;
  line-height: .9em;
  margin-bottom: 9rem;
  background-color: #ffff00;
  display: inline-block;
}
.timetable_title .jp_title{
  color: #fff;
  padding: 10rem;
  text-align: left;
  line-height: .9em;
  background-color: #0f172e;
  display: inline-block;
}

.timetable_inner{
  color: #fff;
  width: 361rem;
}
.timetable_inner_wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 770rem;
}
.timetable_inner .dates{
  margin-bottom: 20rem;
}
.timetable_inner .dates .date{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 64rem;
  font-weight: 900;
  margin-right: 5rem;
  background-color: #0f172e;
  color: #fff;
  padding: 0 5rem;
  height: 60rem;
  line-height: 65rem;
  display: inline-block;
}
.timetable_inner .dates .day{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 36rem;
  font-weight: 100;
  line-height: .9em;
  color: #0f172e;
}
.timetable_inner_inner{
  color: #0f172e;
  border-top: 1px solid #0f172e;
  font-size: 18rem;
  line-height: 2.2em;
  padding-top: 45rem;
}
@media screen and (max-width: 769px){
  .timetable_wrap{
    padding: 84rem 0 131rem;
  }
  .timetable_wrap .contents_w_inner{
    display: flex;
    flex-direction: column;
  }

  .timetable_title{
    left: -30rem;
  }
  .timetable_inner{
    width: 100%;
  }
  .timetable_inner_wrap{
    margin-top: 70rem;
    flex-direction: column;
    width: 100%;
  }
  .timetable_inner .dates{
    margin-bottom: 25rem;
  }
  .timetable_inner .dates .date{
    font-size: 87.5rem;
    padding: 0 10rem;
    height: 80rem;
    line-height: 93rem;
    display: inline-block;
    margin-right: 20rem;
  }
  .timetable_inner .dates .day{
    font-size: 48.5rem;
    line-height: .9em;
  }
  .timetable_inner_inner{
    font-size: 28rem;
    padding-top: 37rem;
  }
  .timetable_inner + .timetable_inner{
    margin-top: 72rem;
  }

}


/******************************************************************************
 * 9.0 - goods_wrap
*****************************************************************************/
.goods_wrap{
  background-image: url(../img/common/goods_bgi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 81rem 0 119rem;
  position: relative;
}
.goods_title{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.goods_title .en_title{
  text-align: center;
  margin-bottom: 23rem;
  color: #ffff00;
  line-height: .9em;
}
.goods_title .jp_title{
  background-color: #0f172e;
  color: #ffff00;
  text-align: center;
  padding: .3em;
  display: inline-block;
  margin-bottom: 45rem;
}
.goods_list{
  width: 1020rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: -20rem auto;
}
.goods_list li{
  width: 320rem;
  margin: 20rem 10rem;
  display: block;
}
.goods_list li a{
  width: 320rem;
  height: 260rem;
  overflow: hidden;
}
.goods_list li a img{
  width: 100%;
}
.goods_list li p{
  background-color: #fff;
  color: #0f172e;
  font-weight: bold;
  padding: 15rem 25rem;
  text-align: center;
}
@media screen and (max-width: 769px){
  .goods_wrap{
    background-image: url(../img/common/goods_bgi_sp.png);
    background-position: top 0rem;
    padding: 85rem 0 282rem;
    position: relative;
  }
  .goods_wrap::after{
    content: '';
    width: 267rem;
    height: 230rem;
    /*background-image: url(../img/common/goods_bgi_sp_af.png);*/
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    background-size: cover;
  }
  .goods_list{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 30rem auto;
    flex-direction: column;
  }
  .goods_list li{
    width: 700rem;
    margin: 55rem auto 0;
  }
  .goods_list li a{
    width: 560rem;
    height: 460rem;
    overflow: hidden;
  }
  .goods_list li p{
    font-size: 32rem;
    padding: 20rem 30rem;
  }

}

/******************************************************************************
 * 11.0 - logo_metal
*****************************************************************************/
.logo_metal{
  background-image: url(../img/content/main_nav_bgi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  height: 390rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 11rem solid #000;
  border-bottom: 11rem solid #000;
}
.logo_metal img{
  width: 100%;
}
@media screen and (max-width: 769px){
  .logo_metal{
    width: 100%;
  }
}


/******************************************************************************
 * 12.0 - arena_wrap
*****************************************************************************/
.arena_wrap{
  background-image: url("../img/common/arena_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 175rem 0 70rem;
  position: relative;
}
.arena_wrap .contents_w_inner{
  z-index: 100;
}
.arena_wrap::before{
  /*content: url(../img/common/game_pre_left.png);:*/
  position: absolute;
  left: 0;
  top: 160rem;
  z-index: 1;
  opacity: .7;
}
.arena_wrap::after{
  /*content: url(../img/common/game_pre_right.png);*/
  position: absolute;
  right: 0;
  top: 160rem;
  z-index: 1;
  opacity: .7;
}
.arena_wrap .jp_title{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26rem;
  font-weight: 800;
}
.arena_wrap .en_title{
  font-family: 'Montserrat', sans-serif;
  font-size: 80rem;
  font-weight: 800;
}
.arena_title{
  position: absolute;
  top: -200rem;
  left: -60rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.arena_title .en_title{
  font-size: 80rem;
  display: block;
  padding: 20rem;
  text-align: left;
  line-height: .9em;
  margin-bottom: 9rem;
  background-color: rgba(247,239,0,.8);
  display: inline-block;
}
.arena_title .jp_title{
  color: #fff;
  padding: 10rem;
  text-align: left;
  line-height: .9em;
  background-color: rgba(15,23,46,.8);
  display: inline-block;
}

.arena_photo_wrap{
  width: 100%;
  margin-bottom: 34rem;
}
.arena_photo_wrap img{
  width: 100%;
}
.arena_info_txt{
  text-align: center;
  margin-top: 33rem;
}
.arena_info_txt p{
  font-size: 18rem;
  font-weight: 500;
}
.arena_info_txt p + p{
  margin-top: 40rem;
}
.arena_info_txt a{
  font-size: 22rem;
  color: #000733;
  background-color: #f7ed00;
  width: 380rem;
  height: 53rem;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  position: relative;
  transition: all .5s;
  padding-bottom: 3rem;
  padding-right: 10rem;
  margin: 30rem auto;
}
.arena_info_txt span{
  font-size: 42rem;
  position: absolute;
  right: 5rem;
}
.arena_info_txt a:hover{
  color: #f7ed00;
  background-color: #000733;
}
.arena_info_txt .blue{
  color: #16addf;
}
.arena_info_txt2{
  text-align: center;
  margin-top: 70rem;
  margin-bottom: 10rem;
}
.arena_info_txt2 p{
  font-size: 18rem;
  font-weight: 500;
}
.arena_info_txt2 p + p{
  margin-top: 40rem;
}
.arena_info_txt2 a{
  font-size: 23rem;
  color: #FFFFFF;
  background-color: #16addf;
  width: 420rem;
  height: 85rem;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  position: relative;
  transition: all .5s;
  padding-bottom: 3rem;
  padding-right: 10rem;
  margin: 30rem auto;
}
.arena_info_txt2 span{
  font-size: 42rem;
  position: absolute;
  right: 5rem;
}
.arena_info_txt2 a:hover{
  color: #f7ed00;
  background-color: #000733;
}
.arena_info_txt3{
  text-align: center;
  margin-top: 10rem;
  margin-bottom: 150rem;
}
.arena_info_txt3 p{
  font-size: 18rem;
  font-weight: 500;
}
.arena_info_txt3 p + p{
  margin-top: 40rem;
}
.arena_info_txt3 a{
  font-size: 23rem;
  color: #FFFFFF;
  background-color: #16addf;
  width: 420rem;
  height: 85rem;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  position: relative;
  transition: all .5s;
  padding-bottom: 3rem;
  padding-right: 10rem;
  margin: 30rem auto;
}
.arena_info_txt3 span{
  font-size: 42rem;
  position: absolute;
  right: 5rem;
}
.arena_info_txt3 a:hover{
  color: #f7ed00;
  background-color: #000733;
}
.arena_info_txt .blue{
  color: #16addf;
}
.arena_map_wrap{
  margin-top: 70rem;
}

@media screen and (max-width: 769px){
  .arena_wrap{
    padding: 160rem 0 95rem;
    overflow: hidden;
    background-repeat: repeat;
    background-size: auto;
  }
  .arena_wrap::before,
  .arena_wrap::after{
    display: none;
  }
  .arena_title{
    left: 0rem;
  }
  /* .arena_photo_wrap{
    height: 765rem;
    overflow: hidden;
    margin-bottom: 43rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .arena_photo_wrap img{
    width: auto;
    height: 100%;
    max-width: none;
  } */

  .arena_info_txt{
    margin-top: 30rem;
  }
  .arena_info_txt p{
    font-size: 28rem;
    line-height: 2em;
  }
  .arena_info_txt p + p{
    margin-top: 60rem;
  }
  .arena_info_txt a{
    font-size: 28rem;
    width: 460rem;
    height: 70rem;
    padding-bottom: 3rem;
    padding-right: 10rem;
    margin: 30rem auto;
  }
  .arena_info_txt span{
    font-size: 42rem;
    position: absolute;
    right: 5rem;
  }
	 .arena_info_txt2{
    margin-top: 30rem;
  }
  .arena_info_txt p{
    font-size: 28rem;
    line-height: 2em;
  }
  .arena_info_txt2 p + p{
    margin-top: 60rem;
  }
  .arena_info_txt2 a{
    font-size: 23rem;
    width: 420rem;
    height: 85rem;
    padding-bottom: 3rem;
    padding-right: 10rem;
    margin: 60rem auto;
  }
  .arena_info_txt2 span{
    font-size: 42rem;
    position: absolute;
    right: 5rem;
  }
	 .arena_info_txt3{
    margin-top: 30rem;
  }
  .arena_info_txt p{
    font-size: 28rem;
    line-height: 2em;
  }
  .arena_info_txt3 p + p{
    margin-top: 60rem;
  }
  .arena_info_txt3 a{
    font-size: 23rem;
    width: 420rem;
    height: 85rem;
    padding-bottom: 3rem;
    padding-right: 10rem;
    margin: 60rem auto;
  }
  .arena_info_txt3 span{
    font-size: 42rem;
    position: absolute;
    right: 5rem;
  }
  .arena_map_wrap{
    margin: 150rem -30rem 0;
  }
}

/*20240730 add fixed bnr*/
.fixedbnr {
  position: fixed;
  right: 10rem;
  bottom: 0;
  z-index: 1100;
}
.fixedbnr ul {
  display: flex;
  justify-content: flex-end;
  gap: 10rem;
}
.fixedbnr li {
  width: 210rem;
} 

@media screen and (max-width: 769px){
  .fixedbnr {
    left: 0;
    right: 0;
    bottom: 40rem;
    margin: 0 auto;
  }
  .fixedbnr ul {
    justify-content: center;
    gap: 2%;
  }
  .fixedbnr li {
    width: 32%;
  }
}

@media screen and (max-width: 1560px) and (min-width: 768px){
  .event_list { /*はみ出し修正*/
    width: 1230rem;
    padding: 0 20rem;
    overflow: hidden;
  }
  .event_list .prev-arrow {
    left: 0;
  }
  .event_list .next-arrow {
    right: 0;
  }
}


/******************************************************************************
 * 7.0 - SEASON
*****************************************************************************/

/******************************************************************************
 * 7.0 - SEASON
*****************************************************************************/

/******************************************************************************
 * 7.0 - SEASON
*****************************************************************************/