/* Swiper全体の調整 */
.slider-container {
	background-image: url('https://wataya-avenue.com/wp-content/themes/the-thor-child/images/slider-background.png');
    background-size: cover; /* 画像をカバー */
    background-position: center; /* 画像の位置を中央に */
    background-repeat: no-repeat; /* 画像の繰り返しを防止 */
  position: relative;
  width:100%;
  height: 500px;
  padding: 10px;
  z-index: 1;
  overflow: hidden;
}
/* スライダー全体に背景画像を設定 */
.slider-background {
    background-image: url('https://wataya-avenue.com/wp-content/themes/the-thor-child/images/slider-background.png');
    background-size: cover; /* 画像をカバー */
    background-position: center; /* 画像の位置を中央に */
    background-repeat: no-repeat; /* 画像の繰り返しを防止 */
}
/* スライドの画像 */
.slider-container .swiper-slide {
  transition: opacity 0.5s ease-in-out;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;

}

/* 画像をトリミングせず、統一サイズで表示 */
.slider-container .swiper-slide img {
  width: 100%;
  height: 90%;
	  object-fit: fill; /* 画像を引き伸ばしてコンテナにフィットさせる */
	min-width: 100%!important;
  max-height: 480px;
}
/* スライド内のリンク */
.slider-container .swiper-slide a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* アクティブなスライド */
.slider-container .swiper-slide-active {
  opacity: 1;
}

/* ナビゲーションボタン */
.slider-container .swiper-button-next,
.slider-container .swiper-button-prev {
  top: 53% !important;
  width: 40px !important;
  height: 40px !important;
  color: white !important;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* ナビゲーションボタンのアイコンサイズ調整 */
.slider-container .swiper-button-next::after,
.slider-container .swiper-button-prev::after {
 display: none;
}

/* ページネーション */
.slider-container .swiper-pagination {
  position: absolute !important;
}

/* ページネーションの位置調整 */
.slider-container .swiper-pagination-clickable {
  bottom: -120px !important;
}

/* ページネーションのドット（四角形＆淡いオレンジ） */
.slider-container .swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  background-color: rgba(255, 183, 77, 0.8) !important;
  opacity: 0.7 !important;
  margin: 0 6px !important;
  border-radius: 3px !important;
}

/* アクティブなページネーションのスタイル */
.slider-container .swiper-pagination-bullet-active {
  width: 20px !important;
  height: 20px !important;
  background-color: rgba(255, 183, 77) !important;
  opacity: 1 !important;
}

/* スマホ表示用のスタイル */
@media screen and (max-width: 768px) {
	.slider-container {
	height: 150px;
	}
	.slider-container .swiper-slide img {
  width: 100%;
  height: 90%;
  object-fit: contain;
  max-height: 200px;
	}
	.footer-copyright {
		margin-top: 0;
		padding-bottom: 0;
	}
}