@charset "utf-8";
/* スライダー */
.fv-wrap .splide__track::before, .fv-wrap .splide__track::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.fv-wrap .splide__track::before{
  left: 0;
}
.fv-wrap .splide__track::after{
  right: 0;
}

.fv-wrap .splide__pagination{
  padding-top: 4px;
}
.fv-wrap .splide__pagination__page {
  width: 40px;
  height: 4px;
  background: #ccc;
  margin: 0 4px;
  border-radius: 0;
  border: none;
}
.fv-wrap .splide__pagination__page.is-active {
  background: #006ab8;
}
@media all and (min-width: 768px) {
  .fv-wrap .splide__pagination{
    padding-top: 12px;
  }
  .fv-wrap .splide__pagination__page {
    width: 54px;
    height: 8px;
  }
}
@media all and (min-width: 992px) {
  .fv-wrap{
    padding-top: 70px;
  }
}
/* スライダー */

/* トップのコンテンツ */
.fv-wrap img{
  width: 100%;
}
.game{
  padding-bottom: 5rem;
}
.game.lazyloaded{
  background: url(../images/top/top-bg.jpg) no-repeat center center/cover;
}
.game-content{
  background-color: #fff;
  padding: 3rem 15px;
  text-align: center;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
  margin-bottom: 3.125rem;
}
.game-date{
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 4px;
}
.game-name{
  font-size: 1.375rem;
  font-weight: 700;
}
.game-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-bottom: 2.125rem;
  border-bottom: 1px solid #e9e9e9;
}
.team-img{
  width: 85px;
}
.game-scorewrap{
  display: flex;
  align-items: baseline;
}
.game-score{
  font-size: 3rem;
}
.game-score-hihun{
  font-size: 3.5rem;
}
.next-gamewrap{
  padding-top: 1.625rem;
}
.next-game-title{
  font-size: 1.625rem;
  letter-spacing: 0.05em;
  color: #1a73be;
}
.btn-wrap{
  gap: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.team-container{
  padding-bottom: 60px;
}
.team-desc{
  max-width: 856px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
}
.team-item{
  position: relative;
  display: block;
}
.team-item::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: linear-gradient(to bottom right, #056a9c, #87c0d8);
  mix-blend-mode: multiply;
  transition: 0.3s;
}
.team-item:hover:before{
  opacity: 0.7;
  background: linear-gradient(to bottom right, #062b3d, #87c0d8);
}
.team-item:hover{
  opacity: 1;
}
.team-item img{
  width: 100%;
}

.team-item-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 100%;
}
.team-title{
  font-size: 3.125rem;
  letter-spacing: 0.05em;
}
.team-subtitle{
  font-size: 1.25rem;
  font-weight: 700;
}
.team-item-text::before{
  content: "";
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  background: url(../images/common/arrow-white.svg) no-repeat center center/contain;
}
.fanclub{
  padding: 3rem 0;
}
.bg-gra{
  background: linear-gradient(to bottom right, #edf9ff, #fef0f8);
}
.fanclub-item{
  display: block;
  position: relative;
  background: url(../images/top/fanclub.jpg) no-repeat center center/cover;
  text-align: center;
  padding: 1rem 0;
}
.fanclub-item:hover{
  opacity: 1;
}
.fanclub-item::before{
  content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.42;
    background: linear-gradient(to bottom right, #20aee3, #facfff);
    transition: 0.3s;
}
.fanclub-item:hover:before{
  opacity: 0.2;
}
.fanclub-item img{
  width: 100%;
}
.fanclub-item-text{
  display: inline-block;
  position: relative;
}
.fanclub-subtitle{
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.fanclub-title{
  font-size: 3.5rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.fanclub-bottom{
  background-color: #fff;
  text-align: center;
  position: relative;
  color: #006ab8;
  border-radius: 16px;
  padding: 4px 25px;
  font-weight: 700;
}
.fanclub-bottom::after{
  content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    right: 17px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #006ab8;
    border-right: 1px solid #006ab8;
}
.partner{
  padding-bottom: 5rem;
}
.goods{
  background: url(../images/top/top-bg.jpg) no-repeat center center/cover;
  padding-bottom: 5rem;
}
.aquajunia-container{
  padding-bottom: 5rem;
}
.aquajunia-col img{
  width: 100%;
}
.aquajunia-bannerwrap{
  padding: 3rem 0;
}
/* //トップのコンテンツ */
@media all and (min-width: 576px) {
  .team-img{
    width: auto;
  }
  .game-content{
    padding: 3rem;
  }
  .game-row{
    gap: 2.5rem;
  }
  .game-score{
    font-size: 5.9375rem;
  }
  .game-score-hihun{
    font-size: 6.75rem;
  }
  .btn-wrap{
    gap: 40px;
    flex-direction: row;
  }
  .fanclub-subtitle{
    font-size: 2.0625rem;
  }
  .fanclub-title{
    font-size: 5.25rem;
  }
  .fanclub{
    padding: 5rem 0;
  }
  .aquajunia-container{
    padding-bottom: 6.8125rem;
  }
}

@media all and (min-width: 768px) {
  .team-container{
    padding-bottom: 100px;
  }
  .team-desc{
    margin-bottom: 3.75rem;
  }
  .aquajunia-bannerwrap{
    padding: 5rem 0;
  }

}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
  .team-row{
    margin-left: -1.8125rem;
    margin-right: -1.8125rem;
  }
  .team-col{
    padding: 0 1.8125rem;
  }
  .aquajunia-row{
    margin-left: -1.8125rem;
    margin-right: -1.8125rem;
  }
  .aquajunia-col{
    padding: 0 1.8125rem;
  }
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 576px) and (max-width: 767px) {
  .team-title{
    font-size: 2.5rem;
  }
}