/* team_wrap */
/******************************************************************************
 * 10.03 - team_wrap
*****************************************************************************/
#main{
  /* overflow: hidden; */
  padding-top: 0;
}
.btn_div>*{
  margin: auto;
  cursor: pointer;
}
.floating_banner{
  display: block;
  background-color: #000b7e;
  width: 460rem;
  padding: 15rem;
  position: fixed;
  bottom: 0;
  right: 0;
  transition: all .4s ease-out;
  z-index: 1000;
}
.floating_banner .fb_close_btn{
  content: url(../img/top/f_b_close.png);
  display: block;
  width: 62rem;
  height: 17rem;
  position: absolute;
  top: -17rem;
  left: 0;
  cursor: pointer;
}
.fb_in{
  right: -470rem;
}

/* slide ------------------------------ */
.main_slide li{
  width: 1280rem;
  position: relative;
}
.main_slide::before,
.main_slide::after{
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,.5);
  width: calc((100vw - 1280rem)/2);
  height: 100%;
  top: 0;
  z-index: 1;
  display: none;
}
.main_slide::before{ left: 0;}
.main_slide::after{ right: 0;}
.sub_slide{
  /* width: 880rem; */
  width: 60%;
  padding: 0 130rem;
  margin: 35rem auto;
}
.sub_slide li{
  width: 200rem;
  margin: 0 5rem;
}

.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;
}
.prev-arrow{ left: 35rem; }
.next-arrow{ right: 35rem; }
.slide-arrow span{
  display: inline-block;
  transform: scale(.5, 1);
}
.sub_slide .slide-arrow{
  background-color: rgba(255,255,255,0);
  color: #000;
}
.main_slide .slick-slide:not(.slick-center){
  position: relative;
}
.main_slide .slick-slide:not(.slick-center)::after{
  content: '';
  position: absolute;
  background-color: rgba(0,0,0,.5);
  top: 0;
  width: 100%;
  height: 100%;
}


/* news part -------------------------- */
.news_wrap{
  background-image: url(../img/team/team_back.png);
  background-position: top 40rem right 40rem;
  background-size: 481rem;
  background-repeat: no-repeat;
  background-color: #fffc00;
  padding: 60rem 0 90rem;
}
.news_wrap .archive_header{
  margin-bottom: 60rem;
}
.news_list_wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -45rem 0 0 -40rem;
}
.news_list_inner{
  display: flex;
  flex-direction: column;
  width: 400rem;
  margin: 45rem 0 0 40rem;
  text-align: left;
}
.news_list_inner a{
  color: inherit !important;
}
.news_list_inner a:hover{
  text-decoration: underline;
}
.news_list_img{
  width: 100%;
  height: 240rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_list_img img{
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  /* max-width: fit-content; */
}

.news_list_inner .date{
  display: inline-block;
  font-size: 14rem;
  margin-top: 14rem;
}
.news_list_inner .title{
  display: block;
  font-size: 18px;
  margin: 4rem 0 12rem;
  text-align: left;
  font-weight: bold;
  line-height: 1.8em;
}
.news_list_inner .inner_category_wrap{
  height: 20rem;
}
.news_list_inner .inner_category_wrap span{
  font-size: 14rem;
  display: inline-block;
  height: 20rem;
  line-height: 18rem;
  color: #fff;
  padding: 0 .5em;
  cursor: pointer;
}
.news_list_inner .inner_category_wrap span + span{
  margin-left: .5em;
}
.news_wrap .btn_div{
  margin-top: 95rem;
  text-align: center;
}

/* schedule part -------------------------- */
.schedule_wrap{
  background-image: url(../img/top/schedule_back.jpg);
  background-position: top -1rem;
  background-size: 100%;
  background-repeat: no-repeat;
  clip-path: polygon(0 0%, 100% 0, 100% 85%, 0 100%);
  padding: 60rem 0 250rem;
  text-align: center;
}
.schedule_wrap .archive_header{
  margin-bottom: 45rem;
}
.schedule_wrap .archive_header .en_title{
  color: #fff;
}
.schedule_wrap .archive_header .jp_title{
  color: #000733;
  background-color: #fff;
}
.home_away_btn{
  display: flex;
  margin: 0 auto 65rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home_away_btn span{
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  width: 250rem;
  height: 50rem;
  line-height: 46rem;
  text-align: center;
  font-weight: bold;
  border: 1px solid #f7ed00;
  color: #f7ed00;
  font-size: 25rem;
}
.home_away_btn span:nth-child(1){ border-radius: 8rem 0 0 8rem; }
.home_away_btn span:nth-child(2){ border-radius: 0 8rem 8rem 0; }
.home_away_btn span.selected{
  background-color: #f7ed00;
  color: #000733;
}
.schedule_list_wrap{
  display: flex;
  flex-direction: row;
  width: 100%;
}
.home_games,
.home_away_games{
  transition: all .8s ease-out;
}
.pkays_wrap{
  display: flex;
  flex-direction: column;
  width: 440rem;
  margin: 0 17rem;
}
.pkays_wrap h3{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 40rem;
  height: 40rem;
  padding: 0 5rem;
  background-color: #fff;
}
.pkays_wrap h3 .hoa_title{
  font-size: 18rem;
  font-weight: 900;
  margin-right: .5em;
  background-color: #2c3c8a;
  width: 80rem;
  height: 30rem;
  line-height: 28rem;
  text-align: center;
}
.pkays_wrap h3 .play_title{
  font-size: 16rem;
  font-weight: 600;
  color: #2c3c8a;
}
.pkays_wrap h3.home_title .hoa_title{
  color: #f7ed00;
  background-color: #2c3c8a;
}
.pkays_wrap h3.away_title .hoa_title{
  color: #2c3c8a;
  background-color: #a0a0a0;
}
.pkays_wrap h3.other_home_title .hoa_title, 
.pkays_wrap h3.other_away_title .hoa_title{
  color: #ffffff;
  background-color: #000000;
}

.plays_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  border: 2px solid #fff;
  border-top: none;
  padding: 10rem 0 30rem;
  background-color: rgba(0,0,0,.4);
  color: #fff;
}
.left_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.date_wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dates{
  display: flex;
  align-items: flex-end;
}
.date{
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-size: 54rem;
  font-weight: 500;
}
.days_maru{
  font-size: 14rem;
  font-weight: 900;
  width: 25rem;
  height: 25rem;
  text-align: center;
  line-height: 23rem;
  border-radius: 20rem;
  display: inline-block;
  margin-left: 10rem;
  margin-bottom: 13rem;
}
.date_do{ background-color: #0090ff; }
.date_niti{ background-color: #ff0000; }
.date_heijitu{ background-color: #f7ed00; }

.time{
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-size: 30rem;
  font-weight: 500;
  margin-left: 10rem;
  margin-bottom: 5rem;
}
.prace{
  display: inline-block;
  font-size: 20rem;
  font-weight: 600;
  /* margin-top: 15rem; */
}

.center_wrap{
  width: 320rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5rem;
}

.team_logo_img{
  width: 120rem;
  height: auto;
}
.sucore_div{
  font-size: 24rem;
  width: 2em;
  text-align: center;
}


.right_wrap{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  min-width: 330rem;
  min-height: 36rem;
  margin-top: 20rem;
}
.relust_btn{
  font-size: 18rem;
  display: block;
  width: 155rem;
  height: 36rem;
  line-height: 35rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
}
.relust_btn + .relust_btn{
  margin-left: 15rem;
}
.pink_btn{ background-color: #ff007e; }
.blue_btn{ background-color: #0090ff; }
.schedule_wrap .btn_div{
  margin-top: 100rem;
  text-align: center;
}
.games_hidden{
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* pickup ------------------------------ */
.pickup_wrap .archive_header{
  margin-bottom: 40rem;
}
.pickup_list_wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 1320rem;
  margin: -40rem 0 0 -40rem;
}
.pickup_list_inner{
  width: 400rem;
  margin: 40rem 0 0 40rem;
}

/* player ------------------------------ */
.playler_wrap .archive_header{
  margin-bottom: 60rem;
}
.playler_wrap{
  background-image: url(../img/top/players_back.jpg);
  background-position: top -1rem;
  background-size: cover;
  background-repeat: no-repeat;
  clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0 100%);
  padding: 250rem 0 100rem;
  text-align: center;
}
.player_list_wrap{
  width: 100%;
  margin-bottom: 90rem;
}
.player_list_wrap a{
  display: block;
  width: 260rem;
  margin: 15rem;
}
.player_list_wrap a img{ width: 100%;}


/* movie ------------------------------ */
.movie_wrap .archive_header{
  margin-bottom: 60rem;
}
.movie_wrap{
  background-image: url(../img/top/movie_back.jpg);
  background-position: bottom 0rem;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80rem 0 115rem;
  text-align: center;
  color: #fff;
}
.movie_wrap .archive_header h2 .en_title{
  color: #fff;
}
.movie_wrap .archive_header h2 .jp_title{
  color: #000733;
  background-color: #fff;
}
.movie_list_wrap{
  width: 100%;
  margin-bottom: 70rem;
}
.movie_list_inner{
  display: flex;
  width: 500rem;
  margin: 15rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  color: #fff;
  text-align: left;
}
.movie_list_inner a img{
  width: 100%;
  margin-bottom: 10rem;
}
.movie_list_inner .m_date{
  font-size: 14px;
  margin-bottom: 1em;
  display: inline-block;
  text-align: left;
}
.movie_list_inner .title{
  font-size: 16px;
  line-height: 1.6em;
  display: inline-block;
  text-align: left;
}
.movie_wrap .slide-arrow{
  top: 30%;
}

/* top_sns_wrap ------------------------------ */
.sns_wrap{
  padding: 92rem 0 115rem;
}
.sns_wrap .archive_header{
  margin-bottom: 60rem;
}
.top_sns_wrap{
  text-align: center;
}
.top_sns_wrap [class^="icon-"],
.top_sns_wrap [class*=" icon-"]{
  color: #010C2C;
  font-size: 32rem;
}
.top_sns_wrap .snsList{
  width: 220rem;
  height: auto;
  margin: 25rem auto;
}
.top_sns_wrap .ic_mail{
  width: 32rem;
}
.top_sns_wrap_title{
  width: 230rem;
}

@media screen and (max-width:1580px){
  .main_slide::before,
  .main_slide::after{
    width: 300rem;
  }
  .news_list_wrap{
    justify-content: center;
  }
}


@media screen and (max-width:768px){

  .siteFrame{
    max-width: 100%;
  }
  .archive_header{
    margin-bottom: 120rem;
  }

  /* slide ------------------------------ */
  .main_slide li{
    width: 100vw;
  }
  .main_slide li img{
    width: 100%;
  }
  .sub_slide{
    width: 100%;
    padding: inherit;
    padding-left: calc(50% - 320rem);
    padding-right: calc(50% - 320rem);
  }
  .sub_slide .next-arrow{
    right: -15rem;
  }
  .sub_slide .prev-arrow{
    left: -15rem;
  }
  /* .sub_slide li{
    width: 200rem;
    margin: 0 5rem;
  } */


  .slide-arrow{
    font-size: 48rem;
    line-height: 84rem;
    height: 84rem;
    width: 84rem;
  }
  .slick-initialized .slick-slide{
    /* margin: auto 75rem; */
  }



  /* news part -------------------------- */
  .news_wrap{
    background-position: top -10rem right -150rem;
    padding-bottom: 1rem;
  }
  .news_wrap .archive_header{
    margin-bottom: 55rem;
  }
  .news_list_wrap{
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
    margin: -25rem -20rem;
  }
  .news_list_inner{
    width: calc( 50vw - 50rem );
    margin: 25rem 20rem;
  }

  .news_list_img{
    margin-bottom: 18rem;
    height: auto;
  }
  .news_list_img img{
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .news_list_wrap .news_list_img img{
    height: 200rem;
  }
  .news_list_inner .date{
    font-size: 22rem;
  }
  .news_list_inner .title{
    font-size: 28rem;
    margin: 15rem 0;
  }
  .news_list_inner .inner_category_wrap{
    height: 20rem;
  }
  .news_list_inner .inner_category_wrap span{
    font-size: 22rem;
    height: 30rem;
    line-height: 30rem;
  }
  .news_wrap .btn_div{
    margin: 90rem auto 114rem;
  }
  .news_wrap .btn_div .more_btn{
    width: 500rem;
  }


  /* schedule_wrap part -------------------------- */
  .schedule_wrap{
    background-size: auto;
    background-position: center;
    clip-path: polygon(0 0%, 100% 0, 100% 95%, 0 100%);
    padding: 80rem 60rem 200rem;
  }
  .pkays_wrap{
    width: calc(100vw - 120rem);
  }
  .home_away_btn span{
    width: 265rem;
    height: 55rem;
    line-height: 55rem;
    font-size: 27rem;
  }
  .pkays_wrap h3{
    line-height: 60rem;
    height: 60rem;
  }
  .pkays_wrap h3 .hoa_title{
    font-size: 26rem;
    width: 120rem;
    height: 45rem;
    line-height: 45rem;
  }
  .pkays_wrap h3 .play_title{
    font-size: 26rem;
  }
  .date{
    font-size: 82rem;
  }
  .days_maru{
    font-size: 22rem;
    width: 40rem;
    height: 40rem;
    line-height: 40rem;
  }
  .time{
    font-size: 45rem;
  }
  .prace{
    font-size: 30rem;
  }

  .center_wrap{
    width: 440rem;
  }
  .team_logo_img{
    width: 130rem;
  }
  .sucore_div{
    font-size: 35rem;
  }
  .right_wrap{
    min-width: 330rem;
    min-height: 55rem;
  }
  .relust_btn{
    font-size: 28rem;
    width: 240rem;
    height: 55rem;
    line-height: 53rem;
  }
  .relust_btn + .relust_btn{
    margin-left: 23rem;
  }
  .schedule_wrap .btn_div{
    margin-top: 190rem;
  }
  .schedule_wrap .slide-arrow{
    bottom: -155rem;
    top: initial;
  }
  .schedule_wrap .next-arrow{
    right: 0rem;
  }
  .schedule_wrap .prev-arrow{
    left: 0rem;
  }


  /* pickup ------------------------------ */
  .pickup_wrap .archive_header{
    margin-top: 50rem;
    margin-bottom: 50rem;
  }
  .pickup_list_wrap{
    flex-direction: column;
    flex-wrap: wrap;
    margin: auto;
  }
  .pickup_list_inner{
    width: 100%;
    margin: auto;
  }
  .pickup_list_inner + .pickup_list_inner{
    margin-top: 30rem;
  }


  /* player ------------------------------ */
  .playler_wrap .archive_header{
    margin-bottom: 70rem;
  }
  .playler_wrap{
    background-size: auto;
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 100%);
    padding: 200rem 0 100rem;
    margin-top: 110rem;
  }
  .player_list_wrap{
    margin-bottom: 115rem;
  }
  .player_list_wrap a{
    width: 66vw;
    margin: 3rem;
  }


  /* movie ------------------------------ */
  .movie_wrap .archive_header{
    margin-bottom: 80rem;
  }
  .movie_wrap{
    background-position: bottom 0rem left 0rem;
    background-size: cover;
    padding: 80rem 0 115rem;
  }
  .movie_list_wrap{
    margin-bottom: 120rem;
  }
  .movie_list_inner{
    width: 510rem;
    margin: 20rem;
  }
  .movie_list_inner .m_date{
    font-size: 22rem;
  }
  .movie_list_inner .title{
    font-size: 28rem;
  }

  /* top_sns_wrap ------------------------------ */
  .sns_wrap .archive_header{
    margin-bottom: 50rem;
  }
  .top_sns_wrap [class^="icon-"],
  .top_sns_wrap [class*=" icon-"]{
    color: #010C2C;
    font-size: 60rem;
  }
  .top_sns_wrap .snsList{
    width: 80vw;
    height: auto;
    margin: 25rem auto;
  }
  .top_sns_wrap .ic_mail{
    width: 60rem;
  }

  .main_slide .slick-slide:not(.slick-center)::after{
    display: none;
  }

  .floating_banner{
    width: 100%;
    bottom: 0;
  }
  .fb_in{
    right: 0;
    bottom: -100%;
  }
  .floating_banner img{
    width: 100%;
  }


  .floating_banner .fb_close_btn{
    content: url(../img/top/f_b_close_sp.png);
    width: 72rem;
    height: 60rem;
    top: -60rem;
  }






}