@charset "utf-8";
/* 2026 短角牛:頒布会 */
:where(.lp-daichi) {

	/* common */
	--lp-color: #460009;
	--color-key: #b80e0e;
	--color-mark: #b81b30;
	--bg-beige: #fff8e9;
	--cv-red: #871010;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */

	--minM9max0: clamp(-0.563rem, -1.123rem + 1.87vw, 0rem);
	--min3max6: clamp(0.188rem, 0.63vw, 0.375rem);
	--min5max10: clamp(0.313rem, 1.04vw, 0.625rem);
	--min8max10: clamp(0.5rem, 0.375rem + 0.42vw, 0.625rem);
	--min9max14: clamp(0.563rem, 0.25rem + 1.04vw, 0.875rem);
	--min10max15: clamp(0.625rem, 0.314rem + 1.04vw, 0.938rem);
	--min12max16: clamp(0.75rem, 0.501rem + 0.83vw, 1rem);
	--min12max20: clamp(0.75rem, 0.25rem + 1.67vw, 1.25rem);
	--min12max33: clamp(0.75rem, -0.563rem + 4.38vw, 2.063rem);
	--min12max40: clamp(0.75rem, -1rem + 5.83vw, 2.5rem);
	--min15max18: clamp(0.938rem, 0.75rem + 0.63vw, 1.125rem);
	--min14max20: clamp(0.875rem, 0.502rem + 1.25vw, 1.25rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min15max25: clamp(0.938rem, 0.313rem + 2.08vw, 1.563rem);
	--min15max30: clamp(0.938rem, 3.13vw, 1.875rem);
	--min15max40: clamp(0.938rem, -0.619rem + 5.2vw, 2.5rem);
	--min15max60: clamp(0.938rem, -1.863rem + 9.36vw, 3.75rem);
	--min15max80: clamp(0.938rem, -3.108rem + 13.51vw, 5rem);
	--min16max18: clamp(1rem, 0.875rem + 0.42vw, 1.125rem);
	--min17max20: clamp(1.063rem, 0.875rem + 0.63vw, 1.25rem);
	--min17max23: clamp(1.063rem, 0.688rem + 1.25vw, 1.438rem);
	--min18max20: clamp(1.125rem, 1rem + 0.42vw, 1.25rem);
	--min18max23: clamp(1.125rem, 0.781rem + 1.15vw, 1.469rem);
	--min18max26: clamp(1.125rem, 0.627rem + 1.66vw, 1.625rem);
	--min20max22: clamp(1.25rem, 1.125rem + 0.42vw, 1.375rem);
	--min20max25: clamp(1.25rem, 0.939rem + 1.04vw, 1.563rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min20max35: clamp(1.25rem, 0.316rem + 3.12vw, 2.188rem);
	--min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
	--min22max25: clamp(1.375rem, 1.188rem + 0.62vw, 1.563rem);
	--min23max27: clamp(1.438rem, 1.188rem + 0.83vw, 1.688rem);
	--min24max40: clamp(1.5rem, 0.504rem + 3.33vw, 2.5rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min25max35: clamp(1.563rem, 0.938rem + 2.08vw, 2.188rem);
	--min25max40: clamp(1.563rem, 0.625rem + 3.13vw, 2.5rem);
	--min25max50: clamp(1.563rem, 5.21vw, 3.125rem);
	--min28max30: clamp(1.75rem, 1.626rem + 0.42vw, 1.875rem);
	--min30max35: clamp(1.875rem, 1.563rem + 1.04vw, 2.188rem);
	--min30max45: clamp(1.875rem, 0.938rem + 3.13vw, 2.813rem);
	--min30max56: clamp(1.875rem, 0.257rem + 5.41vw, 3.5rem);
	--min30max58: clamp(1.875rem, 0.132rem + 5.82vw, 3.625rem);
	--min41max71: clamp(2.563rem, 0.695rem + 6.24vw, 4.438rem);
	--min45max58: clamp(2.813rem, 2rem + 2.71vw, 3.625rem);
	--min95max152: clamp(5.938rem, 2.375rem + 11.88vw, 9.5rem);
	--min110max145: clamp(6.875rem, 4.697rem + 7.28vw, 9.063rem);
	--min130max197: clamp(8.125rem, 3.938rem + 13.96vw, 12.313rem);
	--min130max157: clamp(8.125rem, 6.445rem + 5.61vw, 9.813rem);
	--min168max336: clamp(10.5rem, 35vw, 21rem);
	--min240max333: clamp(15rem, 9.212rem + 19.33vw, 20.813rem);
	--min247max427: clamp(15.438rem, 4.188rem + 37.5vw, 26.688rem);
	--min250max500: clamp(15.625rem, 52.08vw, 31.25rem);
	--min280max400: clamp(17.5rem, 10.031rem + 24.95vw, 25rem);
	--min286max572: clamp(17.875rem, 59.58vw, 35.75rem);
}

.lp-daichi {
	background: url(/external/category/image/2026/tankakugyu/subsc/lp_bg.png) 0 / calc(500px*.27);
	padding-bottom: var(--min25max40);
}

:where([class]).-bgBlack {
  background: #000;
}
:where([class]).-bgBeige {
	background: var(--bg-beige);
}
:where([class]).-bgGreen {
	background: url(/external/category/image/2025/tankakugyu/common/bg_chart.png) no-repeat;
	background-size: cover;
}
:where([class]).-minchou {
	font-family: var(--font-minchou);
}

.area-head {
	display: block;
	margin-inline: auto;
}
.area-head.-lead {
	width: var(--min286max572);
}
.area-head.-uBar {
	font-size: var(--min30max56);
	font-family: var(--font-minchou);
	text-align: center;
	color: var(--lp-color);
}
.area-head.-uBar::after {
	content: "";
	display: block;
	width: var(--min240max333);
	aspect-ratio: 333/14;
	background: url(/external/category/image/2026/tankakugyu/subsc/head_bar.png) no-repeat center / contain;
	margin-inline: auto;
}
.area-head.-parts {
	width: var(--min168max336);
}
.area-head.-voice {
	width: var(--min247max427);
}

/* lead */
.lead-area {
	margin-top: var(--min12max20);
}

/* secret */
.secret-area {
	padding: var(--min25max40) var(--min12max40);
	color: #fff;
	margin-top: var(--min24max40);
}
.block-grid.-secret {
	/* grid-template-columns: 44.7% auto; */
	gap: var(--min15max80);
}
.secret-title {
	font-size: var(--min25max35);
	line-height: 1.25;
}
.secret-title img {
	width: auto;
	display: block;
	margin-bottom: 8px;
}
.secret-title.-second {
	margin-top: var(--min30max35);
}
.secret-text {
	margin-top: var(--min8max10);
	margin-top: var(--min10max15);
	font-size: var(--min15max18);
	font-weight: bold;
	line-height: 1.6;
}
.secret-image {
	width: min(var(--min280max400),100%);
	margin-inline: auto;
}
.graph-sec {
	margin-top: 25px;
	padding-block: var(--min20max40) var(--min17max20);
	padding-inline: var(--min15max60);
	border-radius: var(--min5max10);
}
.block-grid.-graph {
	width: min(620px,100%);
	margin-inline: auto;
	grid-template-columns: repeat(2,1fr);
	gap: var(--min20max35);
}
.block-grid.-graph + .block-grid.-graph {
	margin-top: 23px;
}
.graph-texts > .title {
	display: inline-block;
	background: var(--color-mark);
	padding: 1.8% 6.7% .5%;
	border-radius: 50px;
	font-size: var(--min17max23);
	line-height: 1;
	letter-spacing: .025em;
}
.graph-texts > .text {
	margin-top: var(--min8max10);
	font-size: var(--min14max20);
	letter-spacing: .05em;
	color: initial;
}
.graph-sec > .note {
	margin-top: 15px;
	font-size: var(--min9max14);
	color: initial;
}

.limited-area {
	margin-top: var(--min15max40);
}

/* deli */
.deli-area {
	padding-top: var(--min25max40);
	padding-inline: var(--min12max33);
	margin-top: var(--min25max40);
}
.area-head.-deli + .block-grid.-deli {
	margin-top: var(--min15max30);
}
.block-grid.-deli {
	background: #fff;
	gap: 0;
}
.block-grid.-deli + .block-grid.-deli {
	margin-top: var(--min15max20);
}
.deli-texts {
	display: grid;
	grid-template-rows: auto auto auto auto 1fr;
	padding: var(--min15max25);
	font-weight: bold;
}
.deli-texts > .title {
	font-size: var(--min20max22);
	color: var(--color-key);
}
.deli-texts > .title.-second {
	margin-top: var(--min9max14);
}
.deli-texts .text {
	font-size: var(--min16max18);
	letter-spacing: .05em;
}
.deli-date {
	align-self: end;
	border-top: #000 solid 1px;
	padding-top: var(--min15max25);
	margin-top: 15px;
	font-size: var(--min18max20);
	line-height: 1.2;
}
.deli-date > .big {
	font-size: var(--min25max30);
}

/* parts */
.parts-area {
	padding-block: var(--min25max40);
	padding-inline: var(--min12max33);
}
.parts-area > .image {
	margin-top: var(--min15max25);
}

/* voice */
.voice-area {
	margin-top: var(--min12max20);
}
.voice-area .inner {
	padding-top: var(--min25max50);
	padding-inline: var(--min30max58);
}
.voice-bg {
	position: relative;
	height: var(--min110max145);
	margin-top: -40px;
	overflow: hidden;
}
.voice-bg::before,
.voice-bg::after {
	content: "";
	display: block;
	position: relative;
	background-size: contain;
}
.voice-bg::before {
	aspect-ratio: 960/71;
	height: var(--min41max71);
	width: 100%;
  background: url(/external/category/image/2026/tankakugyu/subsc/voice_bgGrass.png) no-repeat center / cover;
	position: absolute;
  bottom: 0;
}
.voice-bg::after {
	background-image: url(/external/category/image/2026/tankakugyu/subsc/voice_bgCow.png);
	width: var(--min130max157);
	aspect-ratio: 157/125;
	margin-inline: auto var(--minM9max0);
}
.block-grid.-voice {
	margin-top: var(--min20max25);
	gap: var(--min15max40);
}
.block-grid.-voice > .text {
	display: inline-block;
	background: #fff;
	padding: var(--min25max30);
	border-radius: var(--min5max10);
	box-shadow: var(--min3max6) var(--min3max6) 0 0 rgba(211, 190, 113, 0.4);
	font-size: var(--min18max23);
	color: #3e0000;
	line-height: 1.6;
	letter-spacing: .05em;
	font-weight: bold;
}
.block-grid.-voice > .text.-second {
	letter-spacing: .025em;
}

/* cv */
.cv-area {
	margin-top: var(--min12max20);
	margin-inline: var(--min12max20);
	background: url(/external/category/image/2026/tankakugyu/subsc/cv_bg.png);
	padding-bottom: var(--min12max20);
}
.js-item-sales .special-note {
	display: none;
}
.js-item-sales.-note .item-summary .info .cart::after {
	color: var(--cv-red);
	font-size: var(--min18max26);
	font-weight: 100;
}
.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button:not(.edit) {
	width: min(530px,85%);
	padding-block: var(--min12max16) var(--min8max10);
	margin-inline: auto;
	margin-top: var(--min15max20);
}
.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button:not(.edit) span {
	background-size: var(--min22max25);
	background-position-y: 2px;
	padding-left: var(--min28max30);
}
.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button:not(.edit):hover {
	--pico-solid-offset: 0 2px 0;
	--pico-shadow-offset: 0 3px 0;
	transition: all .7s;
	transform: translateY(3px);
}

@media (max-width: 479px) {

	/* secret */
	.block-grid.-secret {
		grid-template-columns: 1fr;
	}
	.block-grid.-secret > .image {
		margin-inline: auto;
		width: min(280px,78%);
	}
	.graph-texts > .title {
		padding: 3.9% 12% 2.5%;
	}
	.graph-sec > .note {
		text-align: right;
	}
	.graph-texts > .text {
		letter-spacing: 0;
	}

	/* deli */
	.deli-text {
		margin-top: 4%;
	}

}