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

INDEX LOOP SLIDER

=============================== */
.loop-slider {
	--slide-width:max(
		224px,
		calc(100vw / 5)
	);
}
.loop-slider + .loop-slider {
	margin-top: 10px;
}
@media (max-width: 559px) {
	.loop-slider {
		--slide-width:max(
			168px,
			calc(100vw / 5)
		);
	}
}
/* =================
コンテナ */
.loop__slide {
	display: block;
	aspect-ratio: 3 / 2;

	width: var(--slide-width);
	height: auto;
}
.loop__slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}