body,html{width:100%;height:100%;overflow:hidden;text-align:center;position:relative;font-family:"Sawarabi Gothic","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}#view{width:100%;height:100%;position:fixed;top:0;z-index:1}#view canvas{width:100%;height:100%}#copy,.scene{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:90%;display:none}#loading{height:calc(5px + .9vmin);width:100%;background:#000;-webkit-animation:animFade .12s ease-in infinite;animation:animFade .12s ease-in infinite;bottom:0;transform:translate(-50%,0);top:auto}@-webkit-keyframes animFade{0%{opacity:1}100%{opacity:0}}@keyframes animFade{0%{opacity:1}100%{opacity:0}}#top{font-family:Ubuntu,sans-serif;cursor:pointer;padding:20vh 0}#top h1{font-size:calc(1.2rem + 3vmin)}#top h1 span{border:calc(3px + .6vmin) solid #000;padding:calc(2px + 2vmin) calc(5px + 10vmin);display:inline-block}#top p{margin-top:calc(6px + .7vmin);font-size:calc(.9rem + 1vmin);-webkit-animation:animFade .3s ease-in-out infinite alternate;animation:animFade .3s ease-in-out infinite alternate}#main{top:0;left:0;transform:none;width:auto}#main p{display:inline-block;padding:0 calc(10px + 1vmin);cursor:pointer}#bt_about,#main p{font-family:Ubuntu,sans-serif;border:calc(2px + .3vmin) solid #000;margin:calc(10px + 1vmin);font-size:calc(.8rem + .8vmin);height:calc(25px + 1.8vmin);line-height:calc(25px + 1.8vmin)}#bt_about{position:fixed;z-index:1;top:0;right:0;padding:calc(3px + .3vmin) calc(12px + 1.2vmin);cursor:pointer;display:none}#bt_list{position:fixed;z-index:1;bottom:0;left:0;cursor:pointer;display:none;padding:calc(10px + 1vmin);padding-bottom:calc(8px + .8vmin)}#bt_list svg{width:calc(20px + 1.5vmin)}#cover{display:none;top:0;width:100%;height:100%;position:fixed;z-index:20;background:rgba(255,255,255,.96)}#bt_close{z-index:30;top:0;right:0;padding:calc(8px + .8vmin);cursor:pointer;position:fixed;display:none}#bt_close svg{width:calc(36px + 2.8vmin)}#about,#draw,#list,#share{z-index:21;position:absolute;display:none}#about{height:100%;left:0;right:0}#can_draw1,#can_draw2,#draw_guide{position:absolute;top:0;left:0}#can_draw1{z-index:1;padding:150px}#ui,#ui_bt{position:fixed;z-index:10;text-align:left;font-family:Ubuntu,sans-serif}#ui{top:calc(8px + .8vmin);left:calc(8px + .8vmin)}#ui_bt{bottom:calc(8px + .8vmin);right:calc(8px + .8vmin)}#ui .con{letter-spacing:-.4em}#ui svg{cursor:pointer;width:calc(28px + 2vmin);margin-right:calc(10px + 1vmin);padding:calc(3px + .1vmin)}#ui .con svg.active{background:#ccc;border-radius:calc(8px + .2vmin)}#ui .sub{margin-top:calc(10px + 1vmin);letter-spacing:-.4em;display:none}#ui .sub .bar,#ui .sub .color,#ui .sub .size{display:inline-block;vertical-align:middle}#ui .sub .bar{width:calc(135px + 5vmin);height:calc(22px + 1.6vmin);background:#000;border-radius:100px;cursor:pointer}#ui .sub .nob{position:relative;background:#fff;width:calc(22px + 1.6vmin);height:calc(22px + 1.6vmin);border-radius:100px;box-sizing:border-box;border:#000 solid calc(3px + .3vmin)}#ui .sub .color{width:calc(22px + 1.6vmin);height:calc(22px + 1.6vmin);background:red;border-radius:100px;box-sizing:border-box;border:#000 solid calc(3px + .3vmin);margin-left:calc(8px + 1vmin);cursor:pointer}#ui #s_eraser{margin-left:calc((44px + 3.2vmin) * 1)}#ui_bt p{margin-left:calc(6px + .6vmin)}#bt_draw_ok.inactive,#ui .con svg.inactive{opacity:.3;cursor:default}#bt_howto{position:fixed;bottom:calc(10px + .8vmin);left:calc(8px + .8vmin);z-index:11;border-bottom:2px solid #000;padding-bottom:calc(2px + .2vmin);font-size:calc(.7rem + .7vmin);cursor:pointer}#cover_howto,#howto{display:none;position:absolute;cursor:pointer}#howto{z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}#cover_howto{z-index:30;top:0;width:100%;height:100%;background-color:rgba(235,235,235,.95)}#howto table{margin:0 auto}#howto table td{padding:calc(4px + .6vmin);text-align:left;font-size:calc(.8rem + .8vmin)}#howto table td:last-child{padding-left:calc(14px + 1.8vmin)}#howto table td svg{width:calc(20px + 2.4vh)}#howto table tr.sepa td{padding-top:calc(16px + 2vmin)}#share{font-size:calc(.7rem + .7vmin);position:relative;height:100%}#share .sh{display:none;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);width:90%}#share input{width:calc(180px + 2vmin);border:0;padding:calc(5px + .6vmin);font-size:calc(.7rem + .7vmin);border:solid 1.2px #000;box-shadow:none;border-radius:0;letter-spacing:.16rem;margin-left:calc(5px + .5vmin)}#share .sh div{margin-top:calc(20px + 2vmin)}#share .bt{margin-top:calc(20px + 2vmin)}#share #sh_uploading{height:calc(3px + .5vmin);width:10%;background:#000;-webkit-animation:animFade .12s ease-in infinite;animation:animFade .12s ease-in infinite}#credit_s,#share_url{margin-bottom:calc(16px + 1.8vmin)}#share_url{padding-bottom:3px;border-bottom:1.2px solid #000;display:inline-block}#sh_error p.err{margin-bottom:calc(20px + 2vmin)}#sh_wait p{-webkit-animation:animFade .12s ease-in infinite;animation:animFade .12s ease-in infinite}#bt_share_ok.inactive{opacity:.3;cursor:default}#about h2{font-family:Ubuntu,sans-serif;font-size:calc(.9rem + 1.3vmin)}#about hr{border:none;border-bottom:1.2px solid #000;margin:calc(14px + 2vmin) auto;width:85%}#about h3{margin-top:calc(20px + 3vmin);font-size:calc(.6rem + .6vmin)}#about p span,#about p.video a{margin:0 calc(5px + .5vmin)}#about p{margin-top:calc(8px + .9vmin);font-size:calc(.7rem + .8vmin)}#about p svg{width:calc(38px + 3.8vmin)}#about .btt{cursor:pointer}#about p.desc{font-size:calc(.6rem + .6vmin);margin-top:0}#about a{text-decoration:none;padding-bottom:calc(1px + .3vmin);border-bottom:calc(2px + .1vmin) solid #000;color:#000;padding-left:.2rem}#about p.video{margin-top:calc(12px + 1.2vmin)}#about p.video a{border:none}#about p.video svg{width:calc(28px + 2.8vmin)}#about #buy{font-size:calc(.6rem + .6vmin);margin-top:calc(15px + 1.6vmin)}#about #buy a{border:none;font-size:calc(.7rem + .8vmin)}#about #buy img{height:calc(54px + 2.4vh)!important;margin:0 calc(3px + .7vh);margin-top:calc(5px + 1vh)}#about a.name{font-size:calc(1rem + 1vmin);margin-right:calc(7px + .7vmin)}#about #dance a span{margin:0}#dance{display:none}#about #dance hr{margin-top:calc(17px + 2vmin)}.scroll_area{height:100%}.scroll_con{padding:calc(40px + 4vh) calc(10px + 1vmin)}#list{position:absolute;width:100%;height:100%}#list .con{margin-bottom:calc(10px + 1vmin)}#list .con a{color:#000;text-decoration:none}#list .con img{width:calc(64px + 5vmin);vertical-align:middle;box-sizing:border-box;border:2px solid #000}#list .con span{font-size:calc(.7rem + .8vmin);margin-left:calc(5px + 1vmin);border-bottom:2px solid #000;padding-bottom:calc(2px + .6vmin);letter-spacing:.15rem}#scroll_area{margin:calc(10px + 2vmin);height:calc(100% - 20px - 4vmin)}#scroll_area{margin-right:10px;margin-left:0}#color{width:100%;height:100%;position:fixed;z-index:50;background:rgba(60,60,60,.98);display:none;top:0}#color .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#color #color-picker-container svg{margin:0 auto}#color #color-picker-container{margin-bottom:calc(15px + 3vmin)}#color span.btb{margin:0 calc(3px + 1vmin)}#credit{position:fixed;z-index:1;bottom:0;right:0;font-size:calc(.5rem + .5vmin);margin:calc(5px + 1vmin);letter-spacing:.15rem;display:none;background-color:rgba(255,255,255,.4);padding:0 2px}.bt,.btb{font-family:Ubuntu,sans-serif;display:inline-block;padding:0 calc(10px + 1vmin);cursor:pointer;border:calc(2px + .3vmin) solid #000;color:#000;font-size:calc(.8rem + .8vmin);height:calc(25px + 1.8vmin);line-height:calc(25px + 1.8vmin)}.btb{border-color:#fff;color:#fff}#copy{z-index:50;font-size:calc(.7rem + .7vmin);pointer-events:none}#copy p{background:rgba(0,0,0,.7);color:#fff;display:inline-block;padding:calc(10px + 1vmin) calc(18px + 1.2vmin)}.grecaptcha-badge{visibility:hidden}#share .policy{font-size:calc(.4rem + .4vmin);color:#777;width:80vmin;margin:0 auto;margin-top:calc(20px + 1vmin);letter-spacing:.15rem}#share .policy a{color:#777;text-decoration:none;padding-bottom:.5px;border-bottom:.5px solid #777}#share .attention{color:#f30;margin-top:calc(30px + 2vmin)}#share .buy{margin-top:calc(30px + 2vmin);font-size:calc(.5rem + .5vmin);letter-spacing:.18rem;transform:translateY(5vh)}#about #buy a,#share .buy a{border:none;display:inline-block;margin-bottom:calc(2px + .1vh)}#about #buy img,#share .buy img{height:calc(48px + 2.2vh);margin:calc(3px + .7vh);vertical-align:middle;border:2px solid #000}#about #buy span,#share .buy a span{display:inline-block;vertical-align:middle;margin-right:calc(6px + 1vh);border-bottom:2px solid #000;text-align:left;padding-bottom:2px}