@charset "utf-8";
/* 2026 123号～ 短角牛 */
:where(.lp-daichi) {
	--intro-bg-color: #fff5d5;
	--intro-tit-color: #fff;
	--push-title: #558011;
	--point-sum: #85070c;
	--point-reserve: #c1272d;
	--point-gap: 2px;
	--cv-btn-reserve-color: #000;
	--cv-btn-shadow: #00000024;
	--font-shippori: 'Shippori Mincho B1', serif;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--minM15max0: clamp(-0.938rem, -1.875rem + 3.13vw, 0rem);
	--min0max10: clamp(0rem, -0.622rem + 2.08vw, 0.625rem);
	--min0max20: clamp(0rem, -1.245rem + 4.16vw, 1.25rem);
	--min0max25: clamp(0rem, -1.563rem + 5.21vw, 1.563rem);
	--min3max4: clamp(0.188rem, 0.125rem + 0.21vw, 0.25rem);
	--min4max5: clamp(0.25rem, 0.188rem + 0.21vw, 0.313rem);
	--min5max10: clamp(0.313rem, 0.001rem + 1.04vw, 0.625rem);
	--min7max10: clamp(0.438rem, 0.25rem + 0.63vw, 0.625rem);
	--min8max10: clamp(0.5rem, 0.376rem + 0.42vw, 0.625rem);
	--min10max15: clamp(0.625rem, 0.314rem + 1.04vw, 0.938rem);
	--min12max13: clamp(0.75rem, 0.688rem + 0.21vw, 0.813rem);
	--min13max14: clamp(0.813rem, 0.75rem + 0.21vw, 0.875rem);
	--min13max15: clamp(0.813rem, 0.688rem + 0.42vw, 0.938rem);
	--min15max24: clamp(0.938rem, 0.375rem + 1.88vw, 1.5rem);
	--min15max25: clamp(0.938rem, 0.313rem + 2.08vw, 1.563rem);
	--min15max28: clamp(0.938rem, 0.125rem + 2.71vw, 1.75rem);
	--min16max18: clamp(1rem, 0.875rem + 0.42vw, 1.125rem);
	--min17max20: clamp(1.063rem, 0.875rem + 0.63vw, 1.25rem);
	--min17max22: clamp(1.063rem, 0.75rem + 1.04vw, 1.375rem);
	--min18max20: clamp(1.125rem, 1rem + 0.42vw, 1.25rem);
	--min18max21: clamp(1.125rem, 0.938rem + 0.62vw, 1.313rem);
	--min18max22: clamp(1.125rem, 0.875rem + 0.83vw, 1.375rem);
	/* --min18max24: clamp(1.125rem, 0.752rem + 1.25vw, 1.5rem); */
	--min18max25: clamp(1.125rem, 0.688rem + 1.46vw, 1.563rem);
	--min20max25: clamp(1.25rem, 0.938rem + 1.04vw, 1.563rem);
	--min20max28: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min23max27: clamp(1.438rem, 1.188rem + 0.83vw, 1.688rem);
	--min30max45: clamp(1.875rem, 0.938rem + 3.13vw, 2.813rem);
	--min30max50: clamp(1.875rem, 0.625rem + 4.17vw, 3.125rem);
	--min32max45: clamp(2rem, 1.188rem + 2.71vw, 2.813rem);
}

.lp-daichi.-tankakugyu {
	background: url(/external/category/image/2026/tankakugyu/123/tankakugyu_bg.jpg);
	background-size: 100%;
}
.contents-area.-tankakugyu {
	padding: 0 var(--min15max20) var(--min30max40);
}

.lead-area {
	background: url(/external/category/image/2026/tankakugyu/123/lead_bg1.png), url(/external/category/image/2026/tankakugyu/123/lead_bg2.png);
	background-repeat: no-repeat;
	background-position: left 54%, right 92%;
	background-size: 43%, 46%;
	width: calc(100% + (2 * var(--min15max20)));
	transform: translateX(calc(-1 * (var(--min15max20))));
	padding-block: 5% 18%;
}
.lead-area > .text {
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	font-family: var(--font-minchou);
	font-size: var(--min15max28);
	line-height: 1.6;
	letter-spacing: .02em;
	text-shadow: #1d1d1d 5px 0px 0px, #1d1d1d 4.90033px 0.993347px 0px, #1d1d1d 4.60531px 1.94709px 0px, #1d1d1d 4.12668px 2.82321px 0px, #1d1d1d 3.48353px 3.58678px 0px, #1d1d1d 2.70151px 4.20736px 0px, #1d1d1d 1.81179px 4.6602px 0px, #1d1d1d 0.849836px 4.92725px 0px, #1d1d1d -0.145998px 4.99787px 0px, #1d1d1d -1.13601px 4.86924px 0px, #1d1d1d -2.08073px 4.54649px 0px, #1d1d1d -2.94251px 4.04248px 0px, #1d1d1d -3.68697px 3.37732px 0px, #1d1d1d -4.28444px 2.57751px 0px, #1d1d1d -4.71111px 1.67494px 0px, #1d1d1d -4.94996px 0.7056px 0px, #1d1d1d -4.99147px -0.291871px 0px, #1d1d1d -4.83399px -1.27771px 0px, #1d1d1d -4.48379px -2.2126px 0px, #1d1d1d -3.95484px -3.05929px 0px, #1d1d1d -3.26822px -3.78401px 0px, #1d1d1d -2.4513px -4.35788px 0px, #1d1d1d -1.53666px -4.75801px 0px, #1d1d1d -0.560763px -4.96845px 0px, #1d1d1d 0.437495px -4.98082px 0px, #1d1d1d 1.41831px -4.79462px 0px, #1d1d1d 2.34258px -4.41727px 0px, #1d1d1d 3.17346px -3.86382px 0px, #1d1d1d 3.87783px -3.15633px 0px, #1d1d1d 4.4276px -2.32301px 0px, #1d1d1d 4.80085px -1.39708px 0px, #1d1d1d 4.98271px -0.415447px 0px;
}
.lead-area > .text:not(:first-child) {
	margin-top: var(--min15max30);
}

.block-grid.-reverse {
	grid-template-areas: "image text";
}
.block-grid.-reverse .textwrap {
	grid-area: text;
}
.block-grid.-reverse .image {
	grid-area: image;
}
.intro.-part01 {
	width: calc(100% + (2 * var(--min15max20)));
	transform: translateX(calc(-1 * (var(--min15max20))));
	padding: 5% 6%;
	box-sizing: border-box;
	background: var(--intro-bg-color) url(/external/category/image/2026/tankakugyu/123/intro01_bg.png) no-repeat top center / 101%;
	text-align: center;
}
.intro h2 {
	padding: 0 2% 1%;
	font-family: var(--font-minchou);
	font-weight: bold;
	font-size: var(--min25max40);
	color: var(--intro-tit-color);
	line-height: 1.25;
	border-bottom: solid 2px var(--intro-tit-color);
	text-shadow: 0px 0px 20px rgba(86, 86, 38, 1);
}
.intro .inside {
	margin: 5% 0 0;
	padding: 4% 3.8%;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: left;
}
.intro .inside > .block-grid.-col2 {
	gap: var(--min10max20);
	align-items: center;
}
.intro .inside > div:not(.-first) {
	margin: 2% 0 0;
}
.intro .inside .textwrap .title {
	font-family: var(--font-minchou);
	font-size: var(--min20max28);
	font-weight: bold;
	line-height: 1.25;
}
.intro .inside .textwrap .title .note {
	padding-left: 1%;
	font-size: var(--min10max14);
	font-weight: normal;
}
.intro .inside .textwrap .text {
	font-size: var(--min16max18);
	line-height: 1.5;
	margin: 3% 0 0;
}
.intro .inside .textwrap .text.-small {
	font-size: var(--min10max14);
}


.area-head {
	background: url(/external/category/image/2026/tankakugyu/123/title_line.png);
	background-size: min(88%, 530px);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: var(--min30max45);
	padding-bottom: 1.7%;
	color: #fff;
	text-align: center;
	font-family: var(--font-minchou);
	font-size: var(--min30max45);
	line-height: 1;
	letter-spacing: .02em;
}
.area-head > .small {
	font-size: 66.7%;
}
.area-head + * {
	margin-top: var(--min15max25);
}
.contents-area .catch.-long {
	font-size: var(--min17max22);
}
.block-grid.-catch > .grid:nth-child(n+3) {
	margin-top: var(--min30max40);
}
.text.-push + .cv-btn {
	margin-top: 8px;
}
.push-wrap .cv-btn {
	padding: var(--min10max13) var(--min10max13) 0;
}
.push-wrap .textwrap {
	margin-top: var(--min10max15);
}
.block-grid.-col2.-push .push-wrap .textwrap {
	margin-left: var(--min10max20);
}
.push-wrap .title {
	display: block;
	padding: 0;
	font-size: var(--min18max25);
	text-align: left;
	color: var(--push-title);
}
.push-wrap .text {
	margin-top: var(--min10max15);
	font-size: var(--min15max20);
}
.block-grid[class*="item"] * + .specwrap:not(:has(.text.-border)) {
	padding-bottom: 0;
}
:is(.block-grid.-col1.-item .specwrap .detail,.dialog-opener) + .cv-btn {
	margin-top: 15px;
}
.cv-btn .js-item-sales.-cart6 .item-summary .info:has(.point) .brand-name {
	margin-top: var(--min8max10);
}

.point-unit {
	position: relative;
	display: flex;
	margin-left: auto;
	justify-content: right;
	line-height: .9;
	align-items: center;
}
.point-unit .pointwrap {
	width: 100%;
	font-size: var(--min18max20);
	display: grid;
	grid-template-columns: 50% 1fr;
	justify-content: flex-end;
}
.point-unit .pointwrap {
	width: min(380px, 100%);
}
.point-unit.-wide .pointwrap {
	width: min(400px, 100%);
}
.cv-btn .js-item-sales.-cart6 .item-summary > .info > .point, .point-unit .sum {
	background: var(--point-sum);
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding-block: 5px 2px;
	padding-inline: var(--min5max10);
	box-sizing: border-box;
	line-height: 1;
	height: 100%;
}
.point-unit .sum::before {
	content: "合計";
	display: inline-block;
	font-size: var(--min12max13);
	font-weight: 100;
	transform: translateY(-1px);
	margin-right: var(--point-gap);
}
.cv-btn .js-item-sales.-cart6 .item-summary > .info > .point > .unit, .point-unit .sum::after {
	content: "ポイント";
	display: inline-block;
	font-size: var(--min12max13);
	font-weight: 100;
	margin-left: var(--point-gap);
}
.point-unit :is(.reserve,.set,.saleSetPoint) {
	background: var(--point-reserve);
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding-block: 5px 2px;
	padding-inline: var(--min5max10);
	box-sizing: border-box;
	line-height: 1;
}
.point-unit :is(.reserve,.set,.saleSetPoint)::before {
	display: inline-block;
	font-size: var(--min12max13);
	font-weight: 100;
	margin-right: var(--point-gap);
	transform: translateY(-1px);
}
.point-unit .reserve::before {
	content: "うち予約特典";
}
.point-unit :is(.reserve,.set)::after {
	content: "ポイント";
	display: inline-block;
	font-size: var(--min12max13);
	font-weight: 100;
	margin-left: var(--point-gap);
}

.cv-btn > .js-item-sales > .item-summary > .info > .price ~ .cart {
	margin-top: 8px;
	width: min(340px, 100%);
	margin-right: auto;
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button, .js-item-sales .item-summary .info .cart p.routine-only > a {
	border-radius: 10px;
	box-shadow: 4px var(--min4max5) var(--cv-btn-shadow);
	padding: 12px 17px 12px 12px;
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button:hover, .js-item-sales .item-summary .info .cart p.routine-only > a:hover {
	box-shadow: 3px 3px var(--cv-btn-shadow);
	transform: translate(1px, 2px);
}
.cv-btn[class*="deli"] > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button span {
	gap: 6px;
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span {
	background-image: none;
	padding: 0;
	font-size: var(--min18max21);
	line-height: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button:not(.button-cart)::after {
	background: var(--cv-btn-reserve-color);
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button:not(.button-cart)::after {
	content: "";
	display: inline-block;
	width: var(--min13max15);
	aspect-ratio: 3 / 4;
	mask: url(/external/category/image/common/icon/icon_arrow_R.svg) no-repeat;
	-webkit-mask: url(/external/category/image/common/icon/icon_arrow_R.svg) no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	position: absolute;
	right: 4%;
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span::before {
	content: "6/15週お届け" !important;
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span::before {
	font-size: var(--min13max14);
	background-color: #fff;
	border-radius: 30px;
	height: var(--min18max22);
	display: grid;
	align-items: center;
	padding-inline: 8px;
	box-sizing: border-box;
	line-height: var(--min20max25);
}
.cv-btn > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button span::before {
	background-image: none;
	position: unset;
	width: auto;
	height: auto;
	transform: none;
}
.cv-btn.-sale:has(.saleSetPoint) .js-item-sales.-cart6 .item-summary > .info > .point, .cv-btn .js-item-sales.-cart6 .item-summary > .info > .point, .cv-btn .js-item-sales.-cart6 .item-summary > .info > .special-note {
	display: none;
}
.recipe-title {
	display: inline-block;
	margin-block: 3% 1.7%;
	padding: 2% 1.7% 1.2%;
	background: #580809;
	color: #fff;
	line-height: 1;
}

@media (max-width: 480px) {
	.lp-daichi.-tankakugyu {
    background-position-y: -0.4%;
	}
	.lead-area {
		background: url(/external/category/image/2026/tankakugyu/123/lead_bg1_sp.png), url(/external/category/image/2026/tankakugyu/123/lead_bg2_sp.png);
		background-repeat: no-repeat;
		background-position: left -9%, right 0%;
		background-size: min(66%, 270px), min(59%, 255px);
		padding-block: 23%
	}
	.lead-area > .text {
		letter-spacing: 0;
	}
	.block-grid.-col2.-push .push-wrap .textwrap {
		margin-left: 0;
	}
	.block-grid.-sizzle > :is([class*="textwrap"], .text) {
		width: 100%;
	}

	.block-grid.-reverse {
		grid-template-areas:
			"text"
			"image";
	}
	.intro {
		padding: 8% 6%;
	}
	.intro .inside {
		margin: 8.5% 0 0;
		padding: 5%;
	}
	.intro .inside > div:not(.-first) {
		margin: 5% 0 0;
	}
	.intro .inside > .block-grid.-col2 {
		column-gap: 0;
	}
}