/* CSS Document */

[src="[url]"],
[src*="src"]{
	display: block;
	width: 100%;
	height: auto;
	background: var(--dummy);
}

[LSC-LT]{
	display: contents;
}

:root{
	--color: #333;
	--color-rgb: 51, 51, 51;
	--color-theme: #c2d767;
	--color-theme-rgb: 194, 215, 103;
	--color-theme-sub: #7ca636;
	--variable-color: var(--color-theme);
	--variable-color-sub: var(--color-theme-sub);
	--variable-color-bg: #f7f4be;
	--color-border: #ccc;
	--font: zen-kaku-gothic-new, sans-serif;
	--wrap-space: clamp(24px, calc(32 / 1200 * 100dvw), 32px);
	--wrap-fit: calc(min(100dvw, 100%) - calc(var(--wrap-space) * 2));
	--wrap-max: 1140px;
	--wrap: clamp(327px, calc(max(100dvw, 100%) - calc(var(--wrap-space) * 2)), var(--wrap-max));
	--dummy: url('/common/images/logoType.svg') no-repeat center / 50%, #f2f2f2;
}

html{
	min-width: 375px;
	scroll-behavior: smooth;
	scroll-padding-top: 56px;
}

body{
	color: var(--color);
	font: 400 16px var(--font);
	line-height: 1.65;
	overflow-wrap: anywhere;
	&:has(#alert[open]){
		overflow: hidden;
	}
}
_::-webkit-full-page-media, _:future, :root body{
	font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}

::selection{
	background: var(--color-theme);
	color: #fff;
}

a{
	color: inherit;
	.done &{
		transition-property: color, text-decoration, background, background-color, background-size, border, border-color, box-shadow, filter, opacity;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
	}
	:focus-visible{
		outline: var(--color-theme) auto 2px;
		outline-offset: 2px;
	}
}

wbr{
	.translated-ltr &:not(:lang(ja)){
		display: none;
	}
}

main{
	& a{
		color: #3c99d6;
	}
}

input,
textarea,
select{
	background-color: transparent;
	accent-color: var(--color-theme);
	caret-color: var(--color-theme);
}

input{
	&[type="checkbox"],
	&[type="radio"]{
		border-color: var(--color);
	}
	&[type="checkbox"]:not(:checked),
	&[type="radio"]:not(:checked){
		background-image: none;
	}
	&[type="checkbox"]:checked,
	&[type="radio"]:checked{
		background-color: var(--color);
	}
}

button{
	display: grid;
	align-items: center;
	min-height: 48px;
	padding: 8px 16px;
	background: var(--color-theme);
	color: white;
	text-align: center;
	&:focus-visible{
		outline: var(--color-theme) auto 2px;
		outline-offset: 2px;
	}
}

details{
	all: unset;
	display: block;
	box-sizing: border-box;
	&::details-content{
		box-sizing: border-box;
	}
}

summary{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	&::-webkit-details-marker{
		display:none;
	}
}

#wrapper{
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 100dvh;
	#header{
		z-index: 110;
	}
	#nav{
		z-index: 120;
	}
	#footer,
	#pageTop{
		order: 10;
	}
}

#header{
	position: sticky;
	top: 0;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	min-height: clamp(64px, calc(88 / 1200 * 100dvw), 88px);
	padding: 8px 8px 8px clamp(16px, calc(24 / 1200 * 100dvw), 24px);
	background: #fff;
	@media (max-width: 1199.98px) {
		#hNav{
			display: none;
		}
	}
	@media (min-width: 1200px) {
		grid-template-columns: auto 1fr auto;
		column-gap: clamp(16px, calc(24 / 1400 * 100dvw), 24px);
		padding: 8px clamp(16px, calc(24 / 1400 * 100dvw), 24px);
	}
}

#siteName{
	& a{
		display: block;
		aspect-ratio: 300 / 56;
		height: clamp(40px, calc(64 / 1200 * 100dvw), 64px);
		background: url('/common/images/logoType.svg') no-repeat center / contain;
		font-size: 0;
		transition: none;
	}
}

#hNav{
	display: grid;
	justify-content: end;
	align-items: center;
	grid-gap: 8px;
	#hNavGlobal{
		grid-column: 1;
		grid-row: 1;
		margin-right: 16px;
	}
	#hNavPickup{
		grid-column: 1;
		grid-row: 2;
		margin-right: 16px;
		padding-top: 8px;
		border-top: 1px dashed currentColor;
	}
	#hNavFavorite{
		grid-column: 2;
	}
	#hNavBusiness{
		grid-column: 2 / 4;
		grid-row: 2;
		align-self: start;
	}
	#hNavLanguage{
		grid-column: 3;
	}
}

#hNavGlobal,
#hNavPickup{
	& a{
		&:hover{
			color: var(--color-theme-sub);
		}
	}
}

#hNavGlobal{
	& details{
		display: contents;
		&::details-content{
			display: contents;
		}
	}
	& summary{
		display: none;
	}
	& ul{
		display: flex;
		justify-content: end;
		align-items: center;
		column-gap: 1em;
		font-size: clamp(14px, calc(16 / 1400 * 100dvw), 16px);
	}
	& li{
		display: contents;
		&:nth-child(n+8){
			display: none;
		}
	}
	& a{
		display: block;
		font-weight: 700;
		letter-spacing: 0.05em;
		text-align: center;
	}
}

#hNavPickup{
	& ul{
		display: flex;
		justify-content: space-between;
		column-gap: 1em;
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		column-gap: 0.5em;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.05em;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 12px;
			border: 3px solid var(--color-theme-sub);
			border-radius: 100%;
		}
	}
}

#hNavFavorite{
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		justify-content: start;
		align-items: center;
		column-gap: 0.25em;
		font-weight: 500;
		font-size: 12px;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 18px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,0v18l7-4,7,4V0H2ZM15,16.28l-5.5-3.15-.5-.28-.5.28-5.5,3.15V1h12v15.28ZM6.25,11.39l2.79-2.06,2.79,2.06-1.06-3.33,2.79-2.06h-3.45l-1.06-3.33-1.06,3.33h-3.45l2.79,2.06-1.06,3.33Z"/></svg>') no-repeat center / contain;
		}
		&:hover{
			color: var(--color-theme-sub);
		}
	}
}

#hNavBusiness{
	display: flex;
	justify-content: start;
	& a{
		display: grid;
		align-content: center;
		min-height: 24px;
		padding: 0 1.5em;
		background: var(--color);
		border-radius: 12px;
		color: #fff;
		font-weight: 500;
		font-size: 12px;
		text-align: center;
		&:hover{
			background: var(--color-theme-sub);
		}
	}
}

#hNavLanguage{
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		justify-content: start;
		align-items: center;
		column-gap: 0.25em;
		font-weight: 500;
		font-size: 12px;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 18px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M1,1v16h16V1H1ZM16.11,16.11H1.89V1.89h14.22v14.22ZM15.22,2.78h-2.67l2.67,2.67v-2.67ZM8.56,13.21h-3.2v-6.57h-1.58v7.89h4.78v-1.32ZM9.51,12.91c0,1.01.7,1.77,1.77,1.77.68,0,1.28-.34,1.8-.79h.03l.12.64h1.28v-3.49c0-1.73-.78-2.63-2.29-2.63-.94,0-1.79.35-2.5.79l.57,1.03c.55-.32,1.09-.57,1.64-.57.74,0,.99.45,1.01,1.03-2.4.26-3.43.93-3.43,2.21ZM12.94,11.66v1.21c-.37.37-.7.59-1.15.59s-.79-.2-.79-.67c0-.53.49-.93,1.94-1.12Z"/></svg>') no-repeat center / contain;
		}
		&:hover{
			color: var(--color-theme-sub);
		}
	}
}

#navButton{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	display: grid;
	align-content: center;
	justify-content: center;
	grid-row-gap: 8px;
	aspect-ratio: 1;
	width: 56px;
	color: inherit;
	font-weight: 700;
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	overflow: hidden;
	&:before,
	&:after{
		content: "";
		order: -1;
		width: 36px;
		height: 2px;
		background: currentColor;
	}
	&:hover{
		color: var(--color-theme-sub);
	}
}

#alert{
	display: none;
	opacity: 0;
	all: unset;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	width: min(var(--wrap-fit), 980px);
	background: #fff;
	outline: 2px solid #c1272d;
	border-radius: 16px;
	box-shadow: 0 0 100vw 100vw rgba(0, 0, 0, 0.7);
	transform: translate(-50%, -50%);
	z-index: 1001;
	&:before{
		content: "";
		position: fixed;
		top: 50%;
		left: 50%;
		width: 100dvw;
		height: 100dvh;
		transform: translate(-50%, -50%);
		z-index: -1;
	}
	& h2{
		display: grid;
		grid-template-columns: 32px auto;
		justify-content: center;
		align-items: center;
		column-gap: 1em;
		min-height: 56px;
		padding: 8px 24px;
		background: #c1272d;
		border-radius: 14px 14px 0 0;
		color: #fff;
		font-weight: 700;
		font-size: 20px;
		font-family: inherit;
		text-align: center;
		letter-spacing: 0.05em;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.56,26.11L17.73,3.89c-.77-1.33-2.69-1.33-3.46,0L1.44,26.11c-.77,1.33.19,3,1.73,3h25.66c1.54,0,2.5-1.67,1.73-3ZM14.33,9.53h3.34v2.74c0,.31-.01.74-.04,1.29s-.06,1.17-.1,1.85c-.04.68-.09,1.38-.14,2.1-.05.72-.1,1.41-.15,2.07-.05.66-.1,1.24-.15,1.74h-2.17c-.05-.5-.1-1.08-.15-1.74s-.1-1.35-.15-2.07c-.05-.72-.1-1.42-.14-2.1-.04-.68-.08-1.3-.1-1.85-.03-.55-.04-.98-.04-1.29v-2.74ZM17.3,25.64c-.36.36-.79.54-1.3.54s-.93-.18-1.29-.54c-.36-.36-.54-.79-.54-1.29s.18-.94.54-1.29c.36-.35.79-.52,1.29-.52s.95.18,1.3.52c.36.35.53.78.53,1.29s-.18.93-.53,1.29Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
		}
	}
	& h2+div{
		max-height: 75dvh;
		padding: 24px;
		overflow-y: auto;
		&>div:nth-child(n+2){
			display: grid;
			margin-top: 24px;
			padding-top: 24px;
			border-top: 1px dashed currentColor;
		}
		.more{
			justify-self: center;
		}
	}
	& menu{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		aspect-ratio: 1;
		width: clamp(40px, calc(48 / 768 * 100dvw), 48px);
		background: #999;
		border-radius: 100%;
		font-size: 0;
		transform: translate(50%, -50%);
		cursor: pointer;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #fff;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M10.08,22.68l-.76-.76,5.94-5.92-5.94-5.94.74-.74,5.94,5.94,5.94-5.94.74.74-5.94,5.94,5.94,5.92-.76.76-5.92-5.94-5.92,5.94Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
		}
	}
	.more{
		display: grid;
		justify-items: center;
		margin-top: 24px;
		font-weight: 700;
		text-align: center;
		cursor: pointer;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 14px;
			background: #c1272d;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M.81,4.4c0-.26.1-.51.29-.71.39-.39,1.02-.39,1.41,0l4.48,4.48,4.48-4.48c.39-.39,1.02-.39,1.41,0,.39.39.39,1.02,0,1.41l-5.19,5.19c-.39.39-1.02.39-1.41,0L1.1,5.11c-.19-.2-.29-.45-.29-.71Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
		}
		&.open:after{
			transform: scaleY(-1);
			order: -1;
		}
	}
	.fr-view{
		max-height: calc(100dvh - 240px);
		box-sizing: content-box;
		font-weight: 500;
		transition: height 0.2s ease-out;
		& a{
			color: #3c99d6;
			text-decoration: underline;
		}
	}
}

#nav{
	position: fixed;
	top: 0;
	left: 100%;
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	grid-template-rows: 56px;
	align-content: start;
	column-gap: 8px;
	width: min(100%, 390px);
	height: max(100%, 100dvh);
	background: #fff;
	filter: drop-shadow(0 0 0.4px rgba(0, 0, 0, 0.5));
	overflow-y: auto;
	transition: transform 0.2s ease-out;
	.nav &{
		transform: translateX(-100%);
	}
	& h2{
		align-self: center;
		display: block;
		aspect-ratio: 300 / 56;
		height: 32px;
		margin-left: 16px;
		background: url('/common/images/logoType.svg') no-repeat center / contain;
		font-size: 0;
		transition: none;
	}
	& menu{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		grid-column: 4;
		grid-row: 1;
		justify-self: end;
		position: relative;
		aspect-ratio: 1;
		width: 56px;
		color: inherit;
		font-weight: 700;
		font-size: 0;
		line-height: 1;
		letter-spacing: 0.2em;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		&:before,
		&:after{
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 36px;
			height: 2px;
			background: currentColor;
		}
		&:before{
			transform: translateX(-50%) rotate(45deg);
		}
		&:after{
			transform: translateX(-50%) rotate(-45deg);
		}
	}
	#navGlobal{
		grid-column: 1 / 5;
		border-top: 1px solid #ccc;
	}
	#navPickup{
		grid-column: 1 / 5;
		border-top: 1px solid #ccc;
	}
	#navTourism,
	#navBusiness{
		order: 2;
		grid-column: 1 / 5;
	}
	#navFavorite{
		grid-column: 2;
		grid-row: 1;
	}
	#navLanguage{
		grid-column: 3;
		grid-row: 1;
	}
	#navInfo{
		grid-column: 1 / 5;
		border-top: 1px solid #ccc;
	}
	#navExtra{
		order: 1;
		grid-column: 1 / 5;
	}
	#navSearch{
		display: none;
	}
	#navSns{
		display: none;
	}
	&:has(#navTourism){
		#navExtra{
			padding-bottom: 0;
		}
	}
	&:has(#navBusiness){
		#navExtra{
			padding-bottom: 0;
		}
	}
}

#navGlobal{
	padding: 32px;
	& details{
		&::details-content{
			display: contents;
		}
	}
	& summary{
		display: block;
		font-weight: 700;
		font-size: 20px;
		letter-spacing: 0.05em;
	}
	& summary+div{
		& ul{
			grid-template-columns: repeat(2, 1fr);
			margin-top: 24px;
		}
	}
	& ul{
		display: grid;
		grid-gap: 8px 16px;
	}
	& a{
		display: grid;
		font-weight: 500;
		letter-spacing: 0.05em;
		&:hover{
			color: #5c9937;
		}
	}
}

#navPickup{
	padding: 32px;
	& ul{
		display: grid;
		grid-row-gap: 16px;
	}
	& a{
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		column-gap: 0.5em;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.05em;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 12px;
			border: 3px solid var(--color-theme-sub);
			border-radius: 100%;
		}
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 10px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round;"><polyline points="7 2.5 9.5 5 7 7.5"/><line x1=".5" y1="5" x2="9.5" y2="5"/></svg>') no-repeat center / contain;
		}
		&:hover{
			color: #5c9937;
		}
	}
}

#navFavorite{
	display: grid;
	& a{
		display: grid;
		align-content: center;
		justify-items: center;
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 0.05em;
		text-align: center;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 18px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,0v18l7-4,7,4V0H2ZM15,16.28l-5.5-3.15-.5-.28-.5.28-5.5,3.15V1h12v15.28ZM6.25,11.39l2.79-2.06,2.79,2.06-1.06-3.33,2.79-2.06h-3.45l-1.06-3.33-1.06,3.33h-3.45l2.79,2.06-1.06,3.33Z"/></svg>') no-repeat center / contain;
		}
	}
}

#navTourism{
	display: grid;
	grid-template-columns: min(100%, 288px);
	justify-content: center;
	padding: 16px 0 32px 0;
	background: var(--color-theme);
	& a{
		display: block;
		aspect-ratio: 300 / 56;
		width: 100%;
		background: url('/common/images/logoType.svg') no-repeat center / contain;
		font-size: 0;
		transition: none;
	}
}

#navBusiness{
	display: grid;
	grid-template-columns: min(100%, 288px);
	justify-content: center;
	padding: 16px 0 32px 0;
	background: var(--color-theme);
	& a{
		display: grid;
		align-items: center;
		min-height: 48px;
		padding: 4px 24px;
		background: #fff;
		border-radius: 24px;
		color: inherit;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-align: center;
		&:hover{
			background: var(--color);
			color: #fff;
		}
	}
}

#navInfo{
	padding: 32px;
	& summary{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		font-weight: 700;
		font-size: 20px;
		letter-spacing: 0.05em;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 1em;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="4 5 8 11 12 5 4 5"/></svg>') no-repeat center / contain;
		}
	}
	& ul{
		display: grid;
		grid-row-gap: 8px;
		margin-top: 16px;
	}
	& a{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: 0.5em;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.05em;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 10px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round;"><polyline points="7 2.5 9.5 5 7 7.5"/><line x1=".5" y1="5" x2="9.5" y2="5"/></svg>') no-repeat center / contain;
		}
		&:hover{
			color: #5c9937;
		}
	}
}

#navExtra{
	display: grid;
	grid-template-columns: min(100%, 288px);
	justify-content: center;
	padding: 32px;
	background: var(--color-theme);
	& ul{
		display: grid;
		grid-row-gap: 16px;
	}
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		column-gap: 0.5em;
		min-height: 48px;
		padding: 8px 24px;
		background: #fff;
		border-radius: 24px;
		color: inherit;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-align: center;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 32px;
			background: var(--color-theme-sub);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><rect width="100%" height="100%"/></svg>') no-repeat center / contain;
		}
		&[href="/photo/index.html"]{
			&:before{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M11.87,3.02h-1.29v.81h1.29v-.81ZM9.3,3.02h-1.29v.81h1.29v-.81ZM4.15,3.02h-1.29v.81h1.29v-.81ZM14.44,3.02h-1.29v.81h1.29v-.81ZM6.73,3.02h-1.29v.81h1.29v-.81ZM24.02,6.72h.81v-1.29h-.81v1.29ZM22.16,3.02h-1.29v.81h1.29v-.81ZM24,4.26l.78-.21c-.16-.61-.71-1.03-1.33-1.03h0v.81c.26,0,.49.17.56.42ZM17.01,3.02h-1.29v.81h1.29v-.81ZM.81,5.24h-.81v1.29h.81v-1.29ZM19.59,3.02h-1.29v.81h1.29v-.81ZM.83,20.57l-.79.2c.16.61.71,1.04,1.34,1.04h.01v-.81c-.27,0-.5-.18-.56-.43ZM.14,3.79l.73.36c.1-.19.3-.32.51-.32h.2v-.81h-.2c-.53,0-1,.3-1.24.77ZM2.68,21.81h1.29v-.81h-1.29v.81ZM16.04,14.98c1.29,0,2.34-1.05,2.34-2.34s-1.05-2.34-2.34-2.34-2.34,1.05-2.34,2.34,1.05,2.34,2.34,2.34ZM27.03,7H4.96c-.54,0-.97.44-.97.97v16.03c0,.54.44.97.97.97h22.07c.54,0,.97-.44.97-.97V7.98c0-.54-.44-.97-.97-.97ZM26.21,16.42l-4.38-4.38-7.2,7.2-2.46-2.46-6.41,6.41h0v-14.4h20.44v7.62ZM.81,10.38h-.81v1.29h.81v-1.29ZM.81,7.81h-.81v1.29h.81v-1.29ZM.81,18.1h-.81v1.29h.81v-1.29ZM.81,12.96h-.81v1.29h.81v-1.29ZM.81,15.53h-.81v1.29h.81v-1.29Z"/></svg>');
			}
		}
		&[href="/pamphlet"]{
			&:before{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M0,6.1v18.56c0,.57.57.97,1.1.77l7.13-2.58V2.55L.54,5.33c-.33.12-.54.43-.54.77ZM1.46,7.71l4.95-1.79c.28-.1.6.04.7.33.1.28-.04.6-.33.7l-4.95,1.79c-.06.02-.12.03-.19.03-.22,0-.44-.14-.52-.36-.1-.28.04-.6.33-.7ZM1.46,11.28l4.95-1.79c.28-.1.6.04.7.33.1.28-.04.6-.33.7l-4.95,1.79c-.06.02-.12.03-.19.03-.22,0-.44-.14-.52-.36-.1-.28.04-.6.33-.7ZM1.46,14.84l4.95-1.79c.28-.1.6.04.7.33.1.28-.04.6-.33.7l-4.95,1.79c-.06.02-.12.03-.19.03-.22,0-.44-.14-.52-.36-.1-.28.04-.6.33-.7ZM26.9,2.58l-7.13,2.59v20.31l7.69-2.8c.33-.12.54-.43.54-.77V3.36c0-.57-.57-.97-1.1-.77ZM26.55,16.47l-4.95,1.8c-.06.02-.13.03-.19.03-.22,0-.43-.14-.52-.36-.1-.28.04-.6.33-.7l4.95-1.8c.28-.1.6.04.7.33.1.28-.04.6-.33.7ZM26.55,12.9l-4.95,1.8c-.06.02-.13.03-.19.03-.22,0-.43-.14-.52-.36-.1-.28.04-.6.33-.7l4.95-1.8c.28-.1.6.04.7.33.1.28-.04.6-.33.7ZM26.55,9.33l-4.95,1.8c-.06.02-.13.03-.19.03-.22,0-.43-.14-.52-.36-.1-.28.04-.6.33-.7l4.95-1.8c.28-.1.6.04.7.33.1.28-.04.6-.33.7ZM9.88,22.82l8.24,2.66V5.18l-8.24-2.66v20.31ZM17.01,20.19c-.08.23-.29.38-.52.38-.06,0-.11,0-.17-.03l-4.95-1.6c-.29-.09-.45-.4-.35-.69.09-.29.4-.45.69-.35l4.95,1.6c.29.09.45.4.35.69ZM17.01,16.62c-.08.23-.29.38-.52.38-.06,0-.11,0-.17-.03l-4.95-1.6c-.29-.09-.45-.4-.35-.69.09-.29.4-.45.69-.35l4.95,1.6c.29.09.45.4.35.69ZM10.98,6.43c0-.45.35-.71.78-.57l4.47,1.45c.43.14.78.62.78,1.08v4.94c0,.45-.35.71-.78.57l-4.47-1.45c-.43-.14-.78-.62-.78-1.08v-4.94Z"/></svg>');
			}
		}
		&[href="/form/contact/"]{
			&:before{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M7.07,10.44c3.82,2.85,6.95,5.17,6.96,5.17.01,0,3.14-2.33,6.95-5.17l6.93-5.17h-6.94c-3.82-.02-10.07-.02-13.89-.01H.13s6.94,5.19,6.94,5.19h0ZM1.27,21.22c4.9-5.58,7.26-8.29,7.26-8.34C8.53,12.83.1,6.52.03,6.51c-.02,0-.03,3.63-.03,8.08h0v8.08l1.27-1.45ZM18.74,13.43s-1.1.8-2.38,1.76l-2.33,1.74-1.9-1.42c-1.04-.78-2.11-1.57-2.37-1.76l-.47-.35-.16.17c-.09.09-1.9,2.15-4.02,4.58-2.12,2.42-3.89,4.45-3.94,4.5h0s-.09.1-.09.1h25.9l-.12-.14c-5.91-6.75-8.07-9.19-8.11-9.18ZM27.99,10.55v-4.04s-2.05,1.52-2.05,1.52c-1.12.84-3.04,2.27-4.26,3.18l-2.22,1.66,4.26,4.86h0l4.26,4.86v-4.01c.02-2.2.02-5.82.01-8.04Z"/></svg>');
			}
		}
		&:hover{
			background: var(--color);
			color: #fff;
			&:before{
				background: currentColor;
			}
		}
	}
}

#navLanguage{
	display: grid;
	& a{
		display: grid;
		align-content: center;
		justify-items: center;
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 0.05em;
		text-align: center;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 18px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M1,1v16h16V1H1ZM16.11,16.11H1.89V1.89h14.22v14.22ZM15.22,2.78h-2.67l2.67,2.67v-2.67ZM8.56,13.21h-3.2v-6.57h-1.58v7.89h4.78v-1.32ZM9.51,12.91c0,1.01.7,1.77,1.77,1.77.68,0,1.28-.34,1.8-.79h.03l.12.64h1.28v-3.49c0-1.73-.78-2.63-2.29-2.63-.94,0-1.79.35-2.5.79l.57,1.03c.55-.32,1.09-.57,1.64-.57.74,0,.99.45,1.01,1.03-2.4.26-3.43.93-3.43,2.21ZM12.94,11.66v1.21c-.37.37-.7.59-1.15.59s-.79-.2-.79-.67c0-.53.49-.93,1.94-1.12Z"/></svg>') no-repeat center / contain;
		}
	}
}

#navSearch{
	& form{
		display: flex;
	}
	& input{
		border-color: transparent;
	}
	& button{
		aspect-ratio: 1;
		font-size: 0;
	}
}

#navSns{
	& ul{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		column-gap: 8px;
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: 40px;
		color: inherit;
		font-size: 0;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="100%" height="100%"/></svg>') no-repeat center / 24px;
		&:hover{
			color: #5c9937;
		}
		&[href*="x.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.23,10.16L22.98,0h-2.07l-7.59,8.82L7.25,0H.26l9.17,13.34L.26,24h2.07l8.02-9.32,6.4,9.32h6.99l-9.51-13.84h0ZM11.4,13.46l-.93-1.33L3.08,1.56h3.18l5.96,8.53.93,1.33,7.75,11.09h-3.18l-6.33-9.05h0Z"/></svg>');
		}
		&[href*="youtube.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.5,6.22c-.28-1.03-1.09-1.85-2.12-2.12-1.87-.5-9.38-.5-9.38-.5,0,0-7.51,0-9.38.5-1.03.28-1.85,1.09-2.12,2.12C0,8.09,0,12,0,12,0,12,0,15.91.5,17.78c.28,1.03,1.09,1.85,2.12,2.12,1.87.5,9.38.5,9.38.5,0,0,7.51,0,9.38-.5,1.03-.28,1.85-1.09,2.12-2.12.5-1.87.5-5.78.5-5.78,0,0,0-3.9-.5-5.78ZM9.6,15.6v-7.2l6.24,3.6-6.24,3.6Z"/></svg>');
		}
		&[href*="instagram.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.01,0H6.99C3.15,0,.02,3.13.02,6.97v10.06c0,3.84,3.13,6.97,6.97,6.97h10.02c3.84,0,6.97-3.13,6.97-6.97V6.97C23.98,3.13,20.85,0,17.01,0ZM21.78,17.03c0,2.63-2.14,4.77-4.77,4.77H6.99c-2.63,0-4.77-2.14-4.77-4.77V6.97c0-2.63,2.14-4.77,4.77-4.77h10.02c2.63,0,4.77,2.14,4.77,4.77v10.06ZM12,5.86c-3.38,0-6.14,2.75-6.14,6.14s2.75,6.14,6.14,6.14,6.14-2.75,6.14-6.14-2.75-6.14-6.14-6.14ZM12,15.99c-2.2,0-3.99-1.79-3.99-3.99s1.79-3.99,3.99-3.99,3.99,1.79,3.99,3.99-1.79,3.99-3.99,3.99ZM18.44,4.16c-.81,0-1.46.66-1.46,1.46s.66,1.46,1.46,1.46,1.46-.66,1.46-1.46-.66-1.46-1.46-1.46Z"/></svg>');
		}
	}
}

#pagePath{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	padding: 8px 0;
	background: #f7f4be;
	& ul{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		grid-gap: 8px;
		font-size: clamp(12px, calc(14 / 768 * 100dvw), 14px);
	}
	& li{
		display: contents;
		&:nth-child(n+2){
			&:before{
				content: ">";
			}
		}
	}
	& a{
		color: inherit;
		text-decoration: underline;
	}
}

#pr{
	display: grid;
	grid-template-columns: min(var(--wrap), 1040px);
	justify-content: center;
	& h3{
		display: none;
	}
	& ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(calc(50% - 16px), 200px), 1fr));
		grid-gap: clamp(16px, calc(32 / 1200 * 100dvw), 32px) clamp(24px, calc(80 / 1200 * 100dvw), 80px);
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
	}
	& img{
		aspect-ratio: 2 / 1;
		object-fit: contain;
	}
}

#footer{
	position: relative;
	display: grid;
	background: #c2d767;
	margin-top: clamp(24px, calc(72 / 1200 * 100dvw), 72px);
	padding: clamp(16px, calc(48 / 1200 * 100dvw), 48px) 0 clamp(48px, calc(88 / 1200 * 100dvw), 88px) 0;
	&:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: clamp(48px, calc(120 / 1200 * 100dvw), 120px);
		background: inherit;
		transform: translateY(-100%);
		z-index: -1;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1400 120"><path d="M1400,29.08c-158.37,32.88-254.22,81.9-539.99,81.9C430,110.99,430,0,0,0v120h1400V29.08Z"/></svg>') no-repeat center / cover;
	}
	#fNav{
		margin-top: clamp(48px, calc(80 / 1200 * 100dvw), 80px);
	}
	#fAddress{
		margin-top: clamp(24px, calc(56 / 1200 * 100dvw), 56px);
	}
	#copyright{
		margin-top: clamp(24px, calc(56 / 1200 * 100dvw), 56px);
	}
	@media (max-width: 575.98px) {
		grid-template-columns: 1fr var(--wrap) 1fr;
		&:before{
			grid-column: 1 / 4;
		}
		&>*{
			grid-column: 2;
		}
		#fNav{
			grid-column: 1 / 4;
		}
	}
	@media (min-width: 576px) {
		grid-template-columns: var(--wrap);
		justify-content: center;
		#fNavExtra{
			margin-top: clamp(48px, calc(64 / 1200 * 100dvw), 64px);
		}
	}
	@media (min-width: 992px) {
		#fAddress{
			grid-column: 1;
			grid-row: 2;
			align-self: start;
			width: 24em;
		}
		#fNav{
			display: contents;
		}
		#fNavGlobal{
			grid-column: 1;
			grid-row: 2;
			justify-self: end;
			width: calc(100% - 24em - clamp(48px, calc(96 / 1200 * 100dvw), 96px));
			margin-top: clamp(24px, calc(64 / 1200 * 100dvw), 64px);
		}
	}
}

#fSns{
	& ul{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		column-gap: 8px;
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: 40px;
		color: inherit;
		font-size: 0;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="100%" height="100%"/></svg>') no-repeat center / 24px;
		&:hover{
			color: #5c9937;
		}
		&[href*="x.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.23,10.16L22.98,0h-2.07l-7.59,8.82L7.25,0H.26l9.17,13.34L.26,24h2.07l8.02-9.32,6.4,9.32h6.99l-9.51-13.84h0ZM11.4,13.46l-.93-1.33L3.08,1.56h3.18l5.96,8.53.93,1.33,7.75,11.09h-3.18l-6.33-9.05h0Z"/></svg>');
		}
		&[href*="youtube.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.5,6.22c-.28-1.03-1.09-1.85-2.12-2.12-1.87-.5-9.38-.5-9.38-.5,0,0-7.51,0-9.38.5-1.03.28-1.85,1.09-2.12,2.12C0,8.09,0,12,0,12,0,12,0,15.91.5,17.78c.28,1.03,1.09,1.85,2.12,2.12,1.87.5,9.38.5,9.38.5,0,0,7.51,0,9.38-.5,1.03-.28,1.85-1.09,2.12-2.12.5-1.87.5-5.78.5-5.78,0,0,0-3.9-.5-5.78ZM9.6,15.6v-7.2l6.24,3.6-6.24,3.6Z"/></svg>');
		}
		&[href*="instagram.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.01,0H6.99C3.15,0,.02,3.13.02,6.97v10.06c0,3.84,3.13,6.97,6.97,6.97h10.02c3.84,0,6.97-3.13,6.97-6.97V6.97C23.98,3.13,20.85,0,17.01,0ZM21.78,17.03c0,2.63-2.14,4.77-4.77,4.77H6.99c-2.63,0-4.77-2.14-4.77-4.77V6.97c0-2.63,2.14-4.77,4.77-4.77h10.02c2.63,0,4.77,2.14,4.77,4.77v10.06ZM12,5.86c-3.38,0-6.14,2.75-6.14,6.14s2.75,6.14,6.14,6.14,6.14-2.75,6.14-6.14-2.75-6.14-6.14-6.14ZM12,15.99c-2.2,0-3.99-1.79-3.99-3.99s1.79-3.99,3.99-3.99,3.99,1.79,3.99,3.99-1.79,3.99-3.99,3.99ZM18.44,4.16c-.81,0-1.46.66-1.46,1.46s.66,1.46,1.46,1.46,1.46-.66,1.46-1.46-.66-1.46-1.46-1.46Z"/></svg>');
		}
	}
}

#fNavGlobal{
	& summary{
		font-weight: 700;
	}
	& a{
		font-weight: 500;
	}
	@media (max-width: 575.98px) {
		& summary{
			display: grid;
			grid-template-columns: 1fr auto;
			align-items: center;
			min-height: 48px;
			padding: 4px 24px;
			border-top: 1px solid currentColor;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 1em;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="4 5 8 11 12 5 4 5"/></svg>') no-repeat center / contain;
			}
		}
		& a{
			display: grid;
			align-items: center;
			min-height: 48px;
			padding: 4px 24px 4px calc(24px + 1em);
			border-top: 1px solid currentColor;
		}
	}
	@media (min-width: 576px) {
		display: grid;
		grid-template-columns: repeat(2, auto);
		align-content: space-around;
		column-gap: 32px;
		& details{
			&::details-content{
				all: unset;
			}
		}
		& summary{
			font-size: 20px;
		}
		& summary+div{
			margin-top: 16px;
			padding-left: 16px;
			border-left: 1px dashed currentColor;
		}
		& ul{
			display: grid;
			grid-row-gap: 4px;
		}
		& li{
			display: contents;
		}
		& a{
			display: block;
			&:hover{
				color: #5c9937;
			}
		}
	}
}

#fNavExtra{
	@media (max-width: 575.98px) {
		border-bottom: 1px solid currentColor;
		& a{
			display: grid;
			align-items: center;
			min-height: 48px;
			padding: 4px 24px;
			border-top: 1px solid currentColor;
			font-weight: 700;
		}
	}
	@media (min-width: 576px) {
		justify-self: center;
		width: min(100%, 928px);
		& ul{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 288px), 1fr));
			grid-gap: 16px clamp(24px, calc(32 / 1200 * 100dvw), 32px);
		}
		& li{
			display: contents;
		}
		& a{
			display: grid;
			grid-template-columns: auto 1fr;
			align-items: center;
			column-gap: 0.5em;
			min-height: 48px;
			padding: 8px 24px;
			background: #fff;
			border-radius: 24px;
			color: inherit;
			font-weight: 700;
			font-size: 14px;
			letter-spacing: 0.05em;
			text-align: center;
			&[href="/photo/index.html"]{
				&:before{
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M11.87,3.02h-1.29v.81h1.29v-.81ZM9.3,3.02h-1.29v.81h1.29v-.81ZM4.15,3.02h-1.29v.81h1.29v-.81ZM14.44,3.02h-1.29v.81h1.29v-.81ZM6.73,3.02h-1.29v.81h1.29v-.81ZM24.02,6.72h.81v-1.29h-.81v1.29ZM22.16,3.02h-1.29v.81h1.29v-.81ZM24,4.26l.78-.21c-.16-.61-.71-1.03-1.33-1.03h0v.81c.26,0,.49.17.56.42ZM17.01,3.02h-1.29v.81h1.29v-.81ZM.81,5.24h-.81v1.29h.81v-1.29ZM19.59,3.02h-1.29v.81h1.29v-.81ZM.83,20.57l-.79.2c.16.61.71,1.04,1.34,1.04h.01v-.81c-.27,0-.5-.18-.56-.43ZM.14,3.79l.73.36c.1-.19.3-.32.51-.32h.2v-.81h-.2c-.53,0-1,.3-1.24.77ZM2.68,21.81h1.29v-.81h-1.29v.81ZM16.04,14.98c1.29,0,2.34-1.05,2.34-2.34s-1.05-2.34-2.34-2.34-2.34,1.05-2.34,2.34,1.05,2.34,2.34,2.34ZM27.03,7H4.96c-.54,0-.97.44-.97.97v16.03c0,.54.44.97.97.97h22.07c.54,0,.97-.44.97-.97V7.98c0-.54-.44-.97-.97-.97ZM26.21,16.42l-4.38-4.38-7.2,7.2-2.46-2.46-6.41,6.41h0v-14.4h20.44v7.62ZM.81,10.38h-.81v1.29h.81v-1.29ZM.81,7.81h-.81v1.29h.81v-1.29ZM.81,18.1h-.81v1.29h.81v-1.29ZM.81,12.96h-.81v1.29h.81v-1.29ZM.81,15.53h-.81v1.29h.81v-1.29Z"/></svg>');
				}
			}
			&[href="/pamphlet"]{
				&:before{
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M0,6.1v18.56c0,.57.57.97,1.1.77l7.13-2.58V2.55L.54,5.33c-.33.12-.54.43-.54.77ZM1.46,7.71l4.95-1.79c.28-.1.6.04.7.33.1.28-.04.6-.33.7l-4.95,1.79c-.06.02-.12.03-.19.03-.22,0-.44-.14-.52-.36-.1-.28.04-.6.33-.7ZM1.46,11.28l4.95-1.79c.28-.1.6.04.7.33.1.28-.04.6-.33.7l-4.95,1.79c-.06.02-.12.03-.19.03-.22,0-.44-.14-.52-.36-.1-.28.04-.6.33-.7ZM1.46,14.84l4.95-1.79c.28-.1.6.04.7.33.1.28-.04.6-.33.7l-4.95,1.79c-.06.02-.12.03-.19.03-.22,0-.44-.14-.52-.36-.1-.28.04-.6.33-.7ZM26.9,2.58l-7.13,2.59v20.31l7.69-2.8c.33-.12.54-.43.54-.77V3.36c0-.57-.57-.97-1.1-.77ZM26.55,16.47l-4.95,1.8c-.06.02-.13.03-.19.03-.22,0-.43-.14-.52-.36-.1-.28.04-.6.33-.7l4.95-1.8c.28-.1.6.04.7.33.1.28-.04.6-.33.7ZM26.55,12.9l-4.95,1.8c-.06.02-.13.03-.19.03-.22,0-.43-.14-.52-.36-.1-.28.04-.6.33-.7l4.95-1.8c.28-.1.6.04.7.33.1.28-.04.6-.33.7ZM26.55,9.33l-4.95,1.8c-.06.02-.13.03-.19.03-.22,0-.43-.14-.52-.36-.1-.28.04-.6.33-.7l4.95-1.8c.28-.1.6.04.7.33.1.28-.04.6-.33.7ZM9.88,22.82l8.24,2.66V5.18l-8.24-2.66v20.31ZM17.01,20.19c-.08.23-.29.38-.52.38-.06,0-.11,0-.17-.03l-4.95-1.6c-.29-.09-.45-.4-.35-.69.09-.29.4-.45.69-.35l4.95,1.6c.29.09.45.4.35.69ZM17.01,16.62c-.08.23-.29.38-.52.38-.06,0-.11,0-.17-.03l-4.95-1.6c-.29-.09-.45-.4-.35-.69.09-.29.4-.45.69-.35l4.95,1.6c.29.09.45.4.35.69ZM10.98,6.43c0-.45.35-.71.78-.57l4.47,1.45c.43.14.78.62.78,1.08v4.94c0,.45-.35.71-.78.57l-4.47-1.45c-.43-.14-.78-.62-.78-1.08v-4.94Z"/></svg>');
				}
			}
			&:before{
				content: "";
				aspect-ratio: 1;
				width: 32px;
				background: var(--color-theme-sub);
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><rect width="100%" height="100%"/></svg>') no-repeat center / contain;
			}
			&:hover{
				background: var(--color);
				color: #fff;
				&:before{
					background: currentColor;
				}
			}
			li:nth-child(3) &:before{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M7.07,10.44c3.82,2.85,6.95,5.17,6.96,5.17.01,0,3.14-2.33,6.95-5.17l6.93-5.17h-6.94c-3.82-.02-10.07-.02-13.89-.01H.13s6.94,5.19,6.94,5.19h0ZM1.27,21.22c4.9-5.58,7.26-8.29,7.26-8.34C8.53,12.83.1,6.52.03,6.51c-.02,0-.03,3.63-.03,8.08h0v8.08l1.27-1.45ZM18.74,13.43s-1.1.8-2.38,1.76l-2.33,1.74-1.9-1.42c-1.04-.78-2.11-1.57-2.37-1.76l-.47-.35-.16.17c-.09.09-1.9,2.15-4.02,4.58-2.12,2.42-3.89,4.45-3.94,4.5h0s-.09.1-.09.1h25.9l-.12-.14c-5.91-6.75-8.07-9.19-8.11-9.18ZM27.99,10.55v-4.04s-2.05,1.52-2.05,1.52c-1.12.84-3.04,2.27-4.26,3.18l-2.22,1.66,4.26,4.86h0l4.26,4.86v-4.01c.02-2.2.02-5.82.01-8.04Z"/></svg>');
			}
		}
	}
}

#fAddress{
	display: grid;
	&:before{
		content: "";
		display: block;
		aspect-ratio: 300 / 56;
		height: clamp(48px, calc(64 / 1200 * 100dvw), 64px);
		margin: 16px;
		background: url('/common/images/logoType.svg') no-repeat center / 100%, #fff;
		outline: 16px solid #fff;
		border-radius: 1px;
		font-size: 0;
		transition: none;
	}
	& h3{
		margin-top: clamp(16px, calc(24 / 1200 * 100dvw), 24px);
		font-weight: 700;
		font-size: clamp(16px, calc(18 / 768 * 100dvw), 18px);
		letter-spacing: 0.05em;
	}
	& h3+div{
		margin-top: 8px;
		font-weight: 700;
		font-size: clamp(14px, calc(16 / 768 * 100dvw), 16px);
		letter-spacing: 0.05em;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
	@media (max-width: 991.98px) {
		text-align: center;
		&:before{
			justify-self: center;
		}
	}
}

#copyright{
	font-weight: 500;
	text-align: center;
}

#pageTop{
	position: sticky;
	bottom: 0;
	font-size: 0;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s ease-out 1s;
	z-index: 100;
	.done:not(.scrollTop) &{
		opacity: 1;
	}
	&:before,
	&:after{
		content: "";
		position: absolute;
		right: 8px;
		bottom: 8px;
		aspect-ratio: 1;
		width: clamp(48px, calc(64 / 768 * 100dvw), 64px);
	}
	&:before{
		background: var(--color);
		border-radius: 100%;
	}
	&:after{
		background: #fff;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.582 13.891c-0.272 0.268-0.709 0.268-0.979 0s-0.271-0.701 0-0.969l7.908-7.83c0.27-0.268 0.707-0.268 0.979 0l7.908 7.83c0.27 0.268 0.27 0.701 0 0.969s-0.709 0.268-0.978 0l-7.42-7.141-7.418 7.141z" /></svg>') no-repeat center / 50%;
	}
}

#pagenation{
	display: grid;
	grid-template-columns: var(--wrap);
	place-items: center;
	& ul,
	& ol{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		grid-gap: 8px;
	}
	& a{
		display: grid;
		color: inherit;
		font-weight: 700;
		text-decoration: none;
		&:not([rel]){
			aspect-ratio: 1;
			width: 48px;
			place-items: center;
			border: 1px solid #ccc;
			border-radius: 8px;
			font-size: 18px;
			line-height: 1;
		}
		&[rel="prev"],
		&[rel="next"]{
			grid-template-columns: 1fr auto;
			align-items: center;
			column-gap: 0.25em;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 1em;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-width: 2px;"><polyline points="5 2 11 8 5 14"/></svg>') no-repeat center / contain;
			}
		}
		&[rel="prev"]{
			grid-template-columns: auto 1fr;
			margin-right: 8px;
			&:after{
				order: -1;
				transform: scale(-1, 1);
			}
		}
		&[rel="next"]{
			margin-left: 8px;
		}
		&[rel="list"]{
			display: grid;
			align-items: center;
			height: 48px;
			padding: 0.25em 1.5em;
			place-items: center;
			border: 1px solid #ccc;
			border-radius: 8px;
		}
		&.lsc-current-page{
			background: var(--color-theme);
			border-color: transparent;
			color: #fff;
		}
	}
	[LSC-LB*="lscListPgn"]{
		display: none;
	}
}

[id^="gMap"]{
	& button{
		all: unset;
	}
}

.infoWin{
	[LSC-LB="dummy"] &,
	[LSC-LT="dummy"] &{
		width: clamp(224px, calc(240 / 1200 * 100dvw), 240px);
		padding: 16px;
		background: #fff;
	}
	& dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-gap: clamp(8px, calc(16 / 768 * 100dvw), 16px);
		max-width: 240px;
	}
	& dt{
		width: 100%;
		font-weight: 700;
		font-size: clamp(12px, calc(14 / 768 * 100dvw), 14px);
	}
	& dd{
		&:has(img){
			width: 100%;
		}
		&:has(img[src=""]){
			aspect-ratio: 3 / 2;
			background: var(--dummy);
		}
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			&[src=""]{
				display: none;
			}
		}
		&:has(a){
			display: contents;
		}
		& a{
			display: grid;
			align-items: center;
			width: calc(50% - 8px);
			min-height: 32px;
			padding: 0.25em 0.5em;
			border-radius: 8px;
			background: var(--color-theme-sub);
			color: #fff;
			font-weight: 500;
			font-size: clamp(10px, calc(12 / 768 * 100dvw), 12px);
			text-align: center;
			text-decoration: none;
			&[href*="google"]{
				order: 1;
				background: var(--color);
			}
		}
	}
	
}