html,body{width:100%;height:100%;overflow:hidden;text-align:center;position:relative;font-family:"DafaultFont","YuGothic","Hiragino Kaku Gothic Pro","Yu Gothic","MS PGothic",sans-serif;color:#000;background:#fff}a{cursor:pointer;user-select:none;-webkit-user-select:none}a.bt,.bt{text-decoration:none;padding:calc(10px + 1vmin) calc(15px + 1.5vmin);border:solid 2px #000;display:inline-block;color:#000;transition:all .2s;padding-left:calc(15px + 1.5vmin + .2rem)}a.bt svg,.bt svg{width:calc(20px + 2vmin);padding-right:calc(5px + .5vmin)}a.bt span,a.bt svg,.bt span,.bt svg{vertical-align:middle}a.bt:hover,.bt:hover{background:#f9c}a.btx,.btx{text-decoration:none;padding-bottom:2px;border-bottom:solid 2px #000;padding-left:.2rem;color:#000;transition:all .2s}a.btx:hover,.btx:hover{background:#f9c}p{font-size:calc(.7rem + .8vmin)}@media(max-width: 1200px){p.sizebr{text-align:left}p.sizebr br{display:none !important}}p.autobr{text-align:left;margin-inline:auto;max-inline-size:max-content}p.wbr{word-break:keep-all}svg{fill:#000;overflow:visible}.simplebar-content-wrapper::-webkit-scrollbar{display:none;appearance:none}:focus{outline:none}div.btn{display:inline-block;cursor:pointer;border:2px solid #000;padding:calc(4px + .4vmin) calc(6px + .6vmin);transition:background-color .2s}div.btn.off{pointer-events:none;opacity:.22}div.btn svg{width:calc(22px + 2.2vmin);vertical-align:middle}div.btn span{margin-left:calc(5px + .5vmin);vertical-align:middle;font-size:calc(.9rem + .9vmin)}div.btn:hover{background:#f9c}div.ui_close{position:absolute;cursor:pointer;z-index:1;top:calc(12px + 1.2vmin);right:calc(12px + 1.2vmin)}div.ui_close svg{width:calc(27px + 2.7vmin)}#view{opacity:0;width:100%;height:100%;position:fixed;top:0;z-index:1}#view canvas{width:100%;height:100%;user-select:none;-webkit-user-select:none}.scene{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;width:90%;display:none}#loading{display:block}.wave_loader{display:flex;justify-content:center;align-items:center;gap:calc(10px + 1vmin)}.wave_loader span{width:calc(5px + .5vmin);height:calc(5px + .5vmin);background-color:#000;display:inline-block;animation:wave .5s infinite ease-in-out}.wave_loader span:nth-child(2){animation-delay:.1s}.wave_loader span:nth-child(3){animation-delay:.2s}@keyframes wave{0%,100%{transform:translateY(0)}20%{transform:translateY(-calc(10px + 1vmin))}40%{transform:translateY(calc(10px + 1vmin))}}#top{width:100%}#top h1{font-size:calc(2.4rem + 2.4vmin);margin-bottom:calc(20px + 2vmin);padding-left:.2rem;background:#fff}#top p{background:#fff}#top p.start{font-size:calc(1.2rem + 1.2vmin);padding:calc(2px + .2vmin) 0}#top p.start span.text{animation:animStartText .8s infinite alternate ease-out}@keyframes animStartText{50%{opacity:1}100%{opacity:0}}#top p.atten{margin-top:calc(20px + 2vmin);padding:calc(3px + .3vmin) 0;font-size:calc(.62rem + .7vmin);text-indent:calc(.62rem + .7vmin);letter-spacing:.26rem}#bt_start{display:none;position:absolute;z-index:2;top:0;width:100%;height:100%;cursor:pointer}#credit{display:none;position:absolute;z-index:1;bottom:calc(5px + .5vmin);right:calc(5px + .5vmin);padding:calc(3px + .3vmin);font-size:calc(.5rem + .8vmin);background:#fff}.main{display:none;position:absolute;z-index:1;top:0;padding:calc(12px + 1.2vmin)}.main.top_ui{left:0;text-align:left;width:100%;padding-bottom:calc(6px + .6vmin);background:hsla(0,0%,100%,.77)}.main div{display:inline-block;margin-right:calc(10px + 1vmin);cursor:pointer}.main div:hover svg{fill:#f9c}.main div:hover span{color:#f9c}.main div svg{display:block;margin:0 auto;width:calc(25px + 2vmin);transition:fill .2s}.main div span{display:block;font-size:calc(.7rem + .7vmin);transition:color .2s}input[type=color]{appearance:none;-webkit-appearance:none;cursor:pointer;vertical-align:middle;width:calc(27px + 2.7vmin);height:calc(27px + 2.7vmin);border-radius:50%;display:inline-block;background:conic-gradient(#ff0000, #ffcf00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);padding:calc(2px + .2vmin);background-clip:padding-box;border:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:calc(2px + .2vmin) solid #fff;border-radius:50%}input[type=color]::-moz-color-swatch{border:calc(2px + .2vmin) solid #fff;border-radius:50%;width:100%;height:100%;box-sizing:border-box}input[type=color]:-moz-focusring{outline:none}#draw{top:-100vh;transition:top .2s ease-in-out;position:absolute;z-index:21;user-select:none;width:100%;height:100%;background:hsla(0,0%,100%,.9803921569)}#draw.active{top:0}#draw.unavailable div{pointer-events:none}#draw div.ui{position:absolute;top:calc(12px + 1.2vmin);left:calc(12px + 1.2vmin)}#draw div.ui span{vertical-align:middle;margin-right:calc(0px + .5vw);display:inline-block;cursor:pointer}#draw div.ui span svg{border-radius:calc(4px + .4vmin);background-color:#fff;transition:background-color .05s linear;width:calc(27px + 2.7vmin);display:block}#draw div.ui span.active{cursor:auto}#draw div.ui span.active svg{background-color:#fbe}#draw div.canvas{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:85%;max-width:70vh;aspect-ratio:1/1;margin:auto;display:block;border:1px solid #000;background:#fff}#draw div.canvas canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}#draw div.canvas canvas#canvas_guide{pointer-events:none}#draw div.ui_footer{position:absolute;bottom:calc(12px + 1.2vmin + .9vmin);left:calc(12px + 1.2vmin)}#draw div.ui_footer div.ui_footer_set span{vertical-align:middle;margin-right:calc(0px + .5vw)}#draw div.ui_footer div.ui_footer_set span.ui_howto{margin-right:calc(4px + .9vw)}#draw div.ui_footer div.ui_footer_set span.ui_howto svg{width:calc(25px + 2.5vmin)}#draw div.ui_footer div.ui_footer_set span svg{vertical-align:middle;cursor:pointer;border-radius:calc(4px + .4vmin);background-color:#fff;transition:background-color .05s linear;width:calc(27px + 2.7vmin)}#draw div.ui_footer div.ui_footer_set span.off{cursor:auto;opacity:.22;pointer-events:none}#draw div.ui_footer div.ui_footer_set span.bg_col{margin-left:calc(4px + .9vw)}#draw div.ui_footer div.ui_footer_set span.bg_col span{margin-left:calc(5px + .5vmin);font-size:calc(.7rem + .8vmin);vertical-align:middle;opacity:.9}#draw div.ui_bottom{position:absolute;bottom:calc(12px + 1.2vmin);right:calc(12px + 1.2vmin)}#clear_all{display:none;position:absolute;z-index:21;width:100%;height:100%;background:rgba(226,226,226,.86)}#clear_all div.container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%}#clear_all div.container p{font-size:calc(1rem + 1vmin);margin-bottom:calc(30px + 3vmin)}#clear_all div.container div.ui div.btn{margin:0 calc(10px + 1vmin)}#howto{display:none;position:absolute;z-index:21;width:100%;height:100%;background:rgba(226,226,226,.95)}#howto div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:calc(15px + 1.5vmin) calc(25px + 2.5vmin);border-radius:calc(5px + .5vmin)}#howto div table td{font-size:calc(.8rem + .9vmin);padding:calc(5px + .5vmin);text-align:left;white-space:nowrap}#howto div table td svg{width:calc(30px + 3vmin)}#share{top:-100vh;transition:top .2s ease-in-out;position:absolute;z-index:21;width:100%;height:100%;background:rgba(226,226,226,.9803921569)}#share.active{top:0}#share .sh_container{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}#share #sh_post p{margin-bottom:calc(20px + 2vmin)}#share #sh_post p:first-child{font-size:calc(.9rem + .9vmin)}#share #sh_post p.nickname input{width:calc(200px + 10vmin);padding:calc(7px + .7vmin);border:1px solid #000;margin-top:calc(3px + .3vmin);margin-left:calc(5px + .5vmin);font-size:calc(.9rem + .9vmin);letter-spacing:.2rem}#share #sh_post p.nickname input::placeholder{color:#000;opacity:.3}#share #sh_post p.error{font-size:calc(.7rem + .8vmin);color:#f63;margin-bottom:calc(5px + .5vmin)}#share #sh_result #canvas_share_con{background:#fff;display:inline-block;padding:calc(15px + 1.5vmin);line-height:0;margin-bottom:calc(15px + 1.5vmin)}#share #sh_result #canvas_share_con #canvas_share{width:calc(72px + 7.2vmin);height:calc(72px + 7.2vmin)}#share #sh_result #credit_share{font-size:calc(.7rem + .7vmin);margin-bottom:calc(15px + 1.5vmin)}#share #sh_result #credit_share .name{margin-left:calc(5px + .5vmin)}#share #sh_result p.url{margin-bottom:calc(30px + 3vmin)}#share #sh_result p.url #share_url{font-size:calc(1.1rem + 1.1vmin);overflow-wrap:anywhere;padding-bottom:calc(3px + .3vmin);border-bottom:3px dotted #000;line-height:1.8}#share #sh_result .btn svg{width:calc(16px + 2vmin);padding:calc(3px + .1vmin)}#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 + .8vmin)}#voice{top:-100vh;transition:top .2s ease-in-out;position:absolute;z-index:21;width:100%;height:100%;background:rgba(226,226,226,.9803921569)}@media(min-aspect-ratio: 2/1){#voice{top:calc(-100vh - 100px)}}#voice.active{top:0}#voice div.container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}#voice div.container #canvas_voice_con{background:#fff;display:inline-block;padding:calc(15px + 1.5vmin);line-height:0;margin-bottom:calc(15px + 1.5vmin)}#voice div.container #canvas_voice_con #canvas_voice{width:calc(100px + 10vmin);height:calc(100px + 10vmin);transform-origin:bottom;transition:transform .3s ease-out;transform:scaleY(1)}#voice div.container #canvas_voice_con #canvas_voice.playing{animation:animationCanvasVoicePlaying .5s infinite}@keyframes animationCanvasVoicePlaying{0%{transform:scaleY(1)}16%{transform:scaleY(0.8)}32%{transform:scaleY(0.95)}48%{transform:scaleY(0.7)}64%{transform:scaleY(1)}80%{transform:scaleY(0.75)}100%{transform:scaleY(1)}}#voice div.container .player{margin-bottom:calc(35px + 3.5vmin)}#voice div.container .player svg{width:calc(35px + 3.5vmin);vertical-align:middle}#voice div.container .player span{display:inline-block;vertical-align:middle}#voice div.container .player .title{font-size:calc(1rem + 1vmin);margin-bottom:calc(10px + 1vmin)}#voice div.container .player .progress_bar{position:relative;width:calc(100px + 8vw);height:calc(35px + 3.5vmin);margin:0 calc(5px + .5vmin)}#voice div.container .player .progress_bar .bar{position:absolute;display:block;width:100%;height:100%;background-color:#f9c;opacity:.5}#voice div.container .player .progress_bar canvas{width:100%;height:100%;border:2px solid #000;box-sizing:border-box}#voice div.container .player .bt_download span{display:block;font-size:calc(.6rem + .7vmin);margin-top:calc(-3px - .3vmin);margin-left:.2rem}#voice div.container .player .bt_play,#voice div.container .player .bt_stop,#voice div.container .player .bt_download{cursor:pointer;user-select:none;-webkit-user-select:none}#voice div.container .player .bt_play:hover svg,#voice div.container .player .bt_stop:hover svg,#voice div.container .player .bt_download:hover svg{fill:#f9c}#voice div.container .player .bt_play:hover span,#voice div.container .player .bt_stop:hover span,#voice div.container .player .bt_download:hover span{color:#f9c}#voice div.container .player .bt_play svg,#voice div.container .player .bt_stop svg,#voice div.container .player .bt_download svg{transition:fill .2s}#voice div.container .player .bt_play span,#voice div.container .player .bt_stop span,#voice div.container .player .bt_download span{transition:color .2s}#voice div.container .atten p{width:80%;font-size:calc(.6rem + .7vmin);color:#393939}#about{position:absolute;top:0;left:100%;width:100%;height:100%;background:#eee;z-index:21;transition:left .2s ease-in-out}#about.active{left:0}#about .scroll_area{width:100%;height:100%;margin:0 auto}#about .scroll_area .scroll_con{padding:calc(20px + 2vmin)}#about h2{font-size:calc(1.5rem + 1.5vmin);margin-bottom:calc(20px + 2vmin)}#about div.desc{width:90%;margin:0 auto;margin-bottom:calc(35px + 3.5vmin)}#about div.desc p{font-size:calc(1rem + 1vmin);margin-bottom:calc(10px + 1vmin)}#about .sns{margin-bottom:calc(35px + 3.5vmin)}#about .sns p:first-child{margin-bottom:calc(10px + 1vmin);font-size:calc(.8rem + .8vmin)}#about .sns svg{width:calc(30px + 3vmin);margin:0 calc(5px + .5vmin);transition:fill .2s}#about .sns a:hover>svg{fill:#f9c}#about .role{font-size:calc(.8rem + .8vmin);margin-bottom:calc(7px + .7vmin)}#about .name{font-size:calc(1.2rem + 1.2vmin);margin-bottom:calc(35px + 3.5vmin)}#about .name .social{margin-left:calc(10px + 1vmin)}#about .name .social svg{width:calc(16px + 1.6vmin);vertical-align:middle}#datalist{position:absolute;top:0;left:-100%;width:100%;height:100%;background:#eee;z-index:21;transition:left .2s ease-in-out}#datalist.active{left:0}#datalist .scroll_area{width:100%;height:100%;margin:0 auto}#datalist .scroll_area .scroll_con{padding:calc(30px + 3vmin) 0}#datalist div.container{display:flex;flex-direction:row;justify-content:center;margin-bottom:calc(20px + 2vmin)}#datalist div.container a{text-decoration:none;border-bottom:2px dashed;display:flex}#datalist div.container div{display:inline-block;vertical-align:top;text-align:left;width:min-content}#datalist div.container div:first-child{margin-right:calc(10px + 1vmin)}#datalist div.container div canvas{width:calc(50px + 5vmin);height:calc(50px + 5vmin);background-color:#fff;padding:calc(5px + .5vmin)}#datalist div.container div p.id{font-size:calc(1rem + 1vmin)}#datalist div.container div p.name{font-size:calc(.7rem + .8vmin);word-break:break-all;line-height:1.1;margin-bottom:calc(3px + .3vmin)}#datalist div.container div p.date{font-size:calc(.6rem + .8vmin);white-space:nowrap}#bt_about,#bt_close,#bt_data,#bt_close2{position:absolute;z-index:20;padding:calc(10px + 1vmin);user-select:none;-webkit-user-select:none;cursor:pointer}#bt_about svg,#bt_close svg,#bt_data svg,#bt_close2 svg{width:calc(30px + 3vmin)}#bt_about{right:0;display:none}#bt_about svg{filter:drop-shadow(1px 3px 0px white)}#bt_close,#bt_close2{right:0;z-index:22}#bt_data{left:0;display:none}#bt_data svg{filter:drop-shadow(1px 3px 0px white)}#language{user-select:none;-webkit-user-select:none;cursor:pointer;font-size:calc(.9rem + .9vmin);margin:calc(10px + 1vmin);margin-bottom:calc(25px + 2.5vmin)}#language span{margin:0 calc(5px + .5vmin)}#language span.active{color:#f9c}