@charset "utf-8";

/** Override **/

.pj-page { min-width:320px; }
.pj-contents { margin-top:0; }

@media ( max-width:800px ) {}
@media ( max-width:667px ) {}

/** sc-contents **/

.sc-contents *::before,
.sc-contents *::after,
.sc-contents * { box-sizing:inherit;    }
.sc-contents   { box-sizing:border-box; }

.sc-contents:where(.ios *) { font-feature-settings:"palt"; }
.sc-contents {
	margin:auto;
	padding:0;
	background-color:#FFF;
	position:relative;
	font-family:"Noto Serif JP", serif;
	color:#222;
}
.sc-contents__header { position:relative; }
.sc-contents__body   { position:relative; }
.sc-contents__block {
	--contents-block-padding-block:60px;
	
	padding-block:var( --contents-block-padding-block );
	position:relative;
	display:flow-root;
}
.sc-contents__block--a {
	background:#902524 url( "../img/index/bg_block_a.jpg" ) center top / 1920px auto repeat-y;
	color:#FFF;
}
.sc-contents__block--b {
	background-color:#104D05;
	color:#FFF;
}
.sc-contents__block--c {
	background:#EAD7AB linear-gradient( to right, #D4BB7F, #EAD7AB 25%, #EAD7AB 75%, #D4BB7F ) center top repeat;
	color:#3F2809;
}
.sc-contents__inner:where(.sc-contents__block--a > *) { padding-top:140px; }
.sc-contents__inner:where(.sc-contents__block--c > *) {
	margin-top:calc( var( --contents-block-padding-block ) * -1 );
	padding-top:var( --contents-block-padding-block );
	background:url( "../img/index/bg_block_c_inner.png" ) center top / contain no-repeat;
}
.sc-contents__inner {
	--contents-inner-padding-inline:20px;
	--contents-inner-max-width:1240px;
	
	margin-inline:auto;
	padding-inline:var( --contents-inner-padding-inline );
	display:block;
	max-width:var( --contents-inner-max-width );
}
.sc-contents__footer {
	padding-block:40px;
	position:relative;
}

.sc-contents :is(.bs-list--custom > * > :first-child) {
	padding-top:0.2em;
	padding-right:0.2em;
}

.sc-contents :where(picture:only-child) { display:block; }
.sc-contents :where(picture:only-child > img) {
	margin-inline:auto;
	display:block;
}
.sc-contents :where(picture > img) { vertical-align:top; }

.sc-contents :where(a) {
	text-decoration:none;
	color:currentColor;
}
@media ( any-hover:hover ) {
	.sc-contents :where(a):hover { color:currentColor; }
}

@media ( max-width:800px ) {
	.sc-contents__block { --contents-block-padding-block:40px; }
	.sc-contents__block--a {
		background-image:url( "../img/index/bg_block_a@sp.jpg" );
		background-size:cover;
	}
	.sc-contents__inner:where(.sc-contents__block--a > *) { padding-top:calc( 140 / 800 * 100% ); }
	.sc-contents__inner:where(.sc-contents__block--c > *) { background-image:url( "../img/index/bg_block_c_inner@sp.png" ); }
	.sc-contents__inner { --contents-inner-padding-inline:10px; }
}
@media ( max-width:667px ) {
	.sc-contents__block { --contents-block-padding-block:30px; }
}

/** FontSizeClamp **/

:where(.sc-contents--fs-clamp) {
	--fs-clamp-min:16;
	--fs-clamp-max:18;
	--fs-clamp-base:10;
	--fs-clamp-view-min:801;
	--fs-clamp-view-max:1240;
}
:where(.sc-contents--fs-clamp, .sc-contents--fs-clamp *) {
	--fs-clamp-slope:calc( ( var( --fs-clamp-max ) - var( --fs-clamp-min ) ) / ( var( --fs-clamp-view-max ) - var( --fs-clamp-view-min ) ) );
	--fs-clamp-value:clamp(
		var( --fs-clamp-min ) / var( --fs-clamp-base ) * 1rem,
		( var( --fs-clamp-max ) - var( --fs-clamp-view-max ) * var( --fs-clamp-slope ) ) / var( --fs-clamp-base ) * 1rem + var( --fs-clamp-slope ) * 100dvi,
		var( --fs-clamp-max ) / var( --fs-clamp-base ) * 1rem
	);
}

@media ( max-width:800px ) {
	:where(.sc-contents--fs-clamp) {
		--fs-clamp-min:15;
		--fs-clamp-max:17;
		--fs-clamp-view-min:668;
		--fs-clamp-view-max:800;
	}
}
@media ( max-width:667px ) {
	:where(.sc-contents--fs-clamp) {
		--fs-clamp-min:14;
		--fs-clamp-max:16;
		--fs-clamp-view-min:320;
		--fs-clamp-view-max:667;
	}
}

/** sc-visual **/

.sc-visual {
	background-color:#FFE7AA;
	position:relative;
	display:block;
	overflow:hidden;
	color:#18394F;
}
.sc-visual__title {
	margin:0 auto;
	position:relative;
	display:block;
}
.sc-visual__title img {
	display:block;
	width:100%;
}

@media ( max-width:800px ) {}
@media ( max-width:667px ) {}

/** sc-media **/

.sc-media {
	--media-gap:1.0em;
	--media-aside-width:auto;
	
	position:relative;
	display:flex;
	column-gap:var( --media-gap );
}
.sc-media--flip { flex-direction:row-reverse; }
:where(.sc-media__body, .sc-media__aside) > :first-child { margin-top:0; }
:where(.sc-media__body, .sc-media__aside) > :last-child { margin-bottom:0; }
.sc-media__body {
	display:block;
	flex:1;
}
.sc-media__aside {
	display:block;
	flex:none;
	width:var( --media-aside-width );
}
.sc-media__aside > img:where(:only-child) { display:block; }

@media ( max-width:800px ) {
	.sc-media:where(:not(.sc-media--hold)) {
		flex-direction:column;
		column-gap:0;
		row-gap:var( --media-gap );
	}
	.sc-media__body:where(:not(.sc-media--hold) > *) { flex:none; }
	.sc-media__aside:where(:not(.sc-media--hold) > *) > img:where(:only-child) {
		margin-left:auto;
		margin-right:auto;
	}
}
@media ( max-width:667px ) {}

/** sc-intro **/

.sc-intro {
	position:relative;
	display:block;
}
:where(.sc-intro) > :first-child { margin-top:0; }
:where(.sc-intro) > :last-child { margin-bottom:0; }
.sc-intro__title {
	--fs-clamp-min:32;
	--fs-clamp-max:36;
	
	text-align:center;
	text-shadow:0 3px 12px #330808;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
}
.sc-intro__text {
	--fs-clamp-min:20;
	--fs-clamp-max:24;
	
	text-align:center;
	font-size:var( --fs-clamp-value );
}

@media ( max-width:800px ) {
	.sc-intro__title {
		--fs-clamp-min:28;
		--fs-clamp-max:32;
	}
	.sc-intro__text {
		--fs-clamp-min:16;
		--fs-clamp-max:20;
	}
}
@media ( max-width:667px ) {
	.sc-intro__title {
		--fs-clamp-min:22;
		--fs-clamp-max:28;
	}
	.sc-intro__text {
		--fs-clamp-min:13;
		--fs-clamp-max:16;
	}
}

/** sc-campaign **/

.sc-campaign {
	position:relative;
	display:block;
}
:where(.sc-campaign) > :first-child { margin-top:0; }
:where(.sc-campaign) > :last-child { margin-bottom:0; }
.sc-campaign__title {
	--fs-clamp-min:32;
	--fs-clamp-max:36;
	
	margin-inline:auto;
	background-image:linear-gradient( to right, #D0A500 20%, #D5B670, #F5EB95, #D5B670, #D0A500 80% );
	background-clip:text;
	display:grid;
	grid-template-columns:1fr auto 1fr;
	column-gap:0.5em;
	align-items:center;
	width:fit-content;
	text-align:center;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
	color:transparent;
}
.sc-campaign__title::before,
.sc-campaign__title::after {
	background:url( "../img/index/bg_campaign_title.png" ) center center / contain no-repeat;
	display:block;
	width:2.0em;
	aspect-ratio:119 / 84;
	content:"";
}
.sc-campaign__title::before { justify-self:end; }
.sc-campaign__title::after { scale:-1 1; }
.sc-campaign__text {
	--fs-clamp-min:20;
	--fs-clamp-max:24;
	
	text-align:center;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
}

@media ( max-width:800px ) {
	.sc-campaign__title {
		--fs-clamp-min:28;
		--fs-clamp-max:32;
	}
	.sc-campaign__text {
		--fs-clamp-min:18;
		--fs-clamp-max:20;
	}
}
@media ( max-width:667px ) {
	.sc-campaign__title {
		--fs-clamp-min:22;
		--fs-clamp-max:28;
	}
	.sc-campaign__text {
		--fs-clamp-min:15;
		--fs-clamp-max:18;
	}
}

/** sc-xCampaign **/

.sc-xCampaign:where(* + *) { margin-top:2.0em; }
.sc-xCampaign {
	margin-inline:auto;
	padding-top:2.0em;
	position:relative;
	display:block;
	max-width:1080px;
}
.sc-xCampaign__head {
	margin-top:2.0em;
	position:absolute;
	inset:0 0 auto;
	display:block;
	translate:0 -50%;
}
.sc-xCampaign__title {
	--fs-clamp-min:24;
	--fs-clamp-max:32;
	
	margin:0 auto;
	padding:5px;
	background:linear-gradient( to right, #800006, #B8040D, #800006 );
	position:relative;
	display:block;
	width:100%;
	max-width:420px;
	text-align:center;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
	color:#FFF;
}
.sc-xCampaign__title:is(.sc-clip-bevel) {
	--clip-bevel-size:0.35em;
	--clip-bevel-border-width:2px;
	--clip-bevel-border-color:linear-gradient( to right, #AF7C3B, #E2C68B, #AF7C3B );
}
.sc-xCampaign__title > span {
	padding:0.2em 1.0em;
	position:relative;
	display:block;
}
.sc-xCampaign__title > span:is(.sc-clip-bevel) {
	--clip-bevel-size:0.3em;
	--clip-bevel-border-width:1px;
	--clip-bevel-border-color:linear-gradient( to right, #AF7C3B, #E2C68B, #AF7C3B );
}
.sc-xCampaign__body {
	padding:10px;
	background:#FFF url( "../img/index/bg_x_campaign_body.jpg" ) center center / cover no-repeat;
	box-shadow:0 3px 24px #092404;
	display:block;
	color:#333;
}
.sc-xCampaign__inner {
	padding:40px calc( 50 / 1060 * 100% );
	border:1px solid #092B03;
	display:block;
}
.sc-xCampaign__image {
	padding-top:1.0em;
	display:block;
}
.sc-xCampaign__bottom {
	margin-top:2.0em;
	display:grid;
	justify-content:center;
	color:#FFF;
}
.sc-xCampaign__button {
	--fs-clamp-min:24;
	--fs-clamp-max:28;
	
	padding:2px;
	border-radius:10.0em;
	background:linear-gradient( to right, #AF7C3B, #E2C68B, #AF7C3B );
	position:relative;
	display:block;
	text-align:center;
	line-height:1.5;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
	color:#FFF;
}
.sc-xCampaign__button > span {
	padding:0.2em 1.0em;
	border-radius:calc( 10.0em - 2px );
	background:linear-gradient( to right, #800006, #B8040D, #800006 );
	position:relative;
	display:grid;
	grid-template-columns:1fr auto 1fr;
	column-gap:0.5em;
	align-items:center;
}
.sc-xCampaign__button > span::before,
.sc-xCampaign__button > span::after { content:""; }
.sc-xCampaign__button > span::after {
	background:url( "../img/index/icon_arrow_circle_right.png" ) center center / contain no-repeat;
	display:block;
	width:1.0em;
	aspect-ratio:1;
}

@media ( max-width:800px ) {
	.sc-xCampaign {
		padding-top:1.0em;
		max-width:640px;
	}
	.sc-xCampaign__head { margin-top:1.0em; }
	.sc-xCampaign__title {
		--fs-clamp-min:24;
		--fs-clamp-max:28;
		
		padding:4px;
		width:calc( 540 / 720 * 100% );
	}
	.sc-xCampaign__body { padding:calc( 10 / 720 * 100% ); }
	.sc-xCampaign__inner { padding:calc( 30 / 720 * 100% ); }
	.sc-xCampaign__button {
		--fs-clamp-min:22;
		--fs-clamp-max:26;
	}
}
@media ( max-width:667px ) {
	.sc-xCampaign__title {
		--fs-clamp-min:20;
		--fs-clamp-max:24;
	}
	.sc-xCampaign__button {
		--fs-clamp-min:16;
		--fs-clamp-max:22;
	}
}

/** sc-clip-bevel **/

.sc-clip-bevel {
	--clip-bevel-size:10px;
	--clip-bevel-border-width:1px;
	--clip-bevel-border-color:#000;
	--clip-bevel-inset-size:calc( var( --clip-bevel-size ) + var( --clip-bevel-border-width ) );
	--clip-bevel:polygon( 0 var( --clip-bevel-size ), var( --clip-bevel-size ) 0, calc( 100% - var( --clip-bevel-size ) ) 0, 100% var( --clip-bevel-size ), 100% calc( 100% - var( --clip-bevel-size ) ), calc( 100% - var( --clip-bevel-size ) ) 100%, var( --clip-bevel-size ) 100%, 0 calc( 100% - var( --clip-bevel-size ) ), 0 var( --clip-bevel-size ) );
	--clip-bevel-border:polygon( 0 var( --clip-bevel-size ), var( --clip-bevel-size ) 0, calc( 100% - var( --clip-bevel-size ) ) 0, 100% var( --clip-bevel-size ), 100% calc( 100% - var( --clip-bevel-size ) ), calc( 100% - var( --clip-bevel-size ) ) 100%, var( --clip-bevel-size ) 100%, 0 calc( 100% - var( --clip-bevel-size ) ), 0 var( --clip-bevel-size ), var( --clip-bevel-border-width ) var( --clip-bevel-inset-size ), var( --clip-bevel-border-width ) calc( 100% - var( --clip-bevel-inset-size ) ), var( --clip-bevel-inset-size ) calc( 100% - var( --clip-bevel-border-width ) ), calc( 100% - var( --clip-bevel-inset-size ) ) calc( 100% - var( --clip-bevel-border-width ) ), calc( 100% - var( --clip-bevel-border-width ) ) calc( 100% - var( --clip-bevel-inset-size ) ), calc( 100% - var( --clip-bevel-border-width ) ) calc( var( --clip-bevel-inset-size ) ), calc( 100% - var( --clip-bevel-inset-size ) ) var( --clip-bevel-border-width ), var( --clip-bevel-inset-size ) var( --clip-bevel-border-width ), var( --clip-bevel-border-width ) var( --clip-bevel-inset-size )
	);
	
	position:relative;
	clip-path:var( --clip-bevel );
}
.sc-clip-bevel::before {
	background:var( --clip-bevel-border-color );
	clip-path:var( --clip-bevel-border );
	position:absolute;
	inset:0;
	content:"";
}

@media ( max-width:800px ) {}
@media ( max-width:667px ) {}

/** sc-lineCampaign **/

.sc-lineCampaign {
	position:relative;
	display:block;
}
:where(.sc-lineCampaign) > :first-child { margin-top:0; }
:where(.sc-lineCampaign) > :last-child { margin-bottom:0; }
.sc-lineCampaign__title {
	--fs-clamp-min:24;
	--fs-clamp-max:26;
	
	display:grid;
	grid-template-columns:1fr auto 1fr;
	column-gap:0.2em;
	align-items:end;
	text-align:center;
	line-height:1.6;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
}
.sc-lineCampaign__title::before,
.sc-lineCampaign__title::after {
	background-image:linear-gradient( to top right, transparent calc( 50% - 2px ), currentColor, transparent calc( 50% + 2px ) );
	display:block;
	width:1.6em;
	height:100%;
	content:"";
}
.sc-lineCampaign__title::before { justify-self:end; }
.sc-lineCampaign__title::after { scale:1 -1; }
.sc-lineCampaign__banner {
	margin-inline:auto;
	display:block;
	max-width:640px;
}
.sc-lineCampaign__banner > a { display:block; }

@media ( max-width:800px ) {
	.sc-lineCampaign__title {
		--fs-clamp-min:20;
		--fs-clamp-max:24;
	}
}
@media ( max-width:667px ) {
	.sc-lineCampaign__title {
		--fs-clamp-min:15;
		--fs-clamp-max:20;
	}
}

/** sc-shops **/

.sc-shops {
	position:relative;
	display:block;
}
.sc-shops__title {
	--fs-clamp-min:32;
	--fs-clamp-max:36;
	
	margin:0 auto 1.5em;
	background-image:linear-gradient( to right, #2E1C05, #915910, #2E1C05 );
	background-clip:text;
	display:block;
	width:fit-content;
	text-align:center;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
	color:transparent;
}
.sc-shops__title::before {
	margin-inline:auto;
	margin-bottom:0.5em;
	background:url( "../img/index/bg_shops_title.png" ) center center / contain no-repeat;
	display:block;
	width:4.5em;
	aspect-ratio:160 / 42;
	content:"";
}
.sc-shops__present {
	margin-block:4.0em;
	padding:1.5em calc( 40 / 1000 * 100% );
	margin-inline:auto;
	position:relative;
	display:block;
	max-width:1000px;
}
.sc-shops__present::before,
.sc-shops__present::after {
	border:solid transparent;
	border-width:4px 0 2px;
	border-image:linear-gradient( to right, #2E1C05, #915910, #2E1C05 ) 1;
	position:absolute;
	left:0;
	right:0;
	display:block;
	height:9px;
	content:"";
}
.sc-shops__present::before { top:0; }
.sc-shops__present::after { bottom:0; scale:1 -1; }
.sc-shops__list {
	display:grid;
	row-gap:3.0em;
}

@media ( max-width:800px ) {
	.sc-shops__title {
		--fs-clamp-min:28;
		--fs-clamp-max:32;
	}
	.sc-shops__title::before { width:4.0em; }
	.sc-shops__present {
		margin-block:3.0em;
		padding-inline:calc( 40 / 720 * 100% );
		max-width:640px;
	}
}
@media ( max-width:667px ) {
	.sc-shops__title {
		--fs-clamp-min:22;
		--fs-clamp-max:28;
	}
}

/** sc-shop **/

.sc-shop {
	padding:40px calc( 60 / 1200 * 100% );
	background-color:#FFF;
	position:relative;
	display:block;
	color:#333;
}
.sc-shop__head {
	margin-bottom:2.0em;
	display:block;
}
.sc-shop__body { display:flow-root; }
.sc-shop__foot {
	margin-top:2.0em;
	display:block;
	font-family:"Noto Sans JP", sans-serif;
}

.sc-shop__title {
	--fs-clamp-min:20;
	--fs-clamp-max:24;
	
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:0.2em 1.0em;
	line-height:1.6;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
}
.sc-shop__name {
	--fs-clamp-min:30;
	--fs-clamp-max:42;
	
	margin-block:0;
	font-family:"EB Garamond", "Noto Serif JP", serif;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
}
.sc-shop__name > span[lang="ja"] { font-size:88%; }
.sc-shop__kana {}
.sc-shop__location {
	padding-inline:1.0em;
	border-radius:10.0em;
	background-color:#A10100;
	display:block;
	font-size:80%;
	color:#FFF;
}

.sc-shop__dish {
	--fs-clamp-min:16;
	--fs-clamp-max:20;
	
	margin-bottom:1.0em;
	margin-right:calc( 40 / 1080 * 100% );
	display:block;
	width:calc( 640 / 1080 * 100% );
	float:left;
	font-size:var( --fs-clamp-value );
}
.sc-shop__dish > img {
	display:block;
	width:100%;
}
.sc-shop__dish > figcaption {
	margin-top:0.2em;
	display:block;
	line-height:1.6;
}
.sc-shop__dish > figcaption > em {
	padding-right:0.8em;
	display:inline;
	font-weight:bold;
}
.sc-shop__dish > figcaption > span { display:inline-block; }

.sc-shop__desc {
	--leading-trim:calc( ( 1.0em - 1.0lh ) / 2 );
	--fs-clamp-min:16;
	--fs-clamp-max:20;
	
	font-size:var( --fs-clamp-value );
}
.sc-shop__desc > p { margin-block:0; }
.sc-shop__desc > p:nth-of-type(1) { margin-top:var( --leading-trim ); }
.sc-shop__desc > p:nth-of-type(n+2) { margin-top:1.0em; }
.sc-shop__desc::before {
	display:block;
	width:0;
	height:25.0em;
	float:right;
	content:"";
}
.sc-shop__owner {
	--fs-clamp-min:14;
	--fs-clamp-max:20;
	
	margin-top:1.0em;
	margin-left:calc( 40 / 1080 * 100% );
	display:block;
	width:calc( 200 / 1080 * 100% );
	min-width:140px;
	max-width:200px;
	clear:right;
	float:right;
	font-size:var( --fs-clamp-value );
}
.sc-shop__owner > img {
	display:block;
	width:100%;
}
.sc-shop__owner > figcaption {
	margin-top:0.2em;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:baseline;
	column-gap:0.3em;
	line-height:1.6;
}
.sc-shop__owner > figcaption > span { font-size:90%; }

.sc-shop__info {
	position:relative;
	display:block;
}
.sc-shop__infoHead {
	--fs-clamp-min:18;
	--fs-clamp-max:20;
	
	display:block;
	font-weight:bold;
	font-size:var( --fs-clamp-value );
}
.sc-shop__infoHead > label {
	padding:0.5em 1.0em;
	background-color:#A10100;
	display:grid;
	color:#FFF;
}
.sc-shop__infoBody { display:block; }
.sc-shop__infoBody .sc-media {
	--media-aside-width:calc( 520 / 1080 * 100% );
	
	padding:1.0em;
	background-color:#F0F0F0;
}
.sc-shop__infoBody .sc-media__aside {
	margin:0 auto;
	max-width:100%;
}
.sc-shop__infoImage { display:block; }
.sc-shop__infoList {
	margin-block:0;
	padding-left:0;
	position:relative;
	display:grid;
	row-gap:0.5em;
	list-style:none;
	line-height:1.6;
}
.sc-shop__infoList > * {
	display:grid;
	grid-template-columns:4.5em auto;
	column-gap:0.5em;
}
.sc-shop__infoList > :first-child > span:last-child {
	display:flex;
	align-items:baseline;
	column-gap:1.0em;
}
.sc-shop__infoWebLink { word-break:break-all; }
.sc-shop__infoMapLink {
	padding:0 0.8em;
	border-radius:2.0em;
	background-color:#000;
	display:block;
	flex:none;
	color:#FFF;
}
.sc-shop__infoMapLink[target="_blank"] {
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	column-gap:0.2em;
}
.sc-shop__infoMapLink[target="_blank"]::after {
	background:url( "../img/index/icon_blank.png" ) center center / contain no-repeat;
	display:block;
	width:0.8em;
	height:0.8em;
	content:"";
}

@media ( any-hover:hover ) {
	.sc-shop__infoMapLink:hover { color:#FFF; }
}

@media ( max-width:800px ) {
	.sc-shop { padding:20px calc( 20 / 780 * 100% ); }
	.sc-shop__title {
		--fs-clamp-min:18;
		--fs-clamp-max:22;
	}
	.sc-shop__name {
		--fs-clamp-min:30;
		--fs-clamp-max:36;
		
		width:100%;
	}
	.sc-shop__dish {
		--fs-clamp-min:18;
		--fs-clamp-max:20;
		
		margin-bottom:1.5em;
		margin-right:0;
		width:auto;
		float:none;
	}
	.sc-shop__dish > figcaption { padding:0 10px; }
	.sc-shop__desc {
		--fs-clamp-min:16;
		--fs-clamp-max:18;
	}
	.sc-shop__desc::before { content:none; }
	.sc-shop__owner {
		--fs-clamp-min:16;
		--fs-clamp-max:18;
		
		margin-block:0.5em;
		margin-left:calc( 30 / 680 * 100% );
		width:calc( 220 / 680 * 100% );
	}
	.sc-shop__infoHead {
		--fs-clamp-min:16;
		--fs-clamp-max:18;
		
		text-align:center;
	}
	.sc-shop__infoBody .sc-media { --media-aside-width:auto; }
}
@media ( max-width:667px ) {
	.sc-shop__title {
		--fs-clamp-min:15;
		--fs-clamp-max:18;
	}
	.sc-shop__name {
		--fs-clamp-min:24;
		--fs-clamp-max:30;
	}
	.sc-shop__dish {
		--fs-clamp-min:14;
		--fs-clamp-max:16;
	}
	.sc-shop__desc {
		--fs-clamp-min:14;
		--fs-clamp-max:16;
	}
	.sc-shop__owner {
		--fs-clamp-min:13;
		--fs-clamp-max:16;
	}
	.sc-shop__infoHead {
		--fs-clamp-min:15;
		--fs-clamp-max:16;
	}
}

/** sc-accordion@Sp **/

.sc-accordion\@Sp {}
.sc-accordion\@Sp__label { pointer-events:none; }
.sc-accordion\@Sp__input { display:none; }
.sc-accordion\@Sp__panel {}
.sc-accordion\@Sp__inner {}

@media ( max-width:800px ) {
	.sc-accordion\@Sp {}
	.sc-accordion\@Sp__label {
		display:grid;
		grid-template-columns:1fr auto 1fr;
		column-gap:1.0em;
		align-items:center;
		cursor:pointer;
		pointer-events:auto;
	}
	.sc-accordion\@Sp__label::before,
	.sc-accordion\@Sp__label::after {
		display:block;
		content:"";
	}
	.sc-accordion\@Sp__label::after {
		--shape-chevron-down:polygon( 0 25%, 50% 100%, 100% 25%, 85% 0, 50% 55%, 15% 0 );
		
		background-color:currentColor;
		clip-path:var( --shape-chevron-down );
		justify-self:end;
		width:1.0em;
		aspect-ratio:1.5;
	}
	.sc-accordion\@Sp__panel {
		display:grid;
		grid-template-rows:0fr;
		transition:grid-template-rows 0.3s ease;
	}
	.sc-accordion\@Sp__inner { overflow:hidden; }
	
	.sc-accordion\@Sp__label:where(.sc-accordion\@Sp:has(.sc-accordion\@Sp__input:checked) *)::after { rotate:180deg; }
	.sc-accordion\@Sp__panel:where(.sc-accordion\@Sp:has(.sc-accordion\@Sp__input:checked) *) { grid-template-rows:1fr; }
}
@media ( max-width:667px ) {}

/** ScrollTween **/

[data-scroll-tween] {
	--ease-out-quart:cubic-bezier( 0.25, 1.00, 0.50, 1.00 );
	--ease-out-back:cubic-bezier( 0.34, 1.56, 0.64, 1.00 );
	--scroll-tween-changes:60px;
}
[data-scroll-tween-changes="small"] { --scroll-tween-changes:30px; }
[data-scroll-tween-changes="large"] { --scroll-tween-changes:100px; }

[data-scroll-tween]:where(.sc-contents__body :not([data-scroll-tween-stagger])) { transition:opacity 0.5s linear, translate 0.8s var( --ease-out-quart ); }
[data-scroll-tween="hidden"]:where(.sc-contents__body [id]:not([data-scroll-tween-stagger])) { scroll-margin-top:var( --scroll-tween-changes ); }
[data-scroll-tween="hidden"]:where(.sc-contents__body :not([data-scroll-tween-stagger])) { opacity:0; translate:0 var( --scroll-tween-changes ); transition-duration:0.0s; }
[data-scroll-tween="visible"]:where(.sc-contents__body :not([data-scroll-tween-stagger])) { opacity:1.0; translate:0 0; }

@media ( min-width:801px ) {
	[data-scroll-tween]:where(.sc-contents__body [data-scroll-tween-stagger]) { opacity:unset; translate:unset; transition:none; }
	[data-scroll-tween]:where(.sc-contents__body [data-scroll-tween-stagger]) > [data-scroll-tween] { --stagger-index:0; transition:opacity 0.5s linear, translate 0.8s var( --ease-out-quart ); }
	[data-scroll-tween="hidden"]:where(.sc-contents__body [data-scroll-tween-stagger]) > [data-scroll-tween] { opacity:0; translate:0 var( --scroll-tween-changes ); transition-duration:0.0s; }
	[data-scroll-tween="visible"]:where(.sc-contents__body [data-scroll-tween-stagger]) > [data-scroll-tween] { opacity:1.0; translate:0 0; transition-delay:calc( 0.05s + 0.1s * var( --stagger-index ) ); }
}
@media ( max-width:800px ) {}
@media ( max-width:667px ) {}