@charset "utf-8";
/* 2026 柿＆和梨頒布会 */
:where(.lp-daichi) {
	--cv-bg-color: #e2c629;
	--shadow-cv: #8b7705;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
	--min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
	--min12max16: clamp(.75rem, 0.5rem + 0.83vw, 1rem);
	--min14max16: clamp(0.875rem, .75rem + 0.42vw, 1rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min14max18: clamp(0.875rem, 0.625rem + 0.83vw, 1.125rem);
	--min16max22: clamp(1rem, 0.625rem + 1.25vw, 1.375rem);
	--min18max24: clamp(1.125rem, .75rem + 1.25vw, 1.5rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min23max27: clamp(1.438rem, 1.188rem + 0.83vw, 1.688rem);	
	--min30max46: clamp(1.875rem, 0.875rem + 3.33vw, 2.875rem);
	--min45max70: clamp(2.813rem, 1.25rem + 5.21vw, 4.375rem);
	--min28max40: clamp(1.75rem, 1rem + 2.5vw, 2.5rem);
}
.lp-daichi {
	overflow: hidden;
}
.lp-daichi.-pearpersimmonBg {
	background: url(/external/category/image/2026/pear-persimmon/pear_persimmon_bg.jpg);
}
.area-head {
	margin-inline: auto;
}

/* cv */
.cv-area {
	width: calc(100% - 2 * var(--min10max20));
	margin: var(--min20max30) auto 0;
	padding-bottom: 4%;
	background: #fff;
	transition: all .7s;
}
.guide-sec + .cv-area {
    margin-top: 0;
}
.original-part.-hanpukai {
	margin-top: var(--min23max27);
}
.dialog-opener:hover {
	transition: all .7s;
	opacity: .7;
}
.special-note {
	display: none;
}
.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(--cv-bg-color);
	box-shadow: 0 6px 0 var(--shadow-cv);
	border-radius: 15px;
	padding-block: 16px 10px;
	transition: all .7s;
	margin: 3.5% 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(--shadow-cv);
    transform: translateY(6px);
}

/* 柿特徴 */
.feature1-area {
	margin-top: var(--min15max20);
}
.area-head.-feature1 {
	width: 72.4%;
}
.feature1-area > .image {
	display: block;
	margin-top: 1%;
}

/* 梨特徴 */
.feature2-area {
	margin-top: var(--min20max40);
}
.area-head.-feature2 {
	width: 95.3%;
}
.feature2-area > .image {
	display: block;
	margin-top: 1%;
}

/* お届けスケジュール */
.deli-area {
	width: calc(100% - 2 * var(--min10max20));
	margin: var(--min35max50) auto 0;
	padding-bottom: var(--min15max20);
}
.area-head.-deli {
	width: 96%;
}
.deli-area > .image {
	display: block;
	margin-top: var(--min10max20);
}
.deli-list {
	margin-top: var(--min15max20);
	font-size: var(--min14max18);
}
.deli-list > .list:not(.-note) {
	display: grid;
	grid-template-columns: 78px auto;
}
.deli-list > .list.-note {
	margin-top: 1%;
}

/* こんな方におすすめ */
.recommendation-area {
	margin-top: var(--min20max40);
	padding-block: var(--min20max40) var(--min15max20);
	background: url(/external/category/image/2026/pear-persimmon/recommendation_bg.jpg);
	background-size: cover;
}
.area-head.-recommendation {
	width: 82.2%;
}

.recommendation-area > .image {
	display: block;
	margin-top: var(--min20max40);
}

@media (max-width: 480px) {

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

	/* お届けスケジュール */
	.area-head.-deli {
		width: 93.4%;
	}
	.deli-list > .list:not(.-note) {
		grid-template-columns: 70px auto;
	}

	/* こんな方におすすめ */
	.recommendation-area {
		background: url(/external/category/image/2026/pear-persimmon/recommendation_bg_sp.jpg);
		background-size: cover;
	}
	.area-head.-recommendation {
		width: 82%;
	}

}