@charset "utf-8";

/* リスト内サムネ画像サイズ上書き */
.story_img[oc-story-x7kq9b2m] {
	width: calc(98vw / var(--baseWidth));
}
.story_img img[oc-story-x7kq9b2m] {
	display: block;
	width: 100%;
	object-fit: contain;
	border-radius: calc(6vw / var(--baseWidth));
}
.story_info[oc-story-x7kq9b2m] {
	width: calc(217vw / var(--baseWidth));
}

/* もっと見る制御用（oc-story.jsとセット） */
.story_more {
	width: 42.6666666667vw;
	margin: 0 auto 0;
}
.story_more_button {
	border-radius: 10.6666666667vw;
	border: 1px solid #978E85;
	background: #FFF;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8.5333333333vw;
	box-sizing: border-box;
	height: 10.6666666667vw;
	padding: 0vw 4.2666666667vw 0vw 4.2666666667vw;
	justify-content: space-between;
	align-items: center;
}
.story_more_button span {
	color: #000;
	text-align: center;
	font-size: 3.2vw;
	font-style: normal;
	font-weight: 500;
	line-height: 170%;
	letter-spacing: -0.096vw;
}
.story_more_button .button_arrow {
	width: 4.2666666667vw;
	margin-left: auto;
}
.story_more_button * {
	pointer-events: none;
}

.story_item.is-story-hidden {
	display: none !important;
}

.story_more_button.is-story-hidden {
	display: none !important;
}

.story_list{
	--initial: 4;
	--step: 4;
}

@media (max-width: 1024px){
	.story_list{
		--initial: 4;
		--step: 4;
	}
}