*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*:focus{outline:none}a{text-decoration:none}a,a:visited{color:#fff}.section-wrapper a,.section-wrapper a:visited{color:#00f;text-decoration:underline}body{margin:0;display:flex;flex-direction:column;min-height:100vh}h1{font-size:14px;padding:0;margin:0}h2{color:#3e3e3e;font-size:20px;text-decoration:underline;margin:0}img{vertical-align:bottom}input{cursor:pointer}header{width:100%;height:50px;line-height:50px;font-size:14px;text-align:left;color:#fff;text-shadow:0px 0px 10px #00000085;background-color:#7344df96;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 10px;z-index:10;position:fixed}.header-title{display:inline-block}.hiroshiapp{font-size:13px;font-weight:700;float:right}footer{font-size:12px;font-weight:700;background-color:#000;width:100%;padding:30px 0;text-align:center;color:gray}.policy,.mail-form{display:inline-block;margin:0 10px 20px}.main{width:100%;background-image:linear-gradient(180deg,#7344df,#f68787);background-image:linear-gradient(180deg,#7344df 27.3%,#f68787 112.7%);flex:1;padding:60px 4px 120px}.cursor{cursor:pointer}.btn,.return-btn{width:400px;height:50px;font-size:18px;font-weight:700;line-height:50px;text-align:center;color:#fff;display:inline-block;border-radius:4px;margin:20px 0 10px}.btn{background-color:#ff4b4b;box-shadow:0 0 2px #000;animation:buttonAnimation 1.5s infinite}.top-start-btn{animation:buttonAnimation 1.5s infinite}@keyframes buttonAnimation{0%{transform:scale(1)}20%{transform:scale(1.02)}50%{transform:scale(1)}to{transform:scale(1)}}.return-btn,.top-restart-btn{background-color:#4bb4ff}.wrap-basic{width:900px;text-align:center;margin:0 auto;padding:20px}.top-title{font-size:46px;font-weight:700;color:#fff;text-shadow:2px 2px 10px #000000a6;text-align:left;margin:32px;display:inline-block}.top-description{text-align:center;color:#f7f7f7;font-size:16px;display:inline-block}.top-description li{list-style:none;margin:0 0 10px}.top-link{color:#fff;font-size:14px}.info{color:#fff}.section-wrapper{max-width:600px;font-size:14px;color:#3e3e3e;background:#ffffffb8;border-radius:4px;text-align:left;margin:20px auto 26px;padding:20px}#setting1-wrap{display:none}.message{font-size:18px;color:#fff;margin-bottom:20px}.setting1-total-disp{color:#fff;font-size:30px;font-weight:700;height:30px;text-shadow:0 0 10px #00000057;margin-bottom:20px}.up-btn,.down-btn{height:40px;color:#fff;text-shadow:0 0 10px #00000057;font-size:30px}#setting2-wrap{display:none}.list-wrapper{display:flex;align-items:center;justify-content:center;margin:10px;position:relative}.select-input{width:260px;list-style-type:decimal;margin:0 auto;color:#fff;padding:4px;border:0}.select-input-name{padding:4px;border:0;border-radius:2px;box-shadow:0 0 4px gray;outline:0;vertical-align:top}.select-input-name:focus{border:0;box-shadow:0 0 4px 3px #ff7474;outline:0}.select-input li{border:0}.select-input-delete{width:20px;height:20px;line-height:20px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACHElEQVR4AcSUrVIDMRSFL6ji4C3AgQMHDhw4cOCK5EnAUQeuOCpx4MAV175Fca0r30lvQtLdbTvMMOzk7v0/J9mb2XX74+f/CabT6TbSR+bXgMDusg/QeAKaBTwFYIDUAW0Tj8R1edJmtQSA35MVMMomvC7W5h5iZ4hyKBORemQXUiEA/IGKNqK1B+4G8iQnF2I9ZIPYCaLV9l7ZSQoCCnTUS89uAfDpdqOi5oWkiFB26RiygxQERPqI1gGNXxS3kLECdUJOq0WtPtWR10SM4CYCKvdDhBcNHyitEa9aEup1AUibaoyeNxwRGTl9CdxyyLchYhZ3YjTp6GoqSACI4BOv8Va7cENzDGY6AV44AQ3aCe5s4RckC8C1od6sy2pPYE1PTuI18zv3cFXlJ6hmy0irdFfzViLIPwuwlZkQa1w5Qbg5gJ3m1fjFQPPPRa64wvjH3pvmmBNcebLrWtetAI/xBSTPXnPj+udfRNPQg7qSh26HG0RO2kMz5bE0bHavWxjmRC79AfITqHNPL+SVhk0KEwCxyiIfiKkV8LsXRIzgFgQ0iLkTMmYjGuNJPFRV1GjncRaPjpEKCwJFKbhG3yFaOskYkHM5uRA7RTSjuPMOvXGOqbRCoAyFGtKObETH7wosF+JxoJi2Q482JruQWgJV0DBE1rBFFK4wdr50KQSsMtl5LtmNBLGCbhHp941ZLIE3Asf+pQSx8Lf6GwAA//9mjMa2AAAABklEQVQDACbf/DFcOUcKAAAAAElFTkSuQmCC);background-size:cover;margin:0 10px;cursor:pointer;position:absolute;right:-10px;opacity:.8}.input-add-button{width:20px;height:20px;line-height:20px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAaUlEQVR4AexSWwoAIAir7n/n+nEwyFgggYH+KDnaA0d7XEUgA84V0bSSsgmQywEJux7LgYzKjciOZWv4bVvYA/bcXQIGRGeXoB8KZId1x567S8CA6FwEMsFcEeF6pGwC5HJAwq7H/x0sAAAA//9XuclYAAAABklEQVQDABpEODG4FEVIAAAAAElFTkSuQmCC);background-size:cover;margin:20px 0 0;border:2px solid rgb(255,255,255);cursor:pointer;opacity:.8}#main-wrap{display:none;padding-bottom:70px;margin-bottom:20px}.canvas1-wrap{width:600px;height:500px;margin:0 auto;position:relative;opacity:0}#downloadCanvas{width:100%;display:none}#canvas1{width:100%;z-index:0;left:0;top:0;position:absolute}#cursor{width:100%;left:0;top:0;position:absolute;pointer-events:none}#shadow{width:100%}.guide{color:#0e0e0e8e;color:#ffffffe6;position:absolute;top:72%;left:50%;text-align:right;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:0}.slide,.arrow{font-size:20px;font-weight:700;text-shadow:0px 0px 4px rgba(0,0,0,.4)}.guide-anime{animation-name:guide-anime;animation-duration:1.3s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes guide-anime{0%{transform:translate(0);opacity:0}5%{opacity:1}80%{opacity:.8}90%{transform:translate(-100px)}to{opacity:0}}.result{width:100%;height:50px;line-height:50px;border-radius:50px;background-color:#fff9;box-shadow:0 0 5px 1px #00000075;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;font-size:20px;font-weight:700;position:absolute;top:0;left:50;text-align:center;transition:.5s}#result-wrap{width:100%;position:absolute;display:flex;transition:.5s}.result-btn{color:#fff;font-size:14px;font-weight:700;text-align:center;height:50px;width:25%;line-height:50px;background-color:#0003;box-shadow:0 0 10px 1px #00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid white;border-radius:4px;display:inline-block;margin:4px}.retry,.to-top{position:absolute;color:#fff;font-size:14px;font-weight:700;text-align:center;height:50px;line-height:50px;background-color:#0000002e;box-shadow:0 0 10px 1px #00000094;border:1px solid white;border-radius:30px;padding:0 10px;bottom:10px}.tweet,.img-save{opacity:0}.retry{opacity:0;left:10px}.to-top{right:10px}#save-wrap,.select-save-wrap,#load-wrap{width:600px;height:500px;position:absolute;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#414141c2;display:none;top:60px;left:calc(50% - 300px);padding:40px;border-radius:20px}.select-save-wrap{padding:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:none}.save-window{padding:40px}.save-text{font-size:14px}#save-wrap ul,#load-wrap ul{padding:0}#save-wrap li,#load-wrap li{box-shadow:0 0 4px #000000a3;padding:10px 20px;margin:10px 0;font-size:14px;border-radius:20px;list-style:none}.save-wrap-li-true{background-color:#b9b8b8}.select-save-wrap{display:none}.save-btn-wrapper{padding:40px 0 0;display:flex;justify-content:space-between}.save-btn{width:45%;font-size:14px;font-weight:700;text-align:center;box-shadow:0 0 6px #00000087;display:inline-block;padding:14px 0;border-radius:4px;cursor:pointer}.save-enter{background-color:red}.delete-enter{background-color:#959595}.close-btn{position:absolute;top:12px;right:22px;cursor:pointer}.save-number{display:inline-block}.save-input{width:170px;padding:10px;border-radius:4px;border:0}.asp{width:100%;max-width:900px;margin:0 auto}@media all and (max-width:1024px){.wrap-basic{width:100%}#main-wrap,#result-wrap{margin-top:20px}}@media all and (max-width:600px){.canvas1-wrap{width:100%;height:auto}#save-wrap,.select-save-wrap,#load-wrap{width:100%;height:100vh;top:50px;left:0;border-radius:0}.pointer{position:absolute;top:calc(50% - 10px)}.btn,.return-btn{width:90%}.top-description{text-align:center;color:#f7f7f7;font-size:16px;display:inline-block;padding:10px}}@media all and (max-width:468px){.guide{top:73%;left:50%}.top-title{font-size:30px;font-weight:700;color:#fff;margin:10px}.top-image-wrap{position:relative;margin:0}#asp{width:100%}}@media all and (max-width:390px){header{font-size:14px}.hiroshiapp{font-size:12px}.message{font-size:16px;color:#fff;margin-bottom:20px}.retry,.to-top{font-size:14px;height:40px;line-height:40px}}@media all and (max-width:350px){header{font-size:12px}.hiroshiapp{font-size:10px}.top-title{font-size:20px}.message,.top-description{font-size:16px}.retry,.to-top{font-size:12px;height:30px;line-height:30px}.guide{top:70%;left:50%}.slide,.arrow{font-size:13px}.btn,.return-btn{font-size:16px;line-height:60px}}