@charset "utf-8";
/* ------------------------------
oc おせち2027 sz 2026/07/02-
------------------------------ */

/* オーバーライド *************************************************/

/* outset */
.outset{ margin-top: 0px;}



/* LP共通変数 *************************************************/

.ec-layoutRole__mainWithColumn,
.lp_main{
	/* カラー */
		--color-main: #1a1a1a;
		--color-accent-deepred: #750a00; /*深赤*/
		--color-accent-brown: #89672c; /*明茶*/
		--color-accent-wine: #672962;/*ワイン*/
		--color-accent-offwhite: #fafafa; /*off白*/
		--color-accent-black: #0b0b0b; /*黒*/
		--color-accent-gray: #666666; /*灰*/
		--color-accent-charcoal: #343434; /*チャコール*/
		--color-accent-gray-light-t: rgba(120,100,70,.2); /*透明灰茶*/
		--color-accent-black-light-t: rgba(11,11,11,.4); /*透明黒*/
		--color-strong: #880000; /*赤*/

		--color-ju1: #852c30; /*和赤*/
		--color-ju2: #33533d; /*和緑*/
		--color-ju3: #c8a36c; /*金*/
		--color-ju1-menu-number: #79171c;
		--color-ju2-menu-number: #264730;


		--color-linkLP: #e83828;/*おせちページTOP*/
		--color-yearend: #000000;/*年末*/
		--color-newyear: #cba455;/*年始*/
		--color-menu: #87922a;/*お品書き*/
		--color-chef: #715d4e;/*シェフ*/

		--gold-gradient-base: #DACB78;
		--gold-gradient-stops: #E1D492 0%, #FFF3C2 36%, #C4AC2A 80%, #C3AB27 98%, #E1D492 100%;
		--gold-gradient: linear-gradient(180deg,var(--gold-gradient-stops));
		--gold-gradient-to-right: linear-gradient(90deg,var(--gold-gradient-stops));


	/* 罫線 */
		--border-style: solid;
		--border-width: 1px;
		--border-color: #c7bfb9;
		--border-radius: 5px;

	/* grid */
		--grid-gap: 1em;
	/* font */
		--font-mincho: "Noto Serif JP",  "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		--font-weight-bold: 700;
		--font-weight-normal: 400;
}


/* 初期設定 *************************************************/

.lp_main img{ max-width: 100%;}


/* LP外枠 *************************************************/

.lp_main{ font-weight: 500; line-height: 1.4;}
.lp_main *{ position: relative; box-sizing: border-box;}





/* 構造部品 *************************************************/

.lp_main .hero_box{}

.lp_main .sec_box{
	margin: 20px 10px; padding: 0; 
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .sec_box{ margin: 40px 40px; padding: 5px 0;}
}/*△*/


.lp_main .article_box{}
.lp_main .link_box{}

	/*sec_head*/
.lp_main .sec_head{
	padding: 1em 5px; text-align:center;
	font-family: var(--font-mincho);
	font-weight: var(--font-weight-bold);
}



/* 共通部品(grid) *************************************************/
.lp_main .grid_root{
	display:grid;
	gap: var(--grid-gap);
}



.lp_main .grid_root.grid_col_1_1,
.lp_main .grid_root.grid_col_2_1,
.lp_main .grid_root.grid_col_3_1,
.lp_main .grid_root.grid_col_4_1{ grid-template-columns: 1fr;}

.lp_main .grid_root.grid_col_2_2,
.lp_main .grid_root.grid_col_4_2{ grid-template-columns: 1fr 1fr;}

.lp_main .grid_root.grid_col_3_3{ grid-template-columns: 1fr 1fr 1fr;}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .grid_root.grid_col_2_1,
	.lp_main .grid_root.grid_col_2_2{ grid-template-columns: 1fr 1fr;}

	.lp_main .grid_root.grid_col_3_1,
	.lp_main .grid_root.grid_col_3_3{ grid-template-columns: 1fr 1fr 1fr;}

	.lp_main .grid_root.grid_col_4_1,
	.lp_main .grid_root.grid_col_4_2{ grid-template-columns: 1fr 1fr 1fr 1fr;}
}/*△*/


/* 共通部品(link) *************************************************/

.lp_main .link_box{}
.lp_main .link_btn{
	--btn-border: var(--color-main);
	--btn-text: #fff;
	--btn-border: var(--btn-bg);

	color: var(--btn-text);
	background: var(--color-main);
	border-color: var(--btn-border);

	position: relative;
	display: flex; align-items: center; justify-content: center;
	width: 100%; min-height: 48px;
	padding: .5em 3em .5em 1.5em;
	border: 1px solid var(--btn-border);
	border-radius: var(--border-radius);
	font-family: var(--font-mincho);
	font-size: 16px; font-weight: 600; line-height: 1.4;
	text-align: center; text-decoration: none;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.18);
	transition:
		opacity .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.lp_main .link_btn.link_yearend{ color: color-mix(in srgb, var(--color-newyear) 80%, white);}
.lp_main .link_btn.link_newyear{ color: var(--color-yearend);}

.lp_main .link_btn::after{
	content: "›"; 
	position: absolute; right: 1.2em; top: 50%; transform: translateY(-64%);
	font-size: 2em; line-height: 1;
}



.lp_main .link_btn:hover{
	opacity: .88; transform: translateY(-1px); box-shadow: 0 5px 12px rgba(0,0,0,.16);
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .link_btn{ min-height: 48px; font-size: 18px;}
}/*△*/

	/*LP TOPへ*/
.lp_main .link_LP{ margin-top: 20px;}
.lp_main .link_LP .link_btn{ background: var(--color-linkLP);}
.lp_main .link_LP .link_btn::before{ content: "おせち特集へ";}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .link_LP .link_btn{ width: 50%; margin: 0 auto ;}
}/*△*/


/*販売ページへ*/
.lp_main .link_order{ margin-top: 20px; display: grid; gap: 5px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .link_order{ grid-template-columns: repeat(2, 1fr); gap: 12px;}
}/*△*/

.lp_main .link_order .link_btn{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
}

.lp_main .link_order .link_yearend{ background: var(--color-yearend);}
.lp_main .link_order .link_newyear{ background: var(--color-newyear);}

/*ボタン文言*/
.lp_main .link_order .link_yearend .link_label::before{ content: "年末便を予約する";}
.lp_main .link_order .link_newyear .link_label::before{ content: "年始便を予約する";}

/*出荷日*/
.lp_main .link_order .link_yearend .shipping_date::before{ content: "12/30(水)出荷";}
.lp_main .link_order .link_newyear .shipping_date::before{ content: "1/8(金)出荷";}

.lp_main .link_order .shipping_date{
	margin-top: 3px; font-size: .75em; line-height: 1;
}



	/*お品書きページへ*/
.lp_main .link_menu{}
.lp_main .link_menu .link_btn{
	background: var(--color-menu);
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .link_menu .link_btn{ width: 50%; margin: 0 auto ;}
}/*△*/

	/*ワインセットページへ*/
.lp_main .link_wineset .link_bn{}
.lp_main .link_wineset .link_btn{ min-height: 53px; background: var(--color-accent-wine);}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .link_wineset .link_btn{ width: 50%; margin-left: 50%;}
}/*△*/


	/*シェフページへ*/
.lp_main .link_chef .link_btn{
	min-height: 53px;
	width: 50%; margin-left: 50%;
	background: var(--color-chef);
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .link_chef .link_btn{ width: 285px; margin-left: calc( 100% - 285px );}
}/*△*/






/* 共通部品(選べる出荷日案内) *****************/

	/*外枠*/
.lp_main .shipping_date_box{ margin: 20px 10px; padding: 0 0 30px;}
.lp_main .shipping_date_box::before,
.lp_main .shipping_date_box::after{
	content: "";
	position: absolute;  left: 50%;  transform: translateX( -50% );
	display: block; width: 100%; height: 7vw; 
	background: url("/html/content_image/order/osechi/osechi_145.svg") center / 100% 100% no-repeat;
}
.lp_main .shipping_date_box::before{ top: 0;}
.lp_main .shipping_date_box::after{ bottom: -10px; transform:  translateX( -50% ) scaleY(-1);}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .shipping_date_box{ margin: 50px 70px;}
	.lp_main .shipping_date_box::before,
	.lp_main .shipping_date_box::after{ height: 38px;}
	.lp_main .shipping_date_box::after{ bottom: -40px;}
}/*△*/

	/*タイトル*/
.lp_main .shipping_date_box .title{
	margin: 0px auto 20px; padding: 2.5vw 0px 5px; width: 80%; height: 2.7em;
	font-size: 18px; text-align: center; color: #ecce50;
	font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
	background: url("/html/content_image/order/osechi/osechi_139.svg") center bottom / 100% 100% no-repeat;
}
.lp_main .shipping_date_box .title .catch{
	position: absolute; z-index: 2; transform: rotate(-7deg);
	color: var(--color-accent-offwhite); background: var(--color-strong);
}
.lp_main .shipping_date_box .title .main{}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.lp_main .shipping_date_box .title .catch{ top: -10px; left: -14px; padding: 3px; font-size: 13px;}
}/*△*/

/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .shipping_date_box .title{
		padding: 17px 0px 0px; height: 92px; font-size: 28px; 
		background-size: auto 100%; background-position: center top;
	}
	.lp_main .shipping_date_box .title .catch{ top: -26px; left: 40px; padding: 2px 10px;}
}/*△*/

	/*テキスト*/
.lp_main .shipping_date_box .shipping_date{}
.lp_main .shipping_date_box .shipping_date .deco_box{
	text-align: center; letter-spacing: -2px; color: var(--color-accent-black);
	font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
}
.lp_main .shipping_date_box .shipping_date .deco_box .size_normal{
	font-size: 5vw;
}
.lp_main .shipping_date_box .shipping_date .deco_box .size_large{
	margin-top: -2vw; letter-spacing: -1px;
	font-size: 6vw; color: var(--color-strong);
}
.lp_main .shipping_date_box .shipping_date .deco_box .size_large .special_letter{
	font-size: 11vw;
}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .shipping_date_box .shipping_date .deco_box .size_normal{
		font-size: 30px;
	}
	.lp_main .shipping_date_box .shipping_date .deco_box .size_large{
		margin-top: -12px; letter-spacing: 1px; font-size: 30px;
	}
	.lp_main .shipping_date_box .shipping_date .deco_box .size_large .special_letter{ font-size: 70px;}


}/*△*/





/* 共通部品(選べる出荷日案内) > 購入ページへ *****************/
.lp_main .sec_shipping_date .link_order{}






/* 共通部品(アコーディオン) *************************************************/

/* ▼accordion-box2(途中まで見える) */
.lp_main .aco_box2{ position: relative; margin-bottom: 20px;}
.lp_main .aco_box2 label{
	position: absolute;bottom: 0;z-index:50;
	width: 100%; height: 70px;
	cursor: pointer; text-align: center; font-size: 14px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.95) 100%);
}
	/* to open */
.lp_main .aco_box2 input:checked + label{ background: inherit;}
.lp_main .aco_box2 label:after{
	content: "続きを読む　▼";
	position: absolute; bottom: 15px; left: 50%; z-index:100;
	width: 130px; line-height: 40px ; 
	transform: translate(-50%, 0);
	font-weight: var(--font-weight-bold); background-color: #f2efe7; border-radius: 20px;
}
.lp_main .aco_box2 input{ display: none;}
.lp_main .aco_box2 .aco_inner{ overflow: hidden; height: 90vw;}
	/* to close */
.lp_main .aco_box2 input:checked + label{}
.lp_main .aco_box2 input:checked + label:after{ content: "閉じる ×";background-color: #bbbbbb;}
.lp_main .aco_box2 input:checked ~ .aco_inner{ height: auto; padding-bottom: 70px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .aco_box2 label{ height: 80px;}
	.lp_main .aco_box2 .aco_inner{ height: 380px;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .aco_box2 input:checked + label,
	.lp_main .aco_box2 input:checked + label:after{ display: none;}
	.lp_main .aco_box2 input:checked ~ .aco_inner{ padding-bottom: 30px;} 
}/*△*/
/* ▲accordion-box2 */



/* 共通部品(装飾) *************************************************/


	/*bn_img*/
.lp_main .bn .bn_img{ width: 100%; vertical-align: top;}


	/*見出し用フェードライン*/
.lp_main .deco_line_fade{
	display:flex;
	align-items:center; justify-content:center;
	gap:1em;
	text-align:initial;
}
.lp_main .deco_line_fade > .head_text{ flex:none;}
.lp_main .deco_line_fade::before,
.lp_main .deco_line_fade::after{
	content:""; width: 4em; height:1px;
	background:linear-gradient( to right, transparent, var(--border-color) );
}
.lp_main .deco_line_fade::after{
	background:linear-gradient( to left, transparent, var(--border-color) );
}
/* PC▽ */ @media only screen and (min-width: 768px) {
.lp_main .deco_line_fade::before,
.lp_main .deco_line_fade::after{ width: 11.8em;}

}/*△*/

	/*見出し用フェードライン(spのみ)*/
/* sp▽ */ @media only screen and (max-width: 768px) {
	.lp_main .deco_line_fade_sp{ display:flex; align-items:center; justify-content:center; gap:1em; text-align:initial;}
	.lp_main .deco_line_fade_sp > .head_text{ flex:none;}
	.lp_main .deco_line_fade_sp::before,
	.lp_main .deco_line_fade_sp::after{ content:""; width: 4em; height:1px; background:linear-gradient( to right, transparent, var(--border-color) );}
	.lp_main .deco_line_fade_sp::after{ background:linear-gradient( to left, transparent, var(--border-color) );}
}/*△*/


/* 共通部品(お品書きアイコン) ***********************************/

.lp_main .menu_icon .icon{ display: block; background: center / contain no-repeat; aspect-ratio: 64 / 44;}
.lp_main .menu_icon .icon.new{ background-image: url("/html/content_image/order/osechi_parts/ocechi_icon_new_2027_prain.svg");}
.lp_main .menu_icon .icon.renew{ background-image: url("/html/content_image/order/osechi_parts/ocechi_icon_renew_2027_prain.svg");}
.lp_main .menu_icon .icon.cheese{ background-image: url("/html/content_image/order/osechi_parts/ocechi_icon_cheese_2027_prain.svg");}
.lp_main .menu_icon .icon.n_italy{ background-image: url("/html/content_image/order/osechi_parts/ocechi_icon_n_italy_2027_prain.svg");}








/* コーナー毎に異なる部分 ***********************************/

/* visually_hidden 検索エンジン向け ほぼ非表示*/
#ec4main .visually_hidden {
	position: absolute;
	width: 1px; height: 1px; margin: -1px; padding: 0; color: #fff;
	overflow: hidden; clip: rect(0 0 0 0); border: 0;
}


/* ▼▽▽▽▼ 導入・早割 ▼▽▽▽▼ ****************/
.lp_main .sec_intro{}

/* ▼▼▼▼ ファーストビューイメージ *****************/
.lp_main .firstview{}

/* ▼▼▼▼ メインキャッチ *****************/
.lp_main .firstview_catch{
	padding: 10px 5px;
	text-align: center; color: var(--color-main);
	font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .firstview_catch{ padding: 30px 20px;}
}/*△*/

/* ▼▼▼▼ テキスト *****************/
.lp_main .firstview_text{}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .firstview_text{ text-align: center;}
}/*△*/



/* ▼▼▼▼ ファーストビュー ****************/
.lp_main .firstview{}



/* ▼▼▼▼ 早割案内 ****************/
.lp_main .info_early{}
.lp_main .info_early .info_early_box{ gap: 0;}

/* ▼▼▼▼ 特集ページへ .sec_link_LP ****************/
.lp_main .sec_link_LP .link_bn_box{ text-align: center;}

/* ▼▼▼▼ リピーター様案内 ****************/
.lp_main .info_repeater{}
.lp_main .info_repeater .info_early_box{ gap: 0;}

.lp_main.lp_content .info_repeater{ margin-top: 40px;}




/* ▼▽▽▽▼ 選ばれる理由 ▼▽▽▽▼ ****************/
.lp_main .sec_reason{}

/* ▼▼▼▼ 選ばれる理由 ****************/
.lp_main.lp_content .reason{
		border-width: 2px 0; border-style: solid;
		border-color: var(--gold-gradient-base);
}

/* ▼▼▼▼ 選ばれる理由 ****************/
.lp_main .reason{
	padding: 10px 10px 40px;
	overflow: hidden;
	background:
	radial-gradient(circle at top center, rgba(120,100,70,.18) 0%, rgba(0,0,0,0) 45%), #0b0b0b;}

.lp_main .reason .reason_title{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: .3em;
	padding: 0.4em 0 0; width: 100%;
	text-align: center;
}

.lp_main .reason .reason_title .text{ display: block; color: #fff;}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.lp_main .reason .reason_title{ padding-bottom: 1em;}
	.lp_main .reason .reason_title::before{ height: 26px; opacity: 0.6;}
	.lp_main .reason .reason_title::after{ display: none;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .reason .reason_title{ margin-bottom: 12px; padding: 5px 0;}
}/*△*/






.lp_main .reason .reason_box{ margin: 0;}

.lp_main .reason .reason_box .line{
	background: #111;
	border: 1px solid rgba(210, 174, 98, .8);
	border-radius: 18px;
	color: #fff;
	box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

.lp_main .reason .reason_box .line::before{
	content: "";
	position: absolute; top: 22px; left: 50%;
	width: 120px; height: 50px;
	background: url("/html/content_image/order/osechi_parts/null.svg") center / contain no-repeat;
	transform: translateX(-50%);
}

.lp_main .reason .reason_box .reason01::before{ background-image: url("/html/content_image/order/osechi_parts/reason_title_1.svg");}
.lp_main .reason .reason_box .reason02::before{ background-image: url("/html/content_image/order/osechi_parts/reason_title_2.svg");}
.lp_main .reason .reason_box .reason03::before{ background-image: url("/html/content_image/order/osechi_parts/reason_title_3.svg");}

.lp_main .reason .reason_box .title{
	margin: 0 0 .8em;
	font-family: var(--font-mincho);
	font-size: 4.6vw;
	line-height: 1.55;
	letter-spacing: -1px;
	text-align: center;
	color: #d9b56c;
}

.lp_main .reason .reason_box .text{
	margin: 0 0 1.5em;
	line-height: 1.6;
	text-align: center;
}

.lp_main .reason .reason_box .photo{
	margin: 18px -8px -22px;
	line-height: 0;
}

.lp_main .reason .reason_box .photo img{
	border-radius: 14px;
}


/* sp▽ */ @media only screen and (max-width: 768px) {





	.lp_main .reason .reason_box{
		display: flex;
		gap: 22px;
		padding: 10px 20px 34px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	.lp_main .reason .reason_box .line{
		display: flex;
		flex-direction: column;
		flex: 0 0 76vw;
		scroll-snap-align: start;
		padding: 92px 22px 0;
		min-height: 410px;
	}
	.lp_main .reason .reason_box .line:not(:last-of-type)::after{
		content:"›";
		position:absolute;
		right: -16px;
		top:45%;
		font-size:2rem;
		color:rgba(212,176,92,.8);
		pointer-events:none;
	}
	.lp_main .reason .reason_box .photo{
		margin-top: auto;
		line-height: 0;
	}




}
/*△*/


/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .reason{
		padding: 10px 15px 30px;
	}
	.lp_main .reason .reason_box{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 28px;
		padding: 10px 0 34px;
		overflow: visible;
	}

	.lp_main .reason .reason_box .line{
		display: flex;
		flex-direction: column;
		flex: none;
		min-width: 0;
		padding: 92px 13px 0;
	}
	.lp_main .reason .reason_box .title{
		padding: unset;
		font-size: 18px;
	}
	.lp_main .reason .reason_box .text{
		flex: 1; margin-bottom: 0.5em;
	}

	.lp_main .reason .reason_box .photo{
		margin: 22px -10px 9px;
	}

}
/*△*/








/* ▼▽▽▽▼ 内容紹介 ▼▽▽▽▼ ****************/
.lp_main .sec_contents{}

/* ▼▼▼▼ 内容ダイジェスト ****************/
.lp_main .osechi_contents{ margin-bottom: 50px;}

.lp_main .osechi_contents_box{ margin-bottom: 20px;}
.lp_main .osechi_contents_box .line{
	overflow: hidden; 
	border: var(--border-width) var(--border-style) var(--color-accent-gray-light-t);
}
.lp_main .osechi_contents_box .photo{ margin: 0; line-height: 0;}
.lp_main .osechi_contents_box .title{
	position: absolute; top: 10px; left: 10px; z-index: 2;
	margin: 0; padding: .45em 1em;
	color: #fff; font-size: 4vw; font-weight: 700; font-family: var(--font-mincho);
	line-height: 1; letter-spacing: .08em;
}
.lp_main .osechi_contents_box .ju1 .title{ background: var(--color-ju1);}
.lp_main .osechi_contents_box .ju2 .title{ background: var(--color-ju2);}
.lp_main .osechi_contents_box .present .title{
	background: linear-gradient(to right, #b58a3a, #d8bd76, #b58a3a);
}

.lp_main .osechi_contents_box .text{
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	margin: 0; padding: 18px 7px 10px;
	font-size: 3.4vw; font-weight: 500; font-family: var(--font-mincho);
	line-height: 1.5; text-align: center; color: var(--color-main);
}
.lp_main .osechi_contents_box .line::after{
	content: "";
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
	height: 4.5em; background: rgba(250,247,241,.94); backdrop-filter: blur(2px);
}

/* PC▽ */
@media only screen and (min-width: 768px) {
	.lp_main .osechi_contents_box .title{ top: 7px; left: 7px; font-size: 16px; }
	.lp_main .osechi_contents_box .text{ font-size: 14px;}
}
/*△*/

/* ▼▼▼▼ こだわりポイント：縦積み ****************/


.lp_main .feature_points_box .visual_box{ position: relative;}

.lp_main .feature_points_box .desc_box{
	padding: 5px; font-family: var(--font-mincho);

}
.lp_main .feature_points_box .title{ font-family: var(--font-mincho); color: var(--color-main);}


/* sp▽ */ @media only screen and (max-width: 768px) {
	.lp_main .feature_points_box .line{
		overflow: hidden;
		border: var(--border-width) var(--border-style) var(--color-accent-gray-light-t);
	}
	.lp_main .feature_points_box .title{
		position: absolute; left: 0; right: 0; bottom: 0;
		margin: 0; padding: 10px 5px;
		background: linear-gradient( to top, rgba(250,247,241,.96), rgba(250,247,241,.70) );
		backdrop-filter: blur(2px);
		font-size: 4.3vw; font-weight: 700; font-family: var(--font-mincho);
		line-height: 1.4; text-align: center; color: var(--color-main);
		z-index: 2;
	}

}/*△*/



/* PC▽ */
@media only screen and (min-width: 768px){
	.lp_main .feature_points_box .line{
		display: grid; grid-template-columns: 42% 1fr; grid-template-rows: auto 1fr;
	}
	.lp_main .feature_points_box .visual_box{ display: contents;}
	.lp_main .feature_points_box .photo{ grid-column: 1; grid-row: 1 / 3;}
	.lp_main .feature_points_box .photo,
	.lp_main .feature_points_box .photo img{ height: 100%;}
	.lp_main .feature_points_box .photo img{ object-fit: cover;}
	.lp_main .feature_points_box .title{
		position: static; grid-column: 2; grid-row: 1;
		margin: 0;
		padding: 25px; background: none; backdrop-filter: none;
		font-size: 18px; text-align: left;
	}

	.lp_main .feature_points_box .desc_box{
		display: block; grid-column: 2; grid-row: 2;
		padding: 5px 25px 20px;
		background: rgba(255,255,255,.65);
	}
	.lp_main .feature_points_box .desc_box .text{ margin: 0; line-height: 1.9;}
	.lp_main .feature_points_box .desc_box .text + .text{ margin-top: .7em; }

}
/*△*/

/*リンクボタン対応*/
.lp_main .feature_points_box .desc_box .link_chef .link_btn {
	min-height: unset;margin: 0.5em auto; padding: 5px;
	width: 70%; font-size: 0.9em;
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .feature_points_box .desc_box .link_chef .link_btn { margin-top: 1.5em;}
}/*△*/




/* ▼▼▼▼ こだわり詳細 ****************/
.lp_main .feature_detail{}

.lp_main .feature_detail_box{ gap: 1.5rem;}
.lp_main .feature_detail_box .line{
	padding: 1em 1.2em;
	border-left: 2px solid var(--color-accent-gray);
}
.lp_main .feature_detail_box .title{
	margin-bottom: .6em;
	font-size: 1.1em; font-weight: 700; font-family: var(--font-mincho);
	line-height: 1.5; color: var(--color-main); 
}
.lp_main .feature_detail_box .text{ margin: .4em 0; line-height: 1.4;}
.lp_main .feature_detail_box .text + .text{ margin-top: .2em;}
.lp_main .feature_detail .aco_box2 .aco_inner{ height: 31vw;}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.lp_main .feature_detail .aco_box2 input:checked ~ .aco_inner{ padding-bottom: unset;}
	.lp_main .feature_detail .aco_box2 input:checked + label{ display: none;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .feature_detail_box .line{ 1.2em 1.5em; border-left-width: 4px;}
	.lp_main .feature_detail_box .title{ font-size: 1.2em;}
	.lp_main .feature_detail .aco_box2 .aco_inner{ height: auto;}
	.lp_main .feature_detail .aco_box2 label{ display: none;}
}/*△*/


/* ▼▽▽▽▼ ワインセット紹介 ▼▽▽▽▼ ****************/
.lp_main .sec_wineset{}

/* ▼▼▼▼ ワインセットページへ ****************/
.lp_main .link_wineset{}




/* ▼▽▽▽▼ お客様の声 ▼▽▽▽▼ ****************/

/* ▼▼▼▼ お客様のお声 ****************/

/*▼▼ お客様のお声 voice_list ****************/
.lp_main .customer_voice .voice_list{
	display: grid; gap: 1.4em; margin-top: 1.5em;
}
.lp_main .customer_voice .voice_list .voice_item{
	padding-left: 62px;
}
.lp_main .customer_voice .voice_list .voice_item::before{
	content: "";
	position: absolute; left: 0; top: .35em;
	width: 48px; aspect-ratio: 1;
	background: url( /html/content_image/order/osechi_parts/customer_voice_icon.svg ) center / contain no-repeat;
}

.lp_main .customer_voice .voice_list .voice_balloon{
	position: relative;
	padding: 1em 1.15em;
	background: rgba(255,255,255,.92);
	border: var(--border-width) var(--border-style) var(--border-color);
	border-radius: var(--border-radius);
	box-shadow: 0 4px 14px rgba(80,60,45,.08);
}

.lp_main .customer_voice .voice_list .voice_balloon::before{
	content: "";
	position: absolute; left: -7px; top: 1.35em;
	width: 12px; height: 12px;
	background: inherit;
	border-left: var(--border-width) var(--border-style) var(--border-color);
	border-bottom: var(--border-width) var(--border-style) var(--border-color);
	transform: rotate(45deg);
}

.lp_main .customer_voice .voice_list .voice_title{
	margin: 0 0 .45em;
	color: var(--color-strong);
	font-size: 1.05em; font-weight: 700; line-height: 1.5;
}

.lp_main .customer_voice .voice_list .voice_content{
	margin: 0; line-height: 1.85;
}

.lp_main .customer_voice .voice_list .voice_name{
	margin: .45em 0 0; padding-left: .5em;
	color: #6f625b; font-size: .9em; text-align: right;
}


/*▲▲ お客様のお声 voice_list ****************/


/* ▼▽▽▽▼ シェフ紹介 ▼▽▽▽▼ ****************/


.lp_main.lp_content .chef_profile{
	display: flex; flex-direction: column; align-items: center; gap: 24px;
}

/* PC 768px-▽ */
@media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile{
		display: grid;
		grid-template-columns: minmax(280px, 40%) minmax(0, 1fr);
		grid-template-areas:
			"photo intro"
			"name intro"
			"detail detail"
			"linkbox linkbox";
		column-gap: clamp(24px, 1vw, 30px);
		row-gap: 0;
		align-items: start;
	}

	.lp_main.lp_content .chef_profile .chef_profile_detail_inner{
		grid-area: detail;
		display: grid;
		grid-template-columns: minmax(280px, 40%) minmax(0, 1fr);
		grid-template-areas: "awards history";
		column-gap: clamp(24px, 1vw, 30px);
	}

}
/* PC 768px-△ */


/* 写真 */
.lp_main.lp_content .chef_profile .chef_profile_photo{ position: relative; width: min(65%, 260px); margin: 0;}
.lp_main.lp_content .chef_profile .chef_profile_photo .photo{ display: block; width: 100%; height: auto;}

/* PC 768px-▽ */
@media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_photo{ grid-area: photo; width: 100%;}
}
/* PC 768px-△ */


/* コンテンツ */
.lp_main.lp_content .chef_profile .chef_profile_content{ width: 100%; min-width: 0;}

/* PC 768px-▽ */ @media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_content{ display: contents;}
}/* PC 768px-△ */


/* 店舗紹介 */
.lp_main.lp_content .chef_profile .chef_profile_intro{}

/* SP▽ */ @media only screen and (max-width: 767px) {
	.lp_main.lp_content .chef_profile .chef_profile_intro::after{
		content: ""; display: block; width: min(140px, 40%); height: 14px; margin: 1em auto; opacity: .45;
		background: radial-gradient(circle, var(--color-accent-brown) 2px, transparent 3px) center center / 14px 14px no-repeat, linear-gradient(var(--color-accent-brown), var(--color-accent-brown)) center center / 100% 1px no-repeat;
	}
}/*△*/

.lp_main.lp_content .chef_profile .chef_profile_title{
	margin: 20px 0;
	font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
	font-size: min(4.2vw, 17px); letter-spacing: -1px;
}

/* SP▽ */@media only screen and (max-width: 767px) {
	.lp_main.lp_content .chef_profile .chef_profile_title{ text-align: center;}
}/* SP△ */

/* PC 768px-▽ */ @media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_intro{ grid-area: intro;}
	.lp_main.lp_content .chef_profile .chef_profile_title{ margin: 20px 0 40px;}
	.lp_main.lp_content .chef_profile .chef_profile_text .text{ margin-bottom: 1em;}
}/* PC 768px-△ */


/* シェフ名 */
.lp_main.lp_content .chef_profile .chef_profile_name{
	margin-bottom: 10px; font-size: min(1.4em, 20px); font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
}

.lp_main.lp_content .chef_profile .chef_profile_name > *{ display: inline-block;}
.lp_main.lp_content .chef_profile .chef_profile_position{ font-size: min(4.2vw, 20px);}
.lp_main.lp_content .chef_profile .name{ font-size: min(6.5vw, 24px);}

/* SP▽ */@media only screen and (max-width: 767px) {
	.lp_main.lp_content .chef_profile .chef_profile_name{ text-align: center;}
}/* SP△ */

/* PC 768px-▽ */
@media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_name{
		grid-area: photo; align-self: end; z-index: 2; margin: 0; padding: 18px 20px;
		text-align: center; background: rgba(255,255,255,.72); backdrop-filter: blur(2px);
	}
}/* PC 768px-△ */

/*プロフィール外枠*/
.lp_main.lp_content .chef_profile .chef_profile_detail{ grid-area: detail;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .aco_box2.chef_profile_detail .aco_inner { height: 100px;}
	.lp_main.lp_content .chef_profile .aco_box2.chef_profile_detail input:checked ~ .aco_inner { height: auto;}
}/*△*/



/* プロフィール */
.lp_main.lp_content .chef_profile .chef_profile_subtitle{
	font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_awards_list,
	.lp_main.lp_content .chef_profile .chef_profile_history_text{ padding: 5px 0 5px 1em;}
}/*△*/


/* PC 768px-▽ */@media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_history{
		grid-area: history;
		padding-top: 10px; border-top: 1px solid rgba(137, 103, 44, .3);
	}
}/* PC 768px-△ */


/* 受賞歴 */
/* PC 768px-▽ */@media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .chef_profile_awards{ grid-area: awards; padding-top: 10px; border-top: 1px solid rgba(137, 103, 44, .3);}
}/* PC 768px-△ */


/* linkbox */
.lp_main.lp_content .chef_profile .link_box.link_chef{ grid-area: linkbox;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main.lp_content .chef_profile .link_box.link_chef{ padding-top: 20px;}
}/*△*/


/* ▼▼▼▼ アピールポイント ****************/

.lp_main .chef_appeal{
	margin-bottom: 16px;
}
.lp_main .chef_appeal .chef_appeal_box{
	list-style:none; margin:0; padding:0;
}

.lp_main .chef_appeal .chef_appeal_box .line{
	border-radius: var(--border-radius);
	overflow:hidden;
}
.lp_main .chef_appeal .chef_appeal_box .line::before{
	content:""; position:absolute; inset:0; z-index:1;
	background:linear-gradient( to right, rgba(0,0,0,.35), rgba(0,0,0,.15));
}
.lp_main .chef_appeal .chef_appeal_box .title{
	margin: 0;
	position:absolute; inset:0; z-index:2;
	display:flex; align-items:center; justify-content:center;
	color:#fff; font-family: var(--font-mincho);
	text-shadow:0 2px 6px rgba(0,0,0,.8);
}


.lp_main .chef_appeal .chef_appeal_box .photo{
	margin: 0; height: 100%; overflow: hidden;
}

.lp_main .chef_appeal .chef_appeal_box .photo .chef_appeal_img{ display:block; width:100%; height:100%; object-fit:cover;}

/* sp▽ */
@media only screen and (max-width:768px){
	.lp_main .chef_appeal .chef_appeal_box{ display:grid; gap:16px;}
	.lp_main .chef_appeal .line{ height:110px;}
	.lp_main .chef_appeal .title{ font-size: 6.8vw;}
}

/* PC▽ */
@media only screen and (min-width:768px){
	.lp_main .chef_appeal .title{ font-size: 25px;}
}

/* ▼▼▼▼ シェフページへ ****************/
.lp_main .link_chef{}




/* ▼▽▽▽▼ ご注文案内 ▼▽▽▽▼ ****************/
.lp_main .sec_order{}

/* ▼▼▼▼ お届けについて ****************/
.lp_main .info_delivery{}

/* ▼▼▼▼ お届けについて ****************/

/* 枠 */
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .info_delivery{
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
		align-items: stretch;
	}
}/*△*/

/* 見出し */
/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .info_delivery .sec_head{
		display: flex; align-items: center; justify-content: center;
		align-self: stretch;
		margin: 0; padding: .5em 5px;
		color: var(--color-accent-offwhite);
		background: var(--color-accent-brown);
	}
}/*△*/

/* 内容 */
.lp_main .info_delivery .delivery_list{
	display: grid; gap: 14px;
}

.lp_main .info_delivery .delivery_list .item{
	display: grid;
	border: var(--border-width) var(--border-style) var(--border-color);
	border-radius: var(--border-radius);
}
.lp_main .info_delivery .delivery_list .item .title{
	margin: 0;
	font-family: var(--font-mincho);
	font-size: 15px;
}
.lp_main .info_delivery .delivery_list .item .icon{
	margin: 0;
	text-align: center;
}
.lp_main .info_delivery .delivery_list .item .icon_image{
	width: 50px; height: auto;
}
.lp_main .info_delivery .delivery_list .item .box_com{
	margin: 0;
	line-height: 1.5;
}
.lp_main .info_delivery .delivery_list .item .list_icon{ margin-top: 0.5em; padding-left: 1em;}


/* SP▽ */ @media only screen and (max-width: 767px) {
	.lp_main .info_delivery .item{
		grid-template-columns: 66px 1fr;
		grid-template-areas: "icon title" "icon text";
		align-items: center; gap: 0; padding: 5px;
	}

	.lp_main .info_delivery .title{ grid-area: title; font-size: 1.5rem; }
	.lp_main .info_delivery .icon{ grid-area: icon; }
	.lp_main .info_delivery .box_com{ grid-area: text;}
}/*△*/


/* PC▽ */ @media only screen and (min-width: 768px) {
	.lp_main .info_delivery .delivery_list{
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"date method"
			"date storage"
			"date gift";
		gap: 8px;
		background: var(--color-accent-offwhite);
	}

	.lp_main .info_delivery .delivery_date{ grid-area: date; }
	.lp_main .info_delivery .delivery_method{ grid-area: method; }
	.lp_main .info_delivery .delivery_storage{ grid-area: storage; }
	.lp_main .info_delivery .delivery_gift{ grid-area: gift; }

	/* 左：従来型 */
	.lp_main .info_delivery .grid_left_pc{
		grid-template-rows: auto auto 1fr;
		gap: 12px;
		padding: 8px 5px;
		background: #fff;
	}

	/* 右：横型 */
	.lp_main .info_delivery .grid_right_pc{
		grid-template-columns: auto 1fr;
		grid-template-areas:
			"icon title"
			"icon text";
		grid-template-rows: auto auto;
		column-gap: 12px;
		row-gap: 4px;
		align-items: center;
		padding: 8px 12px;
		background: #fff;
	}

	.lp_main .info_delivery .grid_right_pc .icon{ grid-area: icon; }
	.lp_main .info_delivery .grid_right_pc .title{ grid-area: title; text-align: left; }
	.lp_main .info_delivery .grid_right_pc .box_com{ grid-area: text; }

	.lp_main .info_delivery .grid_left_pc .title{ text-align: center; }
	.lp_main .info_delivery .delivery_list .note{ display: block; font-size: .85em; }
}/*△*/


/* ▼▽▽▽▼ よくある質問 ▼▽▽▽▼ ****************/
.lp_main .sec_faq{}

/* ▼▼▼▼ よくあるご質問 ****************/
.lp_main .faq{}

.lp_main .faq .faq_list{
	padding: 5px;
	border: var(--border-width) var(--border-style) var(--border-color);
	border-radius: var(--border-radius);
	gap: 4px;
}
.lp_main .faq .faq_list .item{
	padding: 5px 5px 5px 2.5em;
}


.lp_main .faq .faq_list .faq_q::before,
.lp_main .faq .faq_list .faq_a::before{
	position: absolute; top: 5px; left: 5px;
	display: block;
	font-size: 1.2em; 
	font-family: var(--font-mincho); font-weight: var(--font-weight-bold);
}


.lp_main .faq .faq_list .faq_q::before{
	content: "Ｑ";
	color: var(--color-accent-brown);
}

.lp_main .faq .faq_list .faq_a::before{
	content: "Ａ";
}




/* ▼▽▽▽▼ クロージング ▼▽▽▽▼ ****************/
.lp_main .sec_closing{}

.lp_main .sec_closing .link_box.link_menu{ margin-top: 2em;}

/* ▼▼▼▼ アイキャッチバナー ****************/
.lp_main .closing_banner{}




/* JS関係 ***********************************/

/* switch-content_表示制御 */
	
.lp_main .js-switch-content{ display: none;} /*デフォは非表示*/
.lp_main .js-switch-content.is-show{ display: revert;} /*.is-showついたら表示*/


.js-switch-repeater,
.js-switch-early,
.js-switch-yearend,
.js-switch-newyear { display: none;}

.js-switch-repeater.is-show,
.js-switch-early.is-show,
.js-switch-yearend.is-show,
.js-switch-newyear.is-show { display: block;}

/*出荷日選べないパターン用*/
	/* 商品ページ冒頭リンク 表示制御*/
.osechi-shipping-single .lp_main .sec_hedding_link_order{ display: none;}
	/* 選べる出荷日 表示制御*/
.osechi-shipping-single .lp_main .shipping_date_box{ display: none;}
	/* ボタン文言調整*/
.osechi-shipping-single .lp_main .link_order .link_yearend .link_label::before{ content: "おせちを予約する";}