/* CSS Document */

/*
Noto Sans CJK JP / Regular, Medium, Bold
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;

Helvetica LT Pro / Roman, Bold
font-family: helvetica-lt-pro, sans-serif;
font-weight: 400, 700;
font-style: normal;*/

[lsc-lt]{
	display: contents;
	&[lsc-lt="None"]{
		display: none;
	}
}

img[src="[url]"],
img[src*="src"]{
	display: block;
	background: var(--dummy);
}

:root{
	--color: #2b2926;
	--color-rgb: 43, 41, 38;
	--color-theme: #53b2cd;
	--color-theme-rgb: 83, 178, 205;
	--variable-color: var(--color-theme);
	--color-border: #808080;
	--font: noto-sans-cjk-jp, sans-serif;
	--wrap-space: 24px;
	--wrap-fit: calc(min(100dvw, 100%) - 48px);
	--wrap-min: 375px;
	--wrap-max: 1200px;
	--wrap: min(calc(clamp(var(--wrap-min), 100%, 100dvw) - 48px), var(--wrap-max));
	--dummy: #d3ebf2 url('/common/images/logoType.svg') no-repeat center / 75%;
}

html{
	min-width: var(--wrap-min);
	scroll-behavior: smooth;
	scroll-padding-top: 56px;
}

body{
	color: var(--color);
	font: 500 16px var(--font);
	font-feature-settings: "palt";
	line-height: 1.65;
	overflow-wrap: anywhere;
}
::selection{
	background: var(--color-theme);
	color: #fff;
}
::-moz-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;
	}
}

summary::-webkit-details-marker {
	display: none;
}

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

main{
	& a{
		color: var(--color-theme);
		text-decoration: underline;
	}
}

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

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

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

#wrapper{
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 100dvh;
	#header{
		grid-column: 1;
		grid-row: 1;
		position: sticky;
		top: 0;
		z-index: 110;
	}
	#nav{
		z-index: 120;
	}
	#pagePath,
	#footer,
	#pageTop{
		order: 10;
	}
	#navButton{
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		position: sticky;
		top: 0;
		z-index: 110;
	}
}

#header{
	display: flex;
	justify-content: space-between;
	margin-right: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	@media (max-width: 1199.98px) {
		min-height: clamp(64px, calc(72 / 768 * 100vw), 72px);
		background: #d3ebf2;
		#hNav{
			display: none;
		}
	}
	@media (min-width: 1200px) {
		min-height: 96px;
		background: #fff;
		#hNav{
			align-self: center;
		}
	}
}

#siteName{
	& a{
		display: grid;
		font-size: 0;
		background: url('../images/logoType.svg') no-repeat center / contain;
		transition: none;
	}
	@media (max-width: 1199.98px) {
		margin: auto clamp(16px, calc(24 / 768 * 100vw), 24px);
		align-items: center;
		& a{
			aspect-ratio: 300 / 77;
			height: clamp(40px, calc(48 / 768 * 100vw), 48px);
		}
	}
	@media (min-width: 1200px) {
		display: grid;
		& a{
			align-items: center;
			padding: 16px clamp(24px, calc(32 / 1200 * 100vw), 32px);
			background-color: #d3ebf2;
			background-size: auto 56px;
			&:before{
				content: "";
				aspect-ratio: 300 / 77;
				height: 56px;
			}
		}
	}
}

#hNav{
	display: flex;
	align-items: center;
	padding: 8px clamp(24px, calc(32 / 1200 * 100vw), 32px);
	font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
	& details{
		&::details-content{
			box-sizing: border-box;
			interpolate-size: allow-keywords;
			height: 0;
			overflow: hidden;
			transform-origin: center top;
			visibility: hidden;
			transition: height 0.2s ease-out allow-discrete;
		}
		&[open]::details-content{
			height: auto;
			background: #fff;
			border-radius: 8px;
			filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
			visibility: visible;
		}
	}
	& summary{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
	}
	#hNavGlobal{
		margin-right: clamp(16px, calc(24 / 1200 * 100vw), 24px);
	}
	#hNavSearch{
		margin-right: 16px;
	}
}

#hNavGlobal{
	display: flex;
	align-items: center;
	column-gap: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	& details{
		position: relative;
		padding: 4px 0;
		&::details-content{
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			z-index: 1;
		}
		&:nth-of-type(1){
			&::details-content{
				width: 12em;
			}
		}
		&:nth-of-type(2){
			&::details-content{
				width: 16.5em;
			}
		}
		&:nth-of-type(3){
			&::details-content{
				width: 8em;
			}
		}
		&:nth-of-type(4){
			&::details-content{
				width: 7em;
			}
		}
	}
	& summary{
		font-weight: 700;
		text-align: center;
		pointer-events: none;
	}
	& div{
		padding: 4px 0;
		font-weight: 700;
		text-align: center;
	}
	& ul{
		display: grid;
		padding: 8px 16px;
		& ul{
			all: unset;
			display: grid;
			grid-gap: 4px;
			padding-bottom: 8px;
			& a{
				all: unset;
				cursor: pointer;
				display: grid;
				grid-template-columns: auto 1fr;
				column-gap: 8px;
				&:before{
					content: "-";
				}
			}
		}
	}
	& li{
		&:nth-child(n+2){
			border-top: 1px solid var(--color-border);
		}
		& li{
			display: contents;
		}
		& a{
			display: block;
			padding: 8px 0;
			&:hover{
				color: var(--color-theme);
			}
		}
	}
}

#hNavSearch{
	& details{
		position: relative;
		&::details-content{
			position: absolute;
			top: calc(100% + 8px);
			right: 0;
			width: 320px;
			border-radius: 8px;
			overflow: auto;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}
		& summary + div{
			background: #f2f2f2;
		}
	}
	& summary{
		display: block;
		aspect-ratio: 1;
		width: clamp(32px, calc(40 / 1200 * 100vw), 40px);
		background: currentColor;
		font-size: 0;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round;"><circle cx="18" cy="18" r="15" style="stroke-width: 3px;"/><line x1="29.5" y1="29.5" x2="36" y2="36" style="stroke-width: 5px;"/></svg>') no-repeat center / contain;
	}
	& form{
		display: flex;
		justify-content: space-between;
		min-height: 48px;
		background: #fff;
		border-radius: 8px;
		filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
		margin: 0;
	}
	& input{
		all: unset;
		box-sizing: border-box;
		padding: 8px 16px;
	}
	& button{
		all: unset;
		box-sizing: border-box;
		aspect-ratio: 1;
		width: 24px;
		margin-right: 12px;
		margin-left: 6px;
		background: currentColor;
		cursor: pointer;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round;"><circle cx="18" cy="18" r="15" style="stroke-width: 3px;"/><line x1="29.5" y1="29.5" x2="36" y2="36" style="stroke-width: 5px;"/></svg>') no-repeat center / contain;
		-webkit-mask-size: contain;
		display: block;
	}
}

.gsc-control-cse{
	all: unset;
	display: contents;
}
.gsc-input-box {
    border: none!important;
    background-color: #f2f2f2!important;
}
table.gsc-search-box {
	margin: 0!important;
	background-color: #f2f2f2!important;
	transition: 0.3s all;
}
table.gsc-search-box input{
	background-color: #f2f2f2!important;
}
table.gsc-search-box td.gsc-input {
    padding: 4px 8px;
	padding-right: 4px!important;
}
.gsc-search-box-tools {
	display: contents;
}
.gsc-search-box-tools button svg {
	display: none;
}
.gsc-search-box-tools a {
	display: flex;
}
.gsc-completion-container {
    display: none !important;
}
.gsc-overflow-hidden form.gsc-search-box.gsc-search-box-tools * {
    font-size: 0;
    height: 80vh;
}



#hNavExtra{
	& a{
		display: grid;
		align-items: center;
		min-height: 40px;
		padding: 8px 16px;
		background: #79c3d8;
		border-radius: 20px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
}

#navButton{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	display: grid;
	align-content: center;
	justify-items: center;
	grid-gap: clamp(8px, calc(14 / 1200 * 100vw), 14px);
	width: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	background: #79c3d8;
	color: #fff;
	& i{
		width: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		border: 2px solid currentColor;
	}
}

#nav{
	position: fixed;
	top: 0;
	left: 100%;
	display: grid;
	align-content: start;
	width: min(100%, 480px);
	height: max(100%, 100dvh);
	padding-bottom: 56px;
	background: #fff;
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
	overflow-y: auto;
	overscroll-behavior: none;
	transform: translateX(0);
	transition: transform 0.2s ease-out;
	.nav &{
		transform: translateX(-100%);
	}
	& h2{
		display: none;
	}
	& details{
		&::details-content{
			box-sizing: border-box;
			interpolate-size: allow-keywords;
			height: 0;
			overflow: hidden;
			transform-origin: center top;
			transition: height 0.2s ease-out, content-visibility 0.2s ease-out allow-discrete;
		}
		&[open]{
			&::details-content{
				height: auto;
			}
		}
	}
	& summary{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
	}
	#navClose{
		order: -1;
		justify-self: end;
	}
}

#navGlobal{
	border-top: 1px solid currentColor;
	& details{
		border-bottom: 1px solid currentColor;
	}
	& summary{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		min-height: 48px;
		padding: 8px 24px;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 16px;
			background: #4d4d4d;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><polygon points="0 2 7 12 14 2 0 2" /></svg>') no-repeat center / contain;
		}
		[open] &:after{
			transform: scale(1, -1);
		}
	}
	& div{
		border-bottom: 1px solid currentColor;
		& a{
			display: grid;
			grid-template-columns: 1fr auto;
			align-items: center;
			min-height: 48px;
			padding: 8px 24px;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 16px;
				background: #4d4d4d;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><polygon points="2 14 12 7 2 0 2 14" /></svg>') no-repeat center / contain;
			}
		}
	}
	& li{
		border-top: 1px solid #ccc;
		& a{
			display: grid;
			grid-template-columns: 1fr auto;
			align-items: center;
			min-height: 48px;
			padding: 8px 24px;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 16px;
				background: #ccc;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><polygon points="2 14 12 7 2 0 2 14" /></svg>') no-repeat center / contain;
			}
		}
		& ul{
			padding-bottom: 8px;
		}
		& li{
			all: unset;
			& a{
				all: unset;
				cursor: pointer;
				display: grid;
				grid-template-columns: auto 1fr;
				column-gap: 8px;
				padding: 8px 24px;
				&:before{
					content: "-";
				}
				&:after{
					content: none;
				}
			}
		}
	}
}

#navSearch{
	margin-inline: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	& summary{
		display: none;
	}
	& form{
		display: flex;
		justify-content: space-between;
		min-height: 48px;
		background: #f2f2f2;
		border-radius: 8px;
		/*overflow: hidden;*/
	}
	& input{
		all: unset;
		box-sizing: border-box;
		padding: 0 8px;
		width: 100%;
	}
	& button{
		all: unset;
		box-sizing: border-box;
		aspect-ratio: 1;
		width: 30px;
		margin-right: 8px;
		background: currentColor;
		cursor: pointer;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round;"><circle cx="18" cy="18" r="15" style="stroke-width: 3px;"/><line x1="29.5" y1="29.5" x2="36" y2="36" style="stroke-width: 5px;"/></svg>') no-repeat center / contain;
		-webkit-mask-size: contain;
		display: block;
	}
}

#navExtra{
	display: flex;
	justify-content: center;
	margin-inline: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	& a{
		display: grid;
		align-items: center;
		min-height: 48px;
		padding: 8px 24px;
		background: #79c3d8;
		border-radius: 24px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
}

#navClose{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	display: grid;
	align-content: center;
	justify-items: center;
	aspect-ratio: 1;
	width: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	color: #79c3d8;
	font-size: 0;
	&:before,
	&:after{
		content: "";
		grid-column: 1;
		grid-row: 1;
		width: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		border: 2px solid currentColor;
		transform-origin: center;
	}
	&:before{
		transform: rotate(45deg);
	}
	&:after{
		transform: rotate(135deg);
	}
}

#pagePath{
	display: none;
}

#footer{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 32px;
	padding-top: clamp(16px, calc(40 / 1200 * 100vw), 40px);
	#fSns,
	#fAddress{
		max-width: var(--wrap);
	}
	#copyright{
		width: 100%;
		margin-top: clamp(16px, calc(24 / 1200 * 100vw), 24px);
	}
	@media (max-width: 767.98px) {
		#fNav{
			display: none;
		}
		#fAddress{
			margin-top: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		}
	}
	@media (min-width: 768px) {
		padding-top: clamp(24px, calc(40 / 1200 * 100vw), 40px);
		&:before{
			content: "";
			width: 100%;
		}
		#fNav{
			order: -1;
			width: min(var(--wrap), 1075px);
		}
		#fSns,
		#fAddress{
			align-self: center;
			margin-top: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		}
	}
}

#fNav{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto auto 1fr;
	grid-gap: 16px 48px;
	& details{
		all: unset;
		box-sizing: border-box;
		grid-row: 1 / 4;
		display: grid;
		grid-row-gap: 16px;
		align-content: start;
		&:nth-of-type(4){
			grid-column: 5;
		}
	}
	& summary{
		all: unset;
		cursor: default;
		box-sizing: border-box;
		padding-bottom: 8px;
		border-bottom: 1px solid currentColor;
		font-weight: 700;
		font-size: 20px;
	}
	& div{
		grid-column: 4;
		& a{
			display: block;
			padding-bottom: 8px;
			border-bottom: 1px solid currentColor;
			font-weight: 700;
			font-size: 20px;
		}
	}
	& ul{
		display: grid;
		grid-row-gap: 8px;
	}
	& li{
		display: contents;
		font-size: 14px;
	}
	& a{
		text-decoration: none;
	}
}

#fSns{
	display: grid;
	justify-items: center;
	grid-row-gap: 16px;
	&:before{
		content: "";
		aspect-ratio: 300 / 77;
		width: 224px;
		background: url('../images/logoType.svg') no-repeat center / contain;
	}
	& ul{
		display: flex;
		justify-content: center;
		column-gap: 8px;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: 56px;
		background: currentColor;
		border-radius: 100%;
		font-size: 0;
		&[href*="instagram.com"]{
			background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="white"><path d="M47.86,14.1c-.12-2.55-.52-4.3-1.12-5.83-.61-1.58-1.43-2.92-2.77-4.25-1.33-1.33-2.67-2.15-4.25-2.77-1.53-.59-3.27-1-5.83-1.12-2.56-.12-3.38-.14-9.9-.14s-7.34.03-9.9.14c-2.55.12-4.3.52-5.83,1.12-1.58.61-2.92,1.43-4.25,2.77-1.33,1.33-2.16,2.67-2.77,4.25-.59,1.53-1,3.27-1.12,5.83-.12,2.56-.14,3.38-.14,9.9s.03,7.34.14,9.9c.12,2.55.52,4.3,1.12,5.83.61,1.58,1.43,2.92,2.77,4.25,1.33,1.33,2.67,2.15,4.25,2.77,1.53.59,3.27,1,5.83,1.12,2.56.12,3.38.14,9.9.14s7.34-.03,9.9-.14c2.55-.12,4.3-.52,5.83-1.12,1.58-.61,2.92-1.43,4.25-2.77,1.33-1.33,2.15-2.67,2.77-4.25.59-1.53,1-3.27,1.12-5.83.12-2.56.14-3.38.14-9.9s-.03-7.34-.14-9.9ZM43.54,33.7c-.11,2.34-.5,3.61-.83,4.46-.44,1.12-.96,1.92-1.79,2.76-.84.84-1.64,1.36-2.76,1.79-.85.33-2.12.72-4.46.83-2.53.12-3.29.14-9.7.14s-7.17-.02-9.7-.14c-2.34-.11-3.61-.5-4.46-.83-1.12-.44-1.92-.96-2.76-1.79-.84-.84-1.36-1.64-1.79-2.76-.33-.85-.72-2.12-.83-4.46-.12-2.53-.14-3.29-.14-9.7s.02-7.17.14-9.7c.11-2.34.5-3.61.83-4.46.44-1.12.96-1.92,1.79-2.76.84-.84,1.64-1.36,2.76-1.79.85-.33,2.12-.72,4.46-.83,2.53-.11,3.29-.14,9.7-.14s7.17.02,9.7.14c2.34.11,3.61.5,4.46.83,1.12.44,1.92.96,2.76,1.79.84.84,1.36,1.64,1.79,2.76.33.85.72,2.12.83,4.46.12,2.53.14,3.29.14,9.7s-.02,7.17-.14,9.7ZM24,11.68c-6.81,0-12.32,5.52-12.32,12.32s5.52,12.32,12.32,12.32,12.32-5.52,12.32-12.32-5.52-12.32-12.32-12.32ZM24,32c-4.42,0-8-3.58-8-8s3.58-8,8-8,8,3.58,8,8-3.58,8-8,8ZM36.81,8.31c-1.59,0-2.88,1.29-2.88,2.88s1.29,2.88,2.88,2.88,2.88-1.29,2.88-2.88-1.29-2.88-2.88-2.88Z"/></svg>') no-repeat center / 50%, linear-gradient(-150deg, transparent 55%, #ff7a00 65%, #ffd600) no-repeat, linear-gradient(45deg, transparent 50%, #d300c5) no-repeat, linear-gradient(135deg, #7638fa 25%, #ff0069 50%) no-repeat;
		}
		&[href*="x.com"]{
			background: var(--color) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="white"><path d="M28.47,20.32L45.95,0h-4.14l-15.18,17.65L14.5,0H.52l18.34,26.69L.52,48h4.14l16.03-18.64,12.81,18.64h13.99l-19.02-27.68h0ZM22.79,26.92l-1.86-2.66L6.15,3.12h6.36l11.93,17.06,1.86,2.66,15.51,22.18h-6.36l-12.65-18.1h0Z"/></svg>') no-repeat center / 50%;
		}
		&[href*="facebook.com"]{
			background: #0866ff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="white"><path d="M33.4,31.33l1.35-7.33h-7.84v-2.59c0-3.88,1.52-5.37,5.46-5.37,1.22,0,2.21.03,2.77.09v-6.65c-1.07-.3-3.7-.6-5.22-.6-8.02,0-11.72,3.79-11.72,11.96v3.16h-4.95v7.33h4.95v15.96c1.86.46,3.8.71,5.8.71.98,0,1.95-.06,2.91-.18v-16.49h6.49Z"/></svg>') no-repeat center bottom / 95%;
		}
	}
}

#fAddress{
	& h3{
		font-weight: 700;
		font-size: clamp(22px, calc(24 / 768 * 100vw), 24px);
	}
	& h3+div{
		font-size: 14px;
	}
	& ul{
		display: flex;
		flex-wrap: wrap;
		column-gap: 16px;
	}
	& li{
		& a{
			display: grid;
			grid-template-columns: auto 1fr;
			font-size: 14px;
			&:before{
				content: "\3E";
			}
		}
	}
}

#copyright{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	background: #999;
	& p{
		color: #fff;
		font-size: 14px;
		text-align: center;
	}
}

#floatingNav{
	order: 100;
	position: sticky;
	bottom: 0;
	z-index: 10;
	& ul{
		display: grid;
	}
	& li{
		display: contents;
		&:nth-child(odd) a{
			background: #eacc15;
			&:before{
				background: #fff;
			}
		}
		&:nth-child(even) a{
			background: #fff;
			&:before{
				background: #eacc15;
			}
		}
		&:nth-child(1) a:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 36"><path d="M47.17,3.65c-.28-.3-.71-.4-1.1-.27L7.25,16.84c-.4.14-.68.51-.7.94-.02.43.22.82.61,1,.06.03,4.67,2.12,10.14,4.58l-.21,8.24c-.01.42.23.8.6.97.14.07.29.1.44.1.25,0,.49-.09.69-.26l6.2-5.43s.08-.08.12-.12c2.36,1.04,4.35,1.91,5.94,2.59,1.43.61,2.55,1.08,3.32,1.39.85.34,1.35.53,1.74.53.21,0,.39-.05.57-.17.25-.16.41-.42.47-.7.35-1.19,6.26-16,10.18-25.74.15-.38.07-.82-.21-1.11ZM42.08,6.98l-23.7,14.45s-.07.05-.11.08c-2.7-1.21-5.4-2.43-7.86-3.54l31.67-10.98ZM19.24,29.27l.13-4.98c.63.28,1.27.57,1.91.85.61.27,1.2.54,1.78.79l-3.81,3.34ZM40.32,16.76c-3.02,7.57-4.28,10.81-4.81,12.26-2.21-.85-8.36-3.56-14.93-6.49l23.05-14.05c-.94,2.33-2.13,5.31-3.31,8.28Z"/></svg>')
		}
		&:nth-child(2) a:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 36"><path d="M35.24,3.36c-9.13,0-16.54,6.17-16.54,13.78s7.4,13.78,16.54,13.78c.75,0,1.48-.06,2.2-.14l4.46,3.76c.56.47,1.09.26,1.18-.46l.66-5.15c4.81-2.41,8.03-6.79,8.03-11.8,0-7.61-7.4-13.78-16.54-13.78ZM35.24,23.99h-6.61c-.44,0-.79-.35-.79-.79s.35-.79.79-.79h6.61c.44,0,.79.35.79.79s-.35.79-.79.79ZM41.86,19.58h-13.23c-.44,0-.79-.35-.79-.79s.35-.79.79-.79h13.23c.44,0,.79.35.79.79s-.35.79-.79.79ZM41.86,15.17h-13.23c-.44,0-.79-.35-.79-.79s.35-.79.79-.79h13.23c.44,0,.79.35.79.79s-.35.79-.79.79ZM19.81,28.77c-.62,0-1.29-.04-2.08-.13l-.45-.05-4.35,3.66-.66-5.1-.5-.25c-4.67-2.34-7.45-6.4-7.45-10.86,0-7.02,6.95-12.73,15.49-12.73,2.28,0,4.43.42,6.38,1.14.84-.43,1.73-.8,2.66-1.11-2.65-1.34-5.73-2.13-9.04-2.13C10.11,1.2,2.22,7.86,2.22,16.03c0,5.11,3.02,9.74,8.11,12.48l.59,4.6c.1.74.49,1.29,1.08,1.52.18.07.38.11.57.11.43,0,.86-.17,1.25-.5l4.12-3.48c.68.06,1.29.1,1.86.1,2.26,0,4.41-.37,6.4-1.03-.87-.44-1.7-.94-2.46-1.5-1.26.27-2.57.43-3.94.43Z"/></svg>')
		}
	}
	& a{
		display: grid;
		grid-template-columns: auto auto;
		align-items: center;
		justify-content: center;
		grid-gap: 8px;
		color: inherit;
		font-weight: 700;
		font-size: clamp(12px, calc(19 / 768 * 100vw), 19px);
		letter-spacing: 0.05em;
		text-align: center;
		text-decoration: none;
		&:before{
			content: "";
			aspect-ratio: 3 / 2;
			width: clamp(24px, calc(48 / 1200 * 100vw), 48px);
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 36"><rect width="100%" height="100%"/></svg>') no-repeat center / contain;
		}
	}
	@media (max-width: 767.98px) {
		& ul{
			grid-template-columns: repeat(2, 1fr);
		}
		& a{
			min-height: clamp(32px, calc(48 / 768 * 100vw), 48px);
			padding: 4px 24px;
		}
	}
	@media (min-width: 768px) {
		position: fixed;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		& ul{
			grid-template-rows: repeat(2, 1fr);
			background: #fff;
			border-radius: 48px 0 0 48px;
			outline: 5px solid #fff;
			filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
			overflow: hidden;
		}
		& li{
			&:first-child a{
				padding-top: 24px;
			}
			&:last-child a{
				padding-bottom: 24px;
			}
		}
		& a{
			width: 80px;
			padding: 16px 4px;
			writing-mode: vertical-rl;
			text-orientation: upright;
		}
	}
}

#pageTop{
	display: none;
}

#pagenation{
	[lsc-lb^="lscListPgn"]{
		display: none;
	}
	& ul,
	& ol{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		grid-gap: 8px;
		width: var(--wrap);
		margin: auto;
		list-style: none;
	}
	& ul{
		& li{
			display: contents;
			&:nth-child(n+2):before{
				content: "｜";
			}
		}
	}
	& a{
		display: grid;
		font-weight: 700;
		text-decoration: none;
		&:not([rel]){
			aspect-ratio: 1;
			width: 48px;
			place-items: center;
			background: var(--color-theme);
			border-radius: 100%;
			color: #fff;
			overflow: hidden;
		}
		&[rel]{
			align-items: center;
			grid-gap: 4px;
			color: inherit;
			&:before{
				aspect-ratio: 1;
				-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="M9.163 4.516c0.418 0.408 4.502 4.695 4.502 4.695 0.223 0.219 0.335 0.504 0.335 0.789s-0.112 0.57-0.335 0.787c0 0-4.084 4.289-4.502 4.695-0.418 0.408-1.17 0.436-1.615 0-0.446-0.434-0.481-1.041 0-1.574l3.747-3.908-3.747-3.908c-0.481-0.533-0.446-1.141 0-1.576s1.197-0.409 1.615 0z" /></svg>') no-repeat center / contain;
				background: currentColor;
			}
		}
		&[rel="prev"]{
			grid-template-columns: 16px auto;
			&:before{
				content: "";
				transform: scale(-1, 1);
			}
		}
		&[rel="next"]{
			grid-template-columns: auto 16px;
			&:before{
				content: "";
				order: 1;
			}
		}
		&.lsc-current-page{
			background: #ccc;
			color: #fff;
			pointer-events: none;
		}
	}
}



@supports not (selector(details::details-content)) {
  /* mac safari用 */
#hNav{
	& details{
		> summary + *{
			box-sizing: border-box;
			height: 0;
			overflow: hidden;
			transform-origin: center top;
			visibility: hidden;
			transition: height 0.2s ease-out allow-discrete;
		}
		&[open] > summary + *{
			height: auto;
			background: #fff;
			border-radius: 8px;
			filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
			visibility: visible;
		}
	}
}
#hNavGlobal{
	& details{
		> summary + *{
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			z-index: 1;
			border: 1px solid #666;
		}
		&:nth-of-type(1){
			> summary + *{
				width: 12em;
			}
		}
		&:nth-of-type(2){
			> summary + *{
				width: 16.5em;
			}
		}
		&:nth-of-type(3){
			> summary + *{
				width: 9em;
			}
		}
		&:nth-of-type(4){
			> summary + *{
				width: 7em;
			}
		}
	}
}
#hNavSearch{
	& details{
		> summary + *{
			position: absolute;
			top: calc(100% + 8px);
			right: 0;
			width: 320px;
		}
	}
}
#nav{
	& details{
		> summary + *{
			box-sizing: border-box;
			interpolate-size: allow-keywords;
			height: 0;
			overflow: hidden;
			transform-origin: center top;
			transition: height 0.2s ease-out, content-visibility 0.2s ease-out allow-discrete;
		}
		&[open]{
			> summary + *{
				height: auto;
			}
		}
	}
}