#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body,html{height:100%;overflow:hidden}@-webkit-keyframes jello{11.1%{transform:none}22.2%{transform:skewX(-1.25deg) skewY(-1.25deg)}33.3%{transform:skewX(.625deg) skewY(.625deg)}44.4%{transform:skewX(-.3125deg) skewY(-.3125deg)}55.5%{transform:skewX(.15625deg) skewY(.15625deg)}66.6%{transform:skewX(-.078125deg) skewY(-.078125deg)}77.7%{transform:skewX(.0390625deg) skewY(.0390625deg)}88.8%{transform:skewX(-.01953125deg) skewY(-.01953125deg)}to{transform:none}}@keyframes jello{11.1%{transform:none}22.2%{transform:skewX(-1.25deg) skewY(-1.25deg)}33.3%{transform:skewX(.625deg) skewY(.625deg)}44.4%{transform:skewX(-.3125deg) skewY(-.3125deg)}55.5%{transform:skewX(.15625deg) skewY(.15625deg)}66.6%{transform:skewX(-.078125deg) skewY(-.078125deg)}77.7%{transform:skewX(.0390625deg) skewY(.0390625deg)}88.8%{transform:skewX(-.01953125deg) skewY(-.01953125deg)}to{transform:none}}@-webkit-keyframes jello-power{11.1%{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}to{transform:none}}@keyframes jello-power{11.1%{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}to{transform:none}}.jello{-webkit-animation:jello .5s infinite;animation:jello .5s infinite}.jello,.jello-once{transform-origin:center}.jello-once{-webkit-animation:jello-power 1s;animation:jello-power 1s}.caption{position:absolute;top:0;left:0;width:100%;height:25px;border-bottom:1px solid #000;background:#fff}.caption .text{position:absolute;top:0;white-space:nowrap;letter-spacing:1.2px;font-family:Noto Sans JP,Avenir,Helvetica,Arial,sans-serif;font-weight:300;-webkit-animation:linear;animation:linear;-webkit-animation-name:run;animation-name:run;-webkit-animation-duration:3s;animation-duration:3s;transition:margin .5s}.caption .text.out{margin-right:100px}@-webkit-keyframes run{0%{right:0;opacity:0}5%{opacity:1}90%{opacity:1}to{right:100%;opacity:0}}@keyframes run{0%{right:0;opacity:0}5%{opacity:1}90%{opacity:1}to{right:100%;opacity:0}}@-webkit-keyframes fade{0%{opacity:0}3%{opacity:1}96%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:0}3%{opacity:1}96%{opacity:1}to{opacity:0}}@media(max-width:992px){.caption .text{-webkit-animation-duration:5s;animation-duration:5s}.caption .text.out{margin-right:100px}}@media(max-width:768px){.caption .text{-webkit-animation-duration:2s;animation-duration:2s}.caption .text.out{margin-right:100px}}@media(max-width:576px){.caption .text{width:100%;text-align:center;-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:3s;animation-duration:3s}.caption .text.out{-webkit-animation-delay:-2s;animation-delay:-2s}}.startDiv{position:absolute;top:0;right:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center}.startDiv .center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:90vw}.startDiv .play{max-width:18vw;transform-origin:center center}.startDiv .play:hover{transform:translateX(0) translateY(3px)}.startDiv img{max-width:90vw}.startDiv .text{margin-top:-8%;color:#fc28fc}.startDiv progress{height:8px;display:block;width:90%;margin-left:5%;margin-top:1%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #000}.startDiv progress::-webkit-progress-bar{background-color:#fff}.startDiv progress::-webkit-progress-value{background-color:#fc28fc}.startDiv progress::-moz-progress-bar{background-color:#fc28fc}#progress{border:1px solid #000;border-width:0 1px 0 1px;padding:4px 0 2px;border-radius:0}canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0}.name-card{position:relative;z-index:1}body{height:100%;background:#fff;margin:0;padding:0}.play-container{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:10;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.play{z-index:11}.play,.play-btn{position:absolute;cursor:pointer}.play-btn{bottom:0;left:0;border:none;background:url(/pauseBtn.svg) no-repeat;width:53px;height:17px;margin:0 0 4px 25px}.play-btn.paused{background:url(/playBtn.svg) no-repeat}.progress{position:absolute;bottom:0;left:0;width:100%;height:25px;border-top:1px solid #000;background:#fff}.progress input[type=range]{width:calc(100% - 120px);margin-left:100px;-webkit-appearance:none}.progress input[type=range]:focus{outline:none}.progress input[type=range]::-webkit-slider-runnable-track{height:1px;cursor:pointer;background:#000;margin-bottom:2px}.progress input[type=range]::-webkit-slider-thumb{height:10px;width:10px;border-radius:10px;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-5.5px}.progress input[type=range]:focus::-webkit-slider-runnable-track{background:#000}.progress input[type=range]::-moz-range-track{height:1px;cursor:pointer;background:#000;margin-bottom:2px}.progress input[type=range]::-moz-range-thumb{height:10px;width:10px;border-radius:10px;background:#000;cursor:pointer}.result[data-v-adebf2a6]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column}.result .center[data-v-adebf2a6]{position:relative;display:flex;justify-content:center;align-items:center}.result .backHome[data-v-adebf2a6]{cursor:pointer;position:absolute;left:50%;top:50%;transition:.3s;width:20%;max-width:128px;transform:translateX(-50%) translateY(-50%)}.result .backHome[data-v-adebf2a6]:hover{transform:translateX(-50%) translateY(-50%) rotate(-180deg)}.result .title[data-v-adebf2a6]{max-width:100%}.result .time-group[data-v-adebf2a6]{display:flex;justify-content:space-between;align-items:center;width:100%}.result .countdown[data-v-adebf2a6]{position:absolute;color:#0f0;font-size:72px;font-weight:500;width:80%;transform:translateY(120%);font-family:coquette;opacity:0}.result .countdown .unit[data-v-adebf2a6]{font-weight:300;font-size:42px}.result .social-group[data-v-adebf2a6]{position:absolute;top:-40px;display:flex;width:60%;justify-content:space-around;align-items:center;color:#f0f}.result .social-group .social[data-v-adebf2a6]{cursor:pointer}.result .social-group .social img[data-v-adebf2a6]{width:10vw;max-width:46px}.result .social-group p[data-v-adebf2a6]{margin:0;border:1px solid #f0f;border-width:0 0 1px 0}.result .social-group a[data-v-adebf2a6]{text-decoration:none;color:inherit}.result .right[data-v-adebf2a6]{position:absolute;bottom:10px;z-index:10;left:50%;transform:translateX(-50%)}.result .under[data-v-adebf2a6]{top:auto;bottom:-40px}@media screen and (max-width:800px){.result .social-group[data-v-adebf2a6]{top:-60px}.result .social[data-v-adebf2a6]{font-size:12px}.result .under[data-v-adebf2a6]{top:220px}.result .countdown[data-v-adebf2a6]{transform:translateY(115%);font-size:42px}.result .countdown .unit[data-v-adebf2a6]{font-weight:300;font-size:26px}}.home[data-v-7a19a8fc]{overflow:hidden}.home .main-title[data-v-7a19a8fc]{position:absolute;width:100%;left:50%;transform:translateX(-50%)}.home #wu[data-v-7a19a8fc]{top:0}.home #piko[data-v-7a19a8fc]{bottom:0}.white-cover[data-v-7a19a8fc]{position:absolute;left:0;top:-600vh;width:100%;height:500vh;z-index:8;border-width:.5px 0 0 0;display:flex;justify-content:space-around;align-items:center}.cover-element[data-v-7a19a8fc]{height:100%;width:25%;margin:-40px;background-color:#fff;border-radius:1000px}#c-element-1[data-v-7a19a8fc]{height:80%}#c-element-2[data-v-7a19a8fc]{height:50%}#c-element-3[data-v-7a19a8fc]{height:100%}#c-element-4[data-v-7a19a8fc]{height:120%}