/* style.css */
:root{
	font-family:system-ui,sans-serif;
	font-size:1.75vw;
	line-height:1.5;
	text-size-adjust:none;
	overflow-wrap:break-word;
	cursor:default;
	tab-size:4;
	background-color:bisque;
}
*,::before,::after{
	box-sizing:border-box;
	background-repeat:no-repeat;
}
b,em,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}
sub{bottom:-0.25em}
sup{top:-0.5em}
rt{
	font-weight:100;
	letter-spacing:-0.3ex;
}
.dt-en dt rt,.dd-en dd rt,.td-en td rt{
	letter-spacing:0;
}
textarea{
	white-space:revert;
}
input,button,textarea,select{
	font:inherit;
}
a,button{
	cursor:revert;
}
a:not([class]){
	position:relative;
	color:currentColor;
	text-decoration-skip-ink:auto;
}
img,picture,video,canvas,svg{
	display:block;
	max-width:100%;
}

.sizing-border{box-sizing:border-box}
.sizing-content{box-sizing:content-box}

.relative{position:relative}
.absolute{position:absolute}
.sticky{position:sticky}
.fl-left{float:left}
.fl-right{float:right}
.fl-clear{clear:both}

.inblock{display:inline-block}
.inline{display:inline}
.block{display:block}
.table-row{display:table-row}
.cell{display:table-cell}
.grid{display:grid}
.flex{display:flex}
.column{display:column}

.flex.wrap{flex-wrap:wrap}
.flex.column{flex-direction:column}
.flex.reverse{flex-direction:row-reverse}

.shadow-item .item,
.shadow{
	box-shadow:0.6ex 0.4ex 1ex rgba(0,0,0,64);
}
.inset{border:1px inset}
.outset{border:1px outset}
.border-r,
.border-r1,
.border-r2,
.border{border:1px solid #777}
.border-r,.round{border-radius:0.5ex}
.border-r1,.round1{border-radius:1ex}
.border-r2,.round2{border-radius:1em}
.text-wrap{white-space:normal}
.text-nowrap{white-space:nowrap}
.text-pre{white-space:pre}
.text-wrap{white-space:pre-wrap}
.text-line{white-space:pre-line}
.clip{overflow:hidden}
.clip-x{overflow-x:hidden}
.clip-y{overflow-y:hidden}
.scroll{overflow:scroll}
.scroll-x{overflow-x:scroll}
.scroll-y{overflow-y:scroll}
.scroll{overflow:scroll}
.show{visibility:visible}
.hide{visibility:hidden}

.w-25{width:25%}
.w-30{width:30%}
.w-40{width:40%}
.w-50{width:50%}
.w-60{width:60%}
.w-70{width:70%}
.w-75{width:75%}
.w-100{width:100%}
.w-auto{width:auto}
.h-25{height:25%}
.h-50{height:50%}
.h-75{height:75%}
.h-100{height:100%}
.h-auto{height:auto}

/* ================================================================
	margin / padding
*/
body{margin:0; padding:0; min-height:100vh}
header,footer{margin:0; padding:0.25ex}
main{margin:0; padding:1ex 2em}
/*
article{margin:0; padding:1ex 1em}
*/
.body{
	padding:0.1em 1em 0.3em;
}
.container,article{
	margin:0.5em -1em;
	padding:0.5em 2em;
	border-radius:0.3ex
}
pre,blockquote,figure,form,
h1,h2,h3,h4,h5,h6,
.block{
	display:block;
	margin:0.4em -1em;
	padding:0.3em 1em;
	border-radius:0.3ex
}
pre,blockquote,figure,table{
	box-shadow:1px 2px #777;
	box-shadow:0.5ex 0.4ex 1ex #0003;
}
table{border-radius:0.3ex}

/* table */
table{
	line-height:1.2;
	margin-bottom:0.3em;
}
th,td{margin:0; padding:0.3ex 0.5ex 0.2ex}
.fix th,.fix td,.fix li{padding:0}

.th-l th,.td-l td,.tz-l td:last-child{text-align:left}
.th-c th,.td-c td,.tz-c td:last-child{text-align:center}
.th-r th,.td-r td,.tz-r td:last-child{text-align:right}
.th-t th,.td-t td,.tz-t td:last-child,
.th-u th,.td-u td,.tz-u td:last-child{vertical-align:top}
.th-m th,.td-m td,.tz-m td:last-child{vertical-align:middle}
.th-b th,.td-b td,.tz-t td:last-child,
.th-d th,.td-d td,.tz-d td:last-child{vertical-align:bottom}
.th-z th:last-child,
.td-z td:last-child{text-align:left}
.th-v th[rowspan],
.td-v td[rowspan],.v{
	writing-mode:vertical-rl;
	width:1.2em;

	box-sizing:content-box;
	width:1em;
	padding:0;
	padding-block-start:0;
	padding-inline-start:0.5ex;
	vertical-align:top;
}
.dd-ps{padding:2px 3ex}

.dl-f1 dt{clear:both; float:left}
.dl-fd dt{clear:both}
.dl-fd dd{float:right; text-align:right}
.dl-f2 dt{clear:both; float:left; text-align:left}
.dl-f2 dd{float:right; text-align:right}

.dl-i dt{display:inline-block}
.dl-i dd{display:inline-block; margin-left:1ex}

.ls-none li,.ls2-none li li{list-style:none}
.ls-digit li,.ls2-digit li li{list-style:decimal}
.ls-disc li,.ls2-disc li li{list-style:disc}
.ls-circle li,.ls2-circle li li{list-style:circle}
.ls-square li,.ls2-square li li{list-style:square}
.ls-roman li,.ls2-roman li li{list-style:lower-roman}
.ls-roman2 li,.ls2-roman2 li li{list-style:upper-roman}
.ls-kanji li,.ls2-kanji li li{list-style:japanese-formal}

.a-hover a:not(:hover){text-decoration:none}
.a-hover a:hover dd,
.a-hover a:hover{text-decoration:underline wavy red}

/* hgroup */
/*
h1,h2,h3,h4,h5,h6{
	text-wrap:balance;
}
*/
h1{font:bold 3em}
h2{font:bold 2em}
h3{font:bold 1.4em}
h4{font:bold 1.2em}
h5{font:bold 1.1em}
h6{font:bold 1em}
article h1{background-color:var(--hg,#dee)}
article h2{background-color:var(--hg,#ddc)}
article h3{background-color:var(--hg,#dcb)}
article h4{background-color:var(--hg,#edc)}
article h5{border-bottom:1px dotted #777}

h1.r,h1.g,h1.b{border-left:0.4em solid transparent; padding-left:0.6em; box-shadow:1px 2px #777}
h2.r,h2.g,h2.b{border-left:0.3em solid transparent; padding-left:0.7em; box-shadow:1px 2px #777}
h3.r,h3.g,h3.b{border-left:0.2em solid transparent; padding-left:0.8em; box-shadow:1px 2px #777}
h4.r,h4.g,h4.b{border-left:0.1em solid transparent; padding-left:0.9em; box-shadow:1px 2px #777}
h1.r,h2.r,h3.r,h4.r{border-color:#e63}
h1.g,h2.g,h3.g,h4.r{border-color:#7a3}
h1.b,h2.b,h3.b,h4.r{border-color:#39c}

hr{margin:0.5ex; border:1px dotted #7777}
ol,dl,ul,table{
	margin:0;
	margin-block-start:0;
	margin-block-end:0;
}
dt,dd,li{
	margin:0;
	margin-block-start:0;
	margin-block-end:0;
}

/*
ol,ul,menu{
	list-style:none;
}
*/
ol.m,ul.m,.dl.m{
	margin:0;
	padding:0;
	border-radius:0.5ex;
}
.m>dt,.m>dd,.m>li{
	margin:0 -1em;
	padding:0.3em 1em;
	border-radius:0.5ex;
}
figcaption,
blockquote cite:first-child,
pre [title]::before{
	display:block;
	font:bold 1em arial;
	margin:-0.3em -1em 0.4em;
	padding:0 1em 0;
	border-radius:0.3ex 0.3ex 0 0;
	background-color:var(--hg,#ccd);
}
blockquote[title]::before{
	content:attr(title);
}
pre [title]::before{
	content:attr(title);
	margin-bottom:-0.8em;
}
.noshadow{
	box-shadow:none;
}
.shadow{
	box-shadow:0.5ex 0.4ex 1ex #0003;
}
.p-shadow h1,.p-shadow h2,.p-shadow h3,.p-shadow h4,.p-shadow h5,.p-shadow h6,
.p-shadow p{
	margin:0.5ex -1ex 1ex;
	padding:0.2ex 1ex;
	box-shadow:0.5ex 0.4ex 1ex #0003;
}
.center{
	width:auto;
	text-align:center;
}
.between{justify-content:space-between}
.around{justify-content:space-around}
/* ================================================================
	style
*/
code,samp,var,kbd,
.ffm,.font-monospace{font-family:ui-monospace,monospace}
.ffg,.font-gothic{font-family:ui-sans-serif,sans-serif}
.ffs,.font-serif{font-family:ui-serif,serif}
.ffc,.font-cursive{font-family:cursive}
.fff,.font-fantasy{font-family:fantasy}
.ffa,.font-arial{font-family:arial,Helvetica,ui-rounded,sans-serif}
.ffi,.font-impact{font-family:impact,sans-serif}
.ffe,.font-emoji{font-family:emoji}

code,samp,var,kbd{display:inline; font-family:ui-monospcae,monospace}
blockquote{font-family:serif}

.normal,.dt-normal dt,.dd-normal dd,.th-normal th,.td-normal td{font-style:normal;font-weight:700;text-decoration:none}
.italic,.dt-italic dt,.dd-italic dd,.th-italic th,.td-italic td{font-style:italic}
.nobold b,.nobold em,.nobold th,
.thin,.dt-thin dt,.dd-thin dd,.th-thin th,.td-thin td{font-weight:100}
.bold,.dt-bold dt,.dd-bold dd,.th-bold th,.td-bold td{font-weight:900}
.noline,.dt-noline dt,.dd-noline dd,.th-noline th,.td-noline td{text-decoration:none}
.underline,.dt-underline dt,.dd-underline dd,.th-underline th,.td-underline td{text-decoration:underline}
.wavy,.dt-wavy dt,.dd-wavy dd,.th-wavy th,.td-wavy td{text-decoration:underline wavy #e79}

.gray,.dt-gray dt,.dd-gray dd,.th-gray th,.td-gray td{color:gray}
.white,.dt-white dt,.dd-white dd,.th-white th,.td-white td{color:white}
.silver,.dt-silver dt,.dd-silver dd,.th-silver th,.td-silver td{color:silver}
.dark,.dt-dark dt,.dd-dark dd,.th-dark th,.td-dark td{color:dimgray}
.black,.dt-black dt,.dd-black dd,.th-black th,.td-black td{color:black}

.red,.dt-red dt,.dd-red dd,.dd2-red dd+dd,.th-red th,.td-red td{color:red}
.blue,.dt-blue dt,.dd-blue dd,.dd2-blue dd+dd,.th-blue th,.td-blue td{color:blue}
.navy,.dt-navy dt,.dd-navy dd,.dd2-navy dd+dd,.th-navy th,.td-navy td{color:navy}
.teal,.dt-teal dt,.dd-teal dd,.dd2-teal dd+dd,.th-teal th,.td-teal td{color:teal}
.brown,.dt-brown dt,.dd-brown dd,.dd2-brown dd+dd,.th-brown th,.td-brown td{color:brown}
.green,.dt-green dt,.dd-green dd,.dd2-green dd+dd,.th-green th,.td-green td{color:green}
.olive,.dt-olive dt,.dd-olive dd,.dd2-olive dd+dd,.th-olive th,.td-olive td{color:olive}
.violet,.dt-violet dt,.dd-violet dd,.dd2-violet dd+dd,.th-violet th,.td-violet td{color:violet}
.purple,.dt-purple dt,.dd-purple dd,.dd2-purple dd+dd,.th-purple th,.td-purple td{color:purple}
.salmon,.dt-salmon dt,.dd-salmon dd,.dd2-salmon dd+dd,.th-salmon th,.td-salmon td{color:salmon}

.gauge,tr.gauge th{width:1em}

.fs90,.dt-90 dt,.dd-90 dd,.dd2-90 dd+dd,.tz-90 td:last-child{font-size:90%}
.fs80,.dt-80 dt,.dd-80 dd,.dd2-80 dd+dd,.tz-80 td:last-child{font-size:80%}
.fs75,.dt-75 dt,.dd-75 dd,.dd2-75 dd+dd,.tz-75 td:last-child{font-size:75%}
.fs70,.dt-70 dt,.dd-70 dd,.dd2-70 dd+dd,.tz-70 td:last-child{font-size:70%}
.fs60,.dt-60 dt,.dd-60 dd,.dd2-60 dd+dd,.tz-60 td:last-child{font-size:60%}

.dt-ind dt,.dd-ind dd{margin-left:3ex}
.dd2-ind dd+dd{margin-left:6ex}

/* ================================================================
	font / color
*/
blockquote{background-color:var(--bg,#ded)}
figure{background-color:var(--bg,#cde)}
pre{background-color:var(--bg,#eec)}
/*form{background-color:#edc}*/

.bg:not(table){background-color:var(--bg,#eed)}
.cg,.hg{background-color:var(--hg,#dee)}
.ag,.fg{background-color:var(--fg,#ded)}

table.bg{background-color:#666}
.bg th{background-color:var(--hg,#ccc)}
.bg td{background-color:var(--bg,#eed)}
.tz-bg td:last-child{background-color:var(--fg,#ded)}

dl.bg dt,.dt-bg dt{background-color:var(--hg,#dee)}
dl.bg dd,.dd-bg dd{background-color:var(--dg,#eed)}
dl.bg dt:last-child{background-color:var(--fg,#edd)}

.bg .d,.td-d td:empty{background-color:#aaa8; color:white}
.bg .k,.td-k td:empty{background-color:#8888; color:white}
.bg .d dt,.bg .k dt{color:silver}
.bg .d dd,.bg .k dt{color:white}

.bg-w1,.xg-w1 .x,.yg-w1 .y,.zg-w1 .z{--bg:#eee}
.bg-w2,.xg-w2 .x,.yg-w2 .y,.zg-w2 .z{--bg:#ddd}
.bg-w3,.xg-w3 .x,.yg-w3 .y,.zg-w3 .z{--bg:#ccc}
.bg-w4,.xg-w4 .x,.yg-w4 .y,.zg-w4 .z{--bg:#bbb}
.bg-w5,.xg-w5 .x,.yg-w5 .y,.zg-w5 .z{--bg:#aaa}
.bg-w6,.xg-w6 .x,.yg-w6 .y,.zg-w6 .z{--bg:#999}
.bg-w7,.xg-w7 .x,.yg-w7 .y,.zg-w7 .z{--bg:#777}
.bg-w8,.xg-w8 .x,.yg-w8 .y,.zg-w8 .z{--bg:#444}
.bg-w9,.xg-w9 .x,.yg-w9 .y,.zg-w9 .z{--bg:#111}
.bg-r1,.xg-r1 .x,.yg-r1 .y,.zg-r1 .z{--bg:#edd}
.bg-r2,.xg-r2 .x,.yg-r2 .y,.zg-r2 .z{--bg:#ecc}
.bg-r3,.xg-r3 .x,.yg-r3 .y,.zg-r3 .z{--bg:#ebb}
.bg-r4,.xg-r4 .x,.yg-r4 .y,.zg-r4 .z{--bg:#e99}
.bg-r5,.xg-r5 .x,.yg-r5 .y,.zg-r5 .z{--bg:#e33}
.bg-o1,.xg-o1 .x,.yg-o1 .y,.zg-o1 .z{--bg:#edc}
.bg-o2,.xg-o2 .x,.yg-o2 .y,.zg-o2 .z{--bg:#edb}
.bg-o3,.xg-o3 .x,.yg-o3 .y,.zg-o3 .z{--bg:#eca}
.bg-o4,.xg-o4 .x,.yg-o4 .y,.zg-o4 .z{--bg:#eb9}
.bg-o5,.xg-o5 .x,.yg-o5 .y,.zg-o5 .z{--bg:#e93}
.bg-y1,.xg-y1 .x,.yg-y1 .y,.zg-y1 .z{--bg:#eed}
.bg-y2,.xg-y2 .x,.yg-y2 .y,.zg-y2 .z{--bg:#eec}
.bg-y3,.xg-y3 .x,.yg-y3 .y,.zg-y3 .z{--bg:#eeb}
.bg-y4,.xg-y4 .x,.yg-y4 .y,.zg-y4 .z{--bg:#ee9}
.bg-y5,.xg-y5 .x,.yg-y5 .y,.zg-y5 .z{--bg:#ee3}
.bg-k1,.xg-k1 .x,.yg-k1 .y,.zg-k1 .z{--bg:#dec}
.bg-k2,.xg-k2 .x,.yg-k2 .y,.zg-k2 .z{--bg:#deb}
.bg-k3,.xg-k3 .x,.yg-k3 .y,.zg-k3 .z{--bg:#cea}
.bg-k4,.xg-k4 .x,.yg-k4 .y,.zg-k4 .z{--bg:#be9}
.bg-k5,.xg-k5 .x,.yg-k5 .y,.zg-k5 .z{--bg:#9e3}
.bg-g1,.xg-g1 .x,.yg-g1 .y,.zg-g1 .z{--bg:#ded}
.bg-g2,.xg-g2 .x,.yg-g2 .y,.zg-g2 .z{--bg:#cec}
.bg-g3,.xg-g3 .x,.yg-g3 .y,.zg-g3 .z{--bg:#beb}
.bg-g4,.xg-g4 .x,.yg-g4 .y,.zg-g4 .z{--bg:#9e9}
.bg-g5,.xg-g5 .x,.yg-g5 .y,.zg-g5 .z{--bg:#3e3}
.bg-t1,.xg-t1 .x,.yg-t1 .y,.zg-t1 .z{--bg:#ced}
.bg-t2,.xg-t2 .x,.yg-t2 .y,.zg-t2 .z{--bg:#bed}
.bg-t3,.xg-t3 .x,.yg-t3 .y,.zg-t3 .z{--bg:#aec}
.bg-t4,.xg-t4 .x,.yg-t4 .y,.zg-t4 .z{--bg:#9eb}
.bg-t5,.xg-t5 .x,.yg-t5 .y,.zg-t5 .z{--bg:#3e9}
.bg-c1,.xg-c1 .x,.yg-c1 .y,.zg-c1 .z{--bg:#dee}
.bg-c2,.xg-c2 .x,.yg-c2 .y,.zg-c2 .z{--bg:#cee}
.bg-c3,.xg-c3 .x,.yg-c3 .y,.zg-c3 .z{--bg:#bee}
.bg-c4,.xg-c4 .x,.yg-c4 .y,.zg-c4 .z{--bg:#9ee}
.bg-c5,.xg-c5 .x,.yg-c5 .y,.zg-c5 .z{--bg:#3ee}
.bg-a1,.xg-a1 .x,.yg-a1 .y,.zg-a1 .z{--bg:#cde}
.bg-a2,.xg-a2 .x,.yg-a2 .y,.zg-a2 .z{--bg:#bde}
.bg-a3,.xg-a3 .x,.yg-a3 .y,.zg-a3 .z{--bg:#ace}
.bg-a4,.xg-a4 .x,.yg-a4 .y,.zg-a4 .z{--bg:#9be}
.bg-a5,.xg-a5 .x,.yg-a5 .y,.zg-a5 .z{--bg:#39e}
.bg-b1,.xg-b1 .x,.yg-b1 .y,.zg-b1 .z{--bg:#dde}
.bg-b2,.xg-b2 .x,.yg-b2 .y,.zg-b2 .z{--bg:#cce}
.bg-b3,.xg-b3 .x,.yg-b3 .y,.zg-b3 .z{--bg:#bbe}
.bg-b4,.xg-b4 .x,.yg-b4 .y,.zg-b4 .z{--bg:#99e}
.bg-b5,.xg-b5 .x,.yg-b5 .y,.zg-b5 .z{--bg:#33e}
.bg-v1,.xg-v1 .x,.yg-v1 .y,.zg-v1 .z{--bg:#dce}
.bg-v2,.xg-v2 .x,.yg-v2 .y,.zg-v2 .z{--bg:#dbe}
.bg-v3,.xg-v3 .x,.yg-v3 .y,.zg-v3 .z{--bg:#cae}
.bg-v4,.xg-v4 .x,.yg-v4 .y,.zg-v4 .z{--bg:#b9e}
.bg-v5,.xg-v5 .x,.yg-v5 .y,.zg-v5 .z{--bg:#93e}
.bg-m1,.xg-m1 .x,.yg-m1 .y,.zg-m1 .z{--bg:#ede}
.bg-m2,.xg-m2 .x,.yg-m2 .y,.zg-m2 .z{--bg:#ece}
.bg-m3,.xg-m3 .x,.yg-m3 .y,.zg-m3 .z{--bg:#ebe}
.bg-m4,.xg-m4 .x,.yg-m4 .y,.zg-m4 .z{--bg:#e9e}
.bg-m5,.xg-m5 .x,.yg-m5 .y,.zg-m5 .z{--bg:#e3e}
.bg-p1,.xg-p1 .x,.yg-p1 .y,.zg-p1 .z{--bg:#ecd}
.bg-p2,.xg-p2 .x,.yg-p2 .y,.zg-p2 .z{--bg:#ebd}
.bg-p3,.xg-p3 .x,.yg-p3 .y,.zg-p3 .z{--bg:#eac}
.bg-p4,.xg-p4 .x,.yg-p4 .y,.zg-p4 .z{--bg:#e9b}
.bg-p5,.xg-p5 .x,.yg-p5 .y,.zg-p5 .z{--bg:#e39}

.hg-w1{--hg:#eee}.hg-w2{--hg:#ddd}.hg-w3{--hg:#ccc}.hg-w4{--hg:#bbb}.hg-w5{--hg:#aaa}
.hg-w6{--hg:#999}.hg-w7{--hg:#777}.hg-w8{--hg:#444}.hg-w9{--hg:#111}
.hg-r1{--hg:#edd}.hg-r2{--hg:#ecc}.hg-r3{--hg:#ebb}.hg-r4{--hg:#e99}.hg-r5{--hg:#e33}
.hg-o1{--hg:#edc}.hg-o2{--hg:#edb}.hg-o3{--hg:#eca}.hg-o4{--hg:#eb9}.hg-o5{--hg:#e93}
.hg-y1{--hg:#eed}.hg-y2{--hg:#eec}.hg-y3{--hg:#eeb}.hg-y4{--hg:#ee9}.hg-y5{--hg:#ee3}
.hg-k1{--hg:#dec}.hg-k2{--hg:#deb}.hg-k3{--hg:#cea}.hg-k4{--hg:#be9}.hg-k5{--hg:#9e3}
.hg-g1{--hg:#ded}.hg-g2{--hg:#cec}.hg-g3{--hg:#beb}.hg-g4{--hg:#9e9}.hg-g5{--hg:#3e3}
.hg-t1{--hg:#ced}.hg-t2{--hg:#bed}.hg-t3{--hg:#aec}.hg-t4{--hg:#9eb}.hg-t5{--hg:#3e9}
.hg-c1{--hg:#dee}.hg-c2{--hg:#cee}.hg-c3{--hg:#bee}.hg-c4{--hg:#9ee}.hg-c5{--hg:#3ee}
.hg-a1{--hg:#cde}.hg-a2{--hg:#bde}.hg-a3{--hg:#ace}.hg-a4{--hg:#9be}.hg-a5{--hg:#39e}
.hg-b1{--hg:#dde}.hg-b2{--hg:#cce}.hg-b3{--hg:#bbe}.hg-b4{--hg:#99e}.hg-b5{--hg:#33e}
.hg-v1{--hg:#dce}.hg-v2{--hg:#dbe}.hg-v3{--hg:#cae}.hg-v4{--hg:#b9e}.hg-v5{--hg:#93e}
.hg-m1{--hg:#ede}.hg-m2{--hg:#ece}.hg-m3{--hg:#ebe}.hg-m4{--hg:#e9e}.hg-m5{--hg:#e3e}
.hg-p1{--hg:#ecd}.hg-p2{--hg:#ebd}.hg-p3{--hg:#eac}.hg-p4{--hg:#e9b}.hg-p5{--hg:#e39}

.fg-w1{--fg:#eee}.fg-w2{--fg:#ddd}.fg-w3{--fg:#ccc}.fg-w4{--fg:#bbb}.fg-w5{--fg:#aaa}
.fg-w6{--fg:#999}.fg-w7{--fg:#777}.fg-w8{--fg:#444}.fg-w9{--fg:#111}
.fg-r1{--fg:#edd}.fg-r2{--fg:#ecc}.fg-r3{--fg:#ebb}.fg-r4{--fg:#e99}.fg-r5{--fg:#e33}
.fg-o1{--fg:#edc}.fg-o2{--fg:#edb}.fg-o3{--fg:#eca}.fg-o4{--fg:#eb9}.fg-o5{--fg:#e93}
.fg-y1{--fg:#eed}.fg-y2{--fg:#eec}.fg-y3{--fg:#eeb}.fg-y4{--fg:#ee9}.fg-y5{--fg:#ee3}
.fg-k1{--fg:#dec}.fg-k2{--fg:#deb}.fg-k3{--fg:#cea}.fg-k4{--fg:#be9}.fg-k5{--fg:#9e3}
.fg-g1{--fg:#ded}.fg-g2{--fg:#cec}.fg-g3{--fg:#beb}.fg-g4{--fg:#9e9}.fg-g5{--fg:#3e3}
.fg-t1{--fg:#ced}.fg-t2{--fg:#bed}.fg-t3{--fg:#aec}.fg-t4{--fg:#9eb}.fg-t5{--fg:#3e9}
.fg-c1{--fg:#dee}.fg-c2{--fg:#cee}.fg-c3{--fg:#bee}.fg-c4{--fg:#9ee}.fg-c5{--fg:#3ee}
.fg-a1{--fg:#cde}.fg-a2{--fg:#bde}.fg-a3{--fg:#ace}.fg-a4{--fg:#9be}.fg-a5{--fg:#39e}
.fg-b1{--fg:#dde}.fg-b2{--fg:#cce}.fg-b3{--fg:#bbe}.fg-b4{--fg:#99e}.fg-b5{--fg:#33e}
.fg-v1{--fg:#dce}.fg-v2{--fg:#dbe}.fg-v3{--fg:#cae}.fg-v4{--fg:#b9e}.fg-v5{--fg:#93e}
.fg-m1{--fg:#ede}.fg-m2{--fg:#ece}.fg-m3{--fg:#ebe}.fg-m4{--fg:#e9e}.fg-m5{--fg:#e3e}
.fg-p1{--fg:#ecd}.fg-p2{--fg:#ebd}.fg-p3{--fg:#eac}.fg-p4{--fg:#e9b}.fg-p5{--fg:#e39}

.dg-w1{--dg:#eee}.dg-w2{--dg:#ddd}.dg-w3{--dg:#ccc}.dg-w4{--dg:#bbb}.dg-w5{--dg:#aaa}
.dg-w6{--dg:#999}.dg-w7{--dg:#777}.dg-w8{--dg:#444}.dg-w9{--dg:#111}
.dg-r1{--dg:#edd}.dg-r2{--dg:#ecc}.dg-r3{--dg:#ebb}.dg-r4{--dg:#e99}.dg-r5{--dg:#e33}
.dg-o1{--dg:#edc}.dg-o2{--dg:#edb}.dg-o3{--dg:#eca}.dg-o4{--dg:#eb9}.dg-o5{--dg:#e93}
.dg-y1{--dg:#eed}.dg-y2{--dg:#eec}.dg-y3{--dg:#eeb}.dg-y4{--dg:#ee9}.dg-y5{--dg:#ee3}
.dg-k1{--dg:#dec}.dg-k2{--dg:#deb}.dg-k3{--dg:#cea}.dg-k4{--dg:#be9}.dg-k5{--dg:#9e3}
.dg-g1{--dg:#ded}.dg-g2{--dg:#cec}.dg-g3{--dg:#beb}.dg-g4{--dg:#9e9}.dg-g5{--dg:#3e3}
.dg-t1{--dg:#ced}.dg-t2{--dg:#bed}.dg-t3{--dg:#aec}.dg-t4{--dg:#9eb}.dg-t5{--dg:#3e9}
.dg-c1{--dg:#dee}.dg-c2{--dg:#cee}.dg-c3{--dg:#bee}.dg-c4{--dg:#9ee}.dg-c5{--dg:#3ee}
.dg-a1{--dg:#cde}.dg-a2{--dg:#bde}.dg-a3{--dg:#ace}.dg-a4{--dg:#9be}.dg-a5{--dg:#39e}
.dg-b1{--dg:#dde}.dg-b2{--dg:#cce}.dg-b3{--dg:#bbe}.dg-b4{--dg:#99e}.dg-b5{--dg:#33e}
.dg-v1{--dg:#dce}.dg-v2{--dg:#dbe}.dg-v3{--dg:#cae}.dg-v4{--dg:#b9e}.dg-v5{--dg:#93e}
.dg-m1{--dg:#ede}.dg-m2{--dg:#ece}.dg-m3{--dg:#ebe}.dg-m4{--dg:#e9e}.dg-m5{--dg:#e3e}
.dg-p1{--dg:#ecd}.dg-p2{--dg:#ebd}.dg-p3{--dg:#eac}.dg-p4{--dg:#e9b}.dg-p5{--dg:#e39}

.co--w1,.x-w1 .x,.y-w1 .y,.z-w1 .z,.th--w1 th,.dt--w1 dt,.dd--w1 dd{color:#fff}
.co--w2,.x-w2 .x,.y-w2 .y,.z-w2 .z,.th--w2 th,.dt--w2 dt,.dd--w2 dd{color:#ddd}
.co--w3,.x-w3 .x,.y-w3 .y,.z-w3 .z,.th--w3 th,.dt--w3 dt,.dd--w3 dd{color:#bbb}
.co--w4,.x-w4 .x,.y-w4 .y,.z-w4 .z,.th--w4 th,.dt--w4 dt,.dd--w4 dd{color:#999}
.co--w5,.x-w5 .x,.y-w5 .y,.z-w5 .z,.th--w5 th,.dt--w5 dt,.dd--w5 dd{color:#777}
.co--w6,.x-w6 .x,.y-w6 .y,.z-w6 .z,.th--w6 th,.dt--w6 dt,.dd--w6 dd{color:#333}
.co--w7,.x-w7 .x,.y-w7 .y,.z-w7 .z,.th--w7 th,.dt--w7 dt,.dd--w7 dd{color:#111}
.co--r1,.x-r1 .x,.y-r1 .y,.z-r1 .z,.th--r1 th,.dt--r1 dt,.dd--r1 dd{color:#f33}
.co--r2,.x-r2 .x,.y-r2 .y,.z-r2 .z,.th--r2 th,.dt--r2 dt,.dd--r2 dd{color:#c33}
.co--r3,.x-r3 .x,.y-r3 .y,.z-r3 .z,.th--r3 th,.dt--r3 dt,.dd--r3 dd{color:#933}
.co--o1,.x-o1 .x,.y-o1 .y,.z-o1 .z,.th--o1 th,.dt--o1 dt,.dd--o1 dd{color:#fc3}
.co--o2,.x-o2 .x,.y-o2 .y,.z-o2 .z,.th--o2 th,.dt--o2 dt,.dd--o2 dd{color:#ca3}
.co--o3,.x-o3 .x,.y-o3 .y,.z-o3 .z,.th--o3 th,.dt--o3 dt,.dd--o3 dd{color:#a83}
.co--y1,.x-y1 .x,.y-y1 .y,.z-y1 .z,.th--y1 th,.dt--y1 dt,.dd--y1 dd{color:#ff3}
.co--y2,.x-y2 .x,.y-y2 .y,.z-y2 .z,.th--y2 th,.dt--y2 dt,.dd--y2 dd{color:#cc3}
.co--y3,.x-y3 .x,.y-y3 .y,.z-y3 .z,.th--y3 th,.dt--y3 dt,.dd--y3 dd{color:#993}
.co--k1,.x-k1 .x,.y-k1 .y,.z-k1 .z,.th--k1 th,.dt--k1 dt,.dd--k1 dd{color:#cf3}
.co--k2,.x-k2 .x,.y-k2 .y,.z-k2 .z,.th--k2 th,.dt--k2 dt,.dd--k2 dd{color:#ac3}
.co--k3,.x-k3 .x,.y-k3 .y,.z-k3 .z,.th--k3 th,.dt--k3 dt,.dd--k3 dd{color:#8a3}
.co--g1,.x-g1 .x,.y-g1 .y,.z-g1 .z,.th--g1 th,.dt--g1 dt,.dd--g1 dd{color:#3f3}
.co--g2,.x-g2 .x,.y-g2 .y,.z-g2 .z,.th--g2 th,.dt--g2 dt,.dd--g2 dd{color:#3c3}
.co--g3,.x-g3 .x,.y-g3 .y,.z-g3 .z,.th--g3 th,.dt--g3 dt,.dd--g3 dd{color:#393}
.co--t1,.x-t1 .x,.y-t1 .y,.z-t1 .z,.th--t1 th,.dt--t1 dt,.dd--t1 dd{color:#3fc}
.co--t2,.x-t2 .x,.y-t2 .y,.z-t2 .z,.th--t2 th,.dt--t2 dt,.dd--t2 dd{color:#3ca}
.co--t3,.x-t3 .x,.y-t3 .y,.z-t3 .z,.th--t3 th,.dt--t3 dt,.dd--t3 dd{color:#3a8}
.co--c1,.x-c1 .x,.y-c1 .y,.z-c1 .z,.th--c1 th,.dt--c1 dt,.dd--c1 dd{color:#3ff}
.co--c2,.x-c2 .x,.y-c2 .y,.z-c2 .z,.th--c2 th,.dt--c2 dt,.dd--c2 dd{color:#3cc}
.co--c3,.x-c3 .x,.y-c3 .y,.z-c3 .z,.th--c3 th,.dt--c3 dt,.dd--c3 dd{color:#399}
.co--a1,.x-a1 .x,.y-a1 .y,.z-a1 .z,.th--a1 th,.dt--a1 dt,.dd--a1 dd{color:#3cf}
.co--a2,.x-a2 .x,.y-a2 .y,.z-a2 .z,.th--a2 th,.dt--a2 dt,.dd--a2 dd{color:#3ac}
.co--a3,.x-a3 .x,.y-a3 .y,.z-a3 .z,.th--a3 th,.dt--a3 dt,.dd--a3 dd{color:#38a}
.co--b1,.x-b1 .x,.y-b1 .y,.z-b1 .z,.th--b1 th,.dt--b1 dt,.dd--b1 dd{color:#33f}
.co--b2,.x-b2 .x,.y-b2 .y,.z-b2 .z,.th--b2 th,.dt--b2 dt,.dd--b2 dd{color:#33c}
.co--b3,.x-b3 .x,.y-b3 .y,.z-b3 .z,.th--b3 th,.dt--b3 dt,.dd--b3 dd{color:#339}
.co--v1,.x-v1 .x,.y-v1 .y,.z-v1 .z,.th--v1 th,.dt--v1 dt,.dd--v1 dd{color:#c3f}
.co--v2,.x-v2 .x,.y-v2 .y,.z-v2 .z,.th--v2 th,.dt--v2 dt,.dd--v2 dd{color:#a3c}
.co--v3,.x-v3 .x,.y-v3 .y,.z-v3 .z,.th--v3 th,.dt--v3 dt,.dd--v3 dd{color:#83a}
.co--m1,.x-m1 .x,.y-m1 .y,.z-m1 .z,.th--m1 th,.dt--m1 dt,.dd--m1 dd{color:#f3f}
.co--m2,.x-m2 .x,.y-m2 .y,.z-m2 .z,.th--m2 th,.dt--m2 dt,.dd--m2 dd{color:#c3c}
.co--m3,.x-m3 .x,.y-m3 .y,.z-m3 .z,.th--m3 th,.dt--m3 dt,.dd--m3 dd{color:#939}
.co--p1,.x-p1 .x,.y-p1 .y,.z-p1 .z,.th--p1 th,.dt--p1 dt,.dd--p1 dd{color:#f3c}
.co--p2,.x-p2 .x,.y-p2 .y,.z-p2 .z,.th--p2 th,.dt--p2 dt,.dd--p2 dd{color:#c3a}
.co--p3,.x-p3 .x,.y-p3 .y,.z-p3 .z,.th--p3 th,.dt--p3 dt,.dd--p3 dd{color:#a38}

em{color:red; font-style:normal}
b{color:blue}
i{color:green; padding-right:0.25ex}
s{color:gray}
u{color:navy; text-decoration:underline solid brown}
mark u{text-decoration:underline wavy violet}
mark{padding:0.2ex 0.5ex}
mark{background-color:#ff9}

.clr{clear:both}
.box-left{float:left}
.box-right{float:right}

.w10,.li-w10 li,.dt-w10 dt,.dd-w10 dd{box-sizing:border-box; width:10%}
.w15,.li-w15 li,.dt-w15 dt,.dd-w15 dd{box-sizing:border-box; width:15%}
.w20,.li-w20 li,.dt-w20 dt,.dd-w20 dd{box-sizing:border-box; width:20%}
.w25,.li-w25 li,.dt-w25 dt,.dd-w25 dd{box-sizing:border-box; width:25%}
.w30,.li-w30 li,.dt-w30 dt,.dd-w30 dd{box-sizing:border-box; width:30%}
.w40,.li-w40 li,.dt-w40 dt,.dd-w40 dd{box-sizing:border-box; width:40%}
.w50,.li-w50 li,.dt-w50 dt,.dd-w50 dd{box-sizing:border-box; width:50%}
.w60,.li-w60 li,.dt-w60 dt,.dd-w60 dd{box-sizing:border-box; width:60%}
.w70,.li-w70 li,.dt-w70 dt,.dd-w70 dd{box-sizing:border-box; width:70%}
.w80,.li-w80 li,.dt-w80 dt,.dd-w80 dd{box-sizing:border-box; width:80%}

.xs-200 .x,.ys-200 .y,.zs-200 .z,.ts200{font-size:2rem}
.xs-190 .x,.ys-190 .y,.zs-190 .z,.ts190{font-size:1.9rem}
.xs-180 .x,.ys-180 .y,.zs-180 .z,.ts180{font-size:1.8rem}
.xs-175 .x,.ys-175 .y,.zs-175 .z,.ts175{font-size:1.75rem}
.xs-170 .x,.ys-170 .y,.zs-170 .z,.ts170{font-size:1.7rem}
.xs-160 .x,.ys-160 .y,.zs-160 .z,.ts160{font-size:1.6rem}
.xs-150 .x,.ys-150 .y,.zs-150 .z,.ts150{font-size:1.5rem}
.xs-140 .x,.ys-140 .y,.zs-140 .z,.ts140{font-size:1.4rem}
.xs-130 .x,.ys-130 .y,.zs-130 .z,.ts130{font-size:1.3rem}
.xs-120 .x,.ys-120 .y,.zs-120 .z,.ts120{font-size:1.2rem}
.xs-110 .x,.ys-110 .y,.zs-110 .z,.ts110{font-size:1.1rem}
.xs-100 .x,.ys-100 .y,.zs-100 .z,.ts100{font-size:1rem}
.xs-95 .x,.ys-95 .y,.zs-95 .z,.ts95{font-size:0.95rem}
.xs-90 .x,.ys-90 .y,.zs-90 .z,.ts90{font-size:0.9rem}
.xs-85 .x,.ys-85 .y,.zs-85 .z,.ts85{font-size:0.85rem}
.xs-80 .x,.ys-80 .y,.zs-80 .z,.ts80{font-size:0.8rem}
.xs-75 .x,.ys-75 .y,.zs-75 .z,.ts75{font-size:0.75rem}
.xs-70 .x,.ys-70 .y,.zs-70 .z,.ts70{font-size:0.7rem}
.xs-65 .x,.ys-65 .y,.zs-65 .z,.ts65{font-size:0.65rem}
.xs-60 .x,.ys-60 .y,.zs-60 .z,.ts60{font-size:0.6rem}
.xs-55 .x,.ys-55 .y,.zs-55 .z,.ts55{font-size:0.55rem}
.xs-50 .x,.ys-50 .y,.zs-50 .z,.ts50{font-size:0.5rem}

.t-90,.i-90 i,.b-90 b{font-size:90%}
.t-80,.i-80 i,.b-80 b{font-size:80%}
.t-75,.i-75 i,.b-75 b{font-size:70%}
.t-70,.i-70 i,.b-70 b{font-size:70%}
.t-60,.i-60 i,.b-60 b{font-size:60%}

/* ================================================================
	header / footer
*/
header{
	position:fixed;
	position:sticky;
	top:0;
	right:0;
	display:flex;
	align-items:baseline;
	align-items:end;
	font:1.2em/1.0 serif;
	white-space:nowrap;
	z-index:9999;
	border-bottom:2px solid #777;
	background-color:#cbc;
	color:#765;
}
header h1{
	font:bold 2.5em/1.0 serif;
	float:left;
	margin:0;
	padding:2px;
	letter-spacing:-0.1ex;
	color:slategray;
}
header ruby{
	font-size:66%;
}
header a{
	display:inline-block;
	text-decoration:none;
}
header menu{
	position:fixed;
	top:3px;
	right:2px;
	display:flex;
	justify-content:end;
	font-size:75%;
	line-height:1.3;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	color:black;
	z-index:99999;
}
header menu li{
	position:relative;
	display:inline-block;
/*	width:7em;*/
	margin:0 1px;
	padding:0.2ex 0.5ex;
	cursor:pointer;
	list-style:none;
	z-index:2;
}
header menu ul{
	position:absolute;
	display:flex;
	flex-direction:column;
	top:1.6em;
	left:0;
	width:100%;
	padding:0 1em;
	padding-inline:0;
	z-index:1;
	visibility:hidden;
}
header menu ul li{
	margin:2px;
/*	width:6.5em;*/
	box-shadow:none;
}
header menu li,
header menu ul{
	box-shadow:1px 2px #777;
	background-color:var(--bg,#eda);
	border-radius:0.5ex;
}
header li {
	border:1px solid transparent;
}
.crumb li:hover a,
header menu li:hover {
	background-color:var(--bg,#ace);
	border:1px inset;
}
header menu li:hover ul{
	visibility:visible;
}
header menu ul li:hover{
	border:1px outset;
}
/*
header .crumb{
	width:40em;
	margin:0 1ex 0 auto;
}
*/
.crumb{
	display:flex;
	font-size:1.3vw;
	line-height:1.5;
	width:100%;
	justify-content:start;
	align-items:baseline;
	color:black;
}
.crumb li{
	display:inline-block;
	width:auto;
	list-style:none;
}
.crumb li+li::before{
	content:"▶︎";
	color:#999;
	margin:0 0.5ex;
}
.crumb li+li.next::before{content:"➡︎ "}
.crumb li a{
	display:inline-block;
	padding:0 1ex;
	/*
	border:1px outset #7777;
	*/
	background-color:var(--hg,#cec8);
	border-radius:0.5ex;
	box-shadow:1px 2px #0003;
	text-decoration:none;
}
.crumb .next{
	margin-left:auto;
}
footer dt{float:left; clear:both}
footer dd{float:right}

/* ================================================================
	anchor
*/
.up,.down,.left,.right,
.note{
	position:absolute;
	display:inline-block;
	line-height:1.1;
	white-space:pre;
	text-align:center;
	margin:0.5ex;
	padding:0.5ex 1ex;
	border:1px solid #888;
	box-shadow:1px 2px #777;
	border-radius:0.5ex;
	z-index:99;
}
.left:before,
.right::before,
.up::before,
.down::before{
	content:"";
	position:absolute;
	display:block;
	border:1ex solid transparent;
	z-index:1;
}
.left::before{top:1ex;left:-2.1ex;border-right-color:#cba}
.right::before{top:1ex;right:-2.1ex;border-left-color:#cba}
.up::before{top:-2.1ex;left:1ex;border-bottom-color:#cba}
.down::before{bottom:-2.3ex;left:1ex;border-top-color:#cba}

/* ================================================================
	header / footer
*/
.chatter{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-right:-2em;
	width:auto;
}
.chatter dt{
	width:55%;
	margin-right:-1ex;
}
.chatter dd{
	position:relative;
	width:45%;
	margin:0.3em;
	padding:0.4em 0 0.1em 1ex;
	border-radius:0.5ex;
	box-shadow:1px 2px #777;
	border:1px outset;
	background-color:#dee;
	z-index:8;
}
.chatter dd::before{
	content:"";
	position:absolute;
	top:1.5ex;
	left:-1em;
	border:0.9ex solid transparent;
	border-right-color:#cba;
	z-index:7;
}
.chatter dt+dt,
.chatter dd+dt{
	border-top:1px dotted #7777;
}

/* ================================================================
	header / footer
*/
table.balloon{
	width:70%;
	--r:calc(75%);
}
table.balloon td{
	position:relative;
}
table.balloon div{
	position:absolute;
	top:-2px;
	left:95%;
	right:calc(0% - var(--r,75%));
	width:var(--r);
	padding:0.3ex 1ex;
	font-size:80%;
	line-height:1.2;
	border:1px inset;
	border-radius:0.3ex;
	box-shadow:1px 2px #777;
	background-color:#cee;
	z-index:999;
}
table.balloon div::before{
	content:"";
	position:absolute;
	top:0.5ex;
	left:-2ex;
	border:1ex solid transparent;
	border-top-width:0.2ex;
	border-right-color:#abc;
}

/* ================================================================
	tab
*/
.tab{
	margin:0.3em -1em;
	padding:0.35em 1em;

	display:flex;
	flex-wrap: wrap;
	height:var(--h,30vh);
	justify-content:start;
	align-items:flex-start;
	resize:horizontal;
	background-color:var(--gg,#6666);
}
.tab >input +label{
	margin:-0.2ex 0.1ex 0.2ex 0;
	padding:0.1ex 0.5ex;
	flex:1 0 auto;
	width:3ex;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	border-radius:0.51ex 0.5ex 0 0;
	background-color:var(--tg,#abb);
	border:1px solid #3333;
	border-bottom:0;
	order:1;
	z-index:1;
}
.tab >input:checked +label{
	width:auto;
	background-color:var(--bg,#eed);
}
.tab >input +label +* {
	display:none;
	box-sizing:content-box;
	flex-basis:100%;
	width:100%;
	height:calc(100% - 2.0em);
	margin:-0.3em -0.8em;
	padding:0.3em 1em;
	border-radius:0.5ex;
	background-color:var(--bg,#eed);
	border:1px solid #3333;
	overflow-y:scroll;
	order:2;
	z-index:2;
}
.tab >input:checked +label +* {
	display:block;
}
.tab >input {display:none}

/* ================================================================
	acc
*/
input.acc:not(:checked) +* +*,
input.acc{
	display:none;
}
input.acc +*>label::after,
input.acc +label::after{
	content:"";
	display:inline-block;
	margin:0 0.5ex 0;
	border:1ex solid transparent;
	border-width:1ex 1.5ex;
	border-left-color:blue;
}
input.acc:checked +*>label::after,
input.acc:checked +label::after{
	border-width:1.4ex 1ex 0.1ex 1ex;
	border-top-color:purple;
	border-left-color:transparent;
}
/* ================================================================
	card
*/
.card{
	position:relative;
	display:flex;
	align-items:stretch;
	margin:0.4ex -1ex;
	padding:0.3ex 1ex;
}
.card>*,.item{
	display:block;
	margin:0.2ex;
	padding:0;
	text-align:center;
	background-color:var(--bg,#eed);
	border:1px solid #777;
	border-radius:0.5ex;
	box-shadow:0.3ex 0.4ex 1ex #0003;
}
.card a{
	display:block;
	height:100%;
	text-decoration:none;
}
.card dl{
	display:flex;
	flex-direction:column;
	height:100%;
}
.card dt{border-radius:0.5ex 0.5ex 0 0; background-color:var(--hg,#cde)}
.card dd+dt:last-child{border-radius:0 0 0.5ex 0.5ex; background-color:var(--fg,#edc); margin-top:auto}
.card dt,
.card dd,
.card li{padding:0.1ex 1ex; display:block; position:relative}
.card li dl{margin:-0.1ex -1ex}
.card img{display:block; width:100%}

.card.wrap{flex-wrap:wrap}
.card.column{flex-direction:column}
.card.reverse{flex-direction:row-reverse}
.card table{box-shadow:0 0; line-height:1.2}

/* ================================================================
	table
*/
.tree{
	border-collapse:separate;
	border-spacing:0;
	background-color:var(--bg,#eed);
	margin:0.3ex -1ex;
	padding:0.2ex 1ex;
}
.tree th{
	font-size:190%;
	line-height:1.0;
	margin:0;
	padding:0;
	text-align:left;
	background-color:transparent;
}
.tree td{
	margin:0;
	padding:0 0 0 0.5ex;
	background-color:transparent;
}
.tree.h td{
	vertical-align:top;
}
.tree.v td{
	vertical-align:bottom;
}
.b-cr b{font-weight:100; color:#c27}
.u-cr u,.s-cr{text-decoration:none; color:#c27}

/* ================================================================
	carousel
*/
.carousel{
	display:flex;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
}
.carousel >*{
	flex:none;
	display:block;
	width:var(--w,85vw);
	margin:0;
	scroll-snap-align:center;
}
.slider{
	display:flex;
	gap:0.5ex;
	justify-content:center;
	list-style:none;
}
.carousel.margin{
	margin-right:var(--s,4px);
}

/* ================================================================
	carousel
*/


/* ================================================================
	emoji
*/
.icon::before{
	display:inline-block;
	font-family:emoji,sans-serif;
	font-style:normal;
}
.icon.home::before{content:"🏡"}
.icon.book::before{content:"📚"}
.icon.memo::before{content:"📒"}
.icon.page::before{content:"📝"}
.icon.pin::before{content:"📌"}
.icon.lens::before{content:"🔍"}
.icon.label::before{content:"🏷"}
.icon.pc::before{content:"💻"}