@charset "utf-8";

:root{
	--l1: 1440;
	--l2: 100vw;
	--ink: #111;
	--gold: #efbe2e;
	--muted: #6b6b6b;
	--line: #d9d9d9;
	--rule: rgba(17, 17, 17, 0.2);
	--mincho: "Shippori Mincho", serif;
	--gothic: "Zen Kaku Gothic New", sans-serif;
}

@media (max-width: 743px){
	:root{ --l1: 390; }
}

*{ box-sizing: border-box; }
html, body{ margin: 0; }
html.is-anchor{ overflow: hidden; }
figure{
	display: block;
	margin: 0;
	margin-block: 0;
	margin-inline: 0;
}
body{
	color: var(--ink);
	background: #fff;
	font-family: var(--gothic);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img{ max-width: 100%; height: auto; vertical-align: bottom; }
a{ color: inherit; text-decoration: none; }
button{ color: inherit; font: inherit; }
ul{ margin: 0; padding: 0; list-style: none; }
h1, h2, p{ margin: 0; }

.p-closed{
	margin: 0;
	padding: 12px 24px;
	background: #111;
	color: #fff;
	font-size: 13px;
	text-align: center;
}

.c-header{
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: calc(32 / var(--l1) * var(--l2));
	min-height: calc(64 / var(--l1) * var(--l2));
	padding: 0 calc(24 / var(--l1) * var(--l2));
	background: #fff;
}
body:has(.p-top) .c-header{
	position: absolute;
	right: 0;
	left: 0;
	background: transparent;
	color: #fff;
}
@media (min-width: 744px){
	.c-header{ align-items: flex-start; padding: calc(36 / var(--l1) * var(--l2)) calc(108 / var(--l1) * var(--l2)) 0 0; }
	body:has(.p-top) .c-header{ height: auto; min-height: 0; }
	.c-header__nav{ margin-top: calc(4 / var(--l1) * var(--l2)); }
	.c-header__nav a{ line-height: calc(19 / var(--l1) * var(--l2)); }
	.c-header__tools{ gap: calc(20 / var(--l1) * var(--l2)); }
	.c-header__icon{ width: calc(24 / var(--l1) * var(--l2)); height: calc(24 / var(--l1) * var(--l2)); }
}
.c-header__nav{ display: none; }
@media (min-width: 744px){
	.c-header__nav{ display: flex; gap: calc(32 / var(--l1) * var(--l2)); }
	.c-header__nav a{ font-size: calc(13 / var(--l1) * var(--l2)); font-weight: 500; letter-spacing: 0.08em; white-space: nowrap; }
}
.c-header__tools{ display: flex; align-items: center; gap: calc(8 / var(--l1) * var(--l2)); }
.c-header__icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.c-header__icon svg{ width: 24px; height: 24px; }
@media (min-width: 744px){
	.c-header__menu{ display: none; }
}
.c-search{
	display: none;
	width: 100%;
	padding: 0 0 12px;
}
.is-search .c-search{ display: block; }
.c-search input{
	width: min(280px, 100%);
	margin-left: auto;
	display: block;
	padding: 8px 12px;
	border: 0;
	border-bottom: 1px solid currentColor;
	background: transparent;
	color: inherit;
	font: inherit;
}

#baseMenu ul{ display: flex; align-items: center; gap: 8px; }
#baseMenu img{ height: 24px; width: auto; }
#baseMenu .cart{ position: relative; }
#baseMenu .cart-badge{
	position: absolute;
	top: -6px;
	right: -8px;
	min-width: 16px;
	height: 16px;
}

.c-menu-shade, .c-menu{ display: none; }
.is-menu-open .c-menu-shade{
	display: block;
	position: fixed;
	inset: 0;
	z-index: 20;
	border: 0;
	background: rgba(17, 17, 17, 0.4);
}
.is-menu-open .c-menu{
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 21;
	flex-direction: column;
	gap: 28px;
	width: min(280px, 86vw);
	height: 100%;
	padding: 96px 32px;
	background: #fff;
	color: var(--ink);
}
.c-menu a{ font-size: 16px; font-weight: 500; letter-spacing: 0.06em; }

.c-arrow{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
}
.c-arrow--down{ transform: rotate(45deg); }
.c-more{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.06em;
}
.c-more::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;
	height: 2px;
	background: var(--gold);
	transform: scaleX(var(--more-scale, 1));
	transform-origin: var(--more-origin, left center);
}
@media (min-width: 744px){
	.c-more::after{ right: auto; width: calc(140 / var(--l1) * var(--l2)); height: calc(6 / var(--l1) * var(--l2)); }
}

.p-hero__visual{
	position: relative;
	height: calc(560 / var(--l1) * var(--l2));
	overflow: hidden;
	background: #cfc6b8;
}
@media (min-width: 744px){
	.p-hero__visual{ height: calc(740 / var(--l1) * var(--l2)); }
}
.p-hero__visual > img,
.p-hero__slides img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-hero__slides{
	position: absolute;
	inset: 0;
}
.p-hero__slides img{
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1.2s ease;
}
.p-hero__slides img.is-active,
.p-hero__slides:not(:has(img.is-active)) img:first-child{ opacity: 1; }
.p-hero__dots{
	position: absolute;
	bottom: calc(28 / var(--l1) * var(--l2));
	left: 50%;
	z-index: 2;
	display: flex;
	gap: calc(16 / var(--l1) * var(--l2));
	transform: translateX(-50%);
}
@media (min-width: 744px){
	.p-hero__dots{ bottom: calc(24 / var(--l1) * var(--l2)); }
}
.p-hero__dots button{
	width: calc(8 / var(--l1) * var(--l2));
	height: calc(8 / var(--l1) * var(--l2));
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.45);
	cursor: pointer;
}
.p-hero__dots button.is-active{ background: #fff; }
.p-hero__logo{
	position: absolute;
	top: calc(140 / var(--l1) * var(--l2));
	left: 50%;
	width: calc(176 / var(--l1) * var(--l2));
	transform: translateX(-50%);
	color: #fff;
	font-family: var(--mincho);
	font-size: calc(28 / var(--l1) * var(--l2));
	text-align: center;
}
@media (min-width: 744px){
	.p-hero__logo{ top: calc(150 / var(--l1) * var(--l2)); width: calc(300 / var(--l1) * var(--l2)); }
}
.p-hero__logo img{ width: 100%; height: auto; }
.p-hero__cta{
	position: absolute;
	top: calc(388 / var(--l1) * var(--l2));
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(177 / var(--l1) * var(--l2));
	height: calc(58 / var(--l1) * var(--l2));
	padding: 0 calc(28 / var(--l1) * var(--l2)) 0 calc(36 / var(--l1) * var(--l2));
	border-radius: 4px;
	background: var(--gold);
	color: var(--ink);
	font-size: calc(14 / var(--l1) * var(--l2));
	font-weight: 500;
	letter-spacing: 0.08em;
	transform: translateX(-50%);
}
@media (min-width: 744px){
	.p-hero__cta{ top: calc(540 / var(--l1) * var(--l2)); }
}
.p-hero__strip{ padding: calc(28 / var(--l1) * var(--l2)) 0 calc(24 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.p-hero__strip{
		display: grid;
		grid-template-columns: calc(212 / var(--l1) * var(--l2)) repeat(3, calc(348 / var(--l1) * var(--l2)));
		align-items: start;
		height: calc(128 / var(--l1) * var(--l2));
		padding: calc(32 / var(--l1) * var(--l2)) 0 0 calc(104 / var(--l1) * var(--l2));
	}
}
.p-hero__pickup{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc(20 / var(--l1) * var(--l2)) calc(16 / var(--l1) * var(--l2));
}
@media (min-width: 744px){
	.p-hero__pickup{ display: block; width: calc(212 / var(--l1) * var(--l2)); padding: 0; }
	.p-hero__pickup .c-more{
		margin-top: calc(55 / var(--l1) * var(--l2));
		margin-left: calc(4 / var(--l1) * var(--l2));
		gap: calc(9 / var(--l1) * var(--l2));
		font-size: calc(13 / var(--l1) * var(--l2));
		line-height: calc(19 / var(--l1) * var(--l2));
		letter-spacing: 1.04px;
	}
	.p-hero__pickup .c-more::after{
		right: auto;
		bottom: calc(-9 / var(--l1) * var(--l2));
		width: calc(134 / var(--l1) * var(--l2));
		height: calc(4 / var(--l1) * var(--l2));
	}
}
.p-hero__label{
	font-family: var(--mincho);
	font-size: calc(16 / var(--l1) * var(--l2));
	letter-spacing: 0.1em;
}
@media (min-width: 744px){
	.p-hero__label{
		font-size: calc(18 / var(--l1) * var(--l2));
		line-height: 1;
		letter-spacing: 1.8px;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}
}
.p-hero__products{
	display: flex;
	gap: calc(16 / var(--l1) * var(--l2));
	padding: 0 calc(20 / var(--l1) * var(--l2));
	overflow-x: auto;
	scrollbar-width: none;
}
.p-hero__products::-webkit-scrollbar{ display: none; }
@media (min-width: 744px){
	.p-hero__products{ display: contents; }
}
.p-hero__products li{ flex: 0 0 calc(248 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.p-hero__products li:nth-child(n + 4){ display: none; }
	.p-hero__products li{ width: calc(348 / var(--l1) * var(--l2)); }
}
.p-hero__products a{ display: flex; gap: calc(12 / var(--l1) * var(--l2)); align-items: flex-start; }
@media (min-width: 744px){
	.p-hero__products a{
		display: grid;
		grid-template-columns: calc(96 / var(--l1) * var(--l2)) calc(164 / var(--l1) * var(--l2));
		gap: calc(16 / var(--l1) * var(--l2));
		align-items: start;
	}
	.p-hero__products div{ position: relative; height: calc(96 / var(--l1) * var(--l2)); }
}
.p-hero__photo{
	display: block;
	overflow: hidden;
	flex: 0 0 calc(80 / var(--l1) * var(--l2));
	width: calc(80 / var(--l1) * var(--l2));
	height: calc(80 / var(--l1) * var(--l2));
}
.p-hero__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 744px){
	.p-hero__photo{ width: calc(96 / var(--l1) * var(--l2)); height: calc(96 / var(--l1) * var(--l2)); }
}
.p-hero__products p{ font-size: calc(12 / var(--l1) * var(--l2)); line-height: 1.6; }
.p-hero__products p:not(.p-hero__price){ transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
@media (min-width: 744px){
	.p-hero__products p{
		width: calc(164 / var(--l1) * var(--l2));
		font-size: calc(13 / var(--l1) * var(--l2));
		font-weight: 500;
		line-height: 1.5;
	}
}
.p-hero__price{ margin-top: 6px; font-family: var(--mincho); font-size: calc(16 / var(--l1) * var(--l2)) !important; }
@media (min-width: 744px){
	.p-hero__price{
		position: absolute;
		top: calc(68 / var(--l1) * var(--l2));
		left: 0;
		margin-top: 0;
		font-size: calc(18 / var(--l1) * var(--l2)) !important;
		font-weight: 500;
		line-height: calc(26 / var(--l1) * var(--l2));
		height: calc(26 / var(--l1) * var(--l2));
		letter-spacing: 0;
	}
}
.p-hero__price s{ margin-right: 6px; color: var(--muted); font-size: 0.8em; }

.p-about, .p-eggs{ padding: 0 calc(24 / var(--l1) * var(--l2)) calc(80 / var(--l1) * var(--l2)); }
.p-product{ padding: calc(60 / var(--l1) * var(--l2)) calc(24 / var(--l1) * var(--l2)) calc(72 / var(--l1) * var(--l2)); }
.p-news{ padding: 0 calc(24 / var(--l1) * var(--l2)) calc(64 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.p-about{ padding: calc(160 / var(--l1) * var(--l2)) calc(108 / var(--l1) * var(--l2)) calc(170 / var(--l1) * var(--l2)); }
	.p-product{ padding: calc(160 / var(--l1) * var(--l2)) calc(108 / var(--l1) * var(--l2)) calc(170 / var(--l1) * var(--l2)); }
	.p-eggs, .p-news{ padding: 0 calc(108 / var(--l1) * var(--l2)) calc(160 / var(--l1) * var(--l2)); }
}
.p-about__rule, .p-product__rule, .p-eggs__rule, .p-news__rule{
	height: 1px;
	margin-bottom: calc(40 / var(--l1) * var(--l2));
	background: var(--rule);
}
@media (min-width: 744px){
	.p-about__rule, .p-product__rule, .p-eggs__rule, .p-news__rule{ margin-bottom: calc(100 / var(--l1) * var(--l2)); }
}
.p-about__photos{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	gap: calc(16 / var(--l1) * var(--l2));
}
.p-about__photos figure:first-child{ grid-column: 1 / -1; }
.p-about__photos figure:nth-child(3){ margin-top: calc(32 / var(--l1) * var(--l2)); }
.p-about__photos img{ width: 100%; height: auto; }
@media (min-width: 744px){
	.p-about__photos{ display: flex; gap: calc(24 / var(--l1) * var(--l2)); }
	.p-about__photos figure{ flex: 1; }
	.p-about__photos figure:nth-child(2){ position: relative; top: calc(48 / var(--l1) * var(--l2)); margin-top: 0; }
	.p-about__photos figure:nth-child(3){ margin-top: 0; }
}
.p-about__body{ margin-top: calc(48 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.p-about__body{
		display: grid;
		grid-template-columns: calc(312 / var(--l1) * var(--l2)) calc(520 / var(--l1) * var(--l2)) calc(392 / var(--l1) * var(--l2));
		align-items: start;
		margin-top: calc(129 / var(--l1) * var(--l2));
	}
	.p-about__label{ margin-top: calc(22 / var(--l1) * var(--l2)); }
}
.p-about__label, .p-product h2, .p-eggs h2, .p-news h2, .p-related h2, .p-list h1, .p-page h1, .p-item h1{
	font-family: var(--mincho);
	font-weight: 500;
	letter-spacing: 0.04em;
}
.p-about__label, .p-product h2, .p-eggs h2, .p-news h2{
	font-size: calc(20 / var(--l1) * var(--l2));
}
@media (min-width: 744px){
	.p-about__label, .p-product h2, .p-eggs h2, .p-news h2{ font-size: calc(24 / var(--l1) * var(--l2)); line-height: 1; }
}
.p-about h2{
	margin-top: calc(24 / var(--l1) * var(--l2));
	font-family: var(--mincho);
	font-size: calc(28 / var(--l1) * var(--l2));
	font-weight: 500;
	line-height: 1.5;
	white-space: pre-line;
}
@media (min-width: 744px){
	.p-about h2{ width: calc(400 / var(--l1) * var(--l2)); margin-top: 0; font-size: calc(44 / var(--l1) * var(--l2)); }
}
.p-about__txt{ margin-top: calc(24 / var(--l1) * var(--l2)); }
@media (min-width: 744px){ .p-about__txt{ margin-top: calc(8 / var(--l1) * var(--l2)); } }
.p-about__txt p{
	font-size: calc(15 / var(--l1) * var(--l2));
	line-height: 2;
	white-space: pre-line;
}
@media (min-width: 744px){
	.p-about__txt p{ font-size: calc(16 / var(--l1) * var(--l2)); line-height: calc(35 / var(--l1) * var(--l2)); }
}
.p-about__txt .c-more{ margin-top: calc(32 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.p-about__txt .c-more{ margin-top: calc(58 / var(--l1) * var(--l2)); line-height: calc(19 / var(--l1) * var(--l2)); }
	.p-about__txt .c-more::after{
		right: auto;
		bottom: calc(-12 / var(--l1) * var(--l2));
		width: calc(155 / var(--l1) * var(--l2));
		height: calc(6 / var(--l1) * var(--l2));
	}
}

.p-gallery{ overflow: hidden; }
.p-gallery__track{ display: flex; width: max-content; }
.p-gallery__track.is-run{ animation: p-gallery-flow linear infinite; }
.p-gallery__set{
	display: flex;
	gap: calc(12 / var(--l1) * var(--l2));
	padding-right: calc(12 / var(--l1) * var(--l2));
}
@media (min-width: 744px){
	.p-gallery__set{
		gap: calc(24 / var(--l1) * var(--l2));
		padding-right: calc(24 / var(--l1) * var(--l2));
	}
}
.p-gallery img{
	display: block;
	width: auto;
	max-width: none;
	height: calc(240 / var(--l1) * var(--l2));
}
@media (min-width: 744px){
	.p-gallery img{ height: calc(520 / var(--l1) * var(--l2)); }
}
@keyframes p-gallery-flow{
	to{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
	.p-gallery__track.is-run{ animation: none; }
}

.p-product__layout{}
@media (min-width: 744px){
	.p-product__layout{ display: grid; grid-template-columns: calc(312 / var(--l1) * var(--l2)) 1fr; align-items: start; }
}
.p-product__tabs{ margin: calc(28 / var(--l1) * var(--l2)) 0 calc(8 / var(--l1) * var(--l2)); }
#appsItemCategoryTag, .p-product__tabs ul{ display: flex; flex-wrap: wrap; gap: 8px 28px; }
#appsItemCategoryTag a{ font-size: 14px; font-weight: 500; letter-spacing: 0.06em; }
.p-product__list li, .p-list .p-product__list li{ border-top: 1px solid var(--line); }
.p-product__list li:last-child{ border-bottom: 1px solid var(--line); }
.p-product__list a{
	display: grid;
	grid-template-columns: calc(96 / var(--l1) * var(--l2)) 1fr;
	gap: 4px calc(16 / var(--l1) * var(--l2));
	align-items: center;
	padding: calc(16 / var(--l1) * var(--l2)) 0;
}
@media (min-width: 744px){
	.p-product__tabs{ margin-top: calc(-8 / var(--l1) * var(--l2)); }
	.p-product__list{ margin-top: calc(16 / var(--l1) * var(--l2)); }
	.p-product__list li{
		border-top: 0;
		border-bottom: 0;
		background-image: linear-gradient(var(--line), var(--line));
		background-repeat: no-repeat;
		background-position: top;
		background-size: 100% 1px;
	}
	.p-product__list li:last-child{
		background-image: linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line));
		background-position: top, bottom;
		background-size: 100% 1px, 100% 1px;
	}
	.p-product__list a{
		grid-template-columns: calc(128 / var(--l1) * var(--l2)) 1fr auto;
		column-gap: calc(32 / var(--l1) * var(--l2));
		align-items: center;
		padding: calc(36 / var(--l1) * var(--l2)) 0;
	}
	.p-product .c-more{ margin-top: calc(56 / var(--l1) * var(--l2)); line-height: calc(20 / var(--l1) * var(--l2)); }
	.p-product .c-more::after{
		right: auto;
		bottom: calc(-12 / var(--l1) * var(--l2));
		width: calc(140 / var(--l1) * var(--l2));
		height: calc(6 / var(--l1) * var(--l2));
	}
}
.p-product__photo{
	display: block;
	overflow: hidden;
	grid-row: span 2;
	width: calc(96 / var(--l1) * var(--l2));
	height: calc(96 / var(--l1) * var(--l2));
}
.p-product__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 744px){
	.p-product__photo{ grid-row: auto; width: calc(128 / var(--l1) * var(--l2)); height: calc(128 / var(--l1) * var(--l2)); }
}
.p-product__list p{ font-size: calc(14 / var(--l1) * var(--l2)); line-height: 1.6; }
.p-product__list p:not(.p-product__price){ transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
@media (min-width: 744px){
	.p-product__list p{ font-size: calc(18 / var(--l1) * var(--l2)); font-weight: 500; line-height: 1.5; }
	.p-product__list p:not(.p-product__price){ align-self: start; margin-top: calc(32 / var(--l1) * var(--l2)); }
}
.p-product__price{ font-family: var(--mincho); font-size: calc(18 / var(--l1) * var(--l2)) !important; }
@media (min-width: 744px){ .p-product__price{ font-size: calc(22 / var(--l1) * var(--l2)) !important; line-height: calc(32 / var(--l1) * var(--l2)) !important; } }
.p-product__price s{ margin-right: 8px; color: var(--muted); font-size: 0.75em; }
.p-product .c-more{ margin-top: calc(28 / var(--l1) * var(--l2)); }
.p-empty{ padding: 32px 0; color: var(--muted); }

.p-eggs h2{ margin-bottom: calc(28 / var(--l1) * var(--l2)); }
@media (min-width: 744px){ .p-eggs h2{ margin-bottom: calc(94 / var(--l1) * var(--l2)); } }
.p-eggs__list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: calc(28 / var(--l1) * var(--l2)) calc(16 / var(--l1) * var(--l2));
}
.p-eggs__list a{ display: block; }
.p-eggs__photo{ display: block; overflow: hidden; }
.p-eggs__list p:last-child{
	position: relative;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
}
.p-eggs__list p:last-child::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(-8 / var(--l1) * var(--l2));
	width: 100%;
	height: calc(2 / var(--l1) * var(--l2));
	background: var(--gold);
	transform: scaleX(var(--line-scale, 0));
	transform-origin: var(--line-origin, left center);
}
@media (min-width: 744px){
	.p-eggs__list p:last-child::after{
		bottom: calc(-12 / var(--l1) * var(--l2));
		height: calc(6 / var(--l1) * var(--l2));
	}
}
@media (hover: hover){
	.p-eggs__list a:hover img,
	.p-eggs__list a.is-hover img{
		transform: scale(1.06);
		transition: transform 1.15s cubic-bezier(0.25, 1, 0.5, 1);
	}
}
@media (min-width: 744px){
	.p-eggs__list{ display: flex; justify-content: space-between; }
	.p-eggs__list li{ width: calc(256 / var(--l1) * var(--l2)); }
}
.p-eggs__list img{ width: 100%; aspect-ratio: 163 / 216; object-fit: cover; transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1); }
@media (min-width: 744px){
	.p-eggs__list img{ height: calc(340 / var(--l1) * var(--l2)); aspect-ratio: auto; }
}
.p-eggs__list p{
	margin-top: 12px;
	font-family: var(--mincho);
	font-size: calc(15 / var(--l1) * var(--l2));
	letter-spacing: 0.08em;
	text-align: center;
}
@media (min-width: 744px){
	.p-eggs__list p{ margin-top: calc(7 / var(--l1) * var(--l2)); font-size: calc(18 / var(--l1) * var(--l2)); line-height: calc(26 / var(--l1) * var(--l2)); }
	.p-eggs__no{ line-height: calc(17 / var(--l1) * var(--l2)) !important; }
}
.p-eggs__no{
	margin-top: 16px !important;
	font-family: var(--gothic) !important;
	color: var(--muted);
	font-size: 12px !important;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.p-news__layout{}
@media (min-width: 744px){
	.p-news__layout{ display: grid; grid-template-columns: calc(312 / var(--l1) * var(--l2)) 1fr; align-items: start; }
}
.p-news__list{ margin-top: calc(24 / var(--l1) * var(--l2)); }
@media (min-width: 744px){ .p-news__list{ margin-top: 0; } }
.p-news__list li{ border-top: 1px solid var(--line); }
.p-news__list li:last-child{ border-bottom: 1px solid var(--line); }
.p-news__list a{ display: block; padding: calc(20 / var(--l1) * var(--l2)) 0; }
@media (min-width: 744px){
	.p-news__list li{
		border-top: 0;
		border-bottom: 0;
		background-image: linear-gradient(var(--line), var(--line));
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 100% 1px;
	}
	.p-news__list a{
		display: grid;
		grid-template-columns: calc(160 / var(--l1) * var(--l2)) 1fr;
		align-items: start;
		padding: 0 0 calc(48 / var(--l1) * var(--l2));
	}
	.p-news__list li + li a{ padding-top: calc(40 / var(--l1) * var(--l2)); }
}
.p-news time, .p-news span{ color: var(--muted); font-size: calc(12 / var(--l1) * var(--l2)); font-weight: 500; letter-spacing: 0.08em; }
.p-news p{ margin-top: 8px; font-size: calc(15 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.p-news time, .p-news span{ font-size: calc(14 / var(--l1) * var(--l2)); line-height: 1; }
	.p-news p{ margin-top: 0; font-size: calc(16 / var(--l1) * var(--l2)); line-height: 1; }
}

.p-closing{ height: calc(280 / var(--l1) * var(--l2)); overflow: hidden; }
@media (min-width: 744px){ .p-closing{ height: calc(720 / var(--l1) * var(--l2)); } }
.p-closing img{ width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 744px){
	.p-closing img{ height: 133%; margin-top: -16.65%; }
}

.c-footer{ padding: calc(64 / var(--l1) * var(--l2)) calc(24 / var(--l1) * var(--l2)) calc(32 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.c-footer{ padding: calc(100 / var(--l1) * var(--l2)) calc(108 / var(--l1) * var(--l2)) calc(37 / var(--l1) * var(--l2)); }
}
@media (min-width: 744px){
	.c-footer__inner{ display: grid; grid-template-columns: calc(312 / var(--l1) * var(--l2)) calc(312 / var(--l1) * var(--l2)) 1fr; }
	.c-footer__nav, .c-footer__legal{ margin-top: calc(11 / var(--l1) * var(--l2)); }
	.copyright{ margin-top: calc(100 / var(--l1) * var(--l2)); }
}
.c-footer__logo{ display: block; line-height: 0; font-family: var(--mincho); font-size: calc(20 / var(--l1) * var(--l2)); }
.c-footer__logo img{ width: calc(113 / var(--l1) * var(--l2)); height: auto; }
@media (min-width: 744px){
	.c-footer__logo img{ width: calc(208 / var(--l1) * var(--l2)); height: calc(238 / var(--l1) * var(--l2)); }
	.c-footer__nav a, .c-footer__legal a{ display: block; height: calc(20 / var(--l1) * var(--l2)); line-height: calc(20 / var(--l1) * var(--l2)); }
}
.c-footer__nav, .c-footer__legal{ display: flex; flex-direction: column; gap: calc(20 / var(--l1) * var(--l2)); margin-top: calc(40 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.c-footer__nav, .c-footer__legal{ margin-top: calc(11 / var(--l1) * var(--l2)); }
}
.c-footer__nav a{ font-size: calc(14 / var(--l1) * var(--l2)); font-weight: 500; letter-spacing: 0.08em; }
.c-footer__legal a{ color: var(--muted); font-size: calc(13 / var(--l1) * var(--l2)); letter-spacing: 0.06em; }
.copyright{ margin-top: calc(48 / var(--l1) * var(--l2)); color: var(--muted); font-size: calc(12 / var(--l1) * var(--l2)); }
@media (min-width: 744px){
	.copyright{ margin-top: calc(100 / var(--l1) * var(--l2)); }
}

.p-list, .p-page, .p-item, .p-related{
	padding: calc(48 / var(--l1) * var(--l2)) calc(24 / var(--l1) * var(--l2)) calc(80 / var(--l1) * var(--l2));
}
@media (min-width: 744px){
	.p-list, .p-page, .p-item, .p-related{ padding: calc(80 / var(--l1) * var(--l2)) calc(108 / var(--l1) * var(--l2)) calc(120 / var(--l1) * var(--l2)); }
}
.p-list h1, .p-page h1{ margin-bottom: 28px; font-size: calc(28 / var(--l1) * var(--l2)); }
.p-crumb{ margin-bottom: 16px; color: var(--muted); font-size: 13px; }
.p-list__children{ display: flex; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 28px; }
.p-page__body{ max-width: 720px; font-size: 15px; line-height: 2; }
.p-page__body img{ height: auto; }

.p-item{ display: block; }
@media (min-width: 744px){
	.p-item{ display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
}
.p-item__photo img{ width: 100%; height: auto; object-fit: cover; }
.p-item__thumbs{ display: flex; gap: 8px; margin-top: 8px; }
.p-item__thumbs img{ width: 72px; height: 72px; object-fit: cover; }
.p-item h1{ margin-top: 20px; font-size: calc(28 / var(--l1) * var(--l2)); line-height: 1.4; }
@media (min-width: 744px){ .p-item h1{ margin-top: 0; } }
.p-item__price{ margin-top: 12px; font-family: var(--mincho); font-size: calc(22 / var(--l1) * var(--l2)); }
.p-item__price s{ margin-right: 8px; color: var(--muted); font-size: 0.7em; }
.p-item__sold{ margin-top: 8px; color: var(--muted); }
.p-item__detail{ margin-top: 24px; font-size: 15px; line-height: 2; }
.p-item__buy{ margin-top: 28px; }
.p-item__note, .p-item__report{ margin-top: 24px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.p-item__buy select, .p-item__buy input, .p-item__buy button{
	font-family: var(--gothic);
}
.p-item__buy button, .p-item__buy input[type="submit"]{
	min-width: 200px;
	margin-top: 12px;
	padding: 16px 28px;
	border: 0;
	border-radius: 4px;
	background: var(--gold);
	color: var(--ink);
	font-weight: 500;
	letter-spacing: 0.08em;
	cursor: pointer;
}
.p-related h2{ margin-bottom: 20px; font-size: calc(24 / var(--l1) * var(--l2)); }
.p-related ul{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.p-related__photo{ display: block; overflow: hidden; }
.p-related__photo img{
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}
.p-related span{ display: block; margin-top: 8px; font-size: 14px; }
.p-related__photo + span{ transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
@media (max-width: 743px){
	.p-related ul{ grid-template-columns: 1fr; }
}

.c-header__logo {
  display: none;
}

body#about .c-header__logo,
body#contact .c-header__logo,
body.is-about .c-header__logo,
body.is-contact .c-header__logo {
  display: block;
}
body#about .c-header,
body#contact .c-header,
body.is-about .c-header,
body.is-contact .c-header {
  position: relative;
  align-items: center;
  height: calc(64 / var(--l1) * var(--l2));
  padding: 0 calc(24 / var(--l1) * var(--l2));
  background: #fff;
}
@media ( min-width:744px ) {
  body#about .c-header,
  body#contact .c-header,
  body.is-about .c-header,
  body.is-contact .c-header {
    height: calc(96 / var(--l1) * var(--l2));
    padding: 0 calc(108 / var(--l1) * var(--l2));
  }
}
body#about .c-header__logo,
body#contact .c-header__logo,
body.is-about .c-header__logo,
body.is-contact .c-header__logo {
  position: absolute;
  top: 50%;
  left: calc(24 / var(--l1) * var(--l2));
  transform: translateY(-50%);
  line-height: 0;
}
@media ( min-width:744px ) {
  body#about .c-header__logo,
  body#contact .c-header__logo,
  body.is-about .c-header__logo,
  body.is-contact .c-header__logo {
    left: calc(108 / var(--l1) * var(--l2));
  }
}
body#about .c-header__logo img,
body#contact .c-header__logo img,
body.is-about .c-header__logo img,
body.is-contact .c-header__logo img {
  width: auto;
  height: calc(48 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  body#about .c-header__logo img,
  body#contact .c-header__logo img,
  body.is-about .c-header__logo img,
  body.is-contact .c-header__logo img {
    height: calc(72 / var(--l1) * var(--l2));
  }
}
body#about .c-header__nav a,
body#contact .c-header__nav a,
body.is-about .c-header__nav a,
body.is-contact .c-header__nav a {
  color: #111111;
}
body#about .c-header__nav a.is-current,
body#contact .c-header__nav a.is-current,
body.is-about .c-header__nav a.is-current,
body.is-contact .c-header__nav a.is-current {
  position: relative;
}
body#about .c-header__nav a.is-current::after,
body#contact .c-header__nav a.is-current::after,
body.is-about .c-header__nav a.is-current::after,
body.is-contact .c-header__nav a.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-10 / var(--l1) * var(--l2));
  height: calc(4 / var(--l1) * var(--l2));
  background: #efbe2e;
}
body#about .c-header__icon img,
body#contact .c-header__icon img,
body.is-about .c-header__icon img,
body.is-contact .c-header__icon img {
  filter: brightness(0);
}

.p-apage {
  background: #fff;
  color: #111111;
}
.p-apage__hero {
  height: calc(260 / var(--l1) * var(--l2));
  overflow: hidden;
}
@media ( min-width:744px ) {
  .p-apage__hero {
    height: calc(720 / var(--l1) * var(--l2));
  }
}
.p-apage__hero img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.p-apage__hero--close {
  height: calc(280 / var(--l1) * var(--l2));
}

.p-pagehead {
  padding: calc(16 / var(--l1) * var(--l2)) calc(24 / var(--l1) * var(--l2)) calc(38 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-pagehead {
    padding: calc(24 / var(--l1) * var(--l2)) calc(108 / var(--l1) * var(--l2)) calc(66 / var(--l1) * var(--l2));
  }
}
.p-pagehead__crumb {
  color: #6b6b6b;
  font-size: calc(12 / var(--l1) * var(--l2));
  line-height: calc(17 / var(--l1) * var(--l2));
  letter-spacing: 0.48px;
}
.p-pagehead h1,
.p-pagehead h2 {
  margin-top: calc(23 / var(--l1) * var(--l2));
  font-family: "Shippori Mincho", serif;
  font-size: calc(28 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(42 / var(--l1) * var(--l2));
  letter-spacing: 0.56px;
}
@media ( min-width:744px ) {
  .p-pagehead h1,
  .p-pagehead h2 {
    margin-top: calc(47 / var(--l1) * var(--l2));
    font-size: calc(44 / var(--l1) * var(--l2));
    line-height: calc(66 / var(--l1) * var(--l2));
    letter-spacing: 0.88px;
  }
}
.p-pagehead--plain {
  padding-top: 0;
}
.p-pagehead--plain h2 {
  margin-top: calc(56 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-pagehead--plain h2 {
    margin-top: calc(88 / var(--l1) * var(--l2));
  }
}

.p-alink {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(5 / var(--l1) * var(--l2));
  margin-top: calc(40 / var(--l1) * var(--l2));
  font-size: calc(14 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(20 / var(--l1) * var(--l2));
  letter-spacing: 1.12px;
}
@media ( min-width:744px ) {
  .p-alink {
    margin-top: calc(56 / var(--l1) * var(--l2));
  }
}
.p-alink img {
  width: calc(18 / var(--l1) * var(--l2));
  height: calc(18 / var(--l1) * var(--l2));
}
.p-alink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-8 / var(--l1) * var(--l2));
  width: calc(98 / var(--l1) * var(--l2));
  height: calc(2 / var(--l1) * var(--l2));
  background: #efbe2e;
  transform: scaleX(var(--more-scale, 1));
  transform-origin: var(--more-origin, left center);
}
@media ( min-width:744px ) {
  .p-alink::after {
    bottom: calc(-12 / var(--l1) * var(--l2));
    height: calc(6 / var(--l1) * var(--l2));
  }
}
.p-alink--down::after {
  width: calc(128 / var(--l1) * var(--l2));
}
.p-alink--down img {
  transform: rotate(90deg);
}

.p-intro {
  padding: 0 calc(24 / var(--l1) * var(--l2)) calc(80 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-intro {
    padding: 0 calc(108 / var(--l1) * var(--l2)) calc(160 / var(--l1) * var(--l2));
  }
}
.p-intro__rule {
  height: 1px;
  margin-top: calc(80 / var(--l1) * var(--l2));
  background: rgba(17, 17, 17, 0.2);
}
@media ( min-width:744px ) {
  .p-intro__rule {
    margin-top: calc(160 / var(--l1) * var(--l2));
  }
}
.p-intro__layout {
  margin-top: calc(39 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-intro__layout {
    display: grid;
    grid-template-columns: calc(312 / var(--l1) * var(--l2)) minmax(0, 1fr);
    align-items: start;
    margin-top: calc(87 / var(--l1) * var(--l2));
  }
}
.p-intro__label {
  font-family: "Shippori Mincho", serif;
  font-size: calc(20 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 2px;
}
@media ( min-width:744px ) {
  .p-intro__label {
    margin-top: calc(8 / var(--l1) * var(--l2));
    font-size: calc(24 / var(--l1) * var(--l2));
    line-height: calc(36 / var(--l1) * var(--l2));
    letter-spacing: 2.4px;
  }
}
.p-intro__lead {
  margin-top: calc(28 / var(--l1) * var(--l2));
  font-family: "Shippori Mincho", serif;
  font-size: calc(18 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(36 / var(--l1) * var(--l2));
  letter-spacing: 0.72px;
}
@media ( min-width:744px ) {
  .p-intro__lead {
    margin-top: 0;
    font-size: calc(28 / var(--l1) * var(--l2));
    line-height: calc(56 / var(--l1) * var(--l2));
    letter-spacing: 0.56px;
  }
}

.p-shots {
  margin-top: calc(72 / var(--l1) * var(--l2));
}
.p-shots figure + figure, .p-shots__pair {
  margin-top: calc(40 / var(--l1) * var(--l2));
}
.p-shots img {
  display: block;
  width: 100%;
  height: auto;
}
.p-shots figcaption {
  margin-top: calc(12 / var(--l1) * var(--l2));
  color: #6b6b6b;
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(20 / var(--l1) * var(--l2));
  letter-spacing: 0.56px;
}
.p-shots__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(16 / var(--l1) * var(--l2));
}
.p-shots__pair figure {
  margin-top: 0;
}
.p-shots__pair figure:last-child {
  margin-top: calc(32 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-shots {
    display: grid;
    grid-template-columns: repeat(3, calc(392 / var(--l1) * var(--l2)));
    column-gap: calc(24 / var(--l1) * var(--l2));
    margin-top: calc(108 / var(--l1) * var(--l2));
  }
  .p-shots figure + figure, .p-shots__pair {
    margin-top: 0;
  }
  .p-shots__pair {
    display: contents;
  }
  .p-shots__pair figure:first-child {
    margin-top: calc(48 / var(--l1) * var(--l2));
  }
  .p-shots__pair figure:last-child {
    margin-top: 0;
  }
  .p-shots figcaption {
    margin-top: calc(16 / var(--l1) * var(--l2));
  }
}
.p-shots--right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(16 / var(--l1) * var(--l2));
}
.p-shots--right figure + figure {
  margin-top: 0;
}
.p-shots--right figure:last-child {
  margin-top: calc(32 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-shots--right {
    grid-template-columns: calc(392 / var(--l1) * var(--l2)) calc(392 / var(--l1) * var(--l2));
    justify-content: end;
    gap: calc(24 / var(--l1) * var(--l2));
  }
  .p-shots--right figure:last-child {
    margin-top: calc(48 / var(--l1) * var(--l2));
  }
}

.p-history,
.p-profile {
  padding: 0 calc(24 / var(--l1) * var(--l2)) calc(80 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-history,
  .p-profile {
    padding: 0 calc(108 / var(--l1) * var(--l2)) calc(160 / var(--l1) * var(--l2));
  }
}
.p-history__rule,
.p-profile__rule {
  height: 1px;
  background: rgba(17, 17, 17, 0.2);
}
.p-history h2,
.p-profile h2 {
  font-family: "Shippori Mincho", serif;
  font-size: calc(20 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 2px;
}
@media ( min-width:744px ) {
  .p-history h2,
  .p-profile h2 {
    padding-top: calc(16 / var(--l1) * var(--l2));
    font-size: calc(24 / var(--l1) * var(--l2));
    line-height: calc(36 / var(--l1) * var(--l2));
    letter-spacing: 2.4px;
  }
}

.p-history__layout,
.p-profile__board {
  margin-top: calc(40 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-history__layout,
  .p-profile__board {
    display: grid;
    grid-template-columns: calc(312 / var(--l1) * var(--l2)) minmax(0, 1fr);
    align-items: start;
    margin-top: calc(80 / var(--l1) * var(--l2));
  }
}

.p-timeline {
  margin-top: calc(28 / var(--l1) * var(--l2));
  background: linear-gradient(#d9d9d9, #d9d9d9) 0 0/100% 1px no-repeat;
}
@media ( min-width:744px ) {
  .p-timeline {
    margin-top: 0;
  }
}
.p-timeline li {
  display: grid;
  grid-template-columns: calc(64 / var(--l1) * var(--l2)) minmax(0, 1fr);
  gap: calc(28 / var(--l1) * var(--l2));
  padding: calc(16 / var(--l1) * var(--l2)) 0;
  background: linear-gradient(#d9d9d9, #d9d9d9) 0 100%/100% 1px no-repeat;
}
@media ( min-width:744px ) {
  .p-timeline li {
    grid-template-columns: calc(104 / var(--l1) * var(--l2)) minmax(0, 1fr);
    gap: 0;
    padding: calc(20 / var(--l1) * var(--l2)) 0;
  }
}
.p-timeline span {
  font-family: "Shippori Mincho", serif;
  font-size: calc(16 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 0.72px;
}
@media ( min-width:744px ) {
  .p-timeline span {
    font-size: calc(18 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}
.p-timeline p {
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(28 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-timeline p {
    font-size: calc(16 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}

.p-duo {
  margin-top: calc(64 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-duo {
    display: grid;
    grid-template-columns: calc(808 / var(--l1) * var(--l2)) calc(392 / var(--l1) * var(--l2));
    column-gap: calc(24 / var(--l1) * var(--l2));
    align-items: start;
    margin-top: calc(96 / var(--l1) * var(--l2));
  }
}
.p-duo img {
  display: block;
  width: 100%;
  height: calc(228 / var(--l1) * var(--l2));
  max-width: none;
  object-fit: cover;
}
@media ( min-width:744px ) {
  .p-duo img {
    height: calc(540 / var(--l1) * var(--l2));
  }
}
.p-duo__side {
  width: calc(163 / var(--l1) * var(--l2));
  margin-top: calc(24 / var(--l1) * var(--l2));
  margin-left: auto;
}
.p-duo__side img {
  height: calc(216 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-duo__side img {
    height: calc(504 / var(--l1) * var(--l2));
  }
}
@media ( min-width:744px ) {
  .p-duo__side {
    width: auto;
    margin-top: calc(120 / var(--l1) * var(--l2));
    margin-left: 0;
  }
}
.p-duo--even .p-duo__side img {
  height: calc(224 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-duo--even .p-duo__side {
    margin-top: 0;
  }
  .p-duo--even .p-duo__side img {
    height: calc(540 / var(--l1) * var(--l2));
  }
}
@media ( min-width:744px ) {
  .p-duo--flip {
    grid-template-columns: calc(392 / var(--l1) * var(--l2)) calc(808 / var(--l1) * var(--l2));
  }
  .p-chapter__main > .p-duo {
    width: calc(1224 / var(--l1) * var(--l2));
    margin-left: calc(-312 / var(--l1) * var(--l2));
  }
}
.p-duo--flip .p-duo__side {
  margin-top: 0;
  margin-left: 0;
}
.p-duo--flip .p-duo__side img {
  height: calc(216 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-duo--flip .p-duo__side img {
    height: calc(504 / var(--l1) * var(--l2));
  }
}
@media ( min-width:744px ) {
  .p-duo--flip .p-duo__side {
    margin-top: 0;
  }
}
.p-duo--flip .p-duo__wide {
  margin-top: calc(24 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-duo--flip .p-duo__wide {
    margin-top: calc(120 / var(--l1) * var(--l2));
  }
}
.p-duo figcaption {
  margin-top: calc(12 / var(--l1) * var(--l2));
  color: #6b6b6b;
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(20 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-duo figcaption {
    margin-top: calc(16 / var(--l1) * var(--l2));
    line-height: calc(28 / var(--l1) * var(--l2));
  }
}

@media ( min-width:744px ) {
  .p-profile__board {
    grid-template-columns: calc(312 / var(--l1) * var(--l2)) minmax(0, 1fr) calc(392 / var(--l1) * var(--l2));
  }
}
.p-profile__board figure {
  margin-top: calc(28 / var(--l1) * var(--l2));
}
.p-profile__board figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media ( min-width:744px ) {
  .p-profile__board figure {
    grid-column: 3;
    grid-row: 1/3;
    width: calc(392 / var(--l1) * var(--l2));
    margin-top: calc(16 / var(--l1) * var(--l2));
  }
}

.p-profile__name {
  margin-top: calc(40 / var(--l1) * var(--l2));
  font-family: "Shippori Mincho", serif;
  font-size: calc(32 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(44 / var(--l1) * var(--l2));
  letter-spacing: 3.2px;
}
@media ( min-width:744px ) {
  .p-profile__name {
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    margin-top: 0;
    font-size: calc(56 / var(--l1) * var(--l2));
    line-height: calc(72 / var(--l1) * var(--l2));
    letter-spacing: 5.6px;
  }
}

.p-facts {
  display: grid;
  gap: calc(20 / var(--l1) * var(--l2)) 0;
  margin-top: calc(40 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-facts {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    column-gap: calc(24 / var(--l1) * var(--l2));
    width: calc(912 / var(--l1) * var(--l2));
    margin-top: calc(96 / var(--l1) * var(--l2));
    margin-left: calc(312 / var(--l1) * var(--l2));
  }
}
.p-facts div {
  display: grid;
  grid-template-columns: calc(88 / var(--l1) * var(--l2)) minmax(0, 1fr);
}
@media ( min-width:744px ) {
  .p-facts div {
    grid-template-columns: calc(104 / var(--l1) * var(--l2)) minmax(0, 1fr);
  }
}
.p-facts dt {
  font-family: "Shippori Mincho", serif;
  font-size: calc(14 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(20 / var(--l1) * var(--l2));
  letter-spacing: 0.56px;
}
.p-facts dd {
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(20 / var(--l1) * var(--l2));
}
.p-facts a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.p-lead {
  padding: 0 calc(24 / var(--l1) * var(--l2)) calc(80 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-lead {
    padding: 0 calc(108 / var(--l1) * var(--l2)) calc(160 / var(--l1) * var(--l2));
  }
}
.p-lead__rule {
  height: 1px;
  background: #d9d9d9;
}
.p-lead__body {
  margin-top: calc(40 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-lead__body {
    width: calc(912 / var(--l1) * var(--l2));
    margin-top: calc(96 / var(--l1) * var(--l2));
    margin-left: auto;
  }
}
.p-lead__body h2 {
  font-family: "Shippori Mincho", serif;
  font-size: calc(22 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(36 / var(--l1) * var(--l2));
  letter-spacing: 1.32px;
}
@media ( min-width:744px ) {
  .p-lead__body h2 {
    font-size: calc(36 / var(--l1) * var(--l2));
    line-height: calc(64 / var(--l1) * var(--l2));
    letter-spacing: 2.16px;
  }
}
.p-lead__body p {
  margin-top: calc(24 / var(--l1) * var(--l2));
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(28 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-lead__body p {
    max-width: calc(600 / var(--l1) * var(--l2));
    margin-top: calc(40 / var(--l1) * var(--l2));
    font-size: calc(16 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}

.p-index {
  margin-top: calc(64 / var(--l1) * var(--l2));
  background: linear-gradient(#d9d9d9, #d9d9d9) 0 0/100% 1px no-repeat;
}
@media ( min-width:744px ) {
  .p-index {
    width: calc(912 / var(--l1) * var(--l2));
    margin-top: calc(208 / var(--l1) * var(--l2));
    margin-left: auto;
  }
}
.p-index a {
  display: grid;
  grid-template-columns: calc(48 / var(--l1) * var(--l2)) minmax(0, 1fr) calc(18 / var(--l1) * var(--l2));
  align-items: center;
  padding: calc(16 / var(--l1) * var(--l2)) 0;
  background: linear-gradient(#d9d9d9, #d9d9d9) 0 100%/100% 1px no-repeat;
  font-family: "Shippori Mincho", serif;
  font-size: calc(16 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 0.8px;
}
@media ( min-width:744px ) {
  .p-index a {
    grid-template-columns: calc(64 / var(--l1) * var(--l2)) minmax(0, 1fr) calc(18 / var(--l1) * var(--l2));
    padding: calc(20 / var(--l1) * var(--l2)) 0;
    font-size: calc(20 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}
.p-index span:not(.c-arrow) {
  color: #6b6b6b;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 / var(--l1) * var(--l2));
  font-weight: 400;
  line-height: calc(20 / var(--l1) * var(--l2));
  letter-spacing: 0;
}
@media ( min-width:744px ) {
  .p-index span:not(.c-arrow) {
    font-size: calc(14 / var(--l1) * var(--l2));
  }
}
.p-index img {
  width: calc(18 / var(--l1) * var(--l2));
  height: calc(18 / var(--l1) * var(--l2));
  transform: rotate(90deg);
}

.p-chapter,
.p-secret {
  padding: 0 calc(24 / var(--l1) * var(--l2)) calc(80 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-chapter,
  .p-secret {
    padding: 0 calc(108 / var(--l1) * var(--l2)) calc(160 / var(--l1) * var(--l2));
  }
}
.p-chapter__rule,
.p-secret__rule {
  height: 1px;
  background: #d9d9d9;
}

.p-chapter__layout,
.p-secret__layout {
  margin-top: calc(40 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-chapter__layout,
  .p-secret__layout {
    display: grid;
    grid-template-columns: calc(312 / var(--l1) * var(--l2)) minmax(0, 1fr);
    align-items: start;
    margin-top: calc(100 / var(--l1) * var(--l2));
  }
}

.p-chapter__label p {
  color: #6b6b6b;
  font-size: calc(12 / var(--l1) * var(--l2));
  line-height: calc(20 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-chapter__label p {
    font-size: calc(14 / var(--l1) * var(--l2));
  }
}
.p-chapter__label h2 {
  margin-top: calc(4 / var(--l1) * var(--l2));
  font-family: "Shippori Mincho", serif;
  font-size: calc(20 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 2px;
}
@media ( min-width:744px ) {
  .p-chapter__label h2 {
    margin-top: calc(8 / var(--l1) * var(--l2));
    font-size: calc(24 / var(--l1) * var(--l2));
    line-height: calc(36 / var(--l1) * var(--l2));
    letter-spacing: 2.4px;
  }
}

.p-chapter__main {
  margin-top: calc(28 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-chapter__main {
    margin-top: 0;
  }
}
.p-chapter__main > h3 {
  font-family: "Shippori Mincho", serif;
  font-size: calc(18 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(32 / var(--l1) * var(--l2));
  letter-spacing: 0.72px;
}
@media ( min-width:744px ) {
  .p-chapter__main > h3 {
    font-size: calc(28 / var(--l1) * var(--l2));
    line-height: calc(48 / var(--l1) * var(--l2));
    letter-spacing: 1.12px;
  }
}
.p-chapter__main > h3.is-sub {
  margin-top: calc(64 / var(--l1) * var(--l2));
  font-size: calc(16 / var(--l1) * var(--l2));
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 0.8px;
}
@media ( min-width:744px ) {
  .p-chapter__main > h3.is-sub {
    margin-top: calc(96 / var(--l1) * var(--l2));
    font-size: calc(20 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}
.p-chapter__main > h3 + .p-prose + h3,
.p-chapter__main > .p-duo + h3 {
  margin-top: calc(64 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-chapter__main > h3 + .p-prose + h3,
  .p-chapter__main > .p-duo + h3 {
    margin-top: calc(96 / var(--l1) * var(--l2));
  }
}

.p-prose {
  margin-top: calc(16 / var(--l1) * var(--l2));
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(28 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-prose {
    max-width: calc(600 / var(--l1) * var(--l2));
    margin-top: calc(24 / var(--l1) * var(--l2));
    font-size: calc(16 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}
.p-prose p + p {
  margin-top: calc(28 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-prose p + p {
    margin-top: calc(32 / var(--l1) * var(--l2));
  }
}
.p-prose--top {
  margin-top: 0;
}

.p-secret__list {
  background: linear-gradient(#d9d9d9, #d9d9d9) 0 0/100% 1px no-repeat;
}
.p-secret__list li {
  background: linear-gradient(#d9d9d9, #d9d9d9) 0 100%/100% 1px no-repeat;
}

.p-secret__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 / var(--l1) * var(--l2));
  width: 100%;
  padding: calc(16 / var(--l1) * var(--l2)) 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: "Shippori Mincho", serif;
  font-size: calc(16 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 0.72px;
}
@media ( min-width:744px ) {
  .p-secret__q {
    padding: calc(20 / var(--l1) * var(--l2)) 0;
    font-size: calc(18 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}

.p-secret__icon {
  position: relative;
  flex: 0 0 calc(24 / var(--l1) * var(--l2));
  width: calc(24 / var(--l1) * var(--l2));
  height: calc(24 / var(--l1) * var(--l2));
}
.p-secret__icon::before, .p-secret__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #111111;
  transform: translate(-50%, -50%);
}
.p-secret__icon::before {
  width: calc(14 / var(--l1) * var(--l2));
  height: 1px;
}
.p-secret__icon::after {
  width: 1px;
  height: calc(14 / var(--l1) * var(--l2));
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}

.p-secret__a {
  display: grid;
  grid-template-rows: 0fr;
  max-width: calc(600 / var(--l1) * var(--l2));
  padding-bottom: 0;
  opacity: 0;
  font-size: calc(14 / var(--l1) * var(--l2));
  line-height: calc(28 / var(--l1) * var(--l2));
  transition: grid-template-rows 0.45s cubic-bezier(0.25, 1, 0.5, 1), padding-bottom 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.p-secret__a p {
  min-height: 0;
  overflow: hidden;
}
@media ( min-width:744px ) {
  .p-secret__a {
    font-size: calc(16 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}

.p-secret li.is-open .p-secret__a {
  grid-template-rows: 1fr;
  padding-bottom: calc(16 / var(--l1) * var(--l2));
  opacity: 1;
  transition: grid-template-rows 0.7s cubic-bezier(0.76, 0, 0.24, 1), padding-bottom 0.7s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.55s cubic-bezier(0.76, 0, 0.24, 1);
}
@media ( min-width:744px ) {
  .p-secret li.is-open .p-secret__a {
    padding-bottom: calc(20 / var(--l1) * var(--l2));
  }
}

.p-secret li.is-open .p-secret__icon::after {
  transform: translate(-50%, -50%) scaleY(0);
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.24, 1);
}

@media (prefers-reduced-motion: reduce) {
  .p-secret__a,
  .p-secret__icon::after {
    transition: none;
  }
}

.p-secret .p-alink {
  margin-top: calc(64 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  .p-secret .p-alink {
    margin-top: calc(96 / var(--l1) * var(--l2));
  }
}
.elm-pc{display:none}
@media(min-width:744px){.elm-pc{display:block}}

.c-header__logo,
.c-header__icon,
.c-menu a,
.c-footer a {
	transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.c-header__nav a {
	position: relative;
}
.c-header__nav a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: calc(-10 / var(--l1) * var(--l2));
	left: 0;
	height: calc(4 / var(--l1) * var(--l2));
	background: var(--gold);
	transform: scaleX(var(--line-scale, 0));
	transform-origin: var(--line-origin, left center);
}
.c-header__nav a.is-current::after {
	transform: scaleX(1);
}
.c-more .c-arrow,
.p-hero__cta .c-arrow,
.p-alink .c-arrow,
.p-index .c-arrow,
.c-more img,
.p-hero__cta img,
.p-alink img,
.p-index img {
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.p-pagehead__crumb a,
.p-index a {
	position: relative;
}
.p-pagehead__crumb a::after,
.p-index a::after,
#appsItemCategoryTag a::after {
	content: "";
	position: absolute;
	background: var(--gold);
	transform: scaleX(var(--line-scale, 0));
	transform-origin: var(--line-origin, left center);
}
.p-index a::after {
	right: 0;
	bottom: 0;
	left: 0;
	height: calc(2 / var(--l1) * var(--l2));
}
.p-pagehead__crumb a::after {
	right: 0;
	bottom: calc(-4 / var(--l1) * var(--l2));
	left: 0;
	height: calc(2 / var(--l1) * var(--l2));
}
#appsItemCategoryTag a {
	position: relative;
}
#appsItemCategoryTag a::after {
	bottom: calc(-6 / var(--l1) * var(--l2));
	left: 0;
	width: 100%;
	height: calc(4 / var(--l1) * var(--l2));
}
.p-facts a {
	transition: text-decoration-color 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 744px) {
	.p-index a::after {
		height: calc(6 / var(--l1) * var(--l2));
	}
	.p-pagehead__crumb a::after {
		height: calc(4 / var(--l1) * var(--l2));
	}
}
@media (hover: hover) {
	.c-header__icon:hover,
	.c-header__icon.is-hover,
	.c-header__logo:hover,
	.c-header__logo.is-hover,
	.c-menu a:hover,
	.c-menu a.is-hover,
	.c-footer a:hover,
	.c-footer a.is-hover {
		opacity: 0.6;
	}
	.p-hero__products a:hover img,
	.p-hero__products a.is-hover img,
	.p-product__list a:hover img,
	.p-product__list a.is-hover img,
	.p-related a:hover img,
	.p-related a.is-hover img {
		transform: scale(1.06);
		transition: transform 1.15s cubic-bezier(0.25, 1, 0.5, 1);
	}
	.p-hero__products a:hover p:not(.p-hero__price),
	.p-hero__products a.is-hover p:not(.p-hero__price),
	.p-product__list a:hover p:not(.p-product__price),
	.p-product__list a.is-hover p:not(.p-product__price),
	.p-related a:hover .p-related__photo + span,
	.p-related a.is-hover .p-related__photo + span {
		opacity: 0.6;
	}
	.c-more:hover img,
	.c-more.is-hover img,
	.p-alink:hover img,
	.p-alink.is-hover img {
		transform: translateX(calc(4 / var(--l1) * var(--l2)));
		transition: transform 0.95s cubic-bezier(0.76, 0, 0.24, 1);
	}
	.c-more:hover .c-arrow,
	.c-more.is-hover .c-arrow,
	.p-alink:hover .c-arrow,
	.p-alink.is-hover .c-arrow {
		transform: translateX(calc(4 / var(--l1) * var(--l2))) rotate(-45deg);
		transition: transform 0.95s cubic-bezier(0.76, 0, 0.24, 1);
	}
	.p-hero__cta:hover img,
	.p-hero__cta.is-hover img,
	.p-alink--down:hover img,
	.p-alink--down.is-hover img,
	.p-index a:hover img,
	.p-index a.is-hover img {
		transform: rotate(90deg) translateX(calc(4 / var(--l1) * var(--l2)));
		transition: transform 0.95s cubic-bezier(0.76, 0, 0.24, 1);
	}
	.p-hero__cta:hover .c-arrow--down,
	.p-hero__cta.is-hover .c-arrow--down,
	.p-alink--down:hover .c-arrow--down,
	.p-alink--down.is-hover .c-arrow--down,
	.p-index a:hover .c-arrow--down,
	.p-index a.is-hover .c-arrow--down {
		transform: translateY(calc(4 / var(--l1) * var(--l2))) rotate(45deg);
		transition: transform 0.95s cubic-bezier(0.76, 0, 0.24, 1);
	}
	.p-facts a:hover,
	.p-facts a.is-hover {
		text-decoration-color: var(--gold);
		transition: text-decoration-color 0.95s cubic-bezier(0.76, 0, 0.24, 1);
	}
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
	.c-header__nav a:not(.is-current):hover,
	.c-header__nav a:not(.is-current).is-hover,
	#appsItemCategoryTag a:hover,
	#appsItemCategoryTag a.is-hover,
	.p-eggs__list a:hover,
	.p-eggs__list a.is-hover,
	.p-pagehead__crumb a:hover,
	.p-pagehead__crumb a.is-hover,
	.p-index a:hover,
	.p-index a.is-hover {
		--line-scale: 1;
	}
}
.p-contact .main {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  float: none;
  background: transparent;
}

body#contact .inquirySection,
body.is-contact .inquirySection {
  position: relative;
  margin: 0;
  padding: 0 calc(24 / var(--l1) * var(--l2)) calc(96 / var(--l1) * var(--l2));
  border: 0;
  background: #fff;
  font-size: 0;
  line-height: 0;
}
body#contact .inquirySection::before,
body.is-contact .inquirySection::before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: -1px;
  background: rgba(17, 17, 17, 0.2);
}
@media ( min-width:744px ) {
  body#contact .inquirySection,
  body.is-contact .inquirySection {
    padding: 0 calc(108 / var(--l1) * var(--l2)) calc(160 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection > h1,
body.is-contact .inquirySection > h1 {
  margin: calc(40 / var(--l1) * var(--l2)) 0 0;
  color: #111111;
  font-family: "Shippori Mincho", serif;
  font-size: calc(20 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 2px;
}
@media ( min-width:744px ) {
  body#contact .inquirySection > h1,
  body.is-contact .inquirySection > h1 {
    position: absolute;
    top: calc(96 / var(--l1) * var(--l2));
    left: calc(108 / var(--l1) * var(--l2));
    margin: 0;
    font-size: calc(24 / var(--l1) * var(--l2));
    line-height: calc(36 / var(--l1) * var(--l2));
    letter-spacing: 2.4px;
  }
}
body#contact .inquirySection > p,
body.is-contact .inquirySection > p {
  margin: calc(28 / var(--l1) * var(--l2)) 0 0;
  color: #111111;
  font-size: calc(14 / var(--l1) * var(--l2));
  font-weight: 400;
  line-height: calc(28 / var(--l1) * var(--l2));
  letter-spacing: 0;
}
@media ( min-width:744px ) {
  body#contact .inquirySection > p,
  body.is-contact .inquirySection > p {
    margin: calc(96 / var(--l1) * var(--l2)) 0 0 calc(312 / var(--l1) * var(--l2));
    max-width: calc(600 / var(--l1) * var(--l2));
    font-size: calc(16 / var(--l1) * var(--l2));
    line-height: calc(32 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection form,
body.is-contact .inquirySection form {
  margin: calc(40 / var(--l1) * var(--l2)) 0 0;
}
@media ( min-width:744px ) {
  body#contact .inquirySection form,
  body.is-contact .inquirySection form {
    margin: calc(64 / var(--l1) * var(--l2)) 0 0 calc(312 / var(--l1) * var(--l2));
    max-width: calc(600 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection dl,
body#contact .inquirySection dt,
body#contact .inquirySection dd,
body.is-contact .inquirySection dl,
body.is-contact .inquirySection dt,
body.is-contact .inquirySection dd {
  margin: 0;
  padding: 0;
}
body#contact .inquirySection dl,
body.is-contact .inquirySection dl {
  display: block;
}
body#contact .inquirySection dt,
body#contact .inquirySection dd,
body.is-contact .inquirySection dt,
body.is-contact .inquirySection dd {
  display: block;
  float: none;
  width: auto;
  clear: both;
}
body#contact .inquirySection dt,
body.is-contact .inquirySection dt {
  margin-top: calc(24 / var(--l1) * var(--l2));
  height: calc(20 / var(--l1) * var(--l2));
  color: #111111;
  font-size: calc(14 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(20 / var(--l1) * var(--l2));
  letter-spacing: 0.56px;
}
body#contact .inquirySection dt:first-of-type,
body.is-contact .inquirySection dt:first-of-type {
  margin-top: 0;
}
@media ( min-width:744px ) {
  body#contact .inquirySection dt,
  body.is-contact .inquirySection dt {
    margin-top: calc(32 / var(--l1) * var(--l2));
  }
  body#contact .inquirySection dt:first-of-type,
  body.is-contact .inquirySection dt:first-of-type {
    margin-top: 0;
  }
}
body#contact .inquirySection dt span,
body.is-contact .inquirySection dt span {
  margin-left: calc(4 / var(--l1) * var(--l2));
  color: #6b6b6b;
  font-size: calc(12 / var(--l1) * var(--l2));
  font-weight: 400;
  letter-spacing: 0;
}
body#contact .inquirySection dd,
body.is-contact .inquirySection dd {
  margin-top: calc(8 / var(--l1) * var(--l2));
}
@media ( min-width:744px ) {
  body#contact .inquirySection dd,
  body.is-contact .inquirySection dd {
    margin-top: calc(12 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection dd.error,
body.is-contact .inquirySection dd.error {
  margin: 0 !important;
  padding: 0;
  color: #b42318;
  font-size: calc(12 / var(--l1) * var(--l2));
  font-weight: 400;
  line-height: calc(18 / var(--l1) * var(--l2));
  letter-spacing: 0;
}
body#contact .inquirySection dd.error:empty,
body.is-contact .inquirySection dd.error:empty {
  display: none;
}
body#contact .inquirySection input[type=text],
body#contact .inquirySection textarea,
body.is-contact .inquirySection input[type=text],
body.is-contact .inquirySection textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 calc(16 / var(--l1) * var(--l2));
  border: 1px solid #6b6b6b;
  border-radius: 0;
  background: #fff;
  color: #111111;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 / var(--l1) * var(--l2));
  font-weight: 400;
  line-height: calc(calc(56 / var(--l1) * var(--l2)) - 2px);
  letter-spacing: 0;
  appearance: none;
}
body#contact .inquirySection input[type=text],
body.is-contact .inquirySection input[type=text] {
  height: calc(56 / var(--l1) * var(--l2));
}
body#contact .inquirySection textarea,
body.is-contact .inquirySection textarea {
  height: calc(200 / var(--l1) * var(--l2));
  padding: calc(16 / var(--l1) * var(--l2));
  line-height: calc(24 / var(--l1) * var(--l2));
  resize: none;
}
@media ( min-width:744px ) {
  body#contact .inquirySection textarea,
  body.is-contact .inquirySection textarea {
    height: calc(240 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection input[type=text]:focus,
body#contact .inquirySection textarea:focus,
body.is-contact .inquirySection input[type=text]:focus,
body.is-contact .inquirySection textarea:focus {
  outline: 1px solid #111111;
  outline-offset: 2px;
}
body#contact .inquirySection .control-panel,
body.is-contact .inquirySection .control-panel {
  margin: calc(48 / var(--l1) * var(--l2)) 0 0;
  padding: 0;
  text-align: left;
}
@media ( min-width:744px ) {
  body#contact .inquirySection .control-panel,
  body.is-contact .inquirySection .control-panel {
    margin-top: calc(64 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection #buttonLeave,
body.is-contact .inquirySection #buttonLeave {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: calc(58 / var(--l1) * var(--l2));
  margin: 0;
  padding: 0 calc(24 / var(--l1) * var(--l2)) 0 0;
  border: 0;
  border-radius: calc(4 / var(--l1) * var(--l2));
  background-color: #efbe2e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath d='M10.7833 8.66667H2.66667V7.33333H10.7833L7.05 3.6L8 2.66667L13.3333 8L8 13.3333L7.05 12.4L10.7833 8.66667Z' fill='%23111111'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + calc(42.5 / var(--l1) * var(--l2))) center;
  background-size: calc(20 / var(--l1) * var(--l2)) calc(20 / var(--l1) * var(--l2));
  color: #111111;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(15 / var(--l1) * var(--l2));
  font-weight: 500;
  line-height: calc(58 / var(--l1) * var(--l2));
  letter-spacing: 1.5px;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media ( min-width:744px ) {
  body#contact .inquirySection #buttonLeave,
  body.is-contact .inquirySection #buttonLeave {
    width: auto;
    padding: 0 calc(60 / var(--l1) * var(--l2)) 0 calc(36 / var(--l1) * var(--l2));
    background-position: right calc(28 / var(--l1) * var(--l2)) center;
    text-align: left;
  }
}
@media (hover: hover) {
  body#contact .inquirySection #buttonLeave:hover,
  body.is-contact .inquirySection #buttonLeave:hover {
    opacity: 0.85;
  }
}
body#contact .inquirySection form > p,
body.is-contact .inquirySection form > p {
  max-width: none;
  margin: calc(24 / var(--l1) * var(--l2)) 0 0 !important;
  color: #6b6b6b !important;
  font-size: calc(12 / var(--l1) * var(--l2)) !important;
  font-weight: 400 !important;
  line-height: calc(20 / var(--l1) * var(--l2)) !important;
  letter-spacing: 0 !important;
  display: block !important;
  width: auto !important;
  text-align: left !important;
}
@media ( min-width:744px ) {
  body#contact .inquirySection form > p,
  body.is-contact .inquirySection form > p {
    max-width: calc(600 / var(--l1) * var(--l2));
  }
}
body#contact .inquirySection form > p a,
body.is-contact .inquirySection form > p a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}