/**
 * Swiper 11.1.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2024
 */


/* 画像サイズ調整 */
.swiper-slide img {
	width: 100%;
	max-width: 100%;
    height: 300px;      /* 縦幅固定 */	
    object-fit: cover;  /* 画像の比率を保ったまま中央で切り抜く設定 */
	display: block;		/* 画像の下の隙間を消す */
}

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

	.swiper-slide img {
		width: 100%;
		height: auto;
		object-fit: fill;  /* object-fitの効果も初期状態（引き伸ばし・または無効）に戻す */	
	}
}



/*親コンテナのpositionをrelativeにする*/
.swiper-container {
  position: relative;
  width: 100%;
}






/* ---------------- 以降 未使用 ------------------ */

/* ページネーションをswiper外側に配置　*/

.swiper-pagination {
  bottom: -30px !important;
}

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