@charset "utf-8";
/* 2026 115号～ プラム頒布会LP */
/* -------------- common -------------- */
.lp-daichi {

	/* https://min-max-calculator.9elements.com/ */
	/* 幅480px‐960px */
	--min10max22: clamp(0.625rem, -0.125rem + 2.5vw, 1.375rem);
	--min12max16: clamp(0.75rem, 0.5rem + 0.83vw, 1rem);
	--min12max18: clamp(0.75rem, 0.375rem + 1.25vw, 1.125rem);
	--min12max25: clamp(0.75rem, -0.063rem + 2.71vw, 1.563rem);
	--min14max18: clamp(0.875rem, 0.625rem + 0.83vw, 1.125rem);
	--min16max28: clamp(1rem, 0.25rem + 2.5vw, 1.75rem);
	--min18max28: clamp(1.125rem, 0.5rem + 2.08vw, 1.75rem);
	--min18max30: clamp(1.125rem, 0.375rem + 2.5vw, 1.875rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min24max38: clamp(1.5rem, 0.625rem + 2.92vw, 2.375rem);
	--min25max33: clamp(1.563rem, 1.063rem + 1.67vw, 2.063rem);
	--min28max30: clamp(1.75rem, 1.625rem + 0.42vw, 1.875rem);
	--min30max46: clamp(1.875rem, 0.875rem + 3.33vw, 2.875rem);
	--min0max38: clamp(0rem, -2.375rem + 7.92vw, 2.375rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min42max80: clamp(2.625rem, 0.25rem + 7.92vw, 5rem);
	--min182max218: clamp(11.375rem, 9.125rem + 7.5vw, 13.625rem);
	--min298max325: clamp(18.625rem, 16.938rem + 5.63vw, 20.313rem);
	--font-cv: clamp(1.25rem, 1rem + 0.83vw, 1.5rem);

	--font-color-base: #1c1c1c;
	--font-color-main: #331100;
	--color-bg-ly: #fffae0;
	--cv-shadow: rgba(195, 133, 0, .9);

	/* plum01 山梨プラム */
	--color-plum01-green01: #258565;
	--color-plum01-green02: #004422;
	--color-plum01-green03: #154c3a;
	--color-plum01-pink01: #ed566a;
	--color-plum01-bg01: #fffbe5;
	--color-plum01-bg02: #66a993;

	/* plum02 古郡さんプラム */
	--color-plum02-orange01: #f1ac19;
	--color-plum02-orange02: #885d00;
	--color-plum02-purple01: #3f0059;
	--color-plum02-purple02: #9355aa;
	--color-plum02-bg01: #ffc03a;

	--color-green-strong: #004832;
	--color-green-light: #f7ffc9;
	--color-orange-strong: #ff7800;
	--color-orange-light: #ffa61c;
	--color-orange-dark: #d16200;
	--color-bg-orange: var(--color-orange-light);

	--height-pico: 20px;

	--item-radius: 24px;
	--color-pico: var(--color-plum01-green01);
	--color-pico-shadow: var(--color-plum01-green03);
	--color-pico2: var(--color-plum02-orange01);
	--color-pico2-shadow: var(--color-plum02-orange02);
	--color-cv: #fff;
	--color-cv-bg: var(--color-pico);
	--color-pico-arrow: var(--color-pico);
	--color-pico2-arrow: var(--color-pico2);
	--height-pico: 70px;
}

.lp-daichi ul {
	list-style: none;
	padding: 0;
}
.lp-daichi dl,.lp-daichi dt,.lp-daichi dd {
	margin: 0;
	padding: 0;
}
.lp-daichi img {
	vertical-align: middle;
	width: 100%;
}

.lp-daichi a {
	text-decoration: none;
	transition: all 0.7s;
}
.lp-daichi a:hover {
	opacity: 0.75;
	transition: all 0.7s;
}

.lp-daichi .sp-only {
	display: none;
}

/* soldout */
.lp-daichi .each_lp.-soldout {
	display: none;
}
.lp-daichi .area.-course .menu .-soldout {
	pointer-events: none;
	opacity: .7;
}

/* ----- lp-daichi ----- */
.lp-daichi section.area {
	color: var(--font-color-base);
	font-size: var(--min14max18);
	line-height: 1.5;
	box-sizing: border-box;
	padding: 4% 0 0;
}
.lp-daichi section.area.-recommend:not(.-bg_ly02) {
	padding-top: 0;
}
.lp-daichi section.area h2,
.lp-daichi section.area h3 {
	text-align: center;
}
.lp-daichi section.area h2 span,
.lp-daichi section.area h3 span {
	display: inline-block;
	margin: 0 auto 5%;
	padding: 0 3%;
	color: var(--font-color-main);
	font-size: var(--min30max46);
	font-weight: 600;
	border-bottom: 2px solid var(--font-color-main);
}
.lp-daichi section.area h2 img {
	display: block;
	margin: 0 auto 4%;
}
.lp-daichi section.area .content {
	padding: 0 3% 4%;
}
.lp-daichi section.area.-course .content {
	padding-bottom: 1%;
}
.lp-daichi section.area.-bg_ly {
	background-color: var(--color-bg-ly);
}
.lp-daichi section.area.-bg_ly02 {
	background-color: var(--color-plum01-bg01);
}
.lp-daichi .-bg_wood {
	background: #ffffff url('/external/category/image/2026/plum/bg_wood.png') repeat-y center 24% / 100%;
}

/* ----- lead ----- */
.lp-daichi .area.-lead {
	text-align: center;
	font-weight: 600;
	padding: 6% 3%;

	.head {
		font-size: var(--min24max38);
	}

	.text {
		font-size: var(--min16max28);
		margin: 2% 0 0;
		line-height: 1.75;
	}
}

/* ----- recommend ----- */
.lp-daichi .area.-recommend .point:nth-child(n + 2) {
	margin-top: 2.5%;
}
.lp-daichi .area.-recommend .point {
	place-items: center;
	gap: 2%;

	.img img {
		max-width: 380px;
	}

	.text {
		& dt {
			margin: 0 0 5%;
			color: var(--color-plum01-green02);
			font-size: var(--min18max28);
			font-weight: 600;
			line-height: 1.25;
		}

		& dd {
			font-size: var(--min14max18);
		}
	}
}
.lp-daichi .area.-recommend .point.-p02 {
	.text {
		order: 2;
	}
	.img {
		order: 1;
	}
}

/* ----- farmers ----- */
.lp-daichi .area.-farmers {
	background: #ffffff url('/external/category/image/2026/plum/plum01/bg_farmers_pc.png') no-repeat center top / cover;
}
.lp-daichi .area.-farmers .farmer:nth-child(n + 2) {
	margin-top: 4%;
}
.lp-daichi .area.-farmers .farmer {
	align-items: center;
	justify-items: center;
	gap: 2%;
	grid-template-columns: repeat(2, 30% 68%);

	.img img {
		max-width: 223px;
	}

	.text {
		& dt {
			margin: 0 0 3%;
			font-size: var(--min18max28);
			font-weight: 600;
			line-height: 1.25;

			& span {
				display: inline-block;
				margin: 0 0 0 10px;
				font-weight: normal;
				font-size: var(--min14max18);
			}
		}

		& dd {
			font-size: var(--min14max18);
		}
	}
}

/* ----- item ----- */
.lp-daichi .area.-items h3 span {
	color: #ffffff;
	border-color: #ffffff;
}
.lp-daichi .area.-items .wrapper_item {
	column-gap: 2.4%;
}
.lp-daichi .area.-items .wrapper_item .item:nth-child(n + 3) {
	margin-top: 5%;
}
.lp-daichi .area.-items .wrapper_item .item {
	background-color: #ffffff;
}
.lp-daichi .area.-items .wrapper_item .item .item_detail {
	padding: 4.5%;
}
.lp-daichi .area.-items .wrapper_item .item .item_detail .amount {
	font-size: var(--min12max18);
}
.lp-daichi .area.-items .wrapper_item .item .item_detail .price {
	margin: 1.5% 0 0;
	font-size: var(--min12max18);
}
.lp-daichi .area.-items .wrapper_item .item .item_detail .date {
	margin: 3% 0 0;
	padding: 2.5% 4% 1%;
	text-align: center;
	color: #ffffff;
	font-size: var(--min12max16);
	font-weight: 600;
}
.lp-daichi .area.-items .wrapper_item .item .item_detail .text {
	margin: 3% 0 0;
}
.lp-daichi .area.-items .wrapper_item .item .item_detail .text_list {
	margin: 1.5% 0 0;

	& > ul > li {
		text-indent: -1.5em;
		padding-left: 1.5em;
	}
}

/* ----- cv ----- */
.lp-daichi .area.-cv {
	padding: 3% 3% 0;
}
.area.-lead + .area.-cv {
	padding-top: 0;
}
.lp-daichi .area.-cv .cv_img {
	margin-bottom: 0;
}

.btn-link {
	max-width: 750px;
	margin: var(--min20max30) auto 0;
}
.btn-link.-ic2 {
	margin-top: 0;
}
.lp-daichi .area.-course .btn-link {
	margin: 20px auto 0;
}
.btn-link .-cv {
	gap: 20px;
}
.btn-link [class*="btn"] {
	max-width: 340px;
	margin: 0 auto;
	width: 100%;
}
.btn-detail a,
.js-item-sales.session .info .button-register {
	font-size: var(--font-cv);
}

/* ----  cart_btn ----- */
/* login前 ボタン調整 */
.lp-daichi .item-summary .cart p.routine-only a {
	display: grid;
	place-content: center;
	height: var(--height-pico);
	font-size: var(--font-cv);
	max-width: 100%;
}

/* 個数などを表示するクラス */
.lp-daichi .special-note {display: none;}

/* カートボタンCSS＿overwrite */
.lp-daichi .item-summary .cart .add-to-cart fieldset button.button-cart span {
	padding-left: 0;
	font-size: var(--cv-font);
}
.lp-daichi .item-summary .cart .add-to-cart fieldset button.button-cart span:before {
	display: none;
}
.lp-daichi .cart .add-to-cart.reserve fieldset .button-advance-order > span,
.lp-daichi .cart .add-to-cart.registration fieldset .button-register[data-terms=""] > span {
	padding-left: 0;
	background: none;
}

.lp-daichi .btn-detail.-btn2 {
	color: var(--color-pico2);
}
.lp-daichi .btn-detail.-btn2 a {
	color: var(--color-pico2);
	border:2px solid var(--color-pico2);
}
.lp-daichi .btn-detail.-btn2 a:hover {
	color: var(--color-pico2);
}

/* /カートボタンCSS＿overwrite */

.lp-daichi .js-item-sales.-btn1+div a,
.lp-daichi .btn-detail.-btn1 a {
	box-shadow: 0px 5px 0px var(--color-pico);
}

.lp-daichi .js-item-sales.-btn2+div a,
.lp-daichi .btn-detail.-btn2 a {
	box-shadow: 0px 5px 0px var(--color-pico2);
}

.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button,
.lp-daichi .btn-detail.-btn1 a {
	position: relative;
	border-radius: 70px;
}
.js-item-sales:not(.-common) .item-summary .info .cart .add-to-cart fieldset .button::after,
.lp-daichi .btn-detail a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 7%;
	margin: auto;
	width: var(--min25max33);
	aspect-ratio: 1 / 1;
	-webkit-mask: url(/external/category/image/2026/plum/button_arrow.png) center / contain no-repeat;
	mask: url(/external/category/image/2026/plum/button_arrow.png) center / contain no-repeat;
	background-color: #fff;
}
.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button span,
.lp-daichi .btn-detail a {
	line-height: 1;
	padding-top: 1.5%;
}
.lp-daichi .btn-detail.-btn1 a::after {
	background-color: var(--color-pico);
}
.lp-daichi .btn-detail.-btn2 a::after {
	background-color: var(--color-pico2);
}

.js-item-sales.-common .item-summary .info .cart {
	margin-top: 0;
}
.js-item-sales.-common .item-summary .info .cart .add-to-cart.registration fieldset .button {
	filter: none;
	background: #F3C724;
	box-shadow: 0 6px 0 var(--cv-shadow);
	border-radius: 15px;
	padding-block: 16px 10px;
	padding-right: 0;
	transition: all .7s;
	margin: 0;
	color: initial;
}
.js-item-sales.-common .item-summary .info .cart .add-to-cart.registration fieldset .button:hover {
	background: #F3C724;
}
.js-item-sales.-common .item-summary .info .cart .add-to-cart.registration fieldset .button > span {
	background: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 8px;
	align-items: center;
	color: #242424;
}
.js-item-sales.-common .item-summary .info .cart .add-to-cart.registration fieldset .button > span::before {
	content: "";
	display: block;
	width: 30px;
	margin-top: -3px;
	aspect-ratio: 17 / 15;
	background: url(/assets/img/icon_reserve-renewal.png) no-repeat;
	background-size: contain;
}
.js-item-sales.-common .item-summary .info .cart::after {
	content: "";
}

/* ボタンアニメーション制御 */
.lp-daichi .js-item-sales.session .item-summary .info .cart .add-to-cart fieldset .button {
	animation: none;
}
/* ----  //cart_btn ----- */

.guide-anc {
	margin-bottom: 6%;
}
.otodoke-meyasu.-plum > .text {
	margin-top: var(--min5max10);
}
.otodoke-table.-plum {
	margin-top: 0;
}


/* ========== Main LP ========== */

/* ----- course ----- */
.lp-daichi .area.-course .menu {
	gap: 3.5%;
}

/* ----- review ----- */
.lp-daichi section.area.-review .content {
	padding: 0;
}

/* ========== 山梨のプラム each-Lp -plum01 ========== */
.lp-daichi .-plum01 section.area:not(.-items) h3 span {
	color: var(--color-plum01-green02);
	border-bottom: 2px solid var(--color-plum01-green02);
}

/* ----- lead ----- */
.lp-daichi .-plum01 .area.-lead {
	padding: 0;
	color: var(--color-plum01-green02);
}
.lp-daichi .-plum01 .area.-lead .inner {
	background-image: url('/external/category/image/2026/plum/plum01/bg_lead_TL.png'), url('/external/category/image/2026/plum/plum01/bg_lead_TR.png'), url('/external/category/image/2026/plum/plum01/bg_lead_BL.png'), url('/external/category/image/2026/plum/plum01/bg_lead_BR.png');
	background-position: top left, top right, bottom left, bottom right;
	background-size: 16%;
	background-repeat: no-repeat;
	padding: 7% 4% 9%;
}

/* ----- items ----- */
.lp-daichi .-plum01 .area.-items {
	background-color: var(--color-plum01-bg02);

	.wrapper_item .item .item_detail .date {
		background-color: var(--color-plum01-pink01);
	}
}
.lp-daichi .-plum01 .area.-items .content .wrapper_item.block-grid.-col2 {
	background-color: var(--color-plum01-bg02);
}

/* ========== 古郡さんのプラム each-Lp -plum02 ========== */
/* ----- lead ----- */
.lp-daichi .-plum02 .area.-lead {
	color: var(--color-plum02-purple01);
}

/* ----- recommend ----- */
.lp-daichi .-plum02 .area.-recommend .point {
	.img {
		max-width: 380px;
	}

	.text {
		& dt {
			padding: 0 0 2%;
			color: var(--color-plum02-purple01);
			border-bottom: solid 1px var(--color-plum02-purple01);
		}
	}
}

/* ----- items ----- */
.lp-daichi .-plum02 .area.-items {
	background-color: var(--color-plum02-bg01);

	.wrapper_item .item .item_detail .date {
		background-color: var(--color-plum02-purple02);
	}
}
.lp-daichi .-plum02 .area.-items .content .wrapper_item.block-grid.-col2 {
	background-color: var(--color-plum02-bg01);
}
.lp-daichi .-plum02 .area.-items .content {
	padding-bottom: 1%;
}
.note-text {
	padding: 0 3% 4%;
	text-align: right;
}

.sp_blocks,
.sp_b {
	display: none;
}

/* plum01 plum02 詳細ページ制御 */
.item-detail .main-area,
.item-detail .wrapper_btn,
#itemCode-61001517 .each_lp.-plum02,
#itemCode-61001517 .btn-detail.-btn1,
#itemCode-61002697 .each_lp.-plum01,
#itemCode-61002697 .btn-detail.-btn2 {
	display: none;
}
.item-detail .area.-cv .btn-link .block-grid.-col2 {
	display: block;
}

@media (max-width: 768px) {
	.lp-daichi {
		--height-pico: 55px;
	}

	.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button {
		padding-right: var(--min42max80);
	}
	.btn-link [class*="btn"] {
		max-width: 260px;
	}
	.btn-link{
		gap: 20px;
	}
	.btn-link .btn{
		margin: 0 auto;
	}
}

@media (max-width: 480px) {
	.lp-daichi .pc-only {
		display: none;
	}
	.lp-daichi .sp-only {
		display: block;
	}

	.lp-daichi section.area .content,
	.lp-daichi section.area.-course .content {
		padding: 0 6% 6%;
	}

	/* ----- lead ----- */
	.lp-daichi .-plum01 .area.-lead .inner {
		padding: 12% 4% 10%;
	}

	/* ----- recommend ----- */
	.lp-daichi section.area.-recommend:not(.-bg_ly02) {
		padding-top: 4%;
	}
	.lp-daichi .area.-recommend .content {
		padding-bottom: 10%;
	}
	.lp-daichi .area.-recommend .point:nth-child(n + 2) {
		margin-top: 10%;
	}
	.lp-daichi .area.-recommend .point .img {
		width: 70%;
	}

	.lp-daichi .area.-recommend .point.-p02 {
		.text {
			order: 1;
		}

		.img {
			order: 2;
		}
	}

	/* ----- farmers ----- */
	.lp-daichi .area.-farmers {
		background: #ffffff url('/external/category/image/2026/plum/plum01/bg_farmers_sp.png') no-repeat center top / cover;
	}
	.lp-daichi section.area.-farmers .content {
		padding: 0 6% 10%;
	}
	.lp-daichi .area.-farmers .farmer:nth-child(n + 2) {
		margin-top: 10%;
	}
	.lp-daichi .area.-farmers .farmer {
		grid-template-columns: 1fr;
		align-items : start;
	}

	/* ----- item ----- */
	.lp-daichi .area.-items .wrapper_item .item:nth-child(n + 2) {
		margin-top: 5%;
	}
	.note-text {
		padding: 0 6% 6%;
	}

	/* ----- course ----- */
	.lp-daichi .area.-course .menu {
		gap: 5%;
	}
	.lp-daichi .area.-course .menu > li {
		width: 80%;
		margin: 0 auto;
	}
	.lp-daichi .area.-course .btn-link {
    margin-top: 12px;
	}
	.area.-course + .guide-anc {
		margin-top: var(--min28max30);
	}

	/* ----- cv ----- */
	.lp-daichi .area.-cv {
		padding: 6% 0 2%;
	}
	.guide-anc {
		margin-bottom: 30px;
	}
	.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button::after {
		content: "";
		right: 9%;
	}
	.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button {
		padding-right: 0;
	}

	.pc_blocks,
	.pc_b {
		display: none;
	}
	.sp_blocks,
	.sp_b {
		display: block;
	}

}