@charset "UTF-8";
@media (prefers-reduced-motion:no-preference){
	@view-transition{
		navigation:auto;
	}
}
:root{
	--safe-area-max-inset-bottom:env(safe-area-max-inset-bottom, 0px);
	--safe-area-max-inset-right:env(safe-area-max-inset-right, 0px);

	--eda-red:hsla(2,86%,69%,1);
	--eda-blue:hsla(205,97%,53%,1);
	--eda-green:hsla(147,64%,71%,1);
	--eda-pink:hsla(314.99,31%,82%,1);
		--bg-circle-blue:url(../img/bg/mjgambill-bg-circle-blue.svg) center center / 2012px 603px repeat, hsla(205,97%,80%,1) linear-gradient(90deg,hsla(205,97%,80%,1),hsla(205,97%,74%,1)) left top / 100% 100% no-repeat;
		--bg-circle-blue-fallback:hsla(205,97%,80%,1);
		--bg-circle-green:url(../img/bg/mjgambill-bg-circle-green.svg) center center / 2012px 603px repeat, hsla(147,64%,86%,1) linear-gradient(90deg,hsla(147,64%,86%,1),hsla(147,64%,80%,1)) left top / 100% 100% no-repeat;
		--bg-circle-green-fallback:hsla(147,64%,86%,1);
		--bg-circle-yellow:url(../img/bg/mjgambill-bg-circle-yellow.svg) center center / 2012px 603px repeat, hsla(314.99,73%,86%,1) linear-gradient(90deg,hsla(314.99,73%,86%,1),hsla(314.99,73%,80%,1)) left top / 100% 100% no-repeat;
		--bg-circle-yellow-fallback:hsla(314.99,73%,86%,1);
	--bottom-tp-height:calc(4.25em + env(safe-area-max-inset-bottom, 0px););
	--right-tp-width:6.7em;
}
@supports (color:oklch(0% 0 0 / 100%)){
	:root{
		--lch-eda-red:oklch(70.32% 0.1628 24.13 / 100%);
		--lch-eda-blue:oklch(67.15% 0.1765 248.1 / 100%);
		--lch-eda-green:oklch(84.72% 0.1172 158.51 / 100%);
		--lch-eda-pink:oklch(84.72% 0.0428 334.7 / 100%);
		--lch-bg-circle-blue:url(../img/bg/mjgambill-bg-circle-blue-lch.svg) center center / 2012px 603px repeat, oklch(0.85 0.0828 240.04) linear-gradient(90deg,oklch(0.85 0.0828 240.04),oklch(0.8 0.1069 240.95)) left top / 100% 100% no-repeat;
		--lch-bg-circle-blue-fallback:oklch(0.85 0.0828 240.04);
		--lch-bg-circle-green:url(../img/bg/mjgambill-bg-circle-green-lch.svg) center center / 2012px 603px repeat, oklch(0.92 0.0581 160.96) linear-gradient(90deg,oklch(0.93 0.0468 160.08),oklch(0.89 0.0824 160.08)) left top / 100% 100% no-repeat;
		--lch-bg-circle-green-fallback:oklch(0.92 0.0581 160.96);
		--lch-bg-circle-yellow:url(../img/bg/mjgambill-bg-circle-yellow-lch.svg) center center / 2012px 603px repeat, oklch(0.87 0.0779 335.31) linear-gradient(90deg,oklch(0.87 0.0779 335.31),oklch(0.82 0.1126 336.04)) left top / 100% 100% no-repeat;
		--lch-bg-circle-yellow-fallback:oklch(0.87 0.0779 335.31);
	}
}
.lite{
	--bg:hsla(0,0%,100%,1);
	--bg-easyread:hsla(0,0%,98%,1);
	--bg-bgimg:hsla(0,0%,100%,1);
	--bg-outer:hsla(205,97%,97%,1);

	--point-bg:hsla(205,97%,97%,1);
	--point-bg-visited:hsla(314.99,97%,98%,1);

	--bg-eda-red:hsla(2,86%,69%,1);
	--bg-eda-blue:hsla(205,97%,68%,1);
	--bg-eda-green:hsla(147,64%,71%,1);
	--bg-eda-pink:hsla(314.99,31%,82%,1);

	--bggrad:linear-gradient(20deg,hsla(0,0%,100%,1),hsla(205,97%,95%,.9));
	--bggrad-back:linear-gradient(20deg,hsla(0,0%,100%,1),hsla(205,97%,95%,.9));
	--bggrad-d:linear-gradient(20deg,hsla(0,0%,0%,1),hsla(205,97%,11%,.9));

	--bg-fill:hsla(205,100%,98%,1);
	--bg-panel:hsla(0,0%,98%,1);

	--bg-stripe-1:hsla(314,100%,70%,.05);
	--bg-stripe-2:hsla(205,100%,70%,.075);
	--bg-stripe-3:hsla(55,80%,70%,.1);
	--bg-stripe-4:hsla(147,100%,70%,.1);

	--trnsp-hi:hsla(0,0%,100%,.95);
	--trnsp-md:hsla(0,0%,100%,.8);
	--trnsp-lo:hsla(0,0%,100%,.6);

	--txt:hsla(0,0%,13%,1);
	--txt-d:hsla(0,0%,100%,1);
	--txt-hd:hsla(205,97%,28%,1);
	--txt-d-hi:hsla(205,97%,58%,1);
	--txt-chui:hsla(2,100%,35%,1);
	--txt-eda:hsla(2,26%,37%,1);
	--q-block:hsla(2,16%,27%,1);
	--txt-book:hsla(2,86%,27%,1);
	--txt-time:hsla(205,96%,28%,1);

	--link:hsla(220,60%,50%,1);
	--link-visited:hsla(300,50%,45%,1);

	--shad-lt1:hsla(205,97%,83%,1);
	--shad-dark1:hsla(0,0%,0%,.8);
	--shad-dark2:hsla(205,96%,12%,.05);

	--acc-hi:hsla(205,97%,58%,1);
	--acc-guide:hsla(205,77%,90%,1);

	--tp-bg:hsla(0,0%,94%,100%);
	--tp-bg-hovoff:hsla(0,0%,94%,.7);
	--tp-bg-hovon:hsla(0,0%,94%,.92);
	--tp-shadt:hsla(0,0%,100%,.9) 0 -.5em .2em inset;
	--tp-shadb:hsla(0,0%,100%,.9) 0 .5em .2em inset;
	--tp-shadr:hsla(0,0%,100%,.9) .5em 0 .2em inset;
	--tp-shadg:hsla(205,50%,87%,1) 0 .1em .7em inset;
	--tp-shadgr:hsla(205,50%,87%,1) -.2em 0 .25em inset;
	--tp-li:hsla(0,0%,13%,1);
	--tp-li-bor:hsla(0,0%,93%,1);
	--tp-li-bg:hsla(0,0%,97%,1);
	--tp-li-grey:hsla(205,67%,39%,1);
	--tp-li-greybg:hsla(0,0%,94%,1);
	--tp-li-hov:hsla(0,0%,0%,1);
	--tp-li-hovbg:hsla(205,100%,95%,1);
	--tp-li-hovb:hsla(0,0%,100%,1);
	--tp-li-st:hsla(0,0%,100%,1) 0 -.4em .2em inset;
	--tp-li-sb:hsla(0,0%,100%,1) 0 .5em .2em inset;
	--tp-li-sr:hsla(0,0%,100%,1) .4em 0 .2em inset;
	--link-hover:hsla(120,33%,36%,1);
	--bg-hover:hsla(205,97%,97%,1);
	--timeline-point-hov:hsla(147,64%,71%,.9);
}
@supports (color:oklch(0% 0 0 / 100%)){
	.lite{
		--lch-bg:oklch(100% 0 0 / 100%);
		--lch-bg-easyread:oklch(98.48% 0 0 / 100%);
		--lch-bg-bgimg:oklch(100% 0 0 / 100%);
		--lch-bg-outer:oklch(97.62% 0.0124 238.54 / 100%);
		--lch-point-bg:oklch(97.62% 0.0124 238.54 / 100%);
		--lch-point-bg-visited:oklch(97.98% 0.0143 334.12 / 100%);
		--lch-bg-eda-red:oklch(70.32% 0.1628 24.13 / 100%);
		--lch-bg-eda-blue:oklch(0.76 0.1296 242.23 / 100%);
		--lch-bg-eda-green:oklch(84.72% 0.1172 158.51 / 100%);
		--lch-bg-eda-pink:oklch(84.72% 0.0428 334.7 / 100%);
		--lch-bggrad:linear-gradient(20deg,oklch(100% 0 0 / 100%),oklch(96.04% 0.0207 238.67 / 90%));
		--lch-bggrad-back:linear-gradient(20deg,oklch(100% 0 0 / 100%),oklch(96.04% 0.0207 238.67 / 90%));
		--lch-bggrad-d:linear-gradient(20deg,oklch(0% 0 0 / 100%),oklch(23.7% 0.0571 243.98 / 90%));
		--lch-bg-fill:oklch(98.41% 0.0085 238.48 / 100%);
		--lch-bg-panel:oklch(98.48% 0 0 / 100%);
		--lch-bg-stripe-1:oklch(0.74 0.2246 337.85 / 5%);
		--lch-bg-stripe-2:oklch(0.7757 0.1255 241.9 / 7.5%);
		--lch-bg-stripe-3:oklch(0.9091 0.1344 104.05 / 10%);
		--lch-bg-stripe-4:oklch(0.8972 0.1758 155.96 / 10%);
		--lch-trnsp-hi:oklch(100% 0 0 / 95%);
		--lch-trnsp-md:oklch(100% 0 0 / 80%);
		--lch-trnsp-lo:oklch(100% 0 0 / 60%);
		--lch-txt:oklch(24.84% 0 0 / 100%);
		--lch-txt-d:oklch(100% 0 0 / 100%);
		--lch-txt-hd:oklch(43.23% 0.1166 248.48 / 100%);
		--lch-txt-d-hi:oklch(69.91% 0.1627 245.62 / 100%);
		--lch-txt-chui:oklch(48.22% 0.19549519862253908 29.638534748555447 / 100%);
		--lch-txt-eda:oklch(45.44% 0.0655 22.09 / 100%);
		--lch-q-block:oklch(37.41% 0.0303 20.88 / 100%);
		--lch-txt-book:oklch(38.41% 0.1474 28.83 / 100%);
		--lch-txt-time:oklch(43.17% 0.1156 248.36 / 100%);
		--lch-link:oklch(56.79% 0.1537 262.56 / 100%);
		--lch-link-visited:oklch(55.41% 0.1989 327.85 / 100%);
		--lch-shad-lt1:oklch(86.8% 0.0705 239.69 / 100%);
		--lch-shad-dark1:oklch(0% 0 0 / 80%);
		--lch-shad-dark2:oklch(24.91% 0.0603 244.54 / 5%);
		--lch-acc-hi:oklch(69.91% 0.1627 245.62 / 100%);
		--lch-acc-guide:oklch(0.9215 0.033 238.89 / 100%);
		--lch-tp-bg:oklch(95.42% 0 0 / 100%);
		--lch-tp-bg-hovoff:oklch(95.42% 0 0 / 70%);
		--lch-tp-bg-hovon:oklch(95.42% 0 0 / 92%);
		--lch-tp-shadt:oklch(100% 0 0 / 90%) 0 -.5em .2em inset;
		--lch-tp-shadb:oklch(100% 0 0 / 90%) 0 .5em .2em inset;
		--lch-tp-shadr:oklch(100% 0 0 / 90%) .5em 0 .2em inset;
		--lch-tp-shadg:oklch(89.84% 0.0281 238.82 / 100%) 0 .1em .7em inset;
		--lch-tp-shadgr:oklch(89.84% 0.0281 238.82 / 100%) -.2em 0 .25em inset;
		--lch-tp-li:oklch(24.84% 0 0 / 100%);
		--lch-tp-li-bor:oklch(94.66% 0 0 / 100%);
		--lch-tp-li-bg:oklch(97.72% 0 0);
		--lch-tp-li-grey:oklch(52.13% 0.1142 244.7 / 100%);
		--lch-tp-li-greybg:oklch(95.42% 0 0 / 100%);
		--lch-tp-li-hov:oklch(0% 0 0 / 100%);
		--lch-tp-li-hovbg:oklch(96.04% 0.021304 238.6815 / 100%);
		--lch-tp-li-hovb:oklch(100% 0 0 / 100%);
		--lch-tp-li-st:oklch(100% 0 0 / 100%) 0 -.4em .2em inset;
		--lch-tp-li-sb:oklch(100% 0 0 / 100%) 0 .5em .2em inset;
		--lch-tp-li-sr:oklch(100% 0 0 / 100%) .4em 0 .2em inset;
		--lch-link-hover:oklch(52.35% 0.1115 143.78 / 100%);
		--lch-bg-hover:oklch(97.62% 0.0124 238.54 / 100%);
		--lch-timeline-point-hov:oklch(84.72% 0.1172 158.51 / 90%);
	}
}
@media screen{
	.dark{
		--bg:hsla(0,0%,0%,1);
		--bg-easyread:hsla(0,0%,9%,1);
		--bg-bgimg:hsla(0,0%,0%,1);
		--bg-outer:hsla(205,95%,8%,1);

		--point-bg:hsla(205,95%,8%,1);
		--point-bg-visited:hsla(314.99,51%,8%,1);

		--bg-eda-red:hsla(2,86%,69%,1);
		--bg-eda-blue:hsla(205,95%,24%,1);
		--bg-eda-green:hsla(147,65%,19%,1);
		--bg-eda-pink:hsla(314,28%,30%,1);

		--bggrad:linear-gradient(20deg,hsla(0,0%,0%,1),hsla(205,97%,11%,.9));
		--bggrad-back:linear-gradient(20deg, hsla(0,0%,0%,1), hsla(205,97%,11%,.9));
		--bggrad-d:linear-gradient(20deg,hsla(0,0%,0%,1),hsla(205,97%,11%,.9));
		
		--bg-fill:hsla(0,0%,9%,1);
		--bg-panel:hsla(0,0%,9%,1);

		--bg-stripe-1:hsla(314,100%,50%,.05);
		--bg-stripe-2:hsla(205,100%,50%,.05);
		--bg-stripe-3:hsla(55,80%,50%,.05);
		--bg-stripe-4:hsla(147,100%,50%,.05);

		--trnsp-hi:hsla(0,0%,0%,1);
		--trnsp-md:hsla(0,0%,0%,.85);
		--trnsp-lo:hsla(0,0%,0%,.6);

		--txt:hsla(0,0%,91%,1);
		--txt-d:hsla(0,0%,100%,1);
		--txt-hd:hsla(205,97%,62%,1);
		--txt-d-hi:hsla(205,97%,58%,1);

		--txt-chui:hsla(2,100%,68%,1);
		--txt-eda:hsla(2,86%,73%,1);

		--q-block:hsla(2,16%,71%,1);
		--txt-time:hsla(205,97%,70%,1);
		--txt-book:hsla(180,56%,53%,1);

		--link:hsla(220,60%,58%,1);
		--link-visited:hsla(300,50%,55%,1);

		--shad-lt1:hsla(205,97%,11%,1);
		--shad-dark1:hsla(0,0%,0%,.8);
		--shad-dark2:hsla(205, 97%, 12%, 0.25);

		--acc-hi:hsla(205,97%,58%,1);
		--acc-guide:hsla(205,77%,10%,1);

		--tp-bg:hsla(0,0%,9%,1);
		--tp-bg-hovoff:hsla(0,0%,0%,.85);
		--tp-bg-hovon:hsla(0,0%,9%,1);
		--tp-shadt:hsla(0,0%,0%,.4) 0 -.5em .2em inset;
		--tp-shadb:hsla(0,0%,0%,.4) 0 .5em .2em inset;
		--tp-shadr:hsla(0,0%,0%,.4) .5em 0 .2em inset;
		--tp-shadg:hsla(0,0%,0%,.5) 0 .1em .7em inset;
		--tp-shadgr:hsla(0,0%,0%,.5) -.2em 0 .25em inset;
		--tp-li:hsla(0,0%,93%,1);
		--tp-li-bor:hsla(0,0%,0%,.85);
		--tp-li-bg:hsla(0,0%,6%,1);
		--tp-li-grey:hsla(206,66%,76%,1);
		--tp-li-greybg:hsla(205,30%,20%,1);
		--tp-li-hov:hsla(0,0%,100%,1);
		--tp-li-hovbg:hsla(0,0%,0%,1);
		--tp-li-hovb:hsla(205,97%,62%,1);
		--tp-li-st:hsla(205,97%,62%,1) 0 -.4em .2em inset;
		--tp-li-sb:hsla(205,97%,62%,1) 0 .5em .2em inset;
		--tp-li-sr:hsla(205,97%,62%,1) .4em 0 .2em inset;
		--link-hover:hsla(120,33%,39%,1);
		--bg-hover:hsla(205,95%,8%,1);
	}
	@supports (color:oklch(0% 0 0 / 100%)){
		.dark{
			--lch-bg:oklch(0% 0 0 / 100%);
			--lch-bg-easyread:oklch(20.44% 0 0);
			--lch-bg-bgimg:oklch(0% 0 0 / 100%);
			--lch-bg-outer:oklch(19.85% 0.0445 241.4 / 100%);
			--lch-point-bg:oklch(19.85% 0.0445 241.4 / 100%);
			--lch-point-bg-visited:oklch(18.52% 0.0443 337.59 / 100%);
			--lch-bg-eda-red:oklch(70.32% 0.1628 24.13 / 100%);
			--lch-bg-eda-blue:oklch(0.39 0.1017 247.76 / 100%);
			--lch-bg-eda-green:oklch(0.38 0.0858 154.3 / 100%);
			--lch-bg-eda-pink:oklch(0.4 0.0771 336.11 / 100%);
			--lch-bggrad:linear-gradient(20deg,oklch(0% 0 0 / 100%),oklch(23.7% 0.0571 243.98 / 90%));
			--lch-bggrad-back:linear-gradient(20deg,oklch(0% 0 0 / 100%),oklch(23.7% 0.0571 243.98 / 90%));
			--lch-bggrad-d:linear-gradient(20deg,oklch(0% 0 0 / 100%),oklch(23.7% 0.0571 243.98 / 90%));
			--lch-bg-fill:oklch(20.44% 0 0 / 100%);
			--lch-bg-panel:oklch(20.44% 0 0 / 100%);
			--lch-bg-stripe-1:oklch(0.6705 0.288 342.6 / 5%);
			--lch-g-stripe-2:oklch(0.6597 0.188 250.26 / 5%);
			--lch-bg-stripe-3:oklch(0.8586 0.17692009263822595 103.48631879276356 / 5%);
			--lch-bg-stripe-4:oklch(0.8733 0.245091 149.2189 / 5%);
			--lch-trnsp-hi:oklch(0% 0 0 / 100%);
			--lch-trnsp-md:oklch(0% 0 0 / 85%);
			--lch-trnsp-lo:oklch(0% 0 0 / 60%);
			--lch-txt:oklch(93.12% 0 0 / 100%);
			--lch-txt-d:oklch(100% 0 0 / 100%);
			--lch-txt-hd:oklch(72.29% 0.1503 244.03 / 100%);
			--lch-txt-d-hi:oklch(69.91% 0.1627 245.62 / 100%);
			--lch-txt-chui:oklch(69.7% 0.1934 25.41 / 100%);
			--lch-txt-eda:oklch(73.58% 0.1406 23.13 / 100%);
			--lch-q-block:oklch(75.76% 0.0267 20.12);
			--lch-txt-time:oklch(77.48% 0.1222 241.75);
			--lch-txt-book:oklch(76.9% 0.1135 195.05);
			--lch-link:oklch(60.44% 0.1392 262.86 / 100%);
			--lch-link-visited:oklch(63.09% 0.1994 327.62 / 100%);
			--lch-shad-lt1:oklch(23.7% 0.0571 243.98 / 100%);
			--lch-shad-dark1:oklch(0% 0 0 / 80%);
			--lch-shad-dark2:oklch(24.94% 0.0609 244.58 / 25%);
			--lch-acc-hi:oklch(69.91% 0.1627 245.62 / 100%);
			--lch-acc-guide:oklch(0.221 0.0432 242.78 / 100%);
			--lch-tp-bg:oklch(20.44% 0 0 / 100%);
			--lch-tp-bg-hovoff:oklch(0% 0 0 / 85%);
			--lch-tp-bg-hovon:oklch(20.44% 0 0 / 100%);
			--lch-tp-shadt:oklch(0% 0 0 / 40%) 0 -.5em .2em inset;
			--lch-tp-shadb:oklch(0% 0 0 / 40%) 0 .5em .2em inset;
			--lch-tp-shadr:oklch(0% 0 0 / 40%) .5em 0 .2em inset;
			--lch-tp-shadg:oklch(0% 0 0 / 50%) 0 .1em .7em inset;
			--lch-tp-shadgr:oklch(0% 0 0 / 50%) -.2em 0 .25em inset;
			--lch-tp-li:oklch(94.66% 0 0 / 100%);
			--lch-tp-li-bor:oklch(0% 0 0 / 85%);
			--lch-tp-li-bg:oklch(16.98% 0 0 / 100%);
			--lch-tp-li-grey:oklch(81% 0.0693 241.61 / 100%);
			--lch-tp-li-greybg:oklch(32.14% 0.0326 240.12 / 100%);
			--lch-tp-li-hov:oklch(100% 0 0 / 100%);
			--lch-tp-li-hovbg:oklch(0% 0 0 / 100%);
			--lch-tp-li-hovb:oklch(72.29% 0.1503 244.03 / 100%);
			--lch-tp-li-st:oklch(72.29% 0.1503 244.03 / 100%) 0 -.4em .2em inset;
			--lch-tp-li-sb:oklch(72.29% 0.1503 244.03 / 100%) 0 .5em .2em inset;
			--lch-tp-li-sr:oklch(72.29% 0.1503 244.03 / 100%) .4em 0 .2em inset;
			--lch-link-hover:oklch(55.42% 0.1189 143.76 / 100%);
			--lch-bg-hover:oklch(19.85% 0.0445 241.4 / 100%);
		}
	}

	.dark .arrownav_img{
		filter:brightness(300%);
	}
}

.hcon.lite{
	--eda-red:hsla(2,87%,37%,1);
	--eda-blue:hsla(205,96%,30%,1);
	--eda-green:hsla(147,66%,24%,1);
	--eda-pink:hsla(315,30%,38%,1);

	--bg-easyread:hsla(0,0%,100%,1);
	--bg-bgimg:hsla(0,0%,100%,1);

	--point-bg:hsla(0,0%,100%,1);

	--bggrad:hsla(0,0%,100%,1);
	--bggrad-back:hsla(205,100%,90%,1);
	--bggrad-d:hsla(0,0%,100%,1);

	--bg-fill:hsla(0,0%,100%,1);
	--bg-panel:hsla(0,0%,100%,1);

	--trnsp-hi:hsla(0,0%,100%,1);
	--trnsp-md:hsla(0,0%,100%,1);
	--trnsp-lo:hsla(0,0%,100%,1);
	--bg-circle-blue:hsla(205,97%,80%,1);
	--bg-circle-green:hsla(147,64%,86%,1);
	--bg-circle-yellow:hsla(314.99,73%,86%,1);

	--txt:hsla(0,0%,0%,1);
	--txt-d:hsla(0,0%,0%,1);
	--txt-hd:hsla(0,0%,0%,1);
	--txt-d-hi:hsla(205,96%,30%,1);
	--txt-chui:hsla(2,100%,30%,1);
	--txt-eda:hsla(2,100%,30%,1);
	--q-block:hsla(0,0%,0%,1);
	--txt-book:hsla(0,0%,0%,1);
	--txt-time:hsla(0,0%,0%,1);

	--link:hsla(234,71%,53%,1);
	--link-visited:hsla(300,33%,38%,1);

	--shad-lt1:hsla(205,55%,83%,1);
	--shad-dark1:hsla(0,0%,0%,1);
	--shad-dark2:hsla(205, 98%, 34%,.1);

	--acc-guide:hsla(205,97%,58%,1);

	--tp-bg:hsla(0,0%,100%,1);
	--tp-bg-hovoff:hsla(0,0%,100%,1);
	--tp-bg-hovon:hsla(0,0%,100%,1);
	--tp-shadt:hsla(0,0%,0%,1) 0 -.25em 0 inset;
	--tp-shadb:hsla(0,0%,0%,1) 0 .25em 0 inset;
	--tp-shadr:hsla(0,0%,0%,.5) .25em 0 .2em inset;
	--tp-shadg:hsla(0,0%,0%,.5) 0 .1em .25em inset;
	--tp-shadgr:hsla(0,0%,0%,.4) -.25em .125em .35em inset;
	--tp-shadr:hsla(0,0%,0%,1) .25em 0 0 inset;
	--tp-li-bg:hsla(0,0%,100%,1);
	--tp-li-grey:hsla(216,67%,39%,1);
	--tp-li-greybg:hsla(0,0%,100%,1);
	--tp-li-hov:hsla(0,0%,0%,1);
	--tp-li-hovbg:hsla(222,100%,90%,1);
	--tp-li-hovb:hsla(0,0%,100%,1);
	--tp-li-st:hsla(234,71%,53%,1) 0 -.2em 0 inset;
	--tp-li-sb:hsla(234,71%,53%,1) 0 .2em .0 inset;
	--tp-li-sr:hsla(234,71%,53%,1) .2em 0 0 inset;
	--link-hover:hsla(354,83%,38%,1);
	--bg-hover:hsla(0,0%,100%,1);
}
@supports (color:oklch(0% 0 0 / 100%)){
	.hcon.lite{
		--lch-eda-red:oklch(48.2% 0.1887 29.13 / 100%);
		--lch-eda-blue:oklch(45.37% 0.1219 248.41 / 100%);
		--lch-eda-green:oklch(45.16% 0.105 153.59 / 100%);
		--lch-eda-pink:oklch(47.22% 0.0991 337.14 / 100%);
		--lch-bg-easyread:oklch(100% 0 0 / 100%);
		--lch-bg-bgimg:oklch(100% 0 0 / 100%);
		--lch-point-bg:oklch(100% 0 0 / 100%);
		--lch-bggrad:oklch(100% 0 0 / 100%);
		--lch-bggrad-back:oklch(92.14% 0.0427 239.06 / 100%);
		--lch-bggrad-d:oklch(100% 0 0 / 100%);
		--lch-bggrad-d:oklch(100% 0 0 / 100%);
		--lch-bg-panel:oklch(100% 0 0 / 100%);
		--lch-trnsp-hi:oklch(100% 0 0 / 100%);
		--lch-trnsp-md:oklch(100% 0 0 / 100%);
		--lch-trnsp-lo:oklch(100% 0 0 / 100%);
		--lch-bg-circle-blue:oklch(0.85 0.0828 240.04);
		--lch-bg-circle-green:oklch(0.92 0.0581 160.96);
		--lch-bg-circle-yellow:oklch(0.87 0.0779 335.31);
		--lch-txt:oklch(0% 0 0 / 100%);
		--lch-txt-d:oklch(0% 0 0 / 100%);
		--lch-txt-hd:oklch(0% 0 0 / 100%);
		--lch-txt-d-hi:oklch(45.37% 0.1219 248.41 / 100%);
		--lch-txt-chui:oklch(43.07% 0.1742 29.71 / 100%);
		--lch-txt-eda:oklch(43.07% 0.1742 29.71 / 100%);
		--lch-q-block:oklch(0% 0 0 / 100%);
		--lch-txt-book:oklch(0% 0 0 / 100%);
		--lch-txt-time:oklch(0% 0 0 / 100%);
		--lch-link:oklch(48.1% 0.2293 269.7 / 100%);
		--lch-link-visited:oklch(47.82% 0.1215 327.27 / 100%);
		--lch-shad-lt1:oklch(86.69% 0.040563 239.0643 / 100%);
		--lch-shad-dark1:oklch(0% 0 0 / 100%);
		--lch-shad-dark2:oklch(49.66% 0.1368 249.14 / 10%);
		--lch-acc-guide:oklch(69.91% 0.1627 245.62 / 100%);
		--lch-tp-bg:oklch(100% 0 0 / 100%);
		--lch-tp-bg-hovoff:oklch(100% 0 0 / 100%);
		--lch-tp-bg-hovon:oklch(100% 0 0 / 100%);
		--lch-tp-shadt:oklch(0% 0 0 / 100%) 0 -.25em 0 inset;
		--lch-tp-shadb:oklch(0% 0 0 / 100%) 0 .25em 0 inset;
		--lch-tp-shadr:oklch(0% 0 0 / 50%) .25em 0 .2em inset;
		--lch-tp-shadg:oklch(0% 0 0 / 50%) 0 .1em .25em inset;
		--lch-tp-shadgr:oklch(0% 0 0 / 40%) -.25em .125em .35em inset;
		--lch-tp-shadr:oklch(0% 0 0 / 100%) .25em 0 0 inset;
		--lch-tp-li-bg:oklch(100% 0 0 / 100%);
		--lch-tp-li-grey:oklch(46.41% 0.1407 258.73 / 100%);
		--lch-tp-li-greybg:oklch(100% 0 0 / 100%);
		--lch-tp-li-hov:oklch(0% 0 0 / 100%);
		--lch-tp-li-hovbg:oklch(89.23% 0.051968 266.9832 / 100%);
		--lch-tp-li-hovb:oklch(100% 0 0 / 100%);
		--lch-tp-li-st:oklch(48.14% 0.2295 269.7) 0 -.2em 0 inset;
		--lch-tp-li-sb:oklch(48.14% 0.2295 269.7) 0 .2em .0 inset;
		--lch-tp-li-sr:oklch(48.14% 0.2295 269.7) .2em 0 0 inset;
		--lch-link-hover:oklch(48.47% 0.1886 24.56 / 100%);
		--lch-bg-hover:oklch(100% 0 0 / 100%);
	}
}


@media screen{
	.hcon.dark{
		--eda-red:hsla(2,86%,69%,1);
		--eda-blue:hsla(205,97%,61%,1);

		--bg-easyread:hsla(0,0%,0%,1);
		--bg-hover:hsla(0,0%,0%,1);

		--point-bg:hsla(0,0%,0%,1);
		--point-bg-visited:hsla(312,100%,2%,1);

		--bg-eda-red:hsla(0,0%,0%,1);
		--bggrad:hsla(0,0%,0%,1);
		--bggrad-back:hsla(205,100%,2%,1);
		--bggrad-d:hsla(0,0%,0%,1);
		--bg-fill:hsla(0,0%,0%,1);
		--bg-panel:hsla(0,0%,0%,1);

		--trnsp-md:hsla(0,0%,0%,1);
		--trnsp-lo:hsla(0,0%,0%,1)0;
		--bg-circle-blue:hsla(205,57%,8%,1);
		--bg-circle-green:hsla(147,44%,6%,1);
		--bg-circle-yellow:hsla(314.99,33%,6%,1);
	
		--txt:hsla(0,0%,100%,1);
		--txt-hd:hsla(0,0%,100%,1);
		--txt-d-hi:hsla(205,97%,69%,1);
		--txt-chui:hsla(2,100%,76%,1);
		--txt-eda:hsla(2,100%,76%,1);
		--q-block:hsla(0,0%,100%,1);
		--txt-book:hsla(0,0%,100%,1);
		--txt-time:hsla(0,0%,100%,1);

		--link:hsla(234,71%,72%,1);
		--link-visited:hsla(300,33%,63%,1);
		--acc-guide:hsla(205,97%,58%,1);
		--tp-bg:hsla(0,0%,0%,1);
		--tp-bg-hovoff:hsla(0,0%,0%,1);
		--tp-bg-hovon:hsla(0,0%,0%,1);
		--tp-shadt:hsla(0, 0%, 100%,.8) 0 -.25em 0 inset;
		--tp-shadb:hsla(0, 0%, 100%,.8) 0 .25em 0 inset;
		--tp-shadr:hsla(0, 0%, 100%,.8) .25em 0 0 inset;
		--tp-shadg:hsla(0, 0%, 100%,.8) 0 -.1em .25em inset;
		--tp-shadgr:hsla(0, 0%, 100%,.8) -.25em 0 .25em inset;
		--tp-li:hsla(0,0%,100%,1);
		--tp-li-bor:hsla(0,0%,7%,1);
		--tp-li-bg:hsla(0,0%,0%,1);
		--tp-li-grey:hsla(216,66%,73%,1);
		--tp-li-greybg:hsla(0,0%,0%,1);
		--lch-tp-li-hov:oklch(89.23% 0.051968 266.9832 / 100%);
		--lch-tp-li-hovbg:oklch(22.18% 0.0982 261.37 / 100%);
		--lch-tp-li-hovb:oklch(0% 0 0 / 100%);
		--lch-tp-li-st:oklch(68.09% 0.1341 277.45 / 100%) 0 -.2em 0 inset;
		--lch-tp-li-sb:oklch(68.09% 0.1341 277.45 / 100%) 0 .2em .0 inset;
		--lch-tp-li-sr:oklch(68.09% 0.1341 277.45 / 100%) .2em 0 0 inset;
		--lch-link-hover:oklch(69.22% 0.1707 16.65 / 100%);
		--lch-bg-hover:oklch(0% 0 0 / 100%);
	}
	@supports (color:oklch(0% 0 0 / 100%)){
		.hcon.dark{
			--lch-eda-red:oklch(70.32% 0.1628 24.13 / 100%);
			--lch-eda-blue:oklch(71.68% 0.1535 244.4 / 100%);
			--lch-bg-easyread:oklch(0% 0 0 / 100%);
			--lch-bg-hover:oklch(0% 0 0 / 100%);
			--lch-point-bg:oklch(0% 0 0 / 100%);
			--lch-point-bg-visited:oklch(10.03% 0.0449 333.7);
			--lch-bg-eda-red:oklch(0% 0 0 / 100%);
			--lch-bggrad:oklch(0% 0 0 / 100%);
			--lch-bggrad-back:oklch(11.34% 0.0217 226.1 / 100%);
			--lch-bggrad-d:oklch(0% 0 0 / 100%);
			--lch-bg-fill:oklch(0% 0 0 / 100%);
			--lch-bg-panel:oklch(0% 0 0 / 100%);
			--lch-trnsp-md:oklch(0% 0 0 / 100%);
			--lch-trnsp-lo:oklch(0% 0 0 / 100%);
			--lch-bg-circle-blue:oklch(0.19 0.0274 241.1);
			--lch-bg-circle-green:oklch(0.19 0.0246 158.82);
			--lch-bg-circle-yellow:oklch(0.16 0.0228 336.06);
			--lch-txt:oklch(100% 0 0 / 100%);
			--lch-txt-hd:oklch(100% 0 0 / 100%);
			--lch-txt-d-hi:oklch(76.8% 0.1259 241.98 / 100%);
			--lch-txt-chui:oklch(75.83% 0.1443 23.11);
			--lch-q-block:oklch(100% 0 0 / 100%);
			--lch-txt-eda:oklch(75.83% 0.1443 23.11);
			--lch-txt-book:oklch(100% 0 0 / 100%);
			--lch-txt-time:oklch(100% 0 0 / 100%);
			--lch-txt-link:oklch(68.11% 0.1345 277.39 / 100%);
			--lch-link-visited:oklch(68.9% 0.112957 326.7153 / 100%);
			--lch-acc-guide:oklch(69.91% 0.1627 245.62 / 100%);
			--lch-tp-bg:oklch(0% 0 0 / 100%);
			--lch-tp-bg-hovoff:oklch(0% 0 0 / 100%);
			--lch-tp-bg-hovon:oklch(0% 0 0 / 100%);
			--lch-tp-shadt:oklch(100% 0 0 / 80%) 0 -.25em 0 inset;
			--lch-tp-shadb:oklch(100% 0 0 / 80%) 0 .25em 0 inset;
			--lch-tp-shadr:oklch(100% 0 0 / 80%) .25em 0 0 inset;
			--lch-tp-shadg:oklch(100% 0 0 / 80%) 0 -.1em .25em inset;
			--lch-tp-shadgr:oklch(100% 0 0 / 80%) -.25em 0 .25em inset;
			--lch-tp-li:oklch(100% 0 0 / 100%);
			--lch-tp-li-bor:oklch(18.15% 0 0 / 100%);
			--lch-tp-li-bg:oklch(0% 0 0 / 100%);
			--lch-tp-li-grey:oklch(75.43% 0.0885 258.32 / 100%);
			--lch-tp-li-greybg:oklch(0% 0 0 / 100%);
			--lch-tp-li-hov:oklch(89.23% 0.051968 266.9832 / 100%);
			--lch-tp-li-hovbg:oklch(22.18% 0.0982 261.37 / 100%);
			--lch-tp-li-hovb:oklch(0% 0 0 / 100%);
			--lch-tp-li-st:oklch(68.09% 0.1341 277.45 / 100%) 0 -.2em 0 inset;
			--lch-tp-li-sb:oklch(68.09% 0.1341 277.45 / 100%) 0 .2em .0 inset;
			--lch-tp-li-sr:oklch(68.09% 0.1341 277.45 / 100%) .2em 0 0 inset;
			--lch-link-hover:oklch(69.22% 0.1707 16.65 / 100%);
			--lch-bg-hover:oklch(0% 0 0 / 100%);
		}
	}
}

.lite.nani{
	--trnsp-hi:hsla(0,0%,100%,1);
	--trnsp-md:hsla(0,0%,100%,1);
	--trnsp-lo:hsla(0,0%,100%,1);
}
	@supports (color:oklch(0% 0 0 / 100%)){
		.lite.nani{
			--lch-trnsp-hi:oklch(100% 0 0 / 100%);
			--lch-trnsp-md:oklch(100% 0 0 / 100%);
			--lch-trnsp-lo:oklch(100% 0 0 / 100%);
		}
	}
@media screen{

	.dark.nani{
		--trnsp-hi:hsla(0,0%,0%,1);
		--trnsp-md:hsla(0,0%,0%,1);
		--trnsp-lo:hsla(0,0%,0%,1);
	}
	@supports (color:oklch(0% 0 0 / 100%)){
		.dark.nani{
				--lch-trnsp-hi:oklch(0% 0 0 / 100%);
				--lch-trnsp-md:oklch(0% 0 0 / 100%);
				--lch-trnsp-lo:oklch(0% 0 0 / 100%);
		}
	}
}

*{
	font-family:inherit;
	line-height:inherit;
	margin:0;
	padding:0;
}
*,*::before,*::after{
	box-sizing:inherit;
}
.yani{
	interpolate-size:allow-keywords;
	scroll-behavior:smooth;
}
.yani *{
	transition:height .5s ease, width .5s ease;
}
html{
	-webkit-overflow-scrolling:touch;
	background-color:var(--lch-bg,var(--bg));
	box-sizing:border-box;
	color:var(--lch-txt,var(--txt));
	font-size:100%;
	line-break:strict;
	line-height:1;
	scroll-padding-top:1rem;
}
.nfont{
	font-feature-settings:"palt", "kern", "ccmp";
	font-kerning:normal;
	font-variant-numeric:oldstyle-nums;
}
.nfont:lang(ja),.nfont:lang(en) .tp-lang .n1-desc,.nfont:lang(en) :lang(ja){
	font-family:'游ゴシック', 'Yu Gothic', YuGothic, '游ゴシック体', 'Noto Sans CJK JP Regular', 'Noto Sans CJK JP', 'Source Han Sans JP', 'Yu Gothic UI', 'Hiragino Sans W3', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', system-ui, 'Meiryo', '小塚ゴシック Pr6N', 'ＭＳ Ｐゴシック', 'MS UI Gothic', 'MS Gothic', sans-serif;
}
.nfont:lang(en),.nfont:lang(en),.nfont .timeline h4,.nfont .timeline h5,.nfont .index-point_txt{
	font-family:'Segoe UI Variable', 'Noto Sans CJK JP Regular', 'Noto Sans CJK JP', 'Source Han Sans JP', 'Segoe UI', Segoe, 'Yu Gothic', YuGothic, 'Yu Gothic UI', '游ゴシック体', Roboto, 'Droid Sans', Tahoma, Geneva, Verdana, 'Hiragino Sans W3', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS UI Gothic', 'MS Gothic', system-ui, sans-serif;
}
.gfont:lang(ja),.gfont:lang(en) .tp-lang .n1-desc,.gfont:lang(en) :lang(ja){
	font-family:sans-serif, '游ゴシック', 'Yu Gothic', YuGothic, '游ゴシック体', 'Noto Sans CJK JP Regular', 'Noto Sans CJK JP', 'Source Han Sans JP', 'Yu Gothic UI', 'Hiragino Sans W3', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Meiryo', '小塚ゴシック Pr6N', 'ＭＳ Ｐゴシック', 'MS UI Gothic', 'MS Gothic', system-ui;
}
.gfont:lang(en),.gfont:lang(en),.gfont .timeline h4,.gfont .timeline h5,.gfont .index-point_txt{
	font-family:sans-serif;
}

body{
	font-size:1em;
	height:100%;
	padding-left:env(safe-area-inset-left);
	padding-right:env(safe-area-inset-right);
}

.skip a{
	background:hsla(0,0%,100%,1);
	color:hsla(234,71%,53%,1);
	display:block;
	line-height:1;
	padding:.5em;
	position:absolute;
	transform:translateY(-200%);
	transition:.125s ease;
	width:auto;
	z-index:99999;
}
.skip a:focus{
	height:auto;
	transform:translateY(0);
}

.flexwrap{
	min-height:80vh
}

p{
	margin-bottom:1em;
	margin-top:0;
}
p:last-child{
	margin-bottom:0;
}

img{
	height:auto;
	image-rendering:-webkit-optimize-contrast;
	max-width:100%;
	aspect-ratio:attr(width type(<number>)) / attr(height type(<number>));
}

a{
	color:var(--lch-link,var(--link));
	text-decoration-skip-ink:auto;
}
a:visited{
	color:var(--lch-link-visited,var(--link-visited));
}
button{
	all:unset;
}
nav{
	text-align:center;
}

.bg-circle-blue,
.hero.bg-circle-blue{
	background:var(--lch-bg-circle-blue-fallback,var(--bg-circle-blue-fallback));
	background:var(--lch-bg-circle-blue,var(--bg-circle-blue));
}
.bg-circle-green,
.hero.bg-circle-green{
	background:var(--lch-bg-circle-green-fallback,var(--bg-circle-green-fallback));
	background:var(--lch-bg-circle-green,var(--bg-circle-green));
}
.bg-circle-yellow,
.hero.bg-circle-yellow{
	background:var(--lch-bg-circle-yellow-fallback,var(--bg-circle-yellow-fallback));
	background:var(--lch-bg-circle-yellow,var(--bg-circle-yellow));
}

.lcon .bg-stripe{
	background-image:repeating-linear-gradient(
		transparent,
		transparent 4em,
		var(--lch-bg-stripe-1,var(--bg-stripe-1)) 4em,
		var(--lch-bg-stripe-1,var(--bg-stripe-1)) 6em,
		transparent 6em,
		transparent 10em,
		var(--lch-bg-stripe-2,var(--bg-stripe-2)) 10em,
		var(--lch-bg-stripe-2,var(--bg-stripe-2)) 12em,
		transparent 12em,
		transparent 16em,
		var(--lch-bg-stripe-3,var(--bg-stripe-3)) 16em,
		var(--lch-bg-stripe-3,var(--bg-stripe-3)) 18em,
		transparent 18em,
		transparent 22em,
		var(--lch-bg-stripe-1,var(--bg-stripe-4)) 22em,
		var(--lch-bg-stripe-1,var(--bg-stripe-4)) 24em,
		transparent 24em,
		transparent 28em,
		var(--lch-bg-stripe-3,var(--bg-stripe-3)) 28em,
		var(--lch-bg-stripe-3,var(--bg-stripe-3)) 30em
	);
}
.bg{
	margin:1em auto;
	max-width:80em;
	position:relative;
	user-select:none;
	width:100%;
	z-index:-1;
}
.comiclayoutA:not(.home) .bg,
.comiclayoutB:not(.home) .bg{
	max-width:120em;
}
.bg_main{
	background:var(--lch-bg-bgimg,var(--bg-bgimg));
	height:auto;
	margin:0 auto;
	max-width:80em;
	width:100%;
	bottom:0;
	z-index:-20;
	position:relative;
}
.bg_main_tile{
	background-repeat:repeat;
	height:100%;
	width:100%;
}
.nani .bg_main_tile{
	display:block;
	min-height:20em;
	width:100%;
}
.bg_main.bg_main--layer{
	background:transparent;
	position:absolute;
}
.bg_main--layer + .bg_main,
.bg_main--layer + .bg_main--layer{
	z-index:-25;
}
.bg_main--layer + .bg_main--layer + .bg_main,
.bg_main--layer + .bg_main--layer + .bg_main--layer{
	z-index:-30;
}
.bg_main--layer + .bg_main--layer + .bg_main--layer + .bg_main{
	z-index:-35;
}

.bg_fore{
	text-align:right;
	width:auto;
	bottom:0;
	max-height:100%;
	max-width:60em;
	position:absolute;
	right:0;
	z-index:1;
}
.bg_fore + .bg_fore{
	z-index:0;
}
.bg_fore_tile{
	background-position:bottom;
	background-repeat:repeat-x;
	bottom:0;
	height:20em;
	width:100%;
	right:0;
	position:fixed;
}
@media (min-width:92em){
	.nani .bg_main_img,
	.nani .bg_main_tile{
		border-radius:2.5em;
	}
	.nani .bg_fore_img,
	.nani .bg_fore_btile{
		border-radius:0 0 2.5em 0;
	}
}

.yani.christmas.home::after,
.yani.christmas.home::before{
	background-image:url(img/bg/christmas-bg-snow.gif),url(img/bg/christmas-bg-snow.gif);
	background-repeat:repeat,repeat;
	background-size:250px 250px,350px 350px;
	content:"";
	display:block;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:-5;
}
.yani.christmas.home::before{
	background-size:150px 150px,200px 200px;
	z-index:-15;
}
@media (max-width:40em){
	.yani.christmas.home::before{
		background-image:none;
	}
}


@supports(object-fit:cover) and (position:fixed){
	@media screen{
		.yani .bg_fore_img{
			bottom:0;
			height:auto;
			max-height:90%;
			max-width:none;
			position:fixed;
			right:0;
			z-index:-9;
			transition:none;
		}
		.yani .bg_fore_img.bg_fore_img--small{
			width:auto;
		}
		@media (max-width:400px){
			.yani .bg_fore_img.bg_fore_img--small{
				width:80%;
			}
		}
		@media (orientation:portrait){
			.yani .bg_fore_img{
				max-height:80%;
			}
		}
		@media (orientation:landscape) and (max-height:639px){
			.yani .bg_fore_img{
				max-height:none;
				top:0;
			}
		}
		@media (orientation:landscape) and (min-height:640px) and (min-width:0){
			.yani .bg_fore_img{
				max-height:none;
				width:100%;
			}
		}
		@media (orientation:landscape) and (min-height:430px) and (min-width:1500px){
			.yani .bg_fore_img{
				width:80%;
			}
		}
		@media (orientation:landscape) and (min-height:430px) and (min-width:2100px){
			.yani .bg_fore_img{
				width:auto;
			}
		}

		.yani .bg_main{
			height:100%;
			left:0;
			margin:0;
			max-width:100%;
			overflow:hidden;
			position:fixed;
			top:0;
			width:100%;
		}
		.yani .bg_fore{
			max-width:100%;
			position:static;
		}
		.yani .bg_main_img{
			height:100vh;
			min-height:100vh;
			object-fit:cover;
			transition:min-height 3s ease-in, object-position 3s ease-in;
			width:100%;
		}
		.dark.yani:not(.comiclayoutA):not(.comiclayoutB) body:not(.lite-bg) .bg_main_img,
		.hcon.dark.yani:not(.comiclayoutA):not(.comiclayoutB) body:not(.lite-bg) .bg_main_img{
			filter:grayscale(80%) contrast(112%);
			opacity:.2;
		}
		.dark.yani:not(.comiclayoutA):not(.comiclayoutB) body:not(.lite-bg) .bg_main--layer .bg_main_img,
		.hcon.dark.yani:not(.comiclayoutA):not(.comiclayoutB) body:not(.lite-bg) .bg_main--layer .bg_main_img{
			filter:grayscale(70%) contrast(112%) brightness(30%);
			opacity:1;
		}
		.dark.yani:not(.comiclayoutA):not(.comiclayoutB) body:not(.lite-bg) .bg_fore_img,
		.hcon.dark.yani:not(.comiclayoutA):not(.comiclayoutB) body:not(.lite-bg) .bg_fore_img{
			filter:grayscale(40%) contrast(80%) brightness(40%);
		}
		.yani .logowrap .eda-logo{
			filter:drop-shadow(.2em .45em .3em var(--lch-shad-dark1,var(--shad-dark1)));
		}

		.op_lt{object-position:left top;}
		.op_lc{object-position:left center;}
		.op_l30c{object-position:30% center;}
		.op_lb{object-position:left bottom;}
		.op_ct{object-position:center top;}
		.op_ct30{object-position:center 30%;}
		.op_cc{object-position:center center;}
		.op_cb30{object-position:center 70%;}
		.op_cb{object-position:center bottom;}
		.op_rt{object-position:right top;}
		.op_rc{object-position:right center;}
		.op_r30c{object-position:70% center;}
		.op_rb{object-position:right bottom;}

		@media (max-aspect-ratio:3/4){
			.op_vs_l{object-position:left center;}
			.op_vs_l30{object-position:30% center;}
			.op_vs_c{object-position:center center;}
			.op_vs_r30{object-position:70% center;}
			.op_vs_r{object-position:right center;}
		}
		@media (max-aspect-ratio:10/16){
			.op_vm_l{object-position:left center;}
			.op_vm_l30{object-position:30% center;}
			.op_vm_c{object-position:center center;}
			.op_vm_r30{object-position:70% center;}
			.op_vm_r{object-position:right center;}
		}
		@media (max-aspect-ratio:10/21){
			.op_vl_l{object-position:left center;}
			.op_vl_l30{object-position:30% center;}
			.op_vl_c{object-position:center center;}
			.op_vl_r30{object-position:70% center;}
			.op_vl_r{object-position:right center;}
		}
		@media (min-aspect-ratio:4/3){
			.op_hs_t{object-position:center top;}
			.op_hs_t30{object-position:center 30%;}
			.op_hs_c{object-position:center center;}
			.op_hs_b30{object-position:center 70%;}
			.op_hs_b{object-position:center bottom;}
		}
		@media (min-aspect-ratio:16/10){
			.op_hm_t{object-position:center top;}
			.op_hm_t30{object-position:center 30%;}
			.op_hm_c{object-position:center center;}
			.op_hm_b30{object-position:center 70%;}
			.op_hm_b{object-position:center bottom;}
		}
		@media (min-aspect-ratio:21/10){
			.op_hl_t{object-position:center top;}
			.op_hl_t30{object-position:center 30%;}
			.op_hl_c{object-position:center center;}
			.op_hl_b30{object-position:center 70%;}
			.op_hl_b{object-position:center bottom;}
		}
	}
}


.logowrap{
	margin-left:auto;
	margin-right:auto;
	max-width:120em;
	text-align:center;
}

.eda-logo{
	margin:3vh 2%;
	max-height:54vh;
	max-width:50%;
	width:16em;
}
.logotxt-wrap{
	height:auto;
	margin:0 auto;
	max-width:95%;
	width:100%;
}
.yani .logotxt-img{
	filter:drop-shadow(.25em .25em .25em var(--lch-shad-dark1,var(--shad-dark1))) drop-shadow(0 0 1em var(--lch-shad-dark1,var(--shad-dark1)));
	max-width:100%;
	width:72em;
}
.logotxt-img{
	min-height:2em;
}

.nani .logotxt-img{filter:none;}

@media screen{
	.projecteda-biglogo-img{
		filter:drop-shadow(#fff 0 0 .2em) drop-shadow(#fff 0 0 .4em);
	}
}
.projecteda-biglogo-wrap{
	margin:4em 2em 0;
	text-align:center;
}
@media (min-width:54em){
	.projecteda-biglogo-wrap{
		max-width:64%;
		margin-left:auto;
		margin-right:auto;
	}
}

.tp{
	background:var(--lch-tp-bg,var(--tp-bg));
	box-shadow:var(--lch-tp-shadt,var(--tp-shadt));
	list-style-type:none;
	min-height:4.25em;
	transition:none;
	width:100%;
}
.tp ul{
	display:flex;
	justify-content:flex-start;
}
.tp li{
	background:transparent;
	display:block;
}
.tp li a{
	background:var(--lch-tp-li-bg,var(--tp-li-bg));
	box-shadow:var(--lch-tp-shadt,var(--tp-shadt));
	color:var(--lch-tp-li,var(--tp-li));
}
.tp li a,.tp-greyed > div{
	align-items:center;
	border:1px solid var(--lch-tp-li-bor,var(--tp-li-bor));
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:0;
	display:flex;
	flex-direction:column;
	height:4.25em;
	justify-content:center;
	padding:5%;
	text-decoration:none;
	width:4.25em;
}
.tp_icon{
	border:0;
	max-height:100%;
	text-align:center;
	width:100%;
}
.tp_icon img{
	aspect-ratio:1 / 1;
	width:2.625em;
}
.tp-greyed > div{
	background:var(--lch-tp-li-greybg,var(--tp-li-greybg));
	border-color:var(--lch-bg,var(--bg));
	box-shadow:var(--lch-tp-shadg,var(--tp-shadg));
	color:var(--lch-tp-li-grey,var(--tp-li-grey));
}
.n1-desc{
	flex:0 1 auto;
	font-size:.9em;
	text-align:center;
}
.tp-this{
	left:-1000000px;
	position:absolute;
	top:-1000000px;
}
:lang(ja) .n1-desc{
	font-weight:500;
}
.tp-lang .n1-desc{
	display:inline;
}
li.tp-lang a{
	padding:0;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
}
.tp-e-time{
	margin-right:.5em;
}
.tp_icon{
	user-select:none;
}
@media (min-width:24em){
	.tp-e-time{
		margin-left:.5em;
	}
}
@media (min-width:40em){
	.tp li:not(.tp-lang) a,.tp-greyed > div{
		padding:5% 5%;
	}
	.tp-e-time .n1-desc{
		font-size:.8em;
	}
	.tp li a,.tp-greyed > div{
		flex-direction:row;
		justify-content:space-around;
		text-align:right;
		vertical-align:top;
		width:6em;
	}
	li.tp-lang a{
		text-align:center;
	}
	.tp_icon{
		max-width:calc(100% - 2em);
	}
	.tp_icon img{
		width:3em;
	}
	.n1-desc{
		display:inline-block;
		font-weight:400;
		text-align:center;
		width:1em;
			-ms-writing-mode:tb-rl;
			-webkit-writing-mode:vertical-rl;
		writing-mode:vertical-rl;
	}
}

.hcon.lite .tp img,.hcon.lite .n1-desc,.hcon.dark .tp img,.hcon.dark .n1-desc{
	background:var(--lch-tp-bg,var(--tp-bg));
	border-radius:.125em;
}

.header{
	background:var(--lch-bggrad,var(--bggrad));
	border-left:none;
	border-right:none;
	color:var(--lch-txt,var(--txt));
	container-type:inline-size;
	font-size:clamp(1.25em,calc(1em + 1vw),2.5em);
	font-size:clamp(1.25em,calc(1em + .75cqi),2.5em);
	line-height:1.6;
	margin:0;
	min-height:1.75em;
	padding:.125rem .5em;
	text-shadow:.035em .035em var(--lch-shad-d,var(--shad-d));
	vertical-align:top;
}
@media (min-width:60em){
	.lcon.yani:not(.comiclayoutC) body:not(.plainbg) .header,.lcon.yani.comiclayoutC .comicswitchonly .header{
		-webkit-backdrop-filter:blur(.0375em);
		backdrop-filter:blur(.0375em);
	}
}

.header h1{
	display:inline-block;
	font-size:clamp(1em,1.75vw,1.25em);
	font-size:clamp(1em,calc(1em + .5cqi),1.5em);
	padding:0 .5em;
}

.header-book,.header-chapter,.header-page{
	display:inline-block;
}
.header-book{
	color:var(--lch-txt-hd,var(--txt-hd));
}
.header-page{
	color:var(--lch-txt-time,var(--txt-time));
}
.header h1 > a{
	display:block;
	margin:0 auto;
}
.header-logo img{
	border-radius:.125em;
	max-height:1.25em;
	max-width:100%;
	user-select:none;
	vertical-align:middle;
	width:10em;
}
@media (min-width:36em){
	.header{
		margin-bottom:1em;
	}
	.header a{
		display:inline-block;
		margin-right:0;
		width:auto;
	}
	.header-logo{
		flex:0 1 auto;
	}
	.header-logo img{
		width:12em;
	}
}
@media (min-width:52em){
	.header-logo{
		display:inline-block;
	}
}
@media (min-width:100em){
	.header{
		display:flex;
	}
	.header:has(.header-logo){
		padding-right:12em;
	}
	.header-logo{
		display:inline-block;
	}
	.header h1{
		flex:1;
		text-align:center;
	}
}

.grid-container{
	margin-top:5vh;
	text-align:center;
}
.grid-container--compact-top{
	margin-top:1em;
}
.yani .grid{
	transition:margin .5s ease;
	overflow-x:hidden;
}
.grid-container + grid-container{
	margin-top:calc(1em + 5vh);
	padding-top:1em;
}

.heading{
	background:var(--lch-bggrad,var(--bggrad));
	grid-column:1 / -1;
	margin-top:min(7em,calc(1em + 5vh));
	margin-bottom:min(5em,calc(1em + 5vh));
	padding:1em;
	padding:1em min(8em, 5%);
	text-align:center;
}
.grid .heading{
	border-radius:.125em .5em 0 0;
}
.grid:first-of-type .heading{
	margin-top:0;
}
.heading h2{
	color:var(--lch-txt,var(--txt));
	margin:0 auto;
	max-width:36em;
}

.grid--bg-bar{
	background:var(--lch-bg-outer,var(--bg-outer));
	margin:3em 0;
	padding:3em;
	padding-left:min(3vw, 3em);
	padding-right:min(3vw, 3em);
}

@media (min-width:50em){
	.lcon.yani body:not(.plainbg) .grid--bg-bar{
		background:var(--lch-bggrad-back,var(--bggrad-back));
		-webkit-backdrop-filter:blur(.0375em);
		backdrop-filter:blur(.0375em);
	}
}


.hero{
	align-items:center;
	background:var(--lch-trnsp-lo,var(--trnsp-lo));
	box-shadow:var(--lch-shad-dark2,var(--shad-dark2)) 1em 0 1.5em;
	container-type:inline-size;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:calc(2em + 6vh);
	margin-top:2em;
	padding:clamp(0em, 1vw, 1.5em);
	padding:clamp(0em, 1.5cqw, 1.5em);
	text-align:center;
}
.hero_img{
	border-radius:.5em;
	max-height:calc(90vh - 4em);
	max-height:round(calc(90vh - 4em),8px);
	max-width:100%;
	max-width:round(down,100%,8px);
	height:auto;
	width:auto;
}
.lcon .hero_img--hl{
	filter:drop-shadow(0 .5em .75em var(--shad-lt1));
}
.hero_txt,.hero_img-wrap{
	flex:0 1 auto;
}
.hero_txt{
	color:var(--lch-txt-d,var(--txt-d));
	font-size:1.25em;
	font-size:clamp(1em,8cqi,10em);
	font-weight:600;
	text-align:left;
	text-shadow:var(--lch-eda-blue,var(--eda-blue)) .05em .05em 0;
	width:max-content;
	padding:.5em .5rem;
}
.hero_txt_span{
	display:block;
}
.hero_img-wrap{
	padding:0 2em 2em;
	text-align:center;
}
.hero_img-wrap > .hero_img{
	backface-visibility:hidden;
	box-shadow:var(--lch-eda-red,var(--eda-red)) 1em 2em 0;
	transform:rotate(5deg);
}

.multicolumn{
	columns:24em;
	column-gap:2em;
	margin-top:20vh;
	margin-left:1em;
	margin-right:1em;
}
.multicolumn > .txt-block{
	break-inside:avoid-column;
	margin:0 0 2em;
}

.hero + .multicolumn,
.hero + .grid{
	margin-top:2em;
}
.full-chara-img-wrap{
	height:75vh;
	text-align:center;
	padding:1rem;
	margin-bottom:1em;
}
.dark .full-chara-img-wrap{
	background:var(--lch-bg-circle-blue-fallback, var(--bg-circle-blue-fallback));
	border-radius:1em;
}
.full-chara-img{
	max-height:100%;
	height:round(down,100%,8px);
}
.navbox{
	background:var(--lch-trnsp-lo,var(--trnsp-lo));
	border-bottom:.25em solid var(--lch-bg,var(--bg));
	border-radius:0 1rem 0 0;
	margin:4em auto;
	max-width:36em;
	padding:.25em;
	width:auto;
}
.lcon.yani:not(.comiclayoutC) body:not(.plainbg) .navbox,.lcon.yani.comiclayoutC .comicswitchonly .navbox{
	-webkit-backdrop-filter:blur(.125em);
	backdrop-filter:blur(.125em);
}

.nani .navbox{
	border:.125rem solid var(--lch-shad-lt1,var(--shad-lt1));
	margin-bottom:6em;
	margin-top:6em;
}
.navbox--sns{
	background:var(--lch-trnsp-md,var(--trnsp-md));
	padding:4em .5em;
	text-align:center;
}
.navbox--sns ul > li{
	display:inline-block;
	list-style-type:none;
	margin:2em min(2vw,2em);
	text-indent:0;
}
.navbox--sns li a{
	border:solid .1em;
	border-radius:.125em;
	padding:.25em;
}
.navbox--sns li a:hover{
	background:var(--lch-bg,var(--bg));
}

.arrownav-block{
	background:var(--lch-bg,var(--bg));
	margin:1rem auto;
	max-width:30em;
	padding:1em .5em 1em;
	text-align:center;
}
@media (min-width:29em){
	.arrownav-block{
		border-radius:.125em;
		width:80%;
		padding-bottom:1em;
	}
}
.arrownav_wrap{
	display:inline-block;
	max-width:80%;
	padding:0 .5em;
	vertical-align:middle;
	width:7em;
}
.arrownav_img{
	margin:0 auto;
	max-width:3em;
}
.arrownav_wra p{
	background:var(--lch-bg,var(--bg));
	border:solid .1em;
	border-radius:1em;
	padding:.25em;
}

.biglink{
	background:var(--lch-trnsp-md,var(--trnsp-md));
	border:3px solid;
	border-radius:1em;
	display:inline-block;
	font-size:1.4em;
	line-height:1.8;
	margin:calc(3vh + 1em) 1em 1em;
	padding:.25em .75em;
}
@media (min-width:20em) {
	.biglink{
		min-width:7em;
	}
}
html:not(.hcon) .biglink{
	text-decoration:none;
}
address{
	font-style:normal;
}
address .biglink{
	display:inline-block;
	font-size:1em;
	margin:1em 0;
	overflow-wrap:break-word;
	-ms-word-break:break-all;
	word-break:break-all;
}

.circle-pic{
	margin:0 auto 1em;
	text-align:center;
}
.circle-pic img{
	border:var(--lch-acc-hi,var(--acc-hi)) solid 1em;
	border-radius:50%;
	max-width:90%;
	max-width:round(down,90%,8px);
	width:38em;
	width:round(38em,8px);
}
.picclick{
	position:relative;
}

.yani .picclick_1, .yani .picclick_2{
	transition:1s ease;
}

.picclick_1{
	z-index:15;
}
.picclick_2{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.picclick .picclick_2,.picclick:active .picclick_1,.picclick:focus .picclick_1{
	opacity:0;
 }
.picclick .picclick_1,.picclick:active .picclick_2,.picclick:focus .picclick_2{
	opacity:1;
}

.card-bg,.card-info{
	background-color:var(--lch-trnsp-md,var(--trnsp-md));
	border:.125rem solid var(--lch-bg,var(--bg));
	box-shadow:0 0 .1rem .1rem var(--lch-bg,var(--bg));
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.card,
a.card{
	display:inline-block;
	margin-top:1rem;
	margin-bottom:.5rem;
	max-width:26rem;
	min-height:8.5rem;
	padding:1rem;
	position:relative;
	text-decoration:none;
	vertical-align:top;
	width:calc(100% - 3.5rem);
}
.hcon.lite a.card,.hcon.dark a.card{
	text-decoration:underline;
}
a.card .card-bg{
	backface-visibility:hidden;
	background-color:var(--lch-trnsp-hi,var(--trnsp-hi));
	border-left:var(--lch-acc-hi,var(--acc-hi)) .4em solid;
	transform:skew(-10deg);
	will-change:transform;
}

.nani .card-bg{
	background:var(--lch-bg,var(--bg));
	border:.25em solid var(--lch-txt,var(--txt));
}
.nani a.card .card-bg{
	border:.25em solid var(--lch-acc-hi,var(--acc-hi));
}

.yani.lcon body:not(.plainbg) .grid:not(.grid--bg-bar) .card-bg,
.yani.lcon body:not(.plainbg) .grid:not(.grid--bg-bar) .card-info{
	-webkit-backdrop-filter:blur(.25em);
	backdrop-filter:blur(.25em);
}

.card-info{
	border-radius:2em;
}

.card-info p{
	font-size:1.3em;
	text-align:left;
}

.nani .card-info{
	box-shadow:0 0 .75rem var(--lch-shad-lt1,var(--shad-lt1));
}

.card-hd{
	font-size:1.3em;
	font-weight:600;
	margin-bottom:.5rem;
}

.card-hd,
.card-hd > img{
	vertical-align:text-top;
}
a.card .card-hd::before{
	color:var(--lch-link,var(--link));
	content:"\0025C8";
	display:inline-block;
	font-size:.75em;
	padding-right:.125em;
	text-decoration:none;
	vertical-align:text-top;
}
a.card:visited .card-hd::before{
	color:var(--lch-eda-red,var(--eda-red));
}
.card p{
	line-height:1.4;
}
a.card p:not(.card-hd),a.card p span{
	text-decoration:underline;
}

.card-chui{
	color:var(--lch-txt-chui,var(--txt-chui));
	font-weight:500;
}

.card_contents{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	height:100%;
	position:relative;
	text-align:left;
	z-index:2;
}

.card_contents_img-wrap{
	flex:1 1 7em;
	padding:.25em;
	width:8em;
}
.card_contents_img{
	-webkit-clip-path:polygon(18% 0, 100% 0, 82% 100%, 0 100%);
	border:0;
	border-radius:5%;
	clip-path:polygon(18% 0, 100% 0, 82% 100%, 0 100%);
	width:100%;
	width:round(down,100%,8px);
}
.card_contents_img--transparent{
	border:.25em solid transparent;
	border-radius:0;
	-webkit-clip-path:none;
	clip-path:none;
}
.card_contents_txt{flex:2 1 10em;padding:.25em;}
.card_contents_txt img{
	width:calc(100% - 1.25em);
}
a.card .card_contents_txt{
	color:var(--lch-link,var(--link));
}

@supports (shape-outside:polygon(0 0, 100% 0, 0 100%)) and (clip-path:polygon(20% 0, 80% 0, 90% 20%, 74% 100%, 0 100%)){
	@media (min-width:18em){
		.card:not(.card-info) .card_contents_img-wrap{
			flex:1 1 7em;
		}
		.card:not(.card-info) .card_contents_txt::before{
			content:"";
			float:left;
			height:100%;
			shape-outside:polygon(0 0, 100% 0, 0 100%);
			width:4.5%;
		}
	}
}
.card-info .card_contents_txt{
	container-type:inline-size;
}
.card-info button{
	font-size:1em;
	font-size:clamp(1em, 8cqi, 1.5em);
}

h2{
	font-size:1.375em;
	font-size:clamp(1.375em, 2vw, 2em);
	font-size:clamp(1.25em, calc(1em + 3cqi), 2em);
	font-style:normal;
	font-weight:600;
	line-height:clamp(1.5em,-1vw,2em);
	line-height:clamp(1.5em,-2cqi,2em);
}
h3{
	font-size:1.25em;
	font-size:clamp(1.25em, 2vw, 1.5em);
	font-size:clamp(1.25em, calc(1em + 4cqi), 1.5em);
	font-style:normal;
	font-weight:500;
	line-height:clamp(1.75em,-1vw,2em);
	line-height:clamp(1.75em,-2cqi,2em);
}
h4{
	font-size:1em;
	font-size:clamp(1em, 2vw, 1.25em);
	font-size:clamp(1em, calc(1em + 4cqi), 1.25em);
	font-style:normal;
	font-weight:600;
	line-height:clamp(1.875em,-1vw,2em);
	line-height:clamp(1.875em,-2cqi,2em);
}
h5,h6{
	font-size:1em;
	font-style:normal;
	font-weight:600;
}
h1,h2,h3,h4,h5,h6{
	text-indent:0;
}
.txt-block h1 + p,
.txt-block h2 + p,
.txt-block h3 + p,
.txt-block h4 + p,
.txt-block h5 + p,
.txt-block h6 + p{
	margin-top:1em;
}
.txt-block b{
	font-weight:500;
	color:var(--lch-txt-eda,var(--txt-eda));
}
@supports (font-variant-position:sub){
sub{
		font-variant-position:sub;
	}
	sup{
		font-variant-position:super;
	}
	sub,sup{
		font-size:inherit;
		vertical-align:baseline;
	}
}
ol{
	margin:1em;
	padding:0 1em;
}
ol,ul{
	text-indent:0;
}
ol li{
	margin:1em 0;
}
ul > li{
	list-style-type:disc;
}
.q-earth,.q-poem{
	color:var(--lch-txt-book,var(--txt-book));
	font-style:italic;
}
q, :lang(en) q{
	quotes:'\201c' '\201d' '\2018' '\2019' '\201c' '\201d';
}
:lang(ja) q{
	quotes:'「' '」' '『' '』' '「' '」';
}
q.q-continued, :lang(en) q.q-continued{
	quotes:'\201c' '' '\2018' '2019' '\201c' '201d';
}
:lang(ja) q.q-continued{
	quotes:'「' '' '『' '』' '「' '」';
}
q.q-inner, :lang(en) q.q-inner{
	font-style:italic;
	quotes:'' '';
}
:lang(ja) q.q-inner{
	font-style:normal;
	quotes:'' '';
}
p.q-block{
	padding:0 2.5em;
}
.lite p.q-block, .lite p.q-block *,
.dark p.q-block, .dark p.q-block *{
	font-family:Consolas, "Andale Mono", "Courier New", monaco, monospace;
}
.lite:lang(ja) p.q-block,.lite:lang(ja) p.q-block *,
.lite :lang(ja) p.q-block,.lite :lang(ja) p.q-block *,
.lite p.q-block:lang(ja),.lite p.q-block:lang(ja) *,
.dark:lang(ja) p.q-block,.dark:lang(ja) p.q-block *,
.dark :lang(ja) p.q-block,.dark :lang(ja) p.q-block *,
.dark p.q-block:lang(ja),.dark p.q-block:lang(ja) *{
	font-family:"游明朝", "Yu Mincho", YuMincho, "源ノ明朝", "Noto Serif CJK JP", "Noto Serif JP", "Noto Serif", "Hiragino Mincho Pro" ,"ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
	font-feature-settings:"fwid";
}
.comic-pan p.q-block{
	color:var(--lch-q-block,var(--q-block));
}
p:not(.q-block) + p.q-block,p.q-block + p:not(.q-block){
	margin-top:1em;
}
rb,rt{
	margin-right:.5em;
}

.frac{
	font-feature-settings:"frac";
}
.break{
	word-wrap:break-word;
}
.txt-block{
	background-color:var(--lch-trnsp-hi,var(--trnsp-hi));
	font-size:clamp(1em,calc(.5em + .5vw),1.25em);
	font-size:clamp(1em,calc(.5em + 1cqw),1.25em);
	line-height:1.6;
	margin-bottom:1rem;
	margin-left:.5rem;
	margin-right:.5rem;
	max-width:45em;
	min-width:45%;
	padding:2rem;
	text-align:left;
	vertical-align:top;
}
.header + .txt-block{
	margin-top:2rem;
}

.txt-block header{
	container-type:inline-size;
	border:0;
	border-bottom:3px var(--lch-acc-hi,var(--acc-hi)) solid;
	border-radius:0 0 10% 0;
	clear:both;
	margin:0 0 1em;
	padding:.25em 0;
	text-align:left;
}
.txt-block ul,.txt-block ol{
	margin:1em .25em 1em 1em;
	padding:0;
}
.txt-block ul ul,
.txt-block ul ol,
.txt-block ol ol,
.txt-block ol ul{
	margin:1em 0 1em 1em;
	padding:0 .25em;
}
.txt-block ol ol{
	list-style-type:upper-alpha;
}
.txt-block--full{
	background-color:var(--lch-bg-easyread,var(--bg-easyread));
	display:block;
	font-size:clamp(1.25em,calc(1em + .5vw),1.75em);
	font-size:clamp(1.25em,calc(.5em + 2.5cqi),1.75em);
	line-height:2;
	margin:1em auto 4em;
	max-width:46em;
	text-indent:0;
}
.txt-block--full p{
	text-indent:1em;
}
@media (min-width:36em){
	.txt-block{
		border-radius:.25rem;
		margin:0 2rem 1rem;
	}
	.txt-block--full{
		border-radius:0;
		margin:0 auto 8em;
	}
	.txt-block ul,
	.txt-block ol{
		padding:0 15% 0 15%;
	}
}
@media (min-width:60.7em){
	.txt-block{
		margin:1em auto;
	}
	.txt-block--full{
		margin-bottom:9.5em;
		padding:4rem;
	}
}
@media (min-width:90em){
	.txt-block--full{
		border-radius:.25rem;
		margin-bottom:4em;
	}
}
.txt-block_sqimg{
	margin:1em 0;
	text-align:center;
}
.txt-block_sqimg img{
	width:100%;
}

.txt-block dl{
	margin:1em 0;
}
.txt-block dt{
	font-weight:600;
	text-indent:0;
}
.txt-block dt::after{
	content:' :';
}
.txt-block dd{
	margin:0 0 1em;
	text-indent:0;
}
.txt-block dd + dt{
	margin-top:2em;
}

.simple-imgwrap{
	margin-bottom:1em;
	text-align:center;
	text-indent:0;
}

.feature-img,
.figure-img{
	background:var(--lch-bg-easyread, var(--bg-easyread));
	font-size:.8em;
	font-style:italic;
	margin:2em auto 4em;
	text-indent:0;
}

.feature-img figcaption,
.figure-img figcaption{
	padding:0 1.25em .125em;
	border-bottom:var(--lch-eda-red,var(--eda-red)) solid .25em;
	border-radius:.9em 1em;
}
.feature-img figcaption p,
.figure-img figcaption p{
	text-indent:0;
}
.feature-img i{
	font-style:normal;
}
.feature-img img{
	border-radius:.25em 1em;
	width:100%;
}
.feature-img:not(.feature-img--simple) img{
	border-radius:0 1em;
	clip-path:polygon(0 5%,80% 5%,85% 0,100% 0,100% 95%,30% 95%,25% 100%,0 100%);
}
.figure-img{
	margin-left:1em;
	margin-right:1em;
}
.figure-img img{
	border-radius:.25em 1em;
}

@media (min-width:64em){
	.figure-img{
		display:flex;
		align-items:center;
		margin-left:1em;
		margin-right:1em;
		gap:1em;
	}
	.figure-img img{
		border-radius:.25em 1em;
		display:inline-block;
		width:24em;
		flex:1 1 calc(50% - 4em);
	}
	.figure-img:nth-of-type(2n){
		flex-flow:row-reverse;
	}
	.figure-img figcaption{
		display:inline-block;
		flex:1 1 calc(50% - 4em);
		border-radius:0 0 1em .25em;
	}
	.figure-img:nth-of-type(2n) figcaption{
		border-radius:0 0 .25em 1em;
	}
}


.qanda{
	background:var(--lch-bg-easyread, var(--bg-easyread));
	border:var(--lch-eda-blue, var(--eda-blue)) solid .25em;
	border-left-width:1px;
	border-radius:0 0 1.1em 1.1em;
	border-right-width:1px;
	border-top:0;
	margin-bottom:3em;
}
.qanda summary{
	background:var(--lch-bg, var(--bg));
	border-bottom:var(--lch-eda-blue, var(--eda-blue)) solid .175em;
	border-radius:0 0 .9em .9em;
	padding:.5em 0 .5em .5em;
}
.qanda > p {
	padding-left:.5em;
}
.qanda[open] summary{
	border-color:var(--lch-eda-red, var(--eda-red));
}
.yani .qanda summary{
	transition:border-color .5s ease;
}
.qanda summary + *{
	margin-top:1em;
}
.qanda > :last-child{
	margin-bottom:1em;
}
@media (min-width:30em){
	.qanda summary,.qanda > p{
		padding-left:1em;
	}
}
.talk-l,.talk-r{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	margin-bottom:2em;
	text-indent:0;
}
.talk-r{
	flex-flow:row-reverse wrap;
}
.talk_pic{
	color:var(--lch-txt-eda, var(--txt-eda));
	line-height:1.25;
	text-align:center;
}
.talk_pic{
	flex:0 1 7rem;
	position:relative;
	width:7rem;
	z-index:19;
}
.talk_pic_img img{
	border:.25em solid var(--lch-eda-red, var(--eda-red));
	border-width:round(.25em, 4px);
    border-radius: 1em;
    max-width:100%;
	max-width:round(down,100%,4px);
	z-index:5;
}
.talk_pic_bg{
	background:var(--lch-bg-eda-blue, var(--bg-eda-blue));
	border-radius:1em;
	display:block;
	height:100%;
	left:0;
	opacity:.5;
	position:absolute;
	top:-.25em;
	transform:rotate(33.33deg);
	width:100%;
	z-index:-1;
}
p.talk_pic_name{
	background:var(--lch-bg, var(--bg));
	border-radius:.125em;
	display:inline-block;
	font-size:1rem;
	padding:.125em .25em;
	text-align:center;
	text-indent:0;
}
.talk_txt{
	border:1px solid var(--lch-eda-blue, var(--eda-blue));
	border-radius:1em;
	flex:2 1 100%;
	padding:1em;
	width:100%;
	text-indent:0;
}
.talk_txt p{
	text-indent:0;
}
.talk--alt .talk_pic_bg{
	background:var(--lch-bg-eda-green, var(--bg-eda-green));
}
.talk--alt .talk_txt{
	border-color:var(--lch-eda-green, var(--eda-green));
}
.talk--alt2 .talk_pic_bg{
	background:var(--lch-bg-eda-pink, var(--bg-eda-pink));
}
.talk--alt2 .talk_txt{
	border-color:var(--lch-eda-pink, var(--eda-pink));
}
@media (max-width:18em){
	.talk_pic_bg{
		transform:none;
	}	
}
@media (max-width:15em){
	.talk_pic_bg{
		display:none;
	}	
}
@media (min-width:30em){
	.talk-l,.talk-r{
		display:flex;
		flex-wrap:nowrap;
	}
	.talk-r{
		flex-flow:row-reverse;
	}
	.talk_pic{
		width:12rem;
	}
	.talk_txt{
		width:auto;
	}
}
@media (min-width:60em){
	.talk_pic{
		width:12rem;
		flex:0 1 12rem;
	}
	p.talk_pic_name{
		font-size:1em;
	}
}

@supports selector(::details-content) {
	.yani .qanda::details-content{
		height:0;
		overflow:clip;
		transition:height 0.125s ease, content-visibility 0.125s ease allow-discrete;
		will-change:transition;
	}
	.yani .qanda[open]::details-content{
		height:auto;
	}
}

.intropara::first-letter{
	color:var(--lch-txt-eda,var(--txt-eda));
	font-family:"Lucida Bright", Georgia, "Calisto MT", Garamond, "Goudy Old Style", "Bookman Old Style", Times, "TimesNewRoman", "Times New Roman", "Baskerville", "Baskerville Old Face", serif;
	font-feature-settings:"swsh";
	font-size:2.5em;
	letter-spacing:1px;
	line-height:.5;
	vertical-align:text-top;
}
h3 + .intropara{
	margin-top:1em;
}
:lang(ja) .intropara::first-letter, .intropara:lang(ja)::first-letter{
	font-family:"游明朝", "Yu Mincho", YuMincho, "源ノ明朝", "Noto Serif CJK JP", "Noto Serif JP", "Noto Serif", "Hiragino Mincho Pro" ,"ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}
.nobr{
	display:inline-block;
}
strong{
	font-weight:600;
}

.progress{
	background:transparent;
	border:1px solid var(--lch-txt-time,var(--txt-time));
	border-radius:.2em;
	color:var(--lch-txt-time,var(--txt-time));
	height:1em;
	margin:1em 0 2em;
	text-indent:0;
	width:100%;
}
.progress::-moz-progress-bar{
	background:var(--lch-acc-hi,var(--acc-hi));
}
.progress::-webkit-progress-bar{
	background:transparent;
}
.progress::-webkit-progress-value{
	background:var(--lch-acc-hi,var(--acc-hi));
}

audio{
	margin-top:1em;
	max-width:100%;
	text-indent:0;
}

.updatebox{
	margin-bottom:4em;
	margin-left: auto;
	margin-right: auto;
	max-width:90em;
}
.updatebox > .heading{
	margin-bottom:1em;
}
.updatebox_list{
	background:var(--lch-trnsp-lo,var(--trnsp-lo));


	border:var(--lch-bg,var(--bg)) solid .125em;
	padding:0 .5em .5em;
	border-radius:0 0 .25em .25em;
	font-size:clamp(1em,.5vw,1.5em);
	font-size:clamp(1em,2cqi,1.5em);
}
.yani.lcon .updatebox_list{
	-webkit-backdrop-filter:blur(.125em);
	backdrop-filter:blur(.125em);
}

.updatebox_list li{
	background:var(--lch-trnsp-md,var(--trnsp-md));
	list-style-type:none;
	text-align:left;
	padding:1em;
	margin-top:.5em;
}
.hcon .updatebox_list li{
	border-bottom:.125em var(--lch-acc-hi,var(--acc-hi)) solid;
}
@media (min-width:24em){
	.updatebox_list article{
		display:flex;
		align-items:flex-start;
		gap:1em;
	}
}
.updatebox_list_header h1{
	background-color:var(--lch-point-bg, var(--point-bg));
	padding:.5em;
	color:var(--lch-txt-time,var(--txt-time));
	font-size:1em;
}
.updatebox_list_comment{
	padding:.5em;
}

@media (min-width:40em) and (max-width:61.5em) and (orientation:portrait),
(max-height:22em) and (max-width:61.5em) and (orientation:landscape),
(min-height:22em) and (max-height:50em) and (orientation:landscape){
	.tp ul > li:nth-child(n + 10){
		display:none;
	}
}
@media (min-width:40em) and (max-width:55.5em) and (orientation:portrait),
(max-height:22em) and (max-width:55.5em) and (orientation:landscape),
(min-height:22em) and (max-height:46em) and (orientation:landscape){
	.tp ul > li:nth-child(n + 9){
		display:none;
	}
}
@media (min-width:40em) and (max-width:49.5em) and (orientation:portrait),
(max-height:22em) and (max-width:49.5em) and (orientation:landscape),
(min-height:22em) and (max-height:41em) and (orientation:landscape){
	.tp ul > li:nth-child(n + 8){
		display:none;
	}
}
@media (min-width:40em) and (max-width:43.5em) and (orientation:portrait),
(max-height:22em) and (max-width:43.5em) and (orientation:landscape),
(min-height:22em) and (max-height:36em) and (orientation:landscape){
	.tp ul > li:nth-child(n + 7){
		display:none;
	}
}

@media (min-width:36em) and (max-width:40em) and (orientation:portrait),
(max-height:22em) and (min-width:36em) and (max-width:40em) and (orientation:landscape){
	.tp ul > li:nth-child(n + 10){
		display:none;
	}
}
@media (max-width:40em){
	.tp ul > li:nth-child(n + 9){
		display:none;
	}
}
@media (max-width:36em){
	.tp ul > li:nth-child(n + 8){
		display:none;
	}
}
@media (max-width:32em){
	.tp ul > li:nth-child(n + 7){
		display:none;
	}
}
@media (max-width:26em),
(min-width:40em) and (min-height:22em) and (max-height:31em) and (orientation:landscape){
	.tp ul > li:nth-child(n + 6){
		display:none;
	}
}
@media (max-width:22em),
(min-width:40em) and (min-height:22em) and (max-height:23em) and (orientation:landscape){
	.tp--lv1 ul > li:nth-child(n + 5),
	.tp--lv2 ul > li:nth-child(n + 6),
	.tp li.tp_lv2hide{
		display:none;
	}
}
@media (max-width:20em){
	.tp--lv1 ul > li:nth-child(n + 4),
	.tp--lv2 ul > li:nth-child(n + 5),
	.tp .tp_arr:not(:nth-child(2)){
		display:none;
	}
}
@media (max-width:14em){
	.tp--lv1 ul > li:nth-child(n + 3),
	.tp--lv2 ul > li:nth-child(n + 4){
		display:none;
	}
}
@media (max-width:12em){
	.tp ul > li:nth-child(n + 2){
		display:none;
	}
}

@media (max-width:23em){
	.arrownav_wrap{
		font-size:.75em;
	}

}
@media (max-width:20em){
	.tp-e-time{
		margin-right:0;
	}
}
@media (max-width:18em){
	.arrownav_wrap{
		font-size:.65em;
		margin-bottom:1em;
	}
	p.q-block,.comic-pan p.q-block,.txt-block ul,.txt-block ol{
		padding:0 5%;
	}
	.txt-block{
		margin:0 5% 1rem;
		padding:2rem 5%;
	}
	.card-bg,a.card .card-bg{
		transform:skew(0);
	}
	.card_contents_img{
		-webkit-clip-path:none;
		clip-path:none;
		width:100%;
	}
	
}
@media (max-width:13.2em){
	:root{
		font-size:clamp(.45em, 14vw, 1em);
	}
	*{
		margin-left:auto;
		margin-right:auto;
	}
	body{
		display:block;
		hyphens:auto;
	}
	.card-info .card_contents{
		display:block;
	}
	.header,#main-content,.card,a.card,.card-hd,.grid--bg-bar,.biglink,.biglink a,.txt-block,.projecteda-biglogo-wrap{
		font-size:1em;
		hyphens: auto;
		margin-left:auto;
		margin-right:auto;
		padding-left:2%;
		padding-right:2%;
		width:auto;
		word-wrap:break-word;
	}
	.card-info{
		width:100%;
	}
}
@media (min-height:26em){
	.tp{
		bottom:0;
		bottom:calc(env(safe-area-inset-bottom, 0px) - var(--safe-area-max-inset-bottom));
		box-shadow:var(--lch-tp-shadb,var(--tp-shadb));
		height:var(--bottom-tp-height);
		padding-bottom:var(--safe-area-max-inset-bottom);
		position:fixed;
		z-index:9999;
	}
	.tp li a{
		box-shadow:var(--lch-tp-shadb,var(--tp-shadb));
	}
}


@media screen and (orientation:landscape) and (min-width:40em) and (min-height:22em){
	html{
		min-height:100%;
		overflow-y:scroll;
	}
	body{
		padding-bottom:0;
		padding-right:6.7em;
		padding-right:calc(var(--right-tp-width) + var(--safe-area-max-inset-right));
		overflow-y:initial;
	}
	.tp{
		background:#fff;background:var(--lch-tp-bg,var(--tp-bg));
		box-shadow:var(--lch-tp-shadr,var(--tp-shadr));
		height:100%;
		padding-right:var(--safe-area-max-inset-right);
		position:fixed;
		right:0;
		right:calc(env(safe-area-inset-right, 0px) - var(--safe-area-max-inset-right));
		width:6.7em;
		z-index:9999;
	}
	.tp ul{
		display:block;
	}
	.tp li{
		margin:0 0 .25em;
	}
	.tp li a{
		box-shadow:var(--lch-tp-shadr,var(--tp-shadr));
	}
	.tp-greyed > div{
		box-shadow:var(--lch-tp-shadgr,var(--tp-shadgr));
	}
	.tp li a,
	.tp-greyed > div{
		border-left:none;
		border-top-width:1px;
		display:flex;
	}
	li.tp-lang a{
		bottom:0;
		left:0;
		padding:.3em;
		position:absolute;
		right:auto;
		top:auto;
	}
}
@media screen and (orientation:landscape) and (min-width:40em) and (min-height:26em){
	.tp li{
		margin:0 0 1em;
	}
	.tp:has(ul > li:nth-child(n + 6)) ul > li{
		margin-bottom:.5em;
	}
	.tp:has(ul > li:nth-child(n + 6)) ul > li:nth-child(-n + 5){
		margin-bottom:1em;
	}
}

ul.port{
	align-items:stretch;
	background:var(--lch-bg-circle-blue-fallback,var(--bg-circle-blue-fallback));
	background:var(--lch-bg-circle-blue,var(--bg-circle-blue));
	border-radius:.5em;
	box-shadow:var(--lch-shad-dark1,var(--shad-dark1)) .125em .125em .25em inset;
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	height:auto;
	justify-content:space-evenly;
	margin:1em;
	padding:2em 5%;
	text-align:center;
}
.txt-block:nth-child(3n+1):has(.port) .port{
	background:var(--lch-bg-circle-blue-fallback,var(--bg-circle-blue-fallback));
	background:var(--lch-bg-circle-blue,var(--bg-circle-blue));
}
.txt-block:nth-child(3n+2):has(.port) .port{
	background:var(--lch-bg-circle-green-fallback,var(--bg-circle-green-fallback));
	background:var(--lch-bg-circle-green,var(--bg-circle-green));
}
.txt-block:nth-child(3n+3):has(.port) .port{
	background:var(--lch-bg-circle-yellow-fallback,var(--bg-circle-yellow-fallback));
	background:var(--lch-bg-circle-yellow,var(--bg-circle-yellow));
}

.port_item{
	display:inline-block;
	font-size:1.125rem;
	line-height:1.25;
	margin:.33em;
	vertical-align:top;
	width:7em;
}
.port_item_link{
	background:var(--lch-bg,var(--bg));
	border-radius:.25em;
	box-shadow:var(--lch-shad-dark1,var(--shad-dark1))  .125em .125em .5em;
	display:inline-block;
	height:100%;
	padding:.125em .125em .5em;
	will-change:transform;
}
.port_item_img{
	border-radius:.25em;
}
.port_item_link:hover,.port_item_link:focus{
	background:var(--lch-bg-hover,var(--bg-hover));
}
.yani .port_item_link:hover,.yani .port_item_link:focus{
	transform:scale(1.05);
	box-shadow:var(--lch-shad-lt1,var(--shad-lt1)) .125em .125em .25em;
}
.nani .port_item_link:hover,.nani .port_item_link:focus{
	box-shadow:var(--lch-eda-red,var(--shad-eda-red)) .125em .125em .5em;
}



a:hover,a:focus{
	color:var(--lch-link-hover,var(--link-hover));
}
.hcon.lite a:hover p,.hcon.lite :focus p,.hcon.dark a:hover p,.hcon.dark :focus p{
	border-radius:.25rem;
	outline:1px solid var(--lch-link-hover,var(--link-hover));
	outline-offset:.125rem;
}
.hcon.lite div:not(.skip) a,
.hcon.dark div:not(.skip) a{
	position:relative;
}
.hcon.lite a,
.hcon.dark a{
	outline:.125rem rgba(0,0,0,0) dotted;
	z-index:9999999;
}
.hcon.lite a:hover,.hcon.lite :focus,
.hcon.dark a:hover,.hcon.dark :focus{
	outline-color:var(--lch-link-hover,var(--link-hover));
	outline-width:.375rem;
}

.tp li a:hover,.tp li a:focus{
	background:var(--lch-tp-li-hovbg,var(--tp-li-hovbg));
	border-color:var(--lch-tp-li-hovb,var(--tp-li-hovb));
	box-shadow:var(--lch-tp-li-st,var(--tp-li-st));
	color:var(--lch-tp-li-hov,var(--tp-li-hov));
}

html:not(.hcon) .arrownav-block a{
	filter:grayscale(100%);
	opacity:.9;
}
html:not(.hcon) .comic .arrownav-block a{
	opacity:.5;
}
html:not(.hcon) .arrownav-block a:hover,
html:not(.hcon) .arrownav-block a:focus{
	filter:grayscale(0%);
	opacity:1;
}
html:not(.hcon) .arrownav-block a:active{
	filter:grayscale(50%);
	opacity:.8;
}
.header-logo:hover,
.header-logo:focus{
	opacity:.8;
}
.biglink:hover,
.biglink:focus,
.biglink:active{
	background:var(--lch-trnsp-hi,var(--trnsp-hi));
	text-decoration:none;
}
.biglink:active{
	opacity:.8;
}
a.card:focus{
	outline:none;
}
a.card:hover .card-bg,a.card:focus .card-bg{
	background:var(--lch-bg-hover,var(--bg-hover));
	border-color:var(--lch-link,var(--link));
	border-left-color:var(--lch-eda-red,var(--eda-red));
	color:var(--lch-txt,var(--txt));
}
.grid--bg-bar a.card:hover .card-bg,.grid--bg-bar a.card:focus .card-bg{
	box-shadow:.1rem .1rem .5rem var(--lch-bg-bgimg,var(--bg-bgimg));
}
a.card:hover .card-hd::after{
	color:var(--lch-eda-red,var(--eda-red));
}
a.card:hover .card_contents_txt{
	color:var(--lch-link-hover,var(--link-hover));
}

.yani a{
	transition:.5s ease;
}
.yani a:hover,.yani a:focus{
	transition:.125s ease;
}


@media (min-height:26em){
	.tp li a:hover,.tp li a:focus{
		box-shadow:var(--lch-tp-li-sb,var(--tp-li-sb));
	}
}
@media screen and (orientation:landscape) and (min-width:40em) and (min-height:22em){
	.tp li a:hover,.tp li a:focus{
		box-shadow:var(--lch-tp-li-sr,var(--tp-li-sr));
	}
	@supports(object-fit:cover) and (position:fixed) and (color:var(--lch-bg,var(--bg))){
		.tp{
			background:var(--lch-tp-bg-hovoff,var(--tp-bg-hovoff));
		}
		.tp:hover{
			background:var(--lch-tp-bg-hovon,var(--tp-bg-hovon));
		}
		.lite.lcon.yani:not(.comiclayoutC) body:not(.plainbg) .tp,.lite.lcon.yani.comiclayoutC .comicswitchonly .tp{
			-webkit-backdrop-filter:blur(.075em);
			backdrop-filter:blur(.075em);
		}

	}
}

@media screen and (pointer:fine), screen and (-moz-touch-enabled:0){
	.yani .tp_icon{
		transition:all .5s;
	}
	.yani a.card,
	.yani a.card .card-bg,
	.yani a.card .card_contents_txt{
		transition:.5s ease;
	}
	.yani .card_contents_img{
		transition:.5s ease;
	}
	.yani a.card:hover .card_contents_img{
		border-radius:50%;
		clip-path:polygon(0% 0, 100% 0, 100% 100%, 0 100%);
	}
	.yani a.card:hover .card_contents_img--transparent{
		border-color:var(--link);
	}
	.yani .tp li a:hover{
		transition:all ease-in .1s;
	}
	@supports(object-fit:cover) and (position:fixed) and (color:var(--lch-bg,var(--bg))){
		.yani .tp{
			transition:background .4s;
		}
	}
}