@charset "utf-8";
/* CSS Document */

.swiper-slide img {
  height: auto;
  width: 100%;
}

.slide-area{
	max-width: 1720px;
	margin: 0 auto;
	position: relative;
	margin-inline: auto;
}

/* 前への矢印 */
.swiper-button-prev {
  left: 32%;
}
/* 次への矢印 */
.swiper-button-next {
  right: 33%;
}
/* ページネーション */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -5px;
  left: 50%;
    transform: translateX(-50%);
    width: auto;	
}





/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 30px;
  width: 30px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url("../images/arrow_left.png");
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url("../images/arrow_right.png");
}



.swiper-slide {
  transition: opacity 0.3s ease;
  opacity: 0.5; /* 初期状態でやや透過 */
}

.swiper-slide-active {
  opacity: 1 !important; /* アクティブ（中央）のスライドは不透過 */
}

.swiper-slide-prev,
.swiper-slide-next {
  opacity: 0.5; /* 両隣は中間的な透過具合 */
}

/*.swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
*/
/* 3枚表示時（769px以上）に中央のスライドの下へ配置 */
/*@media (min-width: 769px) {
  .swiper-pagination {
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
  }
}*/


@media (max-width: 768px){

/* 前への矢印 */
.swiper-button-prev {
  left: 2%;
}
/* 次への矢印 */
.swiper-button-next {
  right: 3%;
}	
	
}