/* mv_swiper */
.mv_swiper_pc,
.mv_swiper_sp,
.news_swiper,
.topics_swiper,
.goods_swiper {
  padding-bottom: 4.4rem;
}


.swiper.mv_swiper_pc {
  margin-top: 3%;
  height: 570px;
}

.mv_swiper_pc .swiper-slide img {
  object-fit: contain;
}

/* .mv_swiper_pc .swiper-slide-next,
.mv_swiper_pc .swiper-slide-prev {
  position: relative;
} */

.mv_swiper_pc .swiper-slide-next img,
.mv_swiper_pc .swiper-slide-prev img {
  filter: grayscale(99%) opacity(0.99);
}


/* pagenation */
.mv_swiper_pc .swiper-pagination-bullet,
.mv_swiper_sp .swiper-pagination-bullet,
.news_swiper .swiper-pagination-bullet,
.topics_swiper .swiper-pagination-bullet,
.goods_swiper .swiper-pagination-bullet  {
  width: 3.2rem;
  height: 0.4rem;
  border-radius: 0;
  background: var(--black-a025);
}

.mv_swiper_pc .swiper-pagination-bullet-active,
.mv_swiper_sp .swiper-pagination-bullet-active,
.news_swiper .swiper-pagination-bullet-active,
.topics_swiper .swiper-pagination-bullet-active,
.goods_swiper .swiper-pagination-bullet-active {
  background: var(--yellow);
}

.games_swiper .swiper-pagination {
  display: none;
}

/* navigation button */
.mv_swiper_pc .swiper-button-next:after, 
.mv_swiper_pc .swiper-button-prev:after {
  font-size: 4rem;
  color: var(--white);
  text-shadow: 0 0 7px #000;
}

.mv_swiper_pc .swiper-button-prev {
  left: 12%;
}

.mv_swiper_pc .swiper-button-next {
  right: 12%;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
  font-size: 2.0rem;
  color: var(--white);
}

@media screen and (max-width: 768px) {
  .games_swiper {
    padding-bottom: 4.4rem;
  }
  
  /* pagenation */
  .games_swiper .swiper-pagination {
    display: block;
  }

  .games_swiper .swiper-pagination-bullet {
    width: 3.2rem;
    height: 0.4rem;
    border-radius: 0;
    background: var(--yellow-a060);
  }

  .games_swiper .swiper-pagination-bullet-active {
    background: var(--black-a085);
  }

  /* navigation button */
  .mv_swiper .swiper-button-next,
  .mv_swiper .swiper-button-prev {
    display: none;
  }
}