body{--base-fonts:"Outfit", "Outfit_Local", "Noto Sans JP", "SF Pro JP", "Arial", "Roboto", sans-serif;--base-box-shadow:gray 0 0 20px;--theme-color:#ffcb72;font-family:var(--base-fonts)}@keyframes title-char{0%{opacity:0;margin-left:calc((var(--idx-rate) + 1) * .1em);filter:saturate(100%) blur(calc((var(--idx-rate,1) + 3) * 2px))}to{opacity:calc((var(--idx-rate,1) + .6) * .6);filter:saturate(40%)blur();margin-left:0}}@keyframes view-enter{0%{opacity:0}50%{opacity:1}to{transform:translate(0)}}@keyframes view-leave{0%{opacity:1;transform:translate(0)}30%{opacity:1}to{opacity:0}}.fade-enter-active{animation:3s cubic-bezier(.02,.5,.25,1) both view-enter}.fade-leave-active{animation:.5s cubic-bezier(.02,.5,.25,1) both view-leave}body{--header-height:4em;--base-background:white;background-color:var(--base-background);margin:0}.contents:first-child{position:relative}header{width:100%;height:var(--header-height);z-index:100;justify-content:center;margin-bottom:20px;display:flex;position:sticky;top:10px}main{z-index:50;background-color:#fff;min-height:100vh;position:relative;overflow:hidden}main>section{height:100%;position:relative}nav{gap:8px}header nav{border-radius:calc(var(--header-height) / 2);box-shadow:var(--base-box-shadow);color:#000;background:#fff;padding:1rem;display:flex;overflow:auto}nav a{color:#000;text-decoration:none}ul{margin:0}a,.linktext{border-bottom:0 solid gray;align-items:center;font-size:1em;font-weight:400;transition:font-weight .5s ease-in-out,font-size .5s ease-in-out,margin .1s ease-in-out,border-bottom .1s ease-in-out;display:flex}@keyframes link_char_anim{0%{opacity:1;margin-right:0}25%{opacity:.5}50%{opacity:1;margin-right:2px}to{opacity:1;margin-right:0}}header .linktext.is-active{--active-side-margin:8px;margin-left:var(--active-side-margin);margin-right:var(--active-side-margin);font-size:1.2em;font-weight:600}header .linktext.is-active span.char-span{animation:.5s ease-in-out link_char_anim;animation-delay:calc((var(--idx) / var(--total)) * .3s)}.separator{color:#666;margin-right:5px}footer{height:calc(50vh - var(--header-height) * .5);color:#000;box-sizing:border-box;background-color:#d3d3d3;gap:3rem;width:100%;padding:1rem;display:flex;position:relative;overflow:hidden}footer .title{--title-size:min(10vh, 20vw);color:#fff;user-select:none;transform-origin:100% 100%;margin:0;padding:0 1em 2em 0;position:absolute;bottom:0;right:0;overflow:hidden}footer .title .item{--font-size:var(--title-size);height:var(--font-size);margin:0}footer .title .item.theme{font-family:"Shippori Mincho", var(--base-fonts)}footer .title .item.theme span{color:var(--color)}footer .title .item.date p span{mix-blend-mode:exclusion}footer .title .item p{font-size:var(--font-size);letter-spacing:-.2em;text-align:right;margin:0}footer .title .item p span{--idx-rate:calc(var(--idx) / var(--total));opacity:0;font-weight:700;position:relative}footer a{color:#fff;width:max-content;font-size:1.4rem;display:flex}footer ul{padding:0;list-style:none}footer .is-visibled .item p span{will-change:opacity, margin-left;animation:2s cubic-bezier(0,1,.9,1) forwards title-char}.viewer[data-v-c9aba051]{--viewer-height:calc(95vh - var(--header-height) - 1em);width:100%;height:var(--viewer-height);margin:0;padding:0;position:relative}.pages[data-v-c9aba051]{--pages-gap:10px;--pages-padding:20px;justify-content:flex-start;align-items:center;gap:var(--pages-gap);padding:var(--pages-padding);box-sizing:border-box;width:100%;height:100%;margin:0;display:flex;position:relative;top:20px;overflow-x:auto}.pages .page[data-v-c9aba051]{--page-height:calc(min(var(--viewer-height), 100vw * (1 / var(--aspect-ratio))) - (var(--pages-padding) * 2 + var(--pages-gap) * 2));width:calc(var(--page-height) * var(--aspect-ratio));height:var(--page-height);flex-shrink:0;position:relative}.pages .page .content[data-v-c9aba051]{width:100%;height:100%;box-shadow:var(--base-box-shadow);border-radius:2em;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pages .page .content img[data-v-c9aba051]{object-fit:contain;width:100%;height:100%;position:relative}h1[data-v-ca841a40]{align-items:center;max-width:100vw;min-height:25vh;margin-bottom:1rem;font-size:16vw;display:flex;position:relative;overflow:hidden}h1 span[data-v-ca841a40]{--idx-rate:calc(var(--idx) / var(--total));animation:2s cubic-bezier(0,1,.9,1) forwards title-char;position:relative;opacity:1!important}.linktext[data-v-f823e575]{justify-content:center;width:min-content;display:flex;position:relative}.linktext a[data-v-f823e575]{color:inherit;text-decoration:none;position:relative}.linktext .underline[data-v-f823e575]{background-color:#000;width:0;height:2px;transition:width .3s;position:absolute;bottom:0}.linktext:hover .underline[data-v-f823e575],.linktext.is-active .underline[data-v-f823e575]{width:100%}@keyframes cover-7c842105{0%{backdrop-filter:blur();background-color:transparent}25%{backdrop-filter:blur(40px);transform:translate(0)}to{backdrop-filter:blur();transform:translate(calc(100% + var(--gradient-width)))}}@keyframes coverTile-7c842105{0%{width:0;transform:translate(0)}to{width:var(--target-width)}}.page-overlay[data-v-7c842105]{--gradient-width:0vw;--delay:calc(var(--anim-duration) / (var(--total) * 5));pointer-events:none;z-index:60;animation:cover-7c842105 var(--anim-duration) ease both;background:0 0;margin:0;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible}.page-overlay .tile[data-v-7c842105]{--target-width:calc(100% / var(--total));transform-origin:0;background-color:var(--color);opacity:.5;filter:saturate(50%);height:100%;animation:coverTile-7c842105 calc(var(--anim-duration) / 2.5) ease both;animation-delay:calc(var(--idx) * var(--delay));margin:0;padding:0;position:relative;top:0;left:0}.page-overlay .tile[data-v-7c842105]:first-child:after{content:"";top:0;left:calc(var(--gradient-width) * -1);width:var(--gradient-width);background:linear-gradient(to right, transparent, var(--color));pointer-events:none;height:100%;display:flex;position:absolute}.digit-display[data-v-4e64c730]{font-variant-numeric:tabular-nums;gap:.1em;display:flex}.digit[data-v-4e64c730]{width:1ch;height:var(--digit-height,1.2em);position:relative;overflow:hidden}.roller[data-v-4e64c730]{flex-direction:column;transition:transform .1s cubic-bezier(0,.75,0,1);display:flex}.roller span[data-v-4e64c730]{height:var(--digit-height,1.2em);line-height:var(--digit-height,1.2em);text-align:center}