html,body{width:100%;height:100%;overflow:hidden;text-align:center;position:relative;font-family:"Shippori Antique","YuGothic","Hiragino Kaku Gothic Pro","Yu Gothic","MS PGothic",sans-serif;color:#0f181d;background:#0f181d;letter-spacing:.16rem}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 #0f181d;display:inline-block;color:#0f181d;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:#d5214b}a.btx,.btx{text-decoration:none;padding-bottom:2px;border-bottom:solid 2px #0f181d;padding-left:.2rem;color:#0f181d;transition:all .2s}a.btx:hover,.btx:hover{background:#d5214b}p{font-size:calc(.7rem + .8vmin)}@media(max-width: 1000px){p.sizebr{text-align:left;text-indent:calc(1em + .2rem)}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:#0f181d;overflow:visible}.simplebar-content-wrapper::-webkit-scrollbar{display:none;appearance:none}:focus{outline:none}.simplebar-scrollbar::before{background-color:#777}#bg{width:100%;height:100%;position:fixed;top:0;z-index:0;background:#fff}#view{width:100%;height:100%;position:fixed;top:0;z-index:1;background:#fafafa}#view canvas{width:100%;height:100%;user-select:none;-webkit-user-select:none}#draw{display:none;position:fixed;top:0;left:0;z-index:2;cursor:pointer;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}#loading div.circle{margin:0 auto;width:calc(30px + 3vmin);height:calc(30px + 3vmin);border:2px solid rgba(243,243,243,.2);border-top:2px solid #0f181d;border-radius:50%;animation:animSpin .3s linear infinite}@keyframes animSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loading #percent{display:none;margin-top:calc(10px + 1vmin);font-size:calc(.6rem + .7vmin)}#top p.start{font-size:calc(1.1rem + 1.1vmin);padding-top:calc(20px + 2vmin + 1rem + 1vmin)}#top p.atten{margin-top:calc(10px + 1vmin);font-size:calc(.7rem + .7vmin)}#top p#top_lyrics{visibility:hidden;display:inline-block;font-size:calc(.6rem + .7vmin);margin-top:calc(20px + 2vmin);max-width:calc(220px + 32vmin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(232,236,240,.9);padding:calc(3px + .4vmin) calc(3px + .4vmin);padding-left:calc(3px + .4vmin + .2rem);box-sizing:border-box;color:#444}#bt_start{display:none;position:absolute;z-index:2;top:0;width:100%;height:100%;cursor:pointer}#main{pointer-events:none}#main .guide{margin-bottom:calc(10px + 1vmin)}#main .guide img{width:calc(80px + 10vmin);opacity:.12}#main p{font-size:calc(.7rem + .7vmin)}#share{left:100%;transition:left .15s ease-in-out;background:rgba(85,85,85,.95);color:#fff;position:absolute;z-index:23;width:100%;height:100%}#share.active{left:0}#share a{color:#fff;border-color:#fff}#share div.container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}#share div.container p.url #share_text .text{display:block;margin-bottom:calc(9px + .9vmin)}#share div.container p.url #share_text .text span{display:inline-block}#share div.container p.url #share_url{font-size:calc(.8rem + .9vmin);overflow-wrap:anywhere;text-wrap:balance;padding-bottom:calc(2px + .2vmin);border-bottom:2px dotted #fff;line-height:1.8}#share div.container p.url #share_url span{display:inline-block}#share div.container p a.btn{text-decoration:none}#share div.container p a.btn svg{vertical-align:middle;width:calc(18px + 1.8vmin);fill:#fff}#share div.container p a.btn span{position:relative;top:calc(-2px - .2vmin);vertical-align:middle;margin-left:calc(10px + 1vmin);font-size:calc(.9rem + 1vmin);padding-bottom:calc(1px + .1vmin);border-bottom:solid 2px #fff}#share div.container div.sepa{margin:calc(22px + 2.2vmin) 0}#share div.container div.sepa svg{fill:#fff;width:calc(30px + 3vmin)}#export,#exporting,#download{position:absolute;top:0;left:100%;width:100%;height:100%;background:hsla(0,0%,100%,.95);color:#0f181d;z-index:30;transition:left .15s ease-in-out}#export a,#exporting a,#download a{color:#0f181d;border-color:#0f181d}#export .bt_close svg,#exporting .bt_close svg,#download .bt_close svg{fill:#0f181d}#export.active,#exporting.active,#download.active{left:0}#export div.container,#exporting div.container,#download div.container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%}#export div.container div.sepa,#exporting div.container div.sepa,#download div.container div.sepa{margin:calc(22px + 2.2vmin) 0}#export div.container div.sepa svg,#exporting div.container div.sepa svg,#download div.container div.sepa svg{fill:#0f181d;width:calc(30px + 3vmin)}#export div.container p a.btn,#exporting div.container p a.btn,#download div.container p a.btn{text-decoration:none}#export div.container p a.btn svg,#exporting div.container p a.btn svg,#download div.container p a.btn svg{vertical-align:middle;width:calc(24px + 2.4vmin);fill:#0f181d}#export div.container p a.btn span.tx,#exporting div.container p a.btn span.tx,#download div.container p a.btn span.tx{position:relative;top:calc(-2px - .2vmin);vertical-align:middle;margin-left:calc(5px + .5vmin);font-size:calc(.9rem + 1vmin);padding-bottom:calc(1px + .1vmin);border-bottom:solid 2px #0f181d}#export{background:rgba(221,221,221,.95)}#export div.label{margin-bottom:calc(3px + .3vmin);font-size:calc(.7rem + .8vmin)}#export p.select_con{width:calc(90px + 6vmin);border-bottom:2px solid #000;position:relative;z-index:1;background:hsla(0,0%,100%,.7);margin:0 auto;margin-bottom:calc(25px + 2.5vmin)}#export p.select_con::after{position:absolute;content:"";width:8px;height:8px;right:10px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:2px solid #000;border-right:2px solid #000;z-index:-1}#export p.select_con select{appearance:none;-webkit-appearance:none;cursor:pointer;background:none;border:none;font-size:calc(.7rem + .8vmin);height:100%;width:100%;letter-spacing:.2rem;padding:calc(5px + .5vmin) 0;padding-left:calc(10px + 1vmin);color:#000}#exporting{background:#ccc}#exporting .processing{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#exporting .processing.active{display:block}#exporting .processing div.circle{margin:0 auto;width:calc(30px + 3vmin);height:calc(30px + 3vmin);border:2px solid rgba(243,243,243,.2);border-top:2px solid #0f181d;border-radius:50%;animation:animSpin .3s linear infinite}@keyframes animSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#exporting .container.off{opacity:.3;pointer-events:none}#exporting .container #canvas_base{margin:0 auto;margin-bottom:calc(25px + 2.5vmin);position:relative;letter-spacing:0;line-height:0}#exporting .container #canvas_base.asp16x9{height:45vw;width:80vw}@media screen and (min-aspect-ratio: 4/3){#exporting .container #canvas_base.asp16x9{height:60vh;width:106.6666666667vh}}#exporting .container #canvas_base.asp9x16{height:60vh;width:33.75vh}@media screen and (max-aspect-ratio: 9/16){#exporting .container #canvas_base.asp9x16{height:124.4444444444vw;width:70vw}}#exporting .container #canvas_base.asp1x1{height:60vmin;width:60vmin}#exporting .container #canvas_base #canvas_exp{width:100% !important;height:100% !important;border:calc(2px + .2vmin) solid #0f181d;box-sizing:border-box}#exporting .container #canvas_base #canvas_prog{background:#e24b6f;width:100%;height:calc(5px + .5vmin);animation:animProg .16s infinite}@keyframes animProg{50%{opacity:1}100%{opacity:.2}}#exporting .container p.atten{width:80%;margin-top:calc(15px + 1.5vmin);font-size:calc(.5rem + .6vmin)}#download{background:#fff}#download div.container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(22px + 2.2vmin)}#download div.container div.sepa{margin:0}@media screen and (min-aspect-ratio: 1/1){#download div.container{flex-direction:row}#download div.container div.sepa{transform:rotate(-90deg)}#download div.container div.buttons{text-align:left}}#download #video_base{position:relative;letter-spacing:0;line-height:0;border:calc(2px + .2vmin) solid #ff788c}#download #video_base.asp16x9{width:64vmin;height:36vmin}@media screen and (orientation: portrait){#download #video_base.asp16x9{width:72vmin;height:40.5vmin}}#download #video_base.asp9x16{width:36vmin;height:64vmin}@media(max-aspect-ratio: 2/3){#download #video_base.asp9x16{width:45vmin;height:80vmin}}#download #video_base.asp1x1{width:56vmin;height:56vmin}#download #video_base #video{width:100%;height:100%;background:hsla(0,0%,100%,.7)}#download #share_file{display:none;margin-top:calc(15px + 1.5vmin)}#download #bt_download svg{transform:scale(1.42);padding-right:calc(1px + .1vmin)}:root{--plyr-color-main: #ff697f;--plyr-video-control-color: #ffffff}.plyr{min-width:auto !important}.plyr__control--forward,.plyr__control[data-plyr=download]{background:rgba(0,0,0,0) !important;color:inherit !important}#about{position:absolute;top:0;left:100%;width:100%;height:100%;background:rgba(15,24,29,.96);color:#fff;z-index:21;transition:left .15s ease-in-out;text-align:left}#about a{color:#fff;border-color:#fff}#about div.ui{margin-bottom:calc(17px + 1.7vmin)}#about div.ui p{margin-bottom:calc(16px + 1.6vmin)}#about div.ui p a.btn{text-decoration:none}#about div.ui p a.btn svg{vertical-align:middle;width:calc(16px + 1.6vmin);fill:#fff}#about div.ui p a.btn span{position:relative;top:calc(-1px - .1vmin);vertical-align:middle;margin-left:calc(5px + .5vmin);font-size:calc(.7rem + .7vmin);padding-bottom:calc(1px + .1vmin);border-bottom:dashed 1.5px #fff}#about div.ui p a.btn.off{pointer-events:none;opacity:.4}#about div.lyrics{margin-top:calc(30px + 3vmin);margin-bottom:calc(7px + .7vmin)}#about div.lyrics.off{pointer-events:none;opacity:.4}#about div.lyrics p.label{font-size:calc(.6rem + .7vmin);margin-bottom:calc(7px + .7vmin)}#about div.lyrics p #tx_lyrics{field-sizing:content;overflow-y:auto;resize:none;width:100%;padding:calc(3px + .3vmin);box-sizing:border-box;font-size:calc(.7rem + .8vmin);background:#4a5d68;color:#fff}#about hr{margin:calc(30px + 3vmin) 0;width:100%;border-color:#d5214b}#about.active{left:0}#about .scroll_area{width:100%;height:100%;margin:0 auto}#about .scroll_area .scroll_con{padding:calc(30px + 5vmin) calc(0px + 10vmin)}#about .role{font-size:calc(.6rem + .7vmin);margin-bottom:calc(7px + .7vmin)}#about .name{font-size:calc(.9rem + .9vmin);margin-bottom:calc(35px + 3.5vmin)}#about .name .social{margin-left:calc(12px + 1.2vmin)}#about .name .social svg{width:calc(14px + 1.4vmin);vertical-align:middle;fill:#fff}#about .name span.sub{margin-left:calc(5px + .5vmin);font-size:calc(.5rem + .6vmin)}#about .youtube p{font-size:calc(.6rem + .7vmin);margin-bottom:calc(5px + .5vmin)}#about .youtube iframe{width:calc(220px + 12vw) !important;height:auto !important;aspect-ratio:16/9}#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(20px + 2vmin);margin:0 calc(5px + .5vmin);transition:fill .2s;fill:#fff}#about .sns a:hover>svg{fill:#d5214b}#about #qrcode{margin-bottom:calc(35px + 3.5vmin)}#about #qrcode img{width:calc(90px + 9vmin) !important;image-rendering:pixelated}#bt_about,#bt_close,.bt_close{position:absolute;top:0;right:0;padding:calc(15px + 1.5vmin);z-index:20;user-select:none;-webkit-user-select:none;cursor:pointer}#bt_about svg,#bt_close svg,.bt_close svg{width:calc(17px + 2vmin)}#bt_about{display:none}#bt_close,.bt_close{z-index:22}#bt_close svg,.bt_close svg{fill:#fff}#copy,#reset{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:hsla(0,0%,100%,.86);color:#0f181d;padding:calc(15px + 1.5vmin);white-space:nowrap;font-size:calc(.7rem + .8vmin)}#language{user-select:none;-webkit-user-select:none;cursor:pointer;font-size:calc(.8rem + .8vmin)}#language span{margin:0 calc(5px + .5vmin)}#language span.active{color:#d5214b}
