:where(*,*::before,*::after){margin:0;padding:0;box-sizing:border-box;background-color:transparent;background-repeat:no-repeat;border:none;outline:none;appearance:none;font-size:1em;font-weight:400;text-decoration:none}:root{--bg-color: #7a7147;--fg-color: rgba(0,0,0,.8);--text-link-color: rgba(255,255,255,.5);--base-font-size: 20px;direction:ltr;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;font-size:var(--base-font-size);text-align:start;touch-action:none}@media screen and (max-width: 1000px){:root{--base-font-size: 16px}}body{display:grid;grid-template-areas:"b1 main b2";grid-template-columns:60px auto 60px;background-color:var(--bg-color);color:var(--fg-color);font-family:kokuryu,serif;font-weight:400}body:before,body:after{content:"";inset-block-start:0;z-index:10;display:block;inline-size:60px;block-size:100vw;user-select:none;pointer-events:none;background-image:url(../../../images/border-deco.png);background-repeat:repeat-x;background-size:100% 60px}body:before{grid-area:b1;inset-inline-start:0;background-position:center top}body:after{grid-area:b2;inset-inline-end:0;background-position:center bottom}p{margin-block-start:1em;font-size:1.8rem}.main{grid-area:main;max-block-size:100vw;scroll-snap-type:block mandatory;touch-action:pan-x;overflow-x:scroll;overflow-y:hidden;scrollbar-color:transparent transparent;scrollbar-width:0px;scrollbar-height:0px;-ms-overflow-style:none}.main::-webkit-scrollbar{width:0;height:0}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:transparent;border:none}.section{display:grid;place-content:center;min-block-size:100vw;scroll-snap-align:center}.section-top{background-image:url(../../../images/fg.png),url(../../../images/top-bg.png);background-position:center;background-size:cover}.section-inner{display:grid;place-content:center;max-width:1600px;width:100%;max-height:60vh;padding:40px}.section-ending .section-inner{display:grid;gap:24px;writing-mode:horizontal-tb}.section-ending .section-inner h3{font-size:2em}.nav{position:fixed;right:60px;bottom:100px;z-index:1;display:grid;grid-auto-flow:column;gap:16px;padding:32px;background-color:var(--bg-color);box-shadow:3px 3px 0 5px #0006}.nav span{cursor:pointer}h1{font-size:3.5rem}a{color:var(--text-link-color)}.disabled{opacity:.5}