@charset "UTF-8";
/* CSS Document */
/* ===============================

WORKSスライダー

=============================== */
/* =================
コンテナ */
.works__slider {
	position: relative;
}
.works__slider .splide__track {
	width: calc(100% - calc(var(--slide-arrow-width) * 4));
	margin-right: auto;
	margin-left: auto;
}
.works__slide {
	display: block;
	aspect-ratio: 3 / 2;
	width: 100%;
	height: auto;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.works__slide img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;

	cursor: -webkit-grab;

	cursor: grab;
}
.is-destroy .works__slide img {
	cursor: auto;
}
/* _::-webkit-full-page-media, _:future, :root .works__slide {
	position: relative;
}
_::-webkit-full-page-media, _:future, :root .works__slide::before {
	content: "";
	display: inline-block;
	padding-top: 66.666%;
}
_::-webkit-full-page-media, _:future, :root .works__slide img {
	position: absolute;
	top: 0;
	left: 0;
} */
@supports not (aspect-ratio: 3 / 2) {
	.works__slide {
		position: relative;
	}
	.works__slide::before {
		content: "";
		display: inline-block;
		padding-top: 66.666%;
	}
	.works__slide img {
		position: absolute;
		top: 0;
		left: 0;
	}
}
@media (max-width: 559px) {
	.works__slider .splide__track {
		width: calc(100% - calc(var(--gutter-common) * 2));
	}
}

/* =================
ページネイション */
.works__slider .splide__pagination {
	position: static;
	margin-top: 20px;
}