body,html{width:100%;height:100%;overflow:hidden;text-align:center;position:relative;font-family:"Zen Maru Gothic",YuGothic,"Hiragino Kaku Gothic Pro","Yu Gothic","MS PGothic",sans-serif}.hidden{display:none!important}a{cursor:pointer;user-select:none;-webkit-user-select:none}.bt,a.bt{text-decoration:none;padding:calc(10px + 1vmin) calc(15px + 1.3vmin);border:solid 3px #fd3;box-shadow:#fff 4px 4px;box-sizing:border-box;display:inline-block;background:#fd3;color:#000;transition:all .3s;padding-left:calc(15px + 1.5vmin)}.btx,a.btx{text-decoration:none;padding-bottom:2px;border-bottom:solid 2px #000;padding-left:.2rem;color:#000;transition:all .2s}.btx:hover,a.btx:hover{background:#fd3}.bt:hover,a.bt:hover{background:#fff}a.inactive{user-select:none;-webkit-user-select:none;pointer-events:none}a.bt.inactive{border-color:#f0f0f0;background-color:#f0f0f0;color:#aaa}.blink{animation:animBlink .15s infinite}@keyframes animBlink{0.0%{opacity:.1}49.9%{opacity:.1}50.0%{opacity:.8}100.0%{opacity:.8}}.simplebar-content-wrapper::-webkit-scrollbar{display:none;-webkit-appearance:none}:focus{outline:0}#view{width:100%;height:100%;position:fixed;top:0;z-index:1;user-select:none;-webkit-user-select:none}#view canvas{width:100%;height:100%}.scene{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:90%;display:none}#loading{display:block}#generating p.gene,#loading p{display:block;width:calc(20px + 2vmin);height:2px;background:#000;margin:0 auto;animation:animLoading .6s step-end infinite}@keyframes animLoading{0%{transform:rotate(10deg) scaleX(1)}10%{transform:rotate(-16deg) scaleX(1.5)}20%{transform:rotate(22deg) scaleX(.5)}30%{transform:rotate(-42deg) scaleX(1)}40%{transform:rotate(- 5deg) scaleX(1.5)}50%{transform:rotate(30deg) scaleX(1)}60%{transform:rotate(-12deg) scaleX(2)}70%{transform:rotate(33deg) scaleX(1)}80%{transform:rotate(-35deg) scaleX(1.5)}90%{transform:rotate(18deg) scaleX(1)}100%{transform:rotate(-40deg) scaleX(2)}}#top{top:auto;bottom:calc(20px + 2vmin);transform:translate(-50%,0)}#top h1{font-size:calc(1.2rem + 1.5vmin);margin-bottom:calc(1px + .1vmin);padding:2px;padding-left:calc(2px + .3rem);letter-spacing:.3rem;background:#fff;display:inline-block!important}#top div[lang=en] h1{font-size:calc(1.4rem + 1.7vmin)}[data-ruby]{position:relative}[data-ruby]::before{content:attr(data-ruby);position:absolute;top:calc(-1rem - 1vmin);left:calc(.1rem + .1vmin);right:0;margin:auto;font-size:calc(.8rem + .8vmin);letter-spacing:calc(.5rem + .5vmin);white-space:nowrap;padding-left:calc(.5rem + .5vmin)}#top [data-ruby]::before{background:#fff}#top .sub{font-size:calc(.6rem + .7vmin);margin-bottom:calc(5px + .5vmin);display:inline-block!important;background:#fff;padding:3px;top:-.3rem;position:relative}#top .ver{font-size:calc(.7rem + .7vmin);margin-bottom:calc(20px + 2vmin);letter-spacing:.12rem;display:inline-block;background:#fff;padding:0 calc(3px + .3vmin)}#top p.input{margin-bottom:calc(20px + 2vmin)}#top input{padding:calc(8px + .8vmin) calc(10px + 1vmin);max-width:640px;width:80%;font-size:calc(.7rem + .9vmin);-webkit-appearance:none;appearance:none;border:2px solid #000;border-radius:0;caret-color:#000;letter-spacing:.1rem}::placeholder{color:#888}#top .bt{font-size:calc(.8rem + .8vmin)}#top_header{display:none;position:absolute;z-index:2;top:0;left:0;transform-origin:top left;transform:scale(.75);margin:calc(5px + .5vmin)}#top_header .nyan_cd{background:rgba(255,255,255,.95)}#generating p.gene{width:calc(40px + 4vmin);margin-bottom:calc(25px + 2.5vmin)}#generating p.tex{font-size:calc(.8rem + .9vmin);animation:animGenerating .15s infinite}@keyframes animGenerating{0%{opacity:1}100%{opacity:0}}#main{width:100%;top:50%}#main h2{text-align:left;display:inline-block;white-space:nowrap;margin:0 auto;font-size:calc(1rem + 1vmin)}.main{display:none}#bt_bar{cursor:pointer;padding-top:calc(22px + 2.2vmin);padding-bottom:calc(22px + 2.2vmin)}#bar_base{width:100%;height:calc(3px + .2vmin);background:#000}#bar{width:0;height:100%;background:#f69}#time{text-align:right;font-size:calc(.7rem + .9vmin);letter-spacing:.1rem;margin-top:calc(-18px - 1.8vmin);margin-right:calc(5px + .5vmin);pointer-events:none;font-family:'Roboto Mono',sans-serif}#main .ui{margin-top:calc(20px + 2vmin)}#main .ui svg{width:calc(50px + 5vmin)}#main_back,#main_footer,#main_header{display:none;position:absolute;z-index:2;margin:calc(10px + 1vmin)}#main_back .bt,#main_footer .bt,#main_header .bt{font-size:calc(.6rem + .6vmin);padding:calc(8px + .8vmin) calc(12px + 1.1vmin);padding-left:calc(12px + 1.3vmin)}#main_header{top:0;left:0;text-align:left}#main_back{bottom:0;left:0}#main_footer{bottom:0;right:0;text-align:right}#main_header .bt{margin-bottom:calc(12px + 1.2vmin)}#main_footer .bt{margin-top:calc(12px + 1.2vmin)}#bt_stop{display:none}#loading_sound{opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none;font-size:calc(.7rem + .7vmin);margin-top:calc(5px + .5vmin)}#loading_sound p{animation:animGenerating .25s ease-in infinite}#share{width:100%}#share #url{font-size:calc(.7rem + .9vmin);letter-spacing:.2rem;display:inline-block;padding-bottom:3px;border-bottom:2px dotted #000;color:#000;margin-bottom:calc(30px + 3vmin)}#share #bt_tweet{margin-bottom:calc(20px + 2vmin)}#copy{display:none;position:absolute;pointer-events:none;user-select:none;-webkit-user-select:none;top:50%;left:50%;transform:translate(-50%,-50%);z-index:32;background:rgba(0,0,0,.8);color:#fff;padding:calc(15px + 1.5vmin);white-space:nowrap;font-size:calc(.7rem + .7vmin)}#canvas_base{width:90%;max-width:800px;margin:0 auto;margin-bottom:calc(20px + 2vmin);position:relative;letter-spacing:0}#canvas{width:100%;border:1px solid #f93}#canvas_base p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(1.1rem + 1.1vmin);color:#f93}@media screen and (min-aspect-ratio:1/1){#canvas_base{width:auto;max-width:none;height:40vh;max-height:450px}#canvas{width:auto;height:100%}}#video{width:100%;border:1px solid #f93;box-sizing:border-box}#download .area_left{width:90%;max-width:800px;margin:0 auto;margin-bottom:calc(30px + 3vmin)}#download .area_right p{margin-bottom:calc(20px + 2vmin)}#download .convert{display:none}#download .convert p:first-child{margin-bottom:calc(10px + 1vmin)}#download .convert .rate{margin-left:calc(5px + .5vmin)}#download .convert .note{font-size:calc(.6rem + .6vmin)}#download .external{display:none}#download .external p{font-size:calc(.6rem + .6vmin);line-height:1.8}#download .external a{text-decoration:none;border-bottom:2px solid #000}#download .enjoy{font-size:calc(.6rem + .6vmin);line-height:1.8}#download .back{margin-top:calc(40px + 4vmin)}#download a.bt.converting{pointer-events:none;background:#fff;color:#f93;animation:animConverting .2s infinite}@keyframes animConverting{50%{color:#f93}100%{color:#fff}}@media screen and (min-aspect-ratio:1/1){#video{width:auto;height:100%}#download .area_left{width:auto;max-width:none;height:40vh;max-height:450px;display:inline-block}#download .area_right{margin-left:calc(20px + 2vmin);text-align:left;vertical-align:top;display:inline-block}}#about{position:absolute;top:0;left:100%;width:100%;height:100%;background:#f9f9f9;z-index:21;transition:left .2s ease-in-out}#about.active{left:0}.scroll_area{width:100%;height:100%;margin:0 auto}.scroll_con{padding:calc(20px + 2vmin)}#about h2{font-size:calc(1.3rem + 1.3vmin);margin-bottom:calc(1px + .1vmin)}#about h2[lang=ja]{padding-top:calc(10px + 1vmin)}#about h2[lang=en]{font-size:calc(1.5rem + 1.5vmin)}#about .sub{font-size:calc(.6rem + .7vmin);margin-bottom:calc(5px + .5vmin)}#about .ver{font-size:calc(.7rem + .7vmin);margin-bottom:calc(25px + 2.5vmin);letter-spacing:.12rem}#about div.desc{text-align:left;max-width:640px;width:90%;margin:0 auto;margin-bottom:calc(35px + 3.5vmin)}#about div.desc p{font-size:calc(.7rem + .8vmin);text-indent:calc(.8rem + .8vmin);margin-bottom:calc(10px + 1vmin)}#about .sns{margin-bottom:calc(35px + 3.5vmin)}#about .sns p:first-child{margin-bottom:calc(5px + .5vmin);font-size:calc(.8rem + .8vmin)}#about .sns svg{width:calc(45px + 4.5vmin);margin:0 calc(5px + .5vmin);transition:fill .2s}#about .sns a:hover>svg{fill:#fd3}#about .role{font-size:calc(.7rem + .8vmin);margin-bottom:calc(7px + .7vmin)}#about .name{font-size:calc(1rem + 1vmin);margin-bottom:calc(35px + 3.5vmin)}#bt_about{display:none}#bt_about,#bt_close{position:absolute;right:0;margin:calc(10px + 1vmin);z-index:20;user-select:none;-webkit-user-select:none;cursor:pointer;padding:calc(7px + .7vmin) calc(11px + .9vmin);padding-left:calc(11px + 1.1vmin);font-size:calc(1rem + 1vmin)}#bt_close{z-index:22}.nyan_cd{display:inline-block;padding:calc(10px + 1vmin);white-space:nowrap;color:#000;transition:background-color .1s linear;margin-bottom:calc(5px + .5vmin)}.nyan_cd:hover{background:#fd3!important}.nyan_cd div,.nyan_cd img{display:inline-block;vertical-align:middle;text-align:left}.nyan_cd img{width:calc(70px + 6vmin);border:2px solid #fff;margin-right:calc(10px + 1vmin)}.nyan_cd div{opacity:1;font-size:calc(.7rem + .7vmin)}.nyan_cd div span{padding-bottom:2px;border-bottom:2px solid #000;line-height:2}.nyan_cd div span.sale{line-height:3}#language{user-select:none;-webkit-user-select:none;cursor:pointer;font-size:calc(.9rem + .9vmin);font-style:italic;margin:calc(10px + 1vmin);margin-bottom:calc(25px + 2.5vmin);display:inline-block}#language span{color:#000;margin:0 calc(5px + .5vmin)}#language span.active{color:#ccc}@media screen and (min-aspect-ratio:1/1) and (max-height:600px){#title{float:left;text-align:left;margin-left:calc(10px + 1vmin)}#title .sub,#title .ver{margin-left:calc(6px + .6vmin)}}