@charset "utf-8";
/* 2026 洋梨頒布会LP */
:where(.lp-daichi) {
	--key-color01: #492d00;
	--key-color02: #7f6d45;
	--key-color03: #401a00;
	--key-color04: #7d0404;
	--key-color05: #472b16;
	--key-color06: #34260e;
	--farmer-color: #5d2500;
	--western-pear-bg: #fffed6;
	--cv-bg-color: #e2c629;
	--shadow-cv: #8b7705;
	--deli-bg: #edf5de;
	--APO-font: "A P-OTF A1ゴシック Std",
  "A-OTF A1Gothic Std",
  "Hiragino Sans",
  "Hiragino Kaku Gothic ProN",
  "Yu Gothic",
  "Yu Gothic Medium",
  "Meiryo",
  "Noto Sans JP",
  sans-serif;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min0max5: clamp(0rem, -0.313rem + 1.04vw, 0.313rem);
	--min0max7: clamp(0rem, -0.438rem + 1.46vw, 0.438rem);
	--min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
	--min10max15: clamp(0.625rem, 0.313rem + 1.04vw, 0.938rem);
	--min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
	--min10max47: clamp(0.625rem, -1.688rem + 7.71vw, 2.938rem);
	--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);
	--min14max24: clamp(0.875rem, 0.25rem + 2.08vw, 1.5rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min15max24: clamp(0.938rem, 0.375rem + 1.88vw, 1.5rem);
	--min16max30: clamp(1rem, 0.125rem + 2.92vw, 1.875rem);
	--min18max36: clamp(1.125rem, 3.75vw, 2.25rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min20max28: clamp(1.25rem, 0.75rem + 1.67vw, 1.75rem);
	--min22max40: clamp(1.375rem, 0.25rem + 3.75vw, 2.5rem);
	--min22max42: clamp(1.375rem, 0.125rem + 4.17vw, 2.625rem);
	--min22max45: clamp(1.375rem, -0.063rem + 4.79vw, 2.813rem);
	--min23max27: clamp(1.438rem, 1.188rem + 0.83vw, 1.688rem);
	--min25max40: clamp(1.563rem, 0.625rem + 3.13vw, 2.5rem);
	--min26max36: clamp(1.625rem, 1rem + 2.08vw, 2.25rem);	
	--min30max46: clamp(1.875rem, 0.875rem + 3.33vw, 2.875rem);
	--min33max66: clamp(2.063rem, 6.88vw, 4.125rem);	
	--min35max43: clamp(2.188rem, 1.688rem + 1.67vw, 2.688rem);
	--min35max62: clamp(2.188rem, 0.5rem + 5.63vw, 3.875rem);
	--min45max70: clamp(2.813rem, 1.25rem + 5.21vw, 4.375rem);
	--min75max90: clamp(4.688rem, 3.75rem + 3.13vw, 5.625rem);

	--font-gothic: ヒラギノ角ゴ ProN W3, HiraKakuPro-W3, HiraKakuProN-W3, Meiryo, sans-serif;
}

.lp-daichi {
	overflow: hidden;
}
.lp-daichi.-westernpearBg {
	background: var(--western-pear-bg);
}
:where([class]).-minchou {
  font-family: var(--font-minchou);
}
.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;
}
/* 共通 */
.cv-area {
	box-sizing: border-box;
	margin: auto;
	margin-top: 4%;
	padding: 0 0 4%;
	width: 96%;
	transition: all 0.7s;
	background: #fff;
}
.farmer-area + .cv-area {
	padding-top: 0;
}
.dialog-opener:hover {
	transition: all 0.7s;
	opacity: 0.7;
}
.cv-area .btnwrap {
	border-top-style: none;
	margin-top: -3%;
	padding-inline: 3.5%;
}
.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: 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(--shadow-cv);
	transform: translateY(6px);
}

.block-section {
	padding: 5% 2%;
}
.block-section .title-section {
	margin: 0 auto;
	width: 80%;
}

/* リード */
.lead-area {
	position: relative;
	background: url(/external/category/image/2026/western-pear/lead_bg.png);
	background-size: cover;
	background-position: center;
	padding: 9% 2% 0;
	margin-top: -7%;
}
.area-title.-lead {
	color: var(--key-color04);
	font-size: var(--min22max42);
	line-height: 1.45;
	letter-spacing: .05em;
	text-align: center;
}
.block-grid.-lead {
	margin-top: 2%;
	gap: 2%;
	grid-template-columns: 51% auto;
}
.block-grid.-lead > .text {
	padding-top: 4%;
	font-size: var(--min14max24);
	line-height: 1.96;
	color: var(--key-color05);
	font-weight: 500;
	font-family: var(--APO-font);
	letter-spacing: .08em;
	text-shadow:
		0 0 2px rgba(245, 255, 188, 1),
		0 0 4px rgba(245, 255, 188, 1),
		0 0 8px rgba(245, 255, 188, 1),
		0 0 12px rgba(245, 255, 188, 1),
		0 0 16px rgba(245, 255, 188, 1),
		0 0 20px rgba(245, 255, 188, 1),
		0 0 28px rgba(245, 255, 188, 0.95),
		0 0 36px rgba(245, 255, 188, 0.9),
		0 0 48px rgba(245, 255, 188, 0.88),
		0 0 64px rgba(245, 255, 188, 0.85);
}

/* 生産者紹介 */
.farmer-area {
  background: url(/external/category/image/2026/western-pear/farmer_bg.jpg);
	padding: 1% 2% 3%;
}
.block-grid.-out {
	grid-template-columns: 47% auto;
	column-gap: 2.8%;
	align-items: center;
}
.text-wrapper {
	color: var(--farmer-color);
}
.area-title.-farmer {
	color: var(--key-color04);
	font-size: var(--min35max62);
	line-height: 1.2;
  letter-spacing: .05em;
}
.area-title.-farmer > .inner {
	display: inline-block;
	text-align: center;
}
.area-title.-farmer .small {
	font-size: var(--min22max40);
}
.text-wrapper > .text{
	margin-top: 3.5%;
	padding-left: 1.5%;
	font-size: var(--min14max24);
	line-height: 1.83;
	letter-spacing: .05em;
	color: var(--key-color06);
	font-weight: 500;
	font-family: var(--APO-font);
	text-shadow:
		0 0 2px rgba(255, 255, 255, 1),
		0 0 4px rgba(255, 255, 255, 1),
		0 0 8px rgba(255, 255, 255, 1),
		0 0 12px rgba(255, 255, 255, 1),
		0 0 16px rgba(255, 255, 255, 1),
		0 0 20px rgba(255, 255, 255, 1),
		0 0 28px rgba(255, 255, 255, 0.95),
		0 0 36px rgba(255, 255, 255, 0.9),
		0 0 48px rgba(255, 255, 255, 0.88),
		0 0 64px rgba(255, 255, 255, 0.85);
}
.block-grid.-out > .image {
	margin-block: -7% 3%;
}

/* 3つの魅力 */
.block-section.block-section--charm .three-charms .block-grid.-col2 {
	margin-top: 4%;
	column-gap: 4%;
}
.block-section.block-section--charm  .three-charms .title-bar {
	color: var(--key-color01);
	font-size: var(--min20max26);
	line-height: 1.25;
	font-weight: bold;
	border-bottom: solid var(--key-color01) 1px;
	font-family: var(--font-minchou);
	padding: 0 0 2.5%;
	margin-bottom: 2.5%;
}
.block-section.block-section--charm .three-charms .txt {
	font-size:  var(--min14max18);
	line-height: 1.75;
}

/* お届けスケジュール */
.block-section.block-section--deli {
	background-color: var(--deli-bg);
}
.block-section.block-section--deli .card {
	background-color: #ffffff;
	border: solid 1px #bcbcbc;
}
.block-section.block-section--deli .block-grid.-col2.-deli {
	margin-top: 4%;
	column-gap: 3%;
	row-gap: var(--min15max20);
}
.block-section.block-section--deli .card .name {
	padding: 4.5% 2% 4%;
	background-color: var(--key-color02);
	color: #ffffff;
	font-size: var(--min20max28);
	font-weight: bold;
	line-height: 1.25;
}
.block-section.block-section--deli .card .specwrap {
	padding: 4% 1% 4% 2%;
}
.block-section.block-section--deli .card .specwrap .date {
	color: var(--key-color01);
	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 {
	margin-top: 2.5%;
}
.block-section.block-section--deli .card .detailwrap .icon_flag {
	display: inline-block;
	width: 100%;
	max-width: 22px;
	padding-top: 2px;
}

.deli-note {
	display: block;
	border: 1px solid var(--key-color03);
	margin-top: 4%;
	padding: 2% 2% 1.5%;
	box-sizing: border-box;
	color: var(--key-color03);
	font-size: var(--min14max16);
	line-height: 1.43;
}

@media (max-width: 480px) {

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

	.block-section {
		padding: 8% 4%;
	}
	.block-section .title-section {
		width: 100%;
	}

	/* リード */
	.lead-area {
		position: relative;
    background: url(/external/category/image/2026/western-pear/lead_bg_sp.png);
    background-size: cover;
    background-position: top;
    padding: 20% 4.5% 3%;
    margin-top: -20%;
	}
	.area-title.-lead {
    display: block;
    max-width: 350px;
    margin-inline: auto;
	}
	.block-grid.-lead {
    margin-top: 3%;
    gap: 5%;
    grid-template-columns: 1fr;
	}
	.block-grid.-lead > .text {
		padding-top: 0;
		line-height: 1.78;
	}
	.block-grid.-lead > .image {
		width: 99%;
    order: 2;
    margin-inline: auto;
    transform: translateX(3.4%);
	}

	/* 生産者紹介 */
	.farmer-area {
		background: url(/external/category/image/2026/western-pear/farmer_bg_sp.jpg);
		background-size: cover;
		padding: 4% 4.5% 9%;
	}
	.block-grid.-out {
		margin-top: 2%;
		grid-template-columns: repeat(1, 1fr);
		gap: 4%;
	}
	.area-title.-farmer > .inner {
		display: block;
	}
	.text-wrapper > .text {
		margin-top: 0;
		padding: 0;
		line-height: 1.78;
	}
	.block-grid.-out > .image {
    width: 92%;
    margin: 0 auto;
	}

	/* 3つの魅力 */
	.block-section.block-section--charm .three-charms .block-grid.-col2 {
		margin-top: 5.5%;
		row-gap: 0.625rem;
	}

}