/* CSS Document */

#kv .swiper--wrapper {
	width: 100%;
}

#kv .swiper-slide {
}

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

.thmb--swiper {
	box-sizing: border-box;
	padding: 10px 5px;
	width: 100%;
	max-width: 690px;
	margin: 0 auto;
}

.thmb--swiper .swiper-slide {
  width: 50%!important;
	padding: 0 5px;
  height: 100%;
  opacity: 0.4;
  line-height: 80px;
	transition: .3s opacity;
	border-radius: 5px;
}
.thmb--swiper .swiper-slide img {
	border-radius: 5px;
	cursor: pointer;
}

.thmb--swiper .swiper-slide-thumb-active {
  opacity: 1;
}



#pv .swiper {
	padding:0 50px;
}
#pv .swiper-wrapper {
	/* wrapperのサイズを調整 */
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
#pv .swiper-slide {
	text-align: center;
}
#pv .swiper-button-prev,
#pv .swiper-button-next {
	width: 24px; /* ボタンの幅 */
	height: 40px; /* ボタンの高さ */
	background-size: 24px 40px; /* 表示したいサイズ */
	transform: translateY(-50%);
	margin-top: 0;
}

/* 次ページボタンのスタイル */
#pv .swiper-button-next {
	background-image: url('../img/arrow.png?v2');
}

/* 前ページボタンのスタイル */
#pv .swiper-button-prev {
	background-image: url('../img/arrow.png?v2');
	transform: translateY(-50%) scale(-1, 1); /* 左右反転 */
}

#pv .swiper-button-prev:after,
#pv .swiper-button-next:after {
	display: none;
}