*{outline:0;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}::selection{background:rgba(232,196,83,1)}ol,ul{list-style:none}html{width:100%;height:100%}body{width:100%;height:100%;min-width:320px;min-height:320px;font-family:'Karla','Helvetica',sans-serif;font-weight:700;color:#ff495c;overflow:hidden;background-color:#77206d;position:relative}#root{width:100%;height:100%;overflow:hidden;position:relative;transform-origin:0 0;opacity:0;transition-duration:2s;transition-property:opacity}#check{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;visibility:hidden}#sticky{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;overflow:hidden}#gcon{position:absolute;width:100%;height:100%;left:0;top:0;z-index:34;pointer-events:none}#gcon>p{position:absolute;width:100%;height:50px;left:0;top:0;z-index:33;pointer-events:none;display:block}#gcon>canvas{position:absolute;width:100%;height:100%;left:0;top:0;z-index:34;pointer-events:none;opacity:.9}#gcon.blur>canvas{filter:url('#gooey')}#fsvg{position:absolute;z-index:-1;left:-5000px;top:-5000px;pointer-events:none;visibility:hidden;width:1px;height:1px}.debug{position:absolute;width:100%;height:100%;left:0;top:0;z-index:136;opacity:.4;pointer-events:none}#cd{position:absolute;width:100%;height:100%;left:0;top:0;z-index:23}.flavor{width:360px;height:360px;position:absolute;z-index:23;left:0;top:0;transform-origin:50% 50%;cursor:move}.flavor:active{cursor:none}.flavor>i{display:block;width:100%;height:100%;pointer-events:none}.flavor>i>svg{width:100%;height:100%;pointer-events:none}#logo{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;pointer-events:none}#logo>div{width:865px;height:577px;background-image:url(../img/logo.png);background-size:100% 100%;transform-origin:50% 50%;opacity:1;transition-duration:.3s;transition-property:opacity}#left{position:absolute;z-index:10;left:50%;bottom:0;margin-left:-150px;width:300px;height:120px}#left>h2{display:block;font-weight:700;font-size:14px;white-space:nowrap;text-align:center;line-height:33px}#left>h2>i{display:block;width:80px;height:2px;background-color:rgba(255,255,255,0.7);margin:0 auto}.fice0{fill:#10ffff}.fice1{fill:#12c4bf}.fice2{fill-rule:evenodd;clip-rule:evenodd;fill:#12c4bf}.fice3{fill:#efce70}.fice4{fill:#c69c6d}.fpine0{fill:#ff0}.fpine1{fill:#ffce00}.fpine2{fill-rule:evenodd;clip-rule:evenodd;fill:#ffce00}.fapl0{fill:#c1272d}.fapl1{fill:#fff8b3}.fapl2{fill-rule:evenodd;clip-rule:evenodd;fill:#b5ae79}.fapl3{fill-rule:evenodd;clip-rule:evenodd;fill:#603813}.fnach0{fill:#ffce00}.fnach1{fill-rule:evenodd;clip-rule:evenodd;fill:#cca70e}.fnach2{fill:#cca70e}.fnach3{fill-rule:evenodd;clip-rule:evenodd;fill:#af9010}#menu{position:absolute;z-index:99;right:0;top:0;width:110px;height:97px;cursor:pointer}#menu>div{position:absolute;z-index:99;left:40px;top:32px;display:block;width:30px;height:17px;pointer-events:none}#menu>div>i{position:absolute;z-index:99;left:0;display:block;width:30px;height:3px;background-color:#fff;pointer-events:none;transform-origin:50% 50%;transition-delay:.5s;transition-duration:.3s;transition-property:background-color}.p1{top:0}.p2{top:7px}.p3{top:14px}#menu>div>i>p{position:absolute;z-index:99;display:block;width:30px;height:18px;left:0;top:1px;overflow:hidden}#menu>div>i>p>span{position:absolute;z-index:99;display:block;width:4px;background-color:#fff;pointer-events:none;border-radius:2px;transform-origin:0 0;transition-delay:.5s;transition-duration:.3s;transition-property:background-color}#menu>div>i>p>span:nth-child(1){height:9px;left:0;top:0}#menu>div>i>p>span:nth-child(2){height:11px;left:18px;top:0}#menu>div>i>p>span:nth-child(3){height:17px;left:26px;top:0}#menu.over>div>i{transition-delay:.5s;background-color:#ff495c}#menu.over>div>i>p>span{transition-delay:.5s;background-color:#ff495c}#popup{position:absolute;z-index:91;left:0;top:0;width:100%;height:100%;opacity:0;transition-property:opacity;transition-duration:.3s;background-color:rgba(0,0,0,0.8)}#popup>ul{display:block;width:100%;position:absolute;left:0;top:50%}#popup>ul>li{display:block;height:80px;width:100%;text-align:center;position:relative}#popup>ul>li>p{display:block;font-size:40px;line-height:80px;height:80px;width:220px;position:absolute;z-index:92;left:50%;top:0;margin-left:-110px;text-align:center;cursor:pointer;transition-property:color;transition-duration:.2s}#popup>ul>li>p span{display:inline;font-size:40px;line-height:80px}#popup>ul>li>i{display:block;height:80px;width:100%;opacity:0;transition-property:opacity;transition-duration:.2s;background-color:#ff495c}#popup>ul>li.over>i{opacity:1}#popup>ul>li.over>p{color:#fff}#fab{position:absolute;z-index:70;right:0;bottom:0;width:100px;height:97px;cursor:pointer}#fab>i{display:block;width:30px;height:36px;margin:29px 0 0 30px;pointer-events:none}#fab>i svg{fill:#ff495c}#fab>p{display:block;width:30px;height:30px;pointer-events:none;position:absolute;z-index:106;left:30px;top:35px;transform-origin:50% 50%}#fab>p svg{fill:#fff}#bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;pointer-events:none;background-color:#fff;visibility:hidden}#home{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;pointer-events:none;visibility:hidden}.contents{width:100%;height:calc(100% - 100px);position:relative}.contents>div{text-align:center;color:rgba(0,0,0,0.87);font-family:'Helvetica','Karla',sans-serif;width:500px;height:200px;position:absolute;z-index:30;left:50%;top:50%;margin:-100px 0 0 -250px}.contents>div>h1{font-weight:700;font-size:50px;line-height:60px}.contents>div>i{display:block;background-color:#ff495c;width:120px;height:2px;margin:20px auto 20px}.contents>div>h2{font-weight:700;font-size:21px;line-height:30px}.contents>div>h2>a{color:rgba(0,0,0,0.3);text-decoration:none;display:inline-block;margin:0 12px;position:relative;opacity:1;white-space:nowrap}.contents>div>h2>a>p{color:#000;position:absolute;left:0;top:0;width:100%;white-space:nowrap;opacity:1}.contents>div>p{margin:20px 0 0;font-weight:400;font-size:18px;line-height:24px}.footer{position:absolute;left:0;bottom:0;width:100%;height:100px;z-index:2;background-color:#000;border-top:4px solid #ff495c}.logo{width:80px;height:54px;margin:21px 0 0 38px}.logo svg{width:100%;height:100%;fill:#fff}.sns{display:block;position:absolute;padding:0;margin:0;overflow:hidden;right:100px;top:35px;font-size:0}.sns>li{width:30px;height:30px;display:inline-block;overflow:hidden;padding:0;margin:0}.sns>li>a{display:block;width:24px;height:24px;overflow:hidden;padding:0;margin:3px;cursor:pointer}.sns>li>a svg{display:block;width:100%;height:100%;fill:#fff;pointer-events:none}.fmenu{display:block;position:absolute;font-size:12px;font-weight:400;line-height:30px;height:30px;padding:0;margin:0;right:240px;top:35px}.fmenu>li{display:inline-block;margin:0 3px}.fmenu a{opacity:.4;color:#fff;text-decoration:none;transition-property:opacity;transition-duration:.2s}.fmenu a:hover{opacity:1}.tooltip{font-weight:400;position:absolute;z-index:999;pointer-events:none;font-size:16px;line-height:20px;left:50%;bottom:100px;width:140px;padding:6px;margin-left:-76px;background:rgba(0,0,0,0.7);color:rgba(255,255,255,0.8);text-align:center;border-radius:10px}.tooltip:after{content:'';position:absolute;top:100%;left:50%;margin-left:-8px;width:0;height:0;border-top:8px solid rgba(0,0,0,0.7);border-right:8px solid transparent;border-left:8px solid transparent}@media only screen and (max-width:780px){.fmenu{display:none}}