@charset "utf-8";
/*
	Last Update:2026/06/01
	Auther: iw
*/
#tabeten_delivery_main { position:relative; background:#884d39 url(./image/back1.jpg) no-repeat center top / cover; }
#tabeten_delivery_main::before { content:""; position:absolute; bottom:0; left:0; width:100%; height:350px; background:#f8f5d8 url(./image/back2.jpg); clip-path:polygon(0 100%, 100% 0, 100% 100%); }

.tabeten_delivery_rice { background:#d2be35; border-radius:14px; box-shadow:0 16px 30px rgba(59, 42, 30, .12); max-width:760px; padding:5px; }
.tabeten_delivery_rice-unit { background:#fff; border-radius:8px; }
.tabeten_delivery_rice-image { text-align:center; }
.tabeten_delivery_rice-text_wrap { padding:15px; }
.tabeten_delivery_rice-title { font-size:1.35em; margin-bottom:8px; }
.tabeten_delivery_rice-text { font-size:0.9em; margin-bottom:12px; }
.rice_menu_table {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.rice_menu_item {
	background: #faf6ee;
	border: 1px solid #ebd9b8;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}
.rice_menu_item dt {
	font-weight:500;
	font-size: 1.15em;
	margin-bottom: 6px;
	line-height:1.3;
}
.rice_menu_item dd { font-size:0.9em; }
.rice_menu_item .main {
	font-size: 2.2rem;
	line-height: 1.1;
	color: #a7282d;
	font-weight:bold;
}
@container wciBodyWrap (width >= 576px) {
	.tabeten_delivery_rice-unit { display:flex; align-items:center; }
	.tabeten_delivery_rice-image { width:40%; flex:0 0 auto; }
	.rice_menu_item dt { font-size: 1.3rem; }
}

#tabeten_delivery { background:#f8f5d8 url(./image/back2.jpg); }
.hl_1 { color:#610d10; }
@container wciBodyWrap (width < 576px) {
	.hl_1 .main { font-size:1.8em; }
}

.tabeten_delivery_unit2 { position:relative; border:1px solid #dad3d3; background:#fff; box-shadow:0 16px 30px rgba(59,42,30, 0.25); padding:25px 20px; height:100%; }
.tabeten_delivery_unit2::before,
.tabeten_delivery_unit2::after { content:""; position:absolute; width:20px; height:20px; background:#c00000; }
.tabeten_delivery_unit2::before { top:0; left:0; clip-path:polygon(0 0, 100% 0, 0 100%); }
.tabeten_delivery_unit2::after { bottom:0; right:0; clip-path:polygon(100% 0, 100% 100%, 0 100%); }
.tabeten_delivery_unit2-title { font-size:1.2em; margin-bottom:8px; color:#610d10; }
.tabeten_delivery_unit2-text { font-size:0.9em; }

@container wciBodyWrap (width >= 576px) {
	#tabeten_delivery ._s { top:30px; }
}

#tabeten_delivery_menu { background:#f4f2f1 url(./image/back3.jpg) no-repeat center top / cover; }
.tabeten_delivery-menu {
	background: #fff;
	border: 2px solid #b32a30;
	border-radius: 12px;
	padding:20px 0 0;
	margin-bottom: 24px;
}
.tabeten_delivery-menu_title {
	font-size: 2rem;
	line-height: 1.2;
	margin: 0 0 8px;
	color:#b32a30;
	padding:0 20px;
}
.tabeten_delivery-menu_text { font-size:0.9em; padding:0 20px; }
.tabeten_delivery-menu_image { border-radius:10px; margin:0 20px 12px; overflow:hidden; }
.tabeten_delivery-menu_links {
	text-align:center;
}
.tabeten_delivery-menu_links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background:#b32a30;
	line-height:1.2;
	width:100%;
}

.tabeten_delivery-menu._type1 { border-color:#4f953f; }
.tabeten_delivery-menu._type1 .tabeten_delivery-menu_title { color:#4f953f; }
.tabeten_delivery-menu._type1 .tabeten_delivery-menu_links a { background:#4f953f; }
.tabeten_delivery-menu._type3 { border-color:#da5e18; }
.tabeten_delivery-menu._type3 .tabeten_delivery-menu_title { color:#da5e18; }
.tabeten_delivery-menu._type3 .tabeten_delivery-menu_links a { background:#da5e18; }
.tabeten_delivery-menu._type4 { border-color:#7e6ea9; }
.tabeten_delivery-menu._type4 .tabeten_delivery-menu_title { color:#7e6ea9; }
.tabeten_delivery-menu._type4 .tabeten_delivery-menu_links a { background:#7e6ea9; }

#delivery_option .button { background:#541a0c; border-radius:6px; padding:10px 30px; }
#delivery_option .button > span { color:#fff; font-weight:bold; }

.tabeten_delivery_unit {
	background:#fbf7ed;
	border: 1px solid #ead9bd;
	border-radius: 12px;
	padding: 18px;
	margin-bottom: 24px;
}

.tabeten_delivery_unit_title {
	font-size: 1.5rem;
	margin: 0 0 10px;
	color: #533123;
}