#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:6s step-start infinite blur-anime}#about h3{transform-origin:0 0;font-weight:400;transform:scaleY(1.5)}@keyframes blur-anime{0%{text-shadow:0 0 #000,0 0 #000}10%{text-shadow:0 0 #000a,0 0 #000}20%{text-shadow:0 0 #000,15px 15px 9px #000a}30%{text-shadow:0 0 9px #000a,30px 30px #000}40%{text-shadow:0 0 #000,45px 45px 9px #000a}50%{text-shadow:0 0 9px #000a,60px 60px #000}60%{text-shadow:0 0 #000,-60px -60px 9px #000a}70%{text-shadow:0 0 9px #000a,-45px -45px #000}80%{text-shadow:0 0 #000,-30px -30px 9px #000a}90%{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)*12);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 .pageTitle{grid-column:var(--grid-page1);font-size:var(--font-sizeM);padding:var(--unit);word-break:break-all;line-height:calc(var(--unit)*5);border:1px solid #000}#page .pageTags{grid-column:var(--grid-page2)}#page .pageLinks{grid-column:var(--grid-page7)}#page .pageTag{cursor:pointer;white-space:nowrap;overflow:none;border:1px solid #0008;border-radius:50px;margin:-1px 0 0;padding:0 10px;display:inline-block}#page .pageTag:hover{background-color:var(--color-hover)}#page .pageContent{display:contents}#page .pageP{grid-column:var(--grid-page3);text-align:justify}#page .pageDate{grid-column:var(--grid-header1);margin-top:calc(var(--unit)*8);color:#888}#page img{grid-column:var(--grid-page4);border-bottom:1px dashed #ccc;width:100%}#page h3{grid-column:var(--grid-page5);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%}#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;overflow:hidden}.menuPiece .tags{grid-column:var(--grid-menu3)}.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}#footer .teiso .title{text-align:center;width:100%;font-size:var(--font-sizeS);pointer-events:none}#footer .teiso .reiwa{font-size:calc(var(--font-sizeS)*.8);text-align:center;pointer-events:none;font-feature-settings:"palt" 1;width:100%}#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.6d62a433.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MyFont;src:url(free.94233929.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-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-sizeS:18px;--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}img:hover{filter:invert()hue-rotate(30deg);animation:7s step-start infinite aa}iframe:hover{filter:invert()hue-rotate()}h3{transform-origin:0 0;font-weight:400;transform:scaleY(1.5)}@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()}}.kana{color:red}.han{color:#f0f}.latin{color:#00f}.other{color:#0ff}