@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;}
hr {margin-block:3.2rem;border:0;border-block-start:dashed 0.1rem hsl(42,20%,88%);}
section, .relation {margin-block-end:9.6rem;margin-inline:1.2rem;}
.pastlog h2::before {vertical-align:top;display:inline-block;content:"";margin-inline-end:1rem;inline-size:2rem;block-size:3rem;background-color:#3c9;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 2.6rem), 0 calc(100% - 2.6rem), 0 calc(100% - 2.5rem), 100% calc(100% - 2.5rem), 100% 100%, 50% calc(100% - 0.8rem), 0 100%);}
.pastlog li {padding-block-end:3.2rem;}
.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;}
.description {display:block;margin-block-start:0.7rem;padding-inline-start:4.9rem;font-size:1.3rem;}
.searchbutton {position:relative;margin-block-start:1.6rem;margin-inline-start:5rem;border:solid 0.1rem #ccc;border-radius:0.5rem;padding-block:0.4rem 0.3rem;padding-inline:0.8rem;inline-size:9.6rem;font-size:1.2rem;}
.searchbutton::after {position:absolute;inset-block-start:0.4rem;inset-inline-end:0.5rem;content:"▶";display:block;color:#555;}
.note {margin-block:3.2rem;margin-inline:2rem;text-indent:-0.4rem;font-size:1.3rem;}
.note::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%);}
.relation {margin-block-end:1.6rem;margin-inline:1.2rem;padding-block-start:1.2rem;}
.relation ol {display:flex;flex-wrap:wrap;}
.next-page, .prev-page {text-align:center;margin-inline-end:0.4rem;border:solid 0.2rem #777;border-radius:1.2rem;padding-block-start:0.7rem;block-size:6.5rem;inline-size:9.6rem;font-size:1.2rem;color:#555;overflow:hidden;}
.relation span {display:block;font-size:1.8rem;}
.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);}
:is(.permalink, .searchbutton, .next-page, .prev-page):visited, .searchbutton:visited::after {color:#9900b1;}
@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: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;}
.pastlog {margin-block-end:14.4rem;}
.update, .info {margin-inline-start:3.4rem;}
.container, p, hr {margin-inline-start:1.6rem;}
.permalink::after {content:""attr(href)"";display:block;padding-inline-start:3.8rem;font-size:1.2rem;overflow-wrap:break-word;}
}
@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;}
.searchbutton:active, .next-page:active, .prev-page:active {transform:scale(0.9);}
}
@media screen and (max-width:18.75em) {
.permalink {padding-inline-start:3.8rem;background-position:0.2rem 1.2rem;}
.description {padding-inline-start:3.9rem;}
.searchbutton {margin-inline-start:3.9rem;}
.menu li {margin-inline-end:2rem;}
.scroll {display:none;}
}
@media (any-pointer:fine) and (any-hover:hover) {
a:focus {outline:none;}
:is(.home, .scrolltop, .scrollbottom):hover, :is(.home, .scrolltop, .scrollbottom):focus {background-color:#000;}
:is(.permalink, .searchbutton, .next-page, .prev-page, .internal):hover, .searchbutton:hover::after, :is(.permalink, .searchbutton, .next-page, .prev-page, .internal):focus, .searchbutton:focus::after {background-color:hsl(42,20%,96%);color:#222;}
.permalink:focus {outline:solid 1px hsl(42,20%,88%);outline-offset:-1px;}
}
@media (any-pointer:fine) and (any-hover:hover) and (max-height:16em) {
.scroll {display:none;}
}
@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;}
.permalink::before {background-color:#ccc;}
.searchbutton {border-color:#777;}
.searchbutton::after, .next-page, .prev-page {color:#ccc;}
.internal {background-color:#666;}
.internal::before {background-color:#aaa;}
.permalink:visited, .searchbutton:visited, .next-page:visited, .prev-page:visited, .searchbutton:visited::after {color:#cc88d1;}
@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(.permalink, .searchbutton, .next-page, .prev-page, .internal):hover, .searchbutton:hover::after, :is(.permalink, .searchbutton, .next-page, .prev-page, .internal):focus, .searchbutton:focus::after {background-color:#555;color:#fff;}
.permalink:focus, summary:focus {outline-color:#777;}
}
}
@media print {
.relation, .menu, .scroll {display:none;}
header, footer {margin-block-start:3.2rem;padding-block-start:1.6rem;}
.sitename {padding-inline-start:0;background-color:transparent;color:#444;}
h1 {margin-inline-start:0;}
h2 {border-block-start:none;}
.pastlog {margin-block-end:0;}
.pastlog, footer {break-before:page;}
.pastlog h2::before, .permalink::before {color-adjust:exact;}
.update li {break-inside:avoid;}
.permalink::after {content:""attr(href)"";display:block;padding-inline-start:3.8rem;font-size:1.2rem;overflow-wrap:break-word;}
.filetype, .copyright {margin-inline:0;}
}