@charset "UTF-8";

/* 等速で左に流れるスライダーの設定 */
.swiper-left {
	margin-inline: calc(50% - 50vw);
	overflow: hidden;
	pointer-events: none;
}
.swiper-left figure {
	display: block;
}

.slider-circle-wrapper {
	position: relative;
	overflow: visible;
	padding-block: var(--circle-slide-margin);
}
.slider-circle-wrapper::before {
	content: "";
	display: block;
	width: 100vw;
	height: var(--circle-slide-margin);
	position: absolute;
	top: 0.5px;
	left: 0;
	z-index: 0;
	background-color: transparent;
	background-image: url("../img/oem/oem-slide-bg-arc.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider-circle-wrapper::after {
	content: "";
	display: block;
	width: 100vw;
	height: var(--circle-slide-margin);
	position: absolute;
	bottom: 0.5px;
	left: 0;
	z-index: 0;
	transform: rotate(180deg);
	background-color: transparent;
	background-image: url("../img/oem/oem-slide-bg-arc.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-left.circle {
	background-color: var(--color_primary);
	position: relative;
	overflow: hidden;
}

.swiper-left.circle figure {
	overflow: hidden;
	border-radius: 50%;
}
.swiper-left.circle figure:nth-of-type(even) {
	margin-top: 5%;
}
.swiper-left .swiper-wrapper {
	animation-play-state: running;
	transition-timing-function: linear;
}

.seasonal-noodles-slider {
	padding-block: 40px;
}

.seasonal-noodles-slider figure {
	/* width: 20%; */
}