#header{grid-gap:0px;width:100%;margin-top:calc(var(--unit)*4);margin-bottom:calc(var(--unit)*12);grid-template-columns:repeat(12,1fr);display:grid}#header h1{grid-column:var(--grid-header1);font-size:var(--font-sizeS);cursor:pointer;font-weight:400}#header #worksBtn{grid-column:var(--grid-header2);cursor:pointer;display:inline-block}#header #infoBtn{grid-column:var(--grid-header3);cursor:pointer;display:inline-block}#header #enBtn{border:1px solid #000;border-radius:20px;display:inline-block}#header .btn:hover{text-decoration:underline}#about{grid-template-columns:repeat(12,1fr);width:100%;display:grid}#about h2{grid-column:1/-1;display:grid}#about h2 .text{grid-column:var(--grid-about1);font-weight:400;font-size:var(--font-sizeM);padding:var(--space-unit);margin-bottom:calc(var(--unit)*8);word-break:break-all;line-height:calc(var(--unit)*4);color:#0000;animation:12s step-start infinite alternate-reverse blur-animeA}#about h2 .text rt{font-size:var(--font-sizeS)}#about h3{transform-origin:0 0;font-weight:400;font-size:var(--font-sizeMS)}@keyframes blur-animeA{0%{text-shadow:0 0 #000,0 0 #000}5%{text-shadow:0 0 #000a,0 0 #000}10%{text-shadow:0 0 #000,15px 15px 9px #000a}15%{text-shadow:0 0 9px #000a,30px 30px #000}20%{text-shadow:0 0 #000,45px 45px 9px #000a}25%{text-shadow:0 0 9px #000a,60px 60px #000}30%{text-shadow:0 0 #000,-60px -60px 9px #000a}35%{text-shadow:0 0 9px #000a,-45px -45px #000}40%{text-shadow:0 0 #000,-30px -30px 9px #000a}45%{text-shadow:0 0 9px #000a,-15px -15px #000}50%{text-shadow:0 0 #000,0 0 #000}55%{text-shadow:0 0 #000,0 0 #000}60%{text-shadow:0 0 #000,-15px 15px 9px #000a}65%{text-shadow:0 0 9px #000a,-30px 30px #000}70%{text-shadow:0 0 #000,-45px 45px 9px #000a}75%{text-shadow:0 0 9px #000a,-60px 60px #000}80%{text-shadow:0 0 #000,60px -60px 9px #000a}85%{text-shadow:0 0 9px #000a,45px -45px #000}90%{text-shadow:0 0 #000,30px -30px 9px #000a}95%{text-shadow:0 0 9px #000a,15px -15px #000}to{text-shadow:0 0 #000,0 0 #000}}#about h3{margin-top:calc(var(--space-unit)*8);grid-column:var(--grid-about2)}#about .text{grid-column:var(--grid-about3)}#about ul{grid-column:var(--grid-about4);padding:0;padding-bottom:calc(var(--unit)*4);width:100%;margin:0}#about li{border-radius:30px;margin:0;padding:0;list-style:none}#about li:before{content:"🌀"}#about .video{margin-top:calc(var(--unit)*6);grid-column:2/12;width:100%;padding-top:56.25%;position:relative;overflow:hidden}#about .video iframe{background:#ccc;border:none;width:100%;height:100%;position:absolute;top:0;left:0}#about a:hover{cursor:pointer;text-decoration:underline}#screenSaver{color:#fff;z-index:9999;pointer-events:none;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;font-family:OnKawara,sans-serif;display:flex;position:fixed;inset:0}#screenSaver div{color:#fff;font-size:150px}#page{grid-gap:0px;overflow-wrap:anywhere;grid-template-columns:repeat(12,1fr);width:100%;display:grid}#page .sup{font-size:var(--font-sizeSS)}#page .pageTitle{grid-column:var(--grid-page1);font-size:var(--font-sizeM);padding:var(--unit);word-break:break-all;line-height:calc(var(--font-sizeM)*.5);border:1px solid #000;min-width:0;position:relative}#page .pageTitle ruby{font-size:var(--font-sizeM);top:calc(-.5*var(--font-sizeS));word-break:break-all;margin:0;padding:0;position:relative}#page .pageTitle ruby rt{top:var(--font-sizeS);opacity:.8;position:relative}#page .pageTags{grid-column:var(--grid-page2);min-width:0}#page .pageLinks{grid-column:var(--grid-page7)}#page .pageTag{cursor:pointer;white-space:nowrap;overflow:none;border:1px solid #0008;border-radius:50px;min-width:0;margin:-1px 0 0;padding:0 10px;display:inline-block}#page .filterExplanation{font-size:var(--font-sizeSS);color:#888;margin-left:2px;line-height:150%}#page .pageTag:hover{background-color:var(--color-hover)}#page .pageContent{display:contents}#page .pageP{grid-column:var(--grid-page3);text-align:justify}#page .pageDate{margin-top:calc(var(--unit)*8);grid-column:var(--grid-page3);color:#888}#page .pageSidenote{color:#888;grid-column:var(--grid-pageA)}#page img{grid-column:var(--grid-page4);border-top:1px dashed #ccc;width:100%}#page img:hover{cursor:crosshair}#page .pageContent img:last-of-type,#page #page img:last-of-type{border-bottom:1px dashed #ccc}#page h3{grid-column:var(--grid-page5);font-size:var(--font-sizeMS);margin-bottom:20px}#page .video{grid-column:var(--grid-page6);background-color:var(--color-hover);padding-top:56.25%;position:relative;overflow:hidden}#page .video iframe{background:var(--color-hover);border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}#page .pageNav{text-align:right;grid-column:var(--grid-page8)}#page #prevBtn,#page #nextBtn{border:1px solid #000;border-radius:50px;grid-column:span 2;padding:0 10px;display:inline-block}#page #prevBtn:hover,#page #nextBtn:hover{background-color:var(--color-hover);cursor:pointer}#page:before{content:"";background-image:linear-gradient(90deg,#f003 1px,#0000 1px),linear-gradient(#00f3 1px,#0000 1px);background-size:8.33333% 1fr;pointer-events:none;z-index:9999;position:absolute;inset:0}#top{grid-gap:0px;grid-template-columns:repeat(12,1fr);width:100%;margin:0;padding:0;display:grid}#top img{vertical-align:bottom;grid-column:span 2;width:100%}#top img:hover{filter:invert()hue-rotate(30deg);animation:7s step-start infinite aa}@keyframes aa{0%{filter:invert(0%)hue-rotate()}15%{filter:invert()hue-rotate()}30%{filter:invert(0%)hue-rotate(120deg)}45%{filter:invert()hue-rotate(120deg)}60%{filter:invert(0%)hue-rotate(240deg)}75%{filter:invert()hue-rotate(240deg)}90%,to{filter:invert(0%)hue-rotate()}}#menu{width:100%;margin-top:calc(var(--unit)*12)}.menuPiece{grid-gap:0px;grid-template-columns:repeat(12,1fr);width:100%;display:grid}.menuPiece .title{grid-column:var(--grid-menu1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuPiece .tags{grid-column:var(--grid-menu3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuPiece .tags .pageTag{margin:0 6px 0 0!important}.menuPiece .title:hover{cursor:pointer;text-decoration:underline}.menuPiece:hover{background-color:var(--color-hover)}.visited{color:#00f}#footer{grid-gap:24px 0px;width:100%;margin-top:calc(var(--unit)*12);margin-bottom:calc(var(--unit)*8);grid-template-columns:repeat(12,1fr);display:grid}#footer .copyright{grid-column:var(--grid-header1);font-size:var(--font-sizeM)}#footer .teiso{grid-column:var(--grid-header3);padding:calc(var(--unit)*2);box-sizing:border-box;border:1px solid #000;align-items:center;display:flex}#footer .teiso .title{text-align:center;width:100%;font-size:var(--font-sizeS);pointer-events:none}#footer .teiso:hover{background-color:#eee}#footer .toTop{letter-spacing:2px;text-align:right;grid-column:span 1;line-height:20px}#footer .toTop .text{text-align:center;cursor:pointer;border:1px solid #000;border-radius:50px;padding:6px 3px;display:inline-block}#footer .toTop .text:hover{background-color:var(--color-hover)}#footer select{text-align:center;border-radius:100px;padding:2px 0}#footer .en{cursor:pointer;border:1px solid #000;border-radius:100px;padding:0 6px;display:inline-block}#footer .en:hover{background-color:var(--color-hover)}@font-face{font-family:OnKawara;src:url(OnKawara.b98d5608.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MyFont;src:url(free.3f117b05.woff2)format("woff2")}*{font-size:var(--font-sizeS);font-feature-settings:"palt" 1,"liga" 1,"calt" 1,"dlig" 1;margin:0;padding:0}body{--grid-header1:1/4;--grid-header2:4/7;--grid-header3:7/10;--grid-page1:1/4;--grid-page2:4/7;--grid-page3:7/10;--grid-page4:10/12;--grid-page5:12/13;--grid-page6:10/12;--grid-page7:12/13;--grid-page8:12/13;--grid-page9:12/13;--grid-pageA:12/13;--grid-menu1:1/4;--grid-menu2:4/7;--grid-menu3:7/10;--grid-about1:3/4;--grid-about2:4/5;--grid-about3:5/6;--grid-about4:6/7;--grid-about5:7/8;--grid-footer1:1/4;--grid-footer2:4/7;--grid-footer3:7/10;--color-hover:#eee;letter-spacing:0;--unit:8px;--font-sizeSS:12px;--font-sizeS:18px;--font-sizeMS:27px;--font-sizeM:36px;--font-sizeL:54px;font-family:MyFont,Arial,Helvetica,sans-serif;font-weight:400;font-size:var(--font-sizeS);line-height:calc(var(--unit)*4);margin:0;padding:0;overflow-y:scroll}iframe{background:#ccc}a{text-decoration:none}a:hover{text-decoration:underline}h3{transform-origin:0 0;font-weight:400}.kana{color:red}.han{color:#f0f}.latin{color:#00f}.other{color:#0ff}
/*# sourceMappingURL=vanilla.c544967f.css.map */