html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0;height:100%;width:100%;background:#fff;color:#000;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-style:italic;font-size:12px;line-height:normal;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}main{height:100%}h1,h2,h3,h4,h5,h6,p{margin:0;font-size:12px;font-weight:400}ul,li{display:block;list-style:none;padding:0;margin:0}a{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img{transition:opacity .4s ease}img.waiting{opacity:0}img.visible{opacity:1}.hidden{display:none}.stage{position:fixed;top:28px;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:center}.stage .slides,.stage .slides li,.stage .slide{height:100%;width:100%}.slide{display:flex;align-items:center;justify-content:center;gap:8px}.slide img{max-height:100%;max-width:45.5vw;object-fit:contain;display:block}.slide .slidecaption{width:187px;text-align:center}.pagecaption{position:fixed;left:32px;bottom:28px;width:187px;z-index:5}.pagetitle{position:fixed;left:32px;top:28px;width:336px;z-index:5}.pageyear{position:fixed;right:32px;top:28px;z-index:5;text-align:right}.slidenavigation{position:fixed;top:0;left:0;right:0;bottom:8rem;z-index:3;padding:0}.slidenavigation .button{display:block;position:absolute;top:0;bottom:0}.slidenavigation .left.button{left:0;right:75%}.slidenavigation .right.button{left:25%;right:0}.archive{position:relative;z-index:1;padding:28px 0 28px 37vw;min-height:100%}.archive .group{display:grid;grid-template-columns:49px 1fr;margin-bottom:1.2em}.archive .group .titles{max-width:240px}.archive a:hover{font-style:normal}.archive-preview{position:fixed;top:29px;bottom:30px;left:0;right:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.archive-preview img{max-height:100%;max-width:45.5vw;object-fit:contain}.information{padding:218px 0 28px 32px;width:428px;max-width:100%;font-style:normal}.information p{margin-bottom:1.2em}.information .links{display:flex;gap:28px}.diary{padding:24px 0 28px 37vw}.diary .entry{margin-bottom:150px}.diary .entry:last-child{margin-bottom:28px}.diary .entry .caption{width:187px;margin-bottom:6px}.diary .entry img{display:block;width:45.8vw;max-width:586px;height:auto}.diary .entry .text{width:187px;margin-top:28px}@media only screen and (max-width:700px){.stage{top:48px;bottom:48px}.slide img{max-width:calc(100vw - 32px)}.pagecaption{left:16px;bottom:16px}.pagetitle{left:16px;top:16px;width:250px}.pageyear{right:16px;top:16px}.archive{padding:40vh 16px 48px}.archive-preview{top:48px;bottom:48px}.archive-preview img{max-width:calc(100vw - 32px)}.information{padding:19vh 16px 48px;width:100%}.diary{padding:60px 16px 48px}.diary .entry img{width:100%;max-width:none}.diary .entry{margin-bottom:80px}}main.wrapper[data-v-38208a9a]{position:relative;z-index:1;--time: .4s;--transform: translateY(0rem);--bezier: cubic-bezier(.56,.01,.4,1)}main.wrapper[data-v-38208a9a] main.view{width:100%;z-index:1;position:relative;will-change:opacity;transform:translateZ(0)}main.wrapper[data-v-38208a9a] main.view.v-enter-active{transition:all var(--time) var(--bezier) var(--time);position:absolute;top:0}main.wrapper[data-v-38208a9a] main.view.v-leave-active{transition:all var(--time) var(--bezier) 0ms;position:absolute;top:0}main.wrapper[data-v-38208a9a] main.view.view.v-enter-active{opacity:.01;transform:var(--transform)}main.wrapper[data-v-38208a9a] main.view.view.v-enter-to{opacity:1;transform:none}main.wrapper[data-v-38208a9a] main.view.view.v-leave{opacity:1;transform:none}main.wrapper[data-v-38208a9a] main.view.view.v-leave-to{opacity:.01;transform:var(--transform)}.mainnav{position:fixed;top:28px;left:32px;z-index:10;display:flex;gap:27px}.mainnav a.active{font-style:normal}@media only screen and (max-width:700px){.mainnav{top:16px;left:16px;gap:22px}}main[data-v-cf4acfde]{position:relative;height:100%}