/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@500;700&family=Zen+Kurenaido&display=swap');

/*
Noto Sans JP
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;

Zen Kaku Gothic New
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500, 700;
font-style: normal;

Zen Kurenaido
font-family: "Zen Kurenaido", sans-serif;
font-weight: 400;
font-style: normal;
*/

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

[lsc-lt]{
	display: contents;
}

:root{
	--color: #000;
	--color-rgb: 0, 0, 0;
	--color-theme: #ff866b;
	--color-theme-rgb: 255, 134, 107;
	--variable-color: var(--color-theme);
	--color-border: #808080;
	--font: 'Zen Kaku Gothic New', 'Noto Sans JP', 'BIZ UDPGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
	--wrap-space: 24px;
	--wrap-fit: calc(min(100dvw, 100%) - 48px);
	--wrap-max: 1200px;
	--wrap: clamp(327px, calc(max(100dvw, 100%) - 48px), var(--wrap-max));
	--dummy: #ccc url('/common/images/noImage.png') no-repeat center / cover;
}

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;
}

::selection{
	background: var(--color-theme);
	color: #fff;
}
::-moz-selection{
	background: var(--color-theme);
	color: #fff;
}
_::content, _:future, body:not(*:root) {
	/* Chromeのハック */
	/*フォント細いって言われたとき
	font-weight: 500;
	*/
}
_::-webkit-full-page-media, _:future, :root body{
	/* safariのハック */
}
@-moz-document url-prefix(){
	/* Firefoxのハック */
	.xxx{

	}
}

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: 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: var(--color-theme);
	color: white;
	text-align: center;
	&:focus-visible{
		outline: var(--color-theme) auto 2px;
		outline-offset: 2px;
	}
}

#wrapper{
	display: grid;
	#header{
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		position: sticky;
		top: 0;
		z-index: 120;
	}
	#nav{
		z-index: 110;
	}
	#pageTop{
		order: 10;
	}
	#footer{
		order: 11;
	}
}

#header{
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	padding-left: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	background: #fff;
	#navButton{
		justify-self: end;
	}
	@media (max-width: 1199.98px) {
		height: 64px;
		#hNav{
			display: none;
		}
	}
	@media (min-width: 1200px) {
		min-height: 96px;
		#navButton{
			display: none;
		}
	}
}

#hNav{
	& details{
		box-sizing: border-box;
		&::details-content{
			box-sizing: border-box;
		}
	}
	& summary{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
	}
}

#hNavGlobal{
	display: flex;
	justify-content: end;
	column-gap: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	margin: 0 clamp(24px, calc(32 / 1200 * 100vw), 32px);
	@media (min-width: 1366px) {
		column-gap: 48px;
		margin: 0 48px 0 auto;
	}
	& details{
		position: relative;
		&::details-content{
			all: unset;
		}
		&[open]::details-content{
			all: unset;
		}
		&:nth-child(1){
			& ul{
				left: 50%;
				width: 14em;
				transform: translateX(-50%);
			}
		}
		&:nth-child(2){
			& ul{
				left: 50%;
				width: 9em;
				transform: translateX(-50%);
			}
		}
		&:nth-child(3){
			& ul{
				left: 50%;
				width: 11em;
				transform: translateX(-50%);
			}
		}
		&:nth-child(4){
			& ul{
				left: 50%;
				width: 17em;
				transform: translateX(-50%);
			}
		}
		&:nth-child(5){
			& ul{
				left: 50%;
				width: 13em;
				transform: translateX(-50%);
			}
		}
		&:nth-child(6){
			& ul{
				left: 50%;
				width: 11em;
				transform: translateX(-50%);
			}
		}
		&:nth-child(7){
			& ul{
				left: inherit;
				right: -1em;
				width: 14em;
			}
		}
	}
	& summary{
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		column-gap: 0.25em;
		font-weight: 700;
		font-size: 16px;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 12px;
			background: var(--color-theme);
			border-radius: 100%;
		}
		@media (min-width: 1366px) {
			font-size: 18px;
		}
	}
	& ul{
		position: absolute;
		top: 100%;
		left: 0;
		display: grid;
		grid-row-gap: 8px;
		padding: 16px 24px;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 8px;
	}
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 1em;
		font-size: clamp(12px, calc(16 / 768 * 100vw), 16px);
		&:before{
			content: "-";
		}
	}
}

#siteName{
	& a{
		display: block;
		aspect-ratio: 300 / 84;
		height: 48px;
		background: url('/common/images/logoType.svg') no-repeat center / contain;
		font-size: 0;
		transition: none;
		@media (min-width: 1200px) {
			height: 64px;
		}
	}
}

#navButton{
	all: unset;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: 0 0 0;
	align-content: center;
	justify-items: center;
	grid-gap: 8px;
	aspect-ratio: 1;
	height: 64px;
	color: currentColor;
	overflow: hidden;
	pointer-events: all;
	cursor: pointer;
	& i{
		width: 50%;
		height: 1px;
		background: currentColor;
		border-radius: 1px;
		animation-duration: 0.75s;
		animation-fill-mode: forwards;
		transition: transform 0.75s;
	}
	&.on{
		& i:nth-of-type(1){
			animation-name: navButton-bar01_on;
		}
		& i:nth-of-type(2){
			animation-name: navButton-bar02_on;
		}
		& i:nth-of-type(3){
			animation-name: navButton-bar03_on;
		}
	}
	&.off{
		& i:nth-of-type(1){
			animation-name: navButton-bar01_off;
		}
		& i:nth-of-type(2){
			animation-name: navButton-bar02_off;
		}
		& i:nth-of-type(3){
			animation-name: navButton-bar03_off;
		}
	}
}
@keyframes navButton-bar01_on{
	0% {
		transform: translateY(0);
		}
	50% {
		transform: translateY(8px) rotate(0);
		}
	100% {
		transform: translateY(8px) rotate(45deg);
		}
	}
@keyframes navButton-bar01_off{
	0% {
		transform: translateY(8px) rotate(45deg);
		}
	50% {
		transform: translateY(8px) rotate(0);
		}
	100% {
		transform: translateY(0);
		}
	}
@keyframes navButton-bar02_on{
	0% {
		transform: scaleX(1);
		}
	50% {
		transform: scaleX(1);
		}
	51% {
		transform: scaleX(0);
		}
	100% {
		transform: scaleX(0);
		}
	}
@keyframes navButton-bar02_off{
	0% {
		transform: scaleX(0);
		}
	49% {
		transform: scaleX(0);
		}
	50% {
		transform: scaleX(1);
		}
	100% {
		transform: scaleX(1);
		}
	}
@keyframes navButton-bar03_on{
	0% {
		transform: translateY(0);
		}
	50% {
		transform: translateY(-8px) rotate(0);
		}
	100% {
		transform: translateY(-8px) rotate(-45deg);
		}
	}
@keyframes navButton-bar03_off{
	0% {
		transform: translateY(-8px) rotate(-45deg);
		}
	50% {
		transform: translateY(-6px) rotate(0);
		}
	100% {
		transform: translateY(0);
		}
	}

#nav{
	position: fixed;
	top: 0;
	right: 0;
	display: grid;
	grid-template-columns: var(--wrap-fit);
	justify-content: center;
	align-content: start;
	width: min(100%, 480px);
	height: 100dvh;
	padding: 64px 0;
	background: linear-gradient(#fff calc(100% - 100dvh + 64px), #ffd2bb);
	overflow-y: auto;
	transform: translateX(100%);
	transition: transform 0.2s ease-out;
	.nav &{
		transform: translateX(0);
	}
	& h2{
		display: none;
	}
	#navExtra{
		margin-top: 40px;
	}
	#navSns{
		margin-top: 24px;
	}
}

#navGlobal{
	display: grid;
	grid-row-gap: 8px;
	& details{
		box-sizing: border-box;
		&::details-content{
			box-sizing: border-box;
		}
	}
	& summary{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		border-bottom: 1px solid currentColor;
		font-weight: 700;
		font-size: clamp(15px, calc(18 / 768 * 100vw), 18px);
	}
	& summary{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		min-height: 48px;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 1em;
			background: currentColor url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="white"><path d="M3.5,4.81h5s-2.5,4-2.5,4l-2.5-4Z"/></svg>') no-repeat center / contain;
			border-radius: 100%;
		}
		[open] &:after{
			transform: scale(1, -1);
		}
	}
	& ul{
		display: grid;
		grid-template-columns: repeat(2, auto);
		grid-row-gap: 8px;
		margin-top: 8px;
	}
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 1em;
		font-size: clamp(12px, calc(16 / 768 * 100vw), 16px);
		&:before{
			content: "-";
		}
	}
}

#navExtra{
	display: grid;
	grid-gap: 16px clamp(24px, calc(48 / 1200 * 100vw), 48px);
	& ul{
		display: contents;
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: auto auto;
		justify-content: center;
		align-items: center;
		column-gap: 8px;
		min-height: 48px;
		background: #fff;
		border: 2px solid var(--color-theme);
		border-radius: 24px;
		font-weight: 700;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 14px;
			background: var(--color-theme);
			-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="13 7 0 14 0 0 13 7"/></svg>') no-repeat center / contain;
		}
	}
}

#navSns{
	& ul{
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 16px;
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: clamp(48px, calc(56 / 768 * 100vw), 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 / 55%, 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%;
		}
		&[href*="youtube.com"]{
			background: #ff0000 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,12.45c-.55-2.07-2.18-3.69-4.24-4.24-3.74-1-18.75-1-18.75-1,0,0-15.01,0-18.75,1-2.07.55-3.69,2.18-4.24,4.24-1,3.74-1,11.55-1,11.55,0,0,0,7.81,1,11.55.55,2.07,2.18,3.69,4.24,4.24,3.74,1,18.75,1,18.75,1,0,0,15.01,0,18.75-1,2.07-.55,3.69-2.18,4.24-4.24,1-3.74,1-11.55,1-11.55,0,0,0-7.81-1-11.55ZM19.2,31.2v-14.4l12.47,7.2-12.47,7.2Z"/></svg>') no-repeat center / 50%;
		}
	}
}

#pagePath{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	margin: 16px 0;
	& ul{
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		column-gap: 4px;
		font-size: clamp(12px, calc(14 / 768 * 100vw), 14px);
	}
	& li{
		display: contents;
		&:nth-child(n+2):before{
			content: ">";
		}
	}
	& a{
		text-decoration: underline;
	}
}

#footer{}

#fNav{
	display: grid;
	&:before{
		content: "";
		grid-column: 1;
		grid-row: 1 / 3;
		background: linear-gradient(transparent, #ffecd4, #ffd2bb);
	}
	#fNavGlobal{
		grid-column: 1;
		grid-row: 2;
		justify-self: center;
		margin: 16px 0 24px 0;
		@media (min-width: 576px) {
			margin: 40px 0;
		}
	}
	#fNavExtra{
		grid-column: 1;
		grid-row: 1;
		justify-self: center;
		margin-top: 40px;
	}
	#fNavSns{
		justify-self: center;
		margin: 24px 0;
	}
}

#fNavGlobal{
	display: grid;
	width: min(var(--wrap-fit), 980px);
	& details{
		box-sizing: border-box;
		&::details-content{
			box-sizing: border-box;
		}
	}
	& summary{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		border-bottom: 1px solid currentColor;
		font-weight: 700;
		font-size: clamp(15px, calc(18 / 768 * 100vw), 18px);
	}
	& ul{
		display: grid;
		grid-row-gap: 8px;
	}
	& a{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 1em;
		font-size: clamp(12px, calc(16 / 768 * 100vw), 16px);
		&:before{
			content: "-";
		}
	}
	@media (max-width: 575.98px) {
		grid-row-gap: 8px;
		& summary{
			display: grid;
			grid-template-columns: 1fr auto;
			align-items: center;
			min-height: 48px;
			&:after{
				content: "";
				aspect-ratio: 1;
				width: 1em;
				background: currentColor url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="white"><path d="M3.5,4.81h5s-2.5,4-2.5,4l-2.5-4Z"/></svg>') no-repeat center / contain;
				border-radius: 100%;
			}
			[open] &:after{
				transform: scale(1, -1);
			}
		}
		& ul{
			grid-template-columns: repeat(2, auto);
			margin-top: 8px;
		}
	}
	@media (min-width: 576px) {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, auto);
		grid-auto-flow: column;
		grid-gap: 16px clamp(32px, calc(64 / 1200 * 100vw), 64px);
		&:after{
			content: "";
			grid-column: 1;
			grid-row: 4;
		}
		& summary{
			display: block;
			padding-bottom: 8px;
			text-align: center;
			cursor: auto;
		}
		& details{
			&::details-content{
				all: unset;
				display: block;
				margin-top: 16px;
				padding: 0 16px;
			}
		}
	}
	@media (min-width: 992px) {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(3, auto);
		&:after{
			grid-column: 2;
			grid-row: 3;
		}
		& summary{
			text-align: center;
		}
	}
	@media (min-width: 1366px) {
		column-gap: 112px;
	}
}

#fNavExtra{
	display: grid;
	grid-gap: 16px clamp(24px, calc(48 / 1200 * 100vw), 48px);
	width: min(var(--wrap-fit), 1078px);
	& ul{
		display: contents;
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: auto auto;
		justify-content: center;
		align-items: center;
		column-gap: 8px;
		min-height: 48px;
		background: #fff;
		border: 2px solid var(--color-theme);
		border-radius: 24px;
		font-weight: 700;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 14px;
			background: var(--color-theme);
			-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="13 7 0 14 0 0 13 7"/></svg>') no-repeat center / contain;
		}
	}
	@media (min-width: 576px) {
		grid-template-columns: repeat(2, 1fr);
	}
	@media (min-width: 1200px) {
		grid-template-columns: repeat(4, 1fr);
	}
}

#fNavSns{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 24px 40px;
	width: var(--wrap);
	&:before{
		content: "";
		aspect-ratio: 300 / 84;
		height: clamp(56px, calc(80 / 1200 * 100vw), 80px);
		background: url('/common/images/logoType.svg') no-repeat center / contain;
	}
	& ul{
		display: flex;
		align-items: center;
		column-gap: 16px;
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: clamp(48px, calc(56 / 768 * 100vw), 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 / 55%, 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%;
		}
		&[href*="youtube.com"]{
			background: #ff0000 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,12.45c-.55-2.07-2.18-3.69-4.24-4.24-3.74-1-18.75-1-18.75-1,0,0-15.01,0-18.75,1-2.07.55-3.69,2.18-4.24,4.24-1,3.74-1,11.55-1,11.55,0,0,0,7.81,1,11.55.55,2.07,2.18,3.69,4.24,4.24,3.74,1,18.75,1,18.75,1,0,0,15.01,0,18.75-1,2.07-.55,3.69-2.18,4.24-4.24,1-3.74,1-11.55,1-11.55,0,0,0-7.81-1-11.55ZM19.2,31.2v-14.4l12.47,7.2-12.47,7.2Z"/></svg>') no-repeat center / 50%;
		}
	}
}

#copyright{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	margin: 8px 0 16px 0;
	& p{
		font-size: clamp(12px, calc(14 / 768 * 100vw), 14px);
		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: 0;
		bottom: 0;
		aspect-ratio: 1;
		width: clamp(48px, calc(64 / 1200 * 100vw), 64px);
		border-radius: 100%;
		transform: translate(-16px, -16px);
	}
	&:before{
		background: var(--color-theme);
	}
	&:after{
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px;"><polyline points="21 30 32 19 43 30"/><line x1="32" y1="19" x2="32" y2="45"/></svg>') no-repeat center / contain;
		background: #fff;
	}
}

#floatingNav{
	order: 100;
	z-index: 1000;
	& ul{
		display: grid;
	}
	& li{
		display: contents;
	}
	@media (max-width: 575.98px) {
		position: sticky;
		bottom: 0;
		& ul{
			grid-template-columns: repeat(2, 1fr);
			column-gap: 1px;
			background: #fff;
		}
		& a{
			grid-gap: 8px;
			padding: 8px;
			grid-template-columns: 1fr auto;
			text-align: center;
		}
	}
	@media (min-width: 576px) {
		position: fixed;
		top: 50%;
		right: 0;
		& ul{
			grid-template-rows: 1fr auto 1fr;
			outline: 2px solid #fff;
			background: var(--color-theme);
			border-radius: 24px 0 0 24px;
			filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.3));
			overflow: hidden;
			transform: translateY(-50%);
		}
		& li:nth-child(2):before{
			content: "";
			justify-self: center;
			width: 50%;
			border-top: 1px solid #fff;
		}
		& a{
			grid-template-columns: 4.5em auto;
			grid-gap: 16px;
			padding: 16px;
			writing-mode: vertical-rl;
			line-height: 1.25;
		}
	}
	& a{
		display: grid;
		align-items: center;
		background: var(--color-theme);
		color: #fff;
		font-weight: 700;
		font-size: clamp(16px, calc(22 / 768 * 100vw), 22px);
		text-decoration: none;
		word-break: keep-all;
		overflow-wrap: anywhere;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: clamp(32px, calc(40 / 768 * 100vw), 40px);
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="100%" height="100%"/></svg>') no-repeat center / contain;
		}
		li:nth-child(1) &:after{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M39.94,31.96c-.09-1.58-.18-3.16-.27-4.74-.07-1.3-.13-2.59-.2-3.89-.09-1.6-.18-3.2-.27-4.8-.05-.92-.09-1.85-.14-2.77-.09-1.58-.18-3.16-.27-4.74-.04-.69-.07-1.37-.12-2.06,0-.14-.04-.3-.11-.42-.18-.3-.42-.55-.76-.65-.21-.07-.43-.14-.65-.18-.6-.11-1.21-.21-1.83-.32-.02-.41-.04-.81-.06-1.21-.01-.26-.13-.46-.32-.64-.46-.42-1-.64-1.59-.79-.7-.18-1.42-.21-2.13-.23-1.52-.05-3.03.07-4.53.35-1.26.24-2.46.64-3.6,1.23-.34.18-.67.38-.96.63-.74.63-1.46,1.28-2.01,2.1-.03.04-.06.07-.11.13-.05-.05-.08-.08-.1-.11-.52-.79-1.21-1.42-1.91-2.03-.32-.27-.67-.52-1.04-.71-.59-.3-1.21-.57-1.84-.78-1.65-.55-3.35-.77-5.09-.82-.93-.03-1.86,0-2.79.13-.77.1-1.48.33-2.09.85-.27.22-.39.47-.4.81,0,.36-.03.72-.05,1.09-.52.09-1.02.16-1.52.26-.38.08-.77.16-1.13.32-.42.19-.7.53-.73,1.03-.05.83-.1,1.67-.15,2.5-.08,1.43-.16,2.87-.24,4.3-.1,1.81-.2,3.61-.29,5.42-.09,1.59-.17,3.18-.25,4.77-.07,1.29-.15,2.57-.22,3.86-.06,1.07-.12,2.14-.17,3.21,0,.18.03.37.09.54.06.16.17.31.27.45.15.22.42.3.68.23.42-.12.85-.23,1.27-.35.52-.14,1.06-.16,1.57-.35.27-.1.56-.17.85-.21.88-.12,1.77-.22,2.65-.31,1.22-.12,2.44-.2,3.67-.17.59.01,1.18.05,1.76.14,1.22.19,2.4.56,3.55,1.01.45.18.9.38,1.35.57v.85h4.54v-.82c.07-.04.13-.07.19-.1.54-.23,1.08-.46,1.63-.67,2.04-.78,4.16-1.11,6.34-.96.98.07,1.95.14,2.93.22,1.07.09,2.12.21,3.14.58.09.03.19.06.29.07.73.09,1.44.28,2.14.49.29.09.57-.01.74-.27.05-.07.08-.16.13-.23.16-.2.21-.44.2-.69-.02-.37-.04-.75-.06-1.12ZM18.03,32.29c-1.31-.91-2.7-1.67-4.22-2.17-1.01-.33-2.05-.61-3.1-.79-.76-.13-1.52-.16-2.29-.12-1.89.09-3.75.42-5.59.87-.42.1-.82.26-1.25.39,0-.09,0-.17,0-.24.07-1.26.14-2.51.21-3.77.05-.89.09-1.79.14-2.68.09-1.64.19-3.28.28-4.91.07-1.3.13-2.59.2-3.89.09-1.58.18-3.16.27-4.74.01-.25.02-.49.03-.74,0-.13.04-.27.06-.43.62-.07,1.22-.14,1.85-.21,0,.18,0,.33,0,.48-.03.82-.07,1.65-.11,2.47-.07,1.56-.14,3.12-.21,4.68-.05,1.17-.09,2.34-.14,3.5-.07,1.55-.14,3.1-.21,4.65-.03.64-.05,1.28-.07,1.91-.01.49.24.86.73.96.48.1.96.18,1.45.22,2.39.21,4.72.69,6.99,1.46,1.94.66,3.64,1.73,5.16,3.1.02.02.04.04.04.1-.07-.05-.14-.09-.21-.14ZM19.16,26.05c0,1.63-.02,3.26-.03,4.9,0,.08,0,.15-.01.27-.09-.07-.15-.1-.21-.15-1.97-1.75-4.26-2.92-6.79-3.62-1.34-.37-2.7-.67-4.07-.88-.77-.12-1.56-.13-2.34-.18-.12,0-.23-.01-.39-.02.14-3.34.29-6.68.44-10.01.15-3.33.28-6.66.43-10.04.33-.08.64-.21.95-.23.87-.06,1.74-.13,2.61-.12,1.62.01,3.23.21,4.78.7.62.2,1.22.48,1.81.76.28.13.53.33.77.53.75.64,1.43,1.34,1.95,2.19.12.19.18.38.18.6-.02,5.1-.04,10.2-.06,15.31ZM20.57,31.5c-.01-.13-.02-.21-.02-.29.02-4.13.03-8.26.05-12.39.01-2.65.03-5.31.03-7.96,0-.17.05-.3.13-.44.56-.95,1.28-1.76,2.12-2.47.26-.21.53-.41.82-.57.99-.52,2.05-.88,3.15-1.09,1.36-.26,2.74-.38,4.12-.35.72.02,1.45.1,2.17.17.23.02.45.13.68.2.29,6.68.58,13.34.87,20.02-.11,0-.21.02-.32.03-.53.03-1.06.05-1.59.09-.78.05-1.55.22-2.32.37-1.33.26-2.64.58-3.92,1.02-2.11.74-3.99,1.87-5.65,3.36-.09.08-.19.16-.33.28ZM38.41,30.47c-.08-.02-.16-.04-.23-.06-.97-.37-1.97-.57-2.99-.74-.87-.14-1.74-.3-2.61-.38-.71-.07-1.43-.1-2.14-.05-3.1.23-5.92,1.27-8.46,3.05-.06.04-.13.09-.19.13,0,0-.02,0-.07,0,.06-.06.1-.11.14-.15,1.84-1.66,3.96-2.79,6.35-3.45,1.29-.36,2.61-.63,3.93-.86.6-.1,1.21-.13,1.81-.2.45-.05.89-.11,1.34-.19.17-.03.34-.1.48-.2.25-.19.39-.45.38-.79-.03-.64-.05-1.28-.08-1.91-.03-.7-.07-1.39-.1-2.09-.06-1.34-.12-2.67-.17-4.01-.07-1.59-.13-3.18-.2-4.77-.07-1.49-.14-2.98-.21-4.48,0-.14,0-.27,0-.46.63.07,1.23.14,1.86.21.02.18.05.35.06.51.07,1.3.13,2.59.2,3.89.09,1.66.19,3.32.28,4.97.09,1.58.17,3.16.25,4.74.08,1.43.15,2.86.23,4.3.05.89.1,1.79.15,2.68,0,.1,0,.2,0,.31Z"/></svg>');
		}
		li:nth-child(2) &:after{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M24.72,27.83h-9.58c-4.41,0-7.98,3.57-7.98,7.98v4.18h25.55v-4.18c0-4.41-3.57-7.98-7.98-7.98ZM32.88,9.55c-.24,0-.42.04-.58.1C30.7,4.07,25.79,0,19.99,0S9.28,4.06,7.67,9.63c-.15-.05-.33-.09-.55-.09-1,0-3.01,2.56-3.01,4.82s2.11,4.86,3.11,4.86c1.23,0,1.19-1.33,1.19-1.33v-6.24c.88-5.94,5.72-10.5,11.56-10.5s10.8,4.67,11.59,10.7v6.03s0,.18.05.4c-1,3.26-3.64,5.32-7.98,6.22-.41-.76-1.85-1.32-3.58-1.32-2.05,0-3.71.78-3.71,1.75s1.66,1.75,3.71,1.75c1.39,0,2.58-.37,3.22-.9,4.89-.89,8-3.1,9.29-6.61.07,0,.12.03.19.03,1,0,3.11-2.61,3.11-4.86s-2-4.82-3-4.82ZM16.16,23.42c.53-.71,2.07-1.22,3.9-1.22s3.3.49,3.86,1.17c3.88-1.56,6.61-5.36,6.61-9.79,0-5.83-4.73-10.56-10.56-10.56s-10.56,4.73-10.56,10.56c0,4.48,2.79,8.31,6.73,9.84Z"/></svg>');
		}
	}
}

#pagenation{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	overflow: hidden;
	& ul,
	& ol{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		grid-gap: 8px;
		font-weight: 700;
	}
	& ul{
		& li{
			display: contents;
			&:nth-child(n+2):before{
				content: "｜";
			}
		}
	}
	& a{
		display: grid;
		text-decoration: none;
		&:not([rel]){
			aspect-ratio: 1;
			width: 48px;
			place-items: center;
			background: #ccc;
			border-radius: 24px;
			color: #fff;
		}
		&[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;
			margin-right: 8px;
			&:before{
				content: "";
				transform: scale(-1, 1);
			}
		}
		&[rel="next"]{
			grid-template-columns: auto 16px;
			margin-left: 8px;
			&:before{
				content: "";
				order: 1;
			}
		}
		&.lsc-current-page{
			background: var(--color-theme);
			color: #fff;
			pointer-events: none;
		}
	}
	[lsc-lb^="lscListPgn"]{
		display: none;
	}
}