@charset "UTF-8";
@font-face {font-style:normal;font-weight:400;font-family:"urw_gothic_lbook";src:url(urwgothiclbook-webfont.woff2) format("woff2");font-display:swap;}
:root {color-scheme:light dark;}
html {touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%;scroll-behavior:smooth;}
body {margin:0;font-size:1.4rem;line-height:1.8;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","メイリオ",sans-serif;color:#333;}
.sitename {margin:0;padding-inline-start:1.2rem;background-color:#444;font-size:2.3rem;font-family:"TeX Gyre Adventor","urw_gothic_lbook",serif;letter-spacing:0.04rem;color:hsl(42,60%,85%);}
h1 {margin-block:3.2rem;margin-inline:1.2rem;font-weight:400;font-size:2rem;}
h2, h3 {margin-block:3.2rem;border-block-start:solid 0.4rem hsl(42,20%,88%);padding-block-start:1rem;font-weight:400;font-size:1.8rem;}
h3 {border-block-start-width:0.1rem;font-size:1.6rem;}
ul, ol {margin:0;padding:0;list-style-type:none;}
a {display:block;color:#444;text-decoration:none;}
ruby {pointer-events:none;display:inline;}
cite {font-style:normal;}
hr {margin-block:3.2rem;border:0;border-block-start:dashed 0.1rem hsl(42,20%,88%);}
.toc, section, .relation {margin-block-end:9.6rem;margin-inline:1.2rem;}
.toc h2 {margin-block-end:1.6rem;}
.toc ul {display:flex;flex-direction:column;gap:0.2rem;}
.skip {padding-block:1.2rem 1rem;padding-inline:1.6rem;}
.local li {padding-block-end:3.2rem;}
time, .time {display:block;padding-block-end:0.4rem;padding-inline-start:1.2rem;font-size:1.3rem;}
.permalink {padding-block:0.9rem;padding-inline-start:4.8rem;text-indent:-3.6rem;font-size:1.6rem;}
.permalink::before, .internal::before {vertical-align:middle;display:inline-block;content:"";margin-block-start:-0.2rem;margin-inline-end:1.2rem;block-size:2.4rem;inline-size:2.4rem;clip-path:polygon(0 0, 41% 0, 41% 22%, 35% 28%, 57% 50%, 35% 72%, 41% 78%, 69% 50%, 41% 22%, 41% 0, 100% 0, 100% 100%, 0 100%);}
.permalink::before {background-color:#68f;}
dl + .permalink, .complement + .permalink, .relation .permalink {font-size:1.4rem;}
.description {display:block;margin-block-start:0.7rem;padding-inline-start:4.9rem;font-size:1.3rem;}
dl {margin-block:3.2rem;}
dt {margin-block:2.4rem;border:solid 0.1rem hsl(42,20%,88%);border-radius:1.8rem;padding-block:0.4rem;padding-inline:1rem;background-color:hsl(42,20%,96%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
dd {margin-block:1.6rem;margin-inline-start:0;padding-block:0.4rem;padding-inline:1.2rem;}
.note {padding-inline-start:5.8rem;text-indent:-4.3rem;font-size:1.3rem;color:#555;}
.note li, .note .permalink {text-indent:0;}
dd li {margin-inline-start:2rem;text-indent:-0.4rem;}
dd li:not(:last-child) {margin-block-end:1.6rem;}
li li:first-child, .note li:first-child {margin-block-start:1.6rem;}
dd li::before {vertical-align:middle;display:inline-block;content:"";margin-inline-start:-1.2rem;margin-inline-end:0.6rem;block-size:1rem;inline-size:1rem;background-color:hsl(42,20%,80%);clip-path:circle(40% at 40% 42%);}
.etc {margin-block:4.8rem 14.4rem;margin-inline:1.2rem;}
.relation p {margin-block-end:3.2rem;}
.relation li {padding-block-end:1.6rem;}
.next::before {display:block;content:"進む";padding-block-end:0.4rem;}
.prev::before {display:block;content:"戻る";padding-block-end:0.4rem;}
.first::before {display:block;content:"先頭";padding-block-end:0.4rem;}
.next-page::before {clip-path:polygon(0 0, 37.5% 0, 37.5% 75%, 75% 50%, 37.5% 25%, 37.5% 0, 100% 0, 100% 100%, 0 100%);}
.prev-page::before {clip-path:polygon(0 0, 66.6% 0, 66.6% 25%, 29.1% 50%, 66.6% 75%, 66.6% 0, 100% 0, 100% 100%, 0 100%);}
.first-page::before {clip-path:polygon(0 0, 75% 0, 75% 25%, 37.5% 50%, 33.3% 50%, 33.3% 21%, 25% 21%, 25% 79%, 33.3% 79%, 33.3% 50%, 37.5% 50%, 75% 75%, 75% 0, 100% 0, 100% 100%, 0 100%);}
.menu {margin-block-end:3.2rem;margin-inline:1.2rem;padding-block-start:1.2rem;}
.internal {margin-block-end:0.2rem;padding-block-start:1.2rem;padding-inline-start:1.2rem;block-size:3.6rem;background-color:#eee;clip-path:polygon(0 0, calc(100% - 1.8rem) 0, 100% 50%, calc(100% - 1.8rem) 100%, 0 100%);}
.internal::before {background-color:#777;}
.structure::before {transform:rotate(-90deg);}
.filetype, .copyright {margin-inline:1.2rem;font-size:1.3rem;}
.copyright {margin-block-end:1.2rem;}
.scroll {position:fixed;inset-block-end:5rem;inset-inline-end:2rem;text-align:center;display:block;}
.scrolltop, .scrollbottom {inline-size:3rem;background-color:hsla(0,0%,0%,0.6);font-size:1.2rem;color:#fff;}
.scrolltop {margin-block-end:0.3rem;padding-block:1.3rem 0.8rem;padding-inline:0.8rem;block-size:4.3rem;clip-path:inset(0 round 2.3rem 2.3rem 0 0);}
.scrollbottom {padding:0.8rem;block-size:4.8rem;clip-path:inset(0 round 0 0 2.3rem 2.3rem);}
.search {position:fixed;inset-block-end:18.4rem;inset-inline-end:2rem;display:block;padding:0;}
[type="checkbox"] {display:none;}
.toggle {position:relative;text-align:center;display:block;z-index:3000;border-radius:50%;padding-block-start:0.4rem;block-size:4.2rem;inline-size:4.6rem;background-color:hsla(0,0%,0%,0.6);font-size:2rem;color:#fff;cursor:pointer;}
.panel {position:fixed;inset-block-start:0;inset-inline-start:-103vw;z-index:2000;box-sizing:border-box;padding-block-start:1.6rem;padding-inline:2rem;block-size:100vh;inline-size:100vw;background-color:#fff;box-shadow:0 0 0.8rem 0 #ccc;transition:transform 0.4s ease;contain:strict;will-change:transform;}
fieldset {margin:0;border:none;padding:0;}
legend {margin-block-end:1.6rem;padding:0;font-size:1.6rem;}
.form-components {display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.text-field {grid-column:1 / span 2;grid-row:1;margin:0;}
.select {grid-column:1;grid-row:2;margin:0;}
.submit {grid-column:2;grid-row:2;margin:0;}
.label {margin-inline-start:0.3rem;}
[type="search"], [type="submit"], select {appearance:none;vertical-align:middle;box-sizing:border-box;border-radius:0;padding-inline:0.4rem;block-size:3rem;inline-size:100%;background-image:none;font-family:inherit;line-height:3rem;cursor:pointer;}
[type="search"], select {border:solid 0.1rem #ccc;background-color:#fff;color:#36f;}
[type="submit"] {border:none;background-color:#36f;color:#fff;}
[type="checkbox"]:checked ~ .panel {transform:translateX(103vw);}
.skip:visited, .permalink:visited {color:#9900b1;}
@media screen and (min-width:18.8125em) and (max-width:46.6875em) {
.toc li {margin-inline-end:7.4rem;}
}
@media screen and (max-width:62.6875em) {
.menu ol {margin-block-end:3.2rem;}
.menu li {margin-inline-end:7.4rem;}
}
@media screen and (min-width:30em) {
.panel {inset-inline-start:-32.8rem;inline-size:32rem;}
[type="checkbox"]:checked ~ .panel {transform:translateX(32.8rem);}
}
@media screen and (min-width:30em) and (max-width:62.6875em) {
.local li {margin-inline-end:7.4rem;}
}
@media screen and (min-width:46.75em) {
.home {padding-block-start:0.2rem;padding-block-end:0.2rem;block-size:5.2rem;font-size:2.8rem;letter-spacing:0.1rem;}
ruby {pointer-events:auto;display:ruby;ruby-align:center;border-block-end:dotted 0.1rem #ccc;cursor:help;}
rt {font-size:1.2rem;color:#086;}
.permalink::after {content:""attr(href)"";display:block;padding-inline-start:3.8rem;font-size:1.2rem;overflow-wrap:break-word;}
dt {inline-size:17.8rem;}
dd {margin-inline-start:21rem;}
dt + dd {margin-block-start:-5.7rem;}
.complement {margin-block:6.4rem;margin-inline:2.4rem;}
[type="checkbox"] {display:block;margin-inline-start:0;}
.panel {inset-inline-start:auto;inset-inline-end:-34.8rem;inline-size:34rem;background-color:hsla(0,100%,100%,0.8);}
[type="checkbox"]:checked ~ .panel {transform:translateX(-34.8rem);}
}
@media screen and (min-width:62.75em) and (min-height:33.8125em) {
.sitename {padding-inline-start:19.2rem;}
article, .menu, .filetype, .copyright {padding-inline-start:18rem;}
article {padding-inline-end:7.4rem;min-block-size:100vh;}
.breadcrumb, .supportpage {position:fixed;inset-inline-start:0.2rem;}
.breadcrumb {inset-block-start:5.8rem;}
.supportpage {inset-block-end:4.2rem;}
.menu li {inline-size:16rem;}
.internal {background-color:transparent;}
}
@media screen and (min-width:84.125em) {
.sitename {padding-inline-start:28.2rem;}
article, .menu, .filetype, .copyright {padding-inline-start:27rem;}
[type="submit"]:active {transform:scale(0.9);}
}
@media screen and (max-width:18.75em) {
time, .time {padding-inline-start:0.2rem;}
.permalink {padding-inline-start:3.8rem;background-position:0.2rem 1.2rem;}
.description {padding-inline-start:3.9rem;}
.menu li {margin-inline-end:2rem;}
.scroll, .search {display:none;}
}
@media (any-pointer:fine) and (any-hover:hover) {
a:focus {outline:none;}
::-moz-focus-inner {border-style:none;padding:0;}
:is(.home, .scrolltop, .scrollbottom, .toggle):hover, :is(.home, .scrolltop, .scrollbottom, .toggle):focus {background-color:#000;}
:is(.skip, .permalink, .internal):hover, :is(.skip, .permalink, .internal):focus {background-color:hsl(42,20%,96%);color:#222;}
.skip:focus, .permalink:focus {outline:solid 1px hsl(42,20%,88%);outline-offset:-1px;}
dt:hover {overflow:visible;text-overflow:clip;white-space:normal;}
[type="checkbox"]:focus {outline:solid 0.2rem #68f;}
[type="submit"]:hover, [type="submit"]:focus {background-color:#23f;}
}
@media (any-pointer:fine) and (any-hover:hover) and (max-height:27em) {
.scroll, .search {display:none;}
}
@media (any-pointer:coarse) and (orientation:landscape) {
.panel {overflow-y:auto;}
}
@media (prefers-color-scheme:dark) {
body {background-color:#444;color:#ddd;}
.sitename {background-color:#333;color:hsl(42,60%,85%);}
h2, h3 {border-block-start-color:#666;color:hsl(42,60%,85%);}
a {color:#eee;}
hr {border-block-start-color:#666;}
.skip {color:#eee;}
.permalink::before {background-color:#ccc;}
dt {border-color:#666;background-color:#555;}
.note {color:#aaa;}
.internal {background-color:#666;}
.internal::before {background-color:#aaa;}
.panel {background-color:#444;box-shadow:0 0 0.8rem 0 #222;}
[type="search"], select {border-color:#888;background-color:#666;color:#eee;}
::placeholder {color:#ccc;}
[type="submit"] {background-color:#555;color:#fff;}
.skip:visited, .permalink:visited {color:#cc88d1;}
@media screen and (min-width:46.75em) {
rt {color:#eee;}
.panel {background-color:hsla(0,0%,0%,0.4);}
}
@media screen and (min-width:62.75em) and (min-height:33.8125em) {
.internal {background-color:transparent;}
}
@media (any-pointer:fine) and (any-hover:hover) {
:is(.skip, .permalink, .internal):hover, :is(.skip, .permalink, .internal):focus {background-color:#555;color:#fff;}
.skip:focus, .permalink:focus {outline-color:#777;}
[type="submit"]:hover, [type="submit"]:focus {background-color:#666;}
}
}
@media print {
.toc, rt, .menu, .scroll, .search {display:none;}
header, footer {margin-block-start:3.2rem;padding-block-start:1.6rem;}
h1, .etc {margin-inline-start:0;}
h2, h3 {border-block-start:none;}
.sitename {padding-inline-start:0;background-color:transparent;color:#444;}
section, .etc {margin-block-end:0;}
.local, .content, .complement, .etc, .relation, footer {break-before:page;}
.local li {break-inside:avoid;}
.permalink::before, .next-page::before, .prev-page::before, .first-page::before, dt {color-adjust:exact;}
.permalink::after {content:""attr(href)"";display:block;padding-inline-start:3.8rem;font-size:1.2rem;overflow-wrap:break-word;}
.etc, .relation {padding-block-start:1.6rem;}
.filetype, .copyright {margin-inline:0;}
}