@-webkit-keyframes poyon{0%{-webkit-transform:scale(1)}33%{-webkit-transform:scale(1.1)}66%{-webkit-transform:scale(0.93)}100%{-webkit-transform:scale(1)}}@-moz-keyframes poyon{0%{-moz-transform:scale(1)}33%{-moz-transform:scale(1.1)}66%{-moz-transform:scale(0.93)}100%{-moz-transform:scale(1)}}@-o-keyframes poyon{0%{-o-transform:scale(1)}33%{-o-transform:scale(1.1)}66%{-o-transform:scale(0.93)}100%{-o-transform:scale(1)}}@-ms-keyframes poyon{0%{-ms-transform:scale(1)}33%{-ms-transform:scale(1.1)}66%{-ms-transform:scale(0.93)}100%{-ms-transform:scale(1)}}@keyframes poyon{0%{transform:scale(1)}33%{transform:scale(1.1)}66%{transform:scale(0.93)}100%{transform:scale(1)}}html,body{width:100%;height:100%;padding:0;margin:0;position:relative;background:#000;font-weight:normal;font-family:'Lato', sans-serif;z-index:0}[for="cover"]{position:absolute;top:0px;left:0px;bottom:0px;right:0px;z-index:1;background-color:#000;background-position:center center;background-size:cover;background-image:url("../gif/cover.gif")}body.ie [for="cover"]{background-image:url("../gif/cover_ie.gif")}@media only screen and (max-width: 480px){[for="cover"]{background-size:contain}}[for="gif"]{position:absolute;top:0px;left:0px;bottom:0px;right:0px;z-index:2;background-color:#000;background-position:center center;background-size:cover;display:none}@media only screen and (max-width: 480px){[for="gif"]{background-size:contain}}body.yeah [for="gif"]{display:block}.btn{cursor:pointer;color:#fff;display:inline-table;text-decoration:none;padding:0px 16px;background:#000;background:rgba(0,0,0,0.8);border:1px solid #606060;font-size:12px;line-height:1;letter-spacing:2px;border-radius:0px;box-sizing:border-box;min-height:48px;vertical-align:bottom}.btn span,.btn p{display:table-cell;vertical-align:middle}.btn span small,.btn p small{display:block;font-size:66%;margin-top:3px}.btn:hover{background:#000;background:rgba(0,0,0,0.6)}.btn:active{background:#000;background:#000}#main{display:block}body.loading #main{display:none}#clock{position:absolute;top:0px;right:0px;font-size:20px;letter-spacing:3px;z-index:10;background-color:rgba(0,0,0,0.2);padding:2px 10px}#clock>div{top:0px;right:0px;color:#cccccc;text-shadow:0px -2px #000, 2px 0px #000, 0px 2px #000, -2px 0px #000}#clock .go{font-size:90%;margin-right:10px}#bottom-contents-wrapper{position:absolute;bottom:5%;width:100%;z-index:100;text-align:center;visibility:hidden;opacity:0.0;z-index:-1;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}body.create #bottom-contents-wrapper{visibility:hidden !important;opacity:0.0 !important}body.create.key-pressed #bottom-contents-wrapper{visibility:visible !important;opacity:1.0 !important}body.started #bottom-contents-wrapper{visibility:visible;opacity:1.0;z-index:3}#bottom-contents-wrapper #button-wrapper .btn{margin:3px 5px;min-width:170px}body.started #bottom-contents-wrapper #button-wrapper .btn{-moz-animation:poyon 0.25s ease 0s alternate infinite;-webkit-animation:poyon 0.25s ease 0s alternate infinite;-o-animation:poyon 0.25s ease 0s alternate infinite;-ms-animation:poyon 0.25s ease 0s alternate infinite;animation:poyon 0.25s ease 0s alternate infinite}#progress-wrapper{position:fixed;height:1%;min-height:2px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:100}#progress-wrapper #progress{position:absolute;top:0px;left:0px;background:#fff;height:100%;width:3px}#progress-wrapper #progress div{display:none}body[device="pc"] #progress-wrapper #progress div{display:block;position:absolute;bottom:15px;width:200px;font-size:10px;margin-left:-98px;text-align:center;color:#fff;line-height:1.4;visibility:hidden;opacity:0.0;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}body[device="pc"].create.started #progress-wrapper #progress div{visibility:visible;opacity:1.0}body[device="pc"].key-pressed #progress-wrapper #progress div{opacity:0.0 !important}#progress-wrapper .kick{background:#fff;position:absolute;width:1px;height:100%;bottom:0px;z-index:10}body.loading #main{display:none}#loading{position:absolute;display:none;width:100%;height:100%}body.loading #loading{display:block}#loading .loading-thumb{position:absolute;width:16.666%;height:16.666%;background-position:center center;background-size:cover;background-color:#000;opacity:0.8}#loading .loading-thumb[col="1"]{left:0%}#loading .loading-thumb[row="1"]{top:0%}#loading .loading-thumb[col="2"]{left:16.666%}#loading .loading-thumb[row="2"]{top:16.666%}#loading .loading-thumb[col="3"]{left:33.332%}#loading .loading-thumb[row="3"]{top:33.332%}#loading .loading-thumb[col="4"]{left:49.998%}#loading .loading-thumb[row="4"]{top:49.998%}#loading .loading-thumb[col="5"]{left:66.664%}#loading .loading-thumb[row="5"]{top:66.664%}#loading .loading-thumb[col="6"]{left:83.33%}#loading .loading-thumb[row="6"]{top:83.33%}@-webkit-keyframes poyon{0%{-webkit-transform:scale(1)}33%{-webkit-transform:scale(1.1)}66%{-webkit-transform:scale(0.93)}100%{-webkit-transform:scale(1)}}@-moz-keyframes poyon{0%{-moz-transform:scale(1)}33%{-moz-transform:scale(1.1)}66%{-moz-transform:scale(0.93)}100%{-moz-transform:scale(1)}}@-o-keyframes poyon{0%{-o-transform:scale(1)}33%{-o-transform:scale(1.1)}66%{-o-transform:scale(0.93)}100%{-o-transform:scale(1)}}@-ms-keyframes poyon{0%{-ms-transform:scale(1)}33%{-ms-transform:scale(1.1)}66%{-ms-transform:scale(0.93)}100%{-ms-transform:scale(1)}}@keyframes poyon{0%{transform:scale(1)}33%{transform:scale(1.1)}66%{transform:scale(0.93)}100%{transform:scale(1)}}#touch-to-start{position:absolute;top:0px;bottom:0px;left:0px;right:0px;z-index:150;width:100%;display:table;height:100%}html.no-touch #touch-to-start,body.started #touch-to-start{display:none}#touch-to-start #touch-to-start-inner{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}#touch-to-start #touch-to-start-inner span{background:#000;background:rgba(0,0,0,0.8);color:#fff;border-radius:6px;padding:20px;letter-spacing:3px;text-transform:uppercase;font-size:10px}#info-text{position:fixed;z-index:10;bottom:50%;margin-bottom:-50px;width:100%;text-align:center;opacity:0.0;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}body.loading #info-text{opacity:1.0}body.key-pressed #info-text{opacity:0.0 !important}body.share #info-text{display:none}#info-text #info-text-box{width:351px;max-width:351px;height:100px;background:rgba(0,0,0,0.8);border:1px solid #666;color:#fff;font-size:14px;letter-spacing:3px;display:table;margin:0 auto}@media only screen and (max-width: 480px){#info-text #info-text-box{width:80%}}#info-text #info-text-box #info-text-box-inner{display:table-cell;text-align:center;vertical-align:middle;padding:5px 12px}#info-text #info-text-box hr{border-bottom:none}#info-text #info-text-box [for="create"]{display:none;padding:1px;margin-bottom:10px}body.create #info-text #info-text-box [for="create"]{display:block}#share-box-wrapper{display:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px}body.share #share-box-wrapper{display:block}#share-box-wrapper #share-box-background{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:120}#share-box-wrapper #share-box{z-index:200;background:rgba(0,0,0,0.6);position:absolute;left:50%;top:50%;width:320px;height:170px;margin-left:-160px;margin-top:-115px;display:table;border-radius:6px}@media only screen and (max-width: 480px){#share-box-wrapper #share-box{width:300px;height:120px;margin-left:-150px;margin-top:-60px}}#share-box-wrapper #share-box #share-box-inner{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:20px 20px;text-align:center}#share-box-wrapper #share-box #share-box-inner p{color:#fff;margin-top:0px;margin-bottom:10px;letter-spacing:3px}#share-box-wrapper #share-box #share-box-inner div:after{clear:both}#share-box-wrapper #share-box #share-box-inner .short-url{margin:0px 0px 10px 0px;text-align:center;font-size:24px;color:#fff;background-color:#000;border:none;line-height:50px;display:inline-block;width:100%}#share-box-wrapper #share-box #share-box-inner .btn{width:100%;line-height:36px}body[device="sp"] #share-box-wrapper #share-box #share-box-inner .btn{display:none}.codrops-top{position:absolute;text-align:center;top:20px;padding-top:10px;padding-bottom:10px;left:50%;width:300px;margin-left:-150px;font-size:11px;z-index:9999}@media only screen and (max-width: 480px){.codrops-top{width:320px;margin-left:-160px}}body.loading .codrops-top{background:rgba(255,255,255,0.4)}.codrops-top #logo img{width:235px}@media only screen and (max-width: 480px){.codrops-top #logo img{width:235px}}.codrops-top ul{list-style:none;padding:0;margin:10px 0 0}.codrops-top ul li{display:inline-block;font-size:15px !important}@media only screen and (max-width: 480px){.codrops-top ul li{font-size:15px !important}}.codrops-top ul li a{text-decoration:none;color:#000;letter-spacing:0px !important}.codrops-top ul li a:hover{text-decoration:underline;color:#111}.codrops-top ul li+li{margin-left:18px}