@charset "utf-8";

/* ナビゲーション */

.swiper-button-prev, .swiper-button-next {
    transition: .3s;
}

.swiper-button-prev:hover {
    transform: translateX(-5px);
}

.swiper-button-next:hover {
    transform: translateX(5px);
}

/* ページネーション */

.swiper-pagination-bullet:hover {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1;
}

/* カバースライダー */

.main-visual-img-pc {
	display: block;
}

.main-visual-img-sp {
	display: none;
}

/* サムネイル付きスライダー(サムネイルもスライダー) */

.main-slider {
	max-width: 800px;
	width: 100%;
	margin: 30px auto 0;
}

.thumbnail-slider {
	max-width: 800px;
	width: 100%;
	margin: 10px auto 0;
}

.thumbnail-slider-item {
    cursor: pointer;
    transition: .3s;
}

.thumbnail-slider-item:hover {
    filter: brightness(0.5);
}

.swiper-slide-thumb-active {
    filter: brightness(0.5);
}

/* サムネイル付きスライダー(サムネイルは非スライダー) */

.main-slider {
	max-width: 800px;
	width: 100%;
	margin: 30px auto 0;
}

.thumb-wrapper {
	max-width: 800px;
	width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin: 10px auto 0;
}

.thumb-media:hover {
    filter: brightness(0.5);
}

.thumb-media-active {
    filter: brightness(0.5);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* カバースライダー */

.main-visual-img-pc {
	display: none;
}

.main-visual-img-sp {
	display: block;
}

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */