@charset "utf-8";
/* 2025 151号～ いちご頒布会LP */
:where(.lp-daichi) {
	--color-key01: #aa2222;
	--color-key02: #fffd53;
	--color-key03: #00743f;
	--color-cv-bg: #e2c629;
	--cv-shadow: #8b7705;
	--color-caution: #bf0000;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min0max20: clamp(0rem, -1.25rem + 4.17vw, 1.25rem);
	--min0max50: clamp(0rem, -3.125rem + 10.42vw, 3.125rem);
	--min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
	--min12max13: clamp(0.75rem, 0.688rem + 0.21vw, 0.813rem);
	--min12max16: clamp(0.75rem, 0.5rem + 0.83vw, 1rem);
	--min14max16: clamp(0.875rem, 0.75rem + 0.42vw, 1rem);
	--min14max18: clamp(0.875rem, 0.625rem + 0.83vw, 1.125rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min16max18: clamp(1rem, 0.875rem + 0.42vw, 1.125rem);
	--min16max26: clamp(1rem, 0.375rem + 2.08vw, 1.625rem);
	--min17max20: clamp(1.063rem, 0.875rem + 0.63vw, 1.25rem);
	--min17max26: clamp(1.063rem, 0.5rem + 1.88vw, 1.625rem);
	--min17max28: clamp(1.063rem, 0.375rem + 2.29vw, 1.75rem);
	--min17max30: clamp(1.094rem, 0.313rem + 2.6vw, 1.875rem);
	--min18max23: clamp(1.125rem, 0.813rem + 1.04vw, 1.438rem);
	--min18max24: clamp(1.125rem, 0.75rem + 1.25vw, 1.5rem);
	--min20max24: clamp(1.25rem, 1rem + 0.83vw, 1.5rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min20max28: clamp(1.25rem, 0.75rem + 1.67vw, 1.75rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min22max28: clamp(1.375rem, 1rem + 1.25vw, 1.75rem);
	--min22max31: clamp(1.375rem, 0.813rem + 1.88vw, 1.938rem);
	--min22max34: clamp(1.375rem, 0.625rem + 2.5vw, 2.125rem);
	--min22max36: clamp(1.375rem, 0.5rem + 2.92vw, 2.25rem);
	--min23max27: clamp(1.438rem, 1.188rem + 0.83vw, 1.688rem);
	--min23max40: clamp(1.438rem, 0.375rem + 3.54vw, 2.5rem);
	--min30max46: clamp(1.875rem, 0.875rem + 3.33vw, 2.875rem);
	--min45max70: clamp(2.813rem, 1.25rem + 5.21vw, 4.375rem);
}
.lp-daichi {
	overflow: hidden;
}
.contents-wrap.-strawberry {
	background: #ffc5cf;
}
.lp-daichi .list {
	margin-top: 2%;
	line-height: 1.4;
}
.lp-daichi .cv-area ~ .list {
	margin-top: 0;
}
.lp-daichi .list > li {
	margin-top: 0;
}
.caution {
	color: var(--color-caution);
}
.area-head.-pickup {
	margin-inline: auto;
	width: min(327px, 60%);
}
.area-head.-deli {
	margin-inline: auto;
	width: min(490px, 90%);
}
.area-head.-sizzle {
	margin-inline: auto;
	width: min(431px, 85%);
}

.lead-area {
	padding: 4% 2%;
	text-align: center;
	color: #fff;
	font-size: var(--min16max26);
	line-height: 1.65;
	letter-spacing: .04em;
	font-weight: bold;
	background: url(/external/category/image/2025/strawberry/lead_bg.jpg);
	background-size: cover;
	background-position: center;
}
.lead-text {
	padding: var(--min17max28) var(--min0max20);
	background: rgba(0, 81, 23, 0.8);
	max-width: 595px;
	margin-inline: auto;
}
.lead-text > .name {
	color: var(--color-key02);
	font-size: var(--min17max30);
}

.cv-area {
	box-sizing: border-box;
	margin: auto;
	padding: 4% 2%;
	width: 100%;
	transition: all 0.7s;
}
.cv-area > *:not(.guide-anc, .note) {
	background: #fff;
}
.farmer-area + .cv-area {
	padding-top: 0;
}
.dialog-opener:hover {
	transition: all 0.7s;
	opacity: 0.7;
}
.cv-area .btnwrap {
	border: var(--min2max5) solid var(--cv-border);
	border-top-style: none;
	padding: 0 3.5% 3.5%;
}
.js-item-sales .item-summary .info .cart {
	margin-top: 0;
}
.js-item-sales {
	padding: 0 9%;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button {
	width: 100%;
	max-width: 529px;
	filter: none;
	background-color: var(--color-cv-bg);
	box-shadow: 0 6px 0 var(--cv-shadow);
	border-radius: 15px;
	padding-block: 16px 10px;
	transition: all .7s;
	margin: 10px auto 0;
	text-align: center;
	letter-spacing: 0.15rem;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button > span {
	font-size: var(--min23max27);
	background: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 8px;
	color: #242424;
	align-items: center;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button > span::before {
	content: "";
	display: block;
	width: 30px;
	aspect-ratio: 17 / 15;
	background: url(/assets/img/icon_reserve-renewal.png) no-repeat;
	background-size: contain;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button:hover {
	transition: all .7s;
	box-shadow: 0 2px 0 var(--cv-shadow);
	transform: translateY(6px);
}
.cv-area + .note {
	width: 90%;
	margin-inline: auto;
	font-size: var(--min12max13);
}

.block-section {
	padding: 6% 2% 4%;
}
.block-section .title-section {
	margin: 0 auto;
}
.special-note {
	display: none;
}

/* お届けスケジュール */
.block-section--deli {
	margin-top: 4%;
	background-image: url(/external/category/image/2025/strawberry/schedule_btm_bg.jpg), url(/external/category/image/2025/strawberry/schedule_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 100%, 100%;
	background-position: left bottom, center;
}
.block-section.block-section--deli .title-section {
	width: 56%;
	max-width: 529px;
}
.block-section.block-section--deli .card {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
	background-color: #ffffff;
}
.block-section.block-section--deli .block-grid.-col2.-deli {
	margin-top: 5%;
	column-gap: 3%;
	row-gap: var(--min15max20);
}
.block-section.block-section--deli .card .name {
	display: grid;
	align-items: center;
	padding: 4% 4.5% 2.5%;
	background-color: var(--color-key01);
	color: #ffffff;
	font-size: var(--min22max28);
	font-weight: bold;
	line-height: 1.25;
}
.block-section.block-section--deli .card .name.-space {
	padding: 7.5% 4.5% 7%;
}
.name-small {
	font-size: var(--min18max23);
}
.block-section.block-section--deli .card .specwrap {
	padding: 4% 4% 4% 4.5%;
}
.block-section.block-section--deli .card .specwrap .date {
	color: var(--color-key03);
	font-size: var(--min14max18);
	font-weight: bold;
}
.block-section.block-section--deli .card .specwrap .amount {
	font-size: var(--min14max16);
}
.block-section.block-section--deli .card .specwrap .price {
	font-size: var(--min14max16);
	font-weight: bold;
}
.block-section.block-section--deli .card .detailwrap {
	padding: 4% 4.5%;
	font-size: 0.875rem;
	line-height: 1.5;
}
.block-section.block-section--deli .card .detailwrap p + p,
.block-section.block-section--deli .card .detailwrap div + p,
.block-section.block-section--deli .card .detailwrap p + div {
	margin-top: 2.5%;
}
.block-section.block-section--deli .card .detailwrap .catch {
	font-size: var(--min14max18);
	font-weight: bold;
}
.block-section.block-section--deli .card .detailwrap .wrap-grid {
	display: grid;
	gap: 4%;
	grid-template-columns: 34% 62%;
}
.detailwrap > .title {
	font-size: var(--min16max18);
}
.detailwrap .text {
	margin-top: 1%;
}
.block-section--deli > .note {
	margin-top: 2.5%;
	font-size: var(--min16max18);
}
.original-part.-hanpukai {
	margin-top: 50px;
}

.sizzle-area {
	padding: 0 2% var(--min30max50);
}
.block-grid.-sizzle {
	max-width: 845px;
	margin-inline: auto;
}
.guide-sec {
	margin-top: 3%;
}
.block-grid.-sizzle > :is([class*="textwrap"], .text) {
	margin-inline: var(--min0max50) var(--min0max10);
}
.block-grid.-sizzle.-reverse > :is([class*="textwrap"], .text) {
    margin-inline: var(--min0max10) var(--min0max50);
}
.sizzle-textwrap.-strawberry {
	color: #3c2008;
}
.sizzle-textwrap.-strawberry > .title {
	text-align: center;
	margin-top: 18px;
	padding-bottom: 5px;
	border-bottom: #3c2008 solid 1px;
	font-family: ヒラギノ角ゴ ProN W3, HiraKakuPro-W3, HiraKakuProN-W3, Meiryo, sans-serif;
	font-size: var(--min20max26);
	line-height: 1.15;
}
.sizzle-textwrap.-strawberry > .text {
	margin-top: 15px;
	font-size: var(--min16max18);
}

@media (max-width: 480px) {

	.lead-area {
		background: url(/external/category/image/2025/strawberry/lead_bg_sp.jpg);
		background-size: cover;
		background-position: center;
	}

	.cv-area .js-item-sales.session {
		margin-top: 1.5%;
	}

	.block-section {
		padding: 6% 4%;
	}
	.cv-area,
	.sizzle-area {
		padding-inline: 4%;
	}
	.lead-area {
		padding: 26% 9%;
	}

	/* お届けスケジュール */
	.block-section.block-section--deli .title-section {
		width: 68%;
	}
	.guide-sec + .cv-area,
	.original-part.-hanpukai {
	margin-top: 20px;
	}
	.block-section.block-section--deli .card .name.-space {
		padding: 4.5% 4.5% 4%;
	}

}