﻿@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);body{font-size:13px;line-height:1.5em;background:#000;-webkit-text-size-adjust:none;font-family:'Noto Sans Japanese', 'Yu Gothic', YuGothic, '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'MS PGothic', sans-serif;word-wrap:break-word}a{color:#000}img{box-shadow:#000 0 0 0;vertical-align:bottom}img,x:-moz-any-link,x:default{box-shadow:#000 0 0 0}p{word-break:normal;word-wrap:break-word;line-break:strict}#wrapper{width:100vw;height:100vh;margin:0px;padding:0px;position:fixed;overflow:hidden;background:#000}#wrapper::before{content:'';width:100vw;height:50vh;position:absolute;top:0px;left:0px;background:#000;z-index:9000;-webkit-transform-origin:50% 0%;-webkit-transform:scale(1, 1);-webkit-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;-moz-transform-origin:50% 0%;-moz-transform:scale(1, 1);-moz-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;-o-transform-origin:50% 0%;-o-transform:scale(1, 1);-o-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;-ms-transform-origin:50% 0%;-ms-transform:scale(1, 1);-ms-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;transform-origin:50% 0%;transform:scale(1, 1);animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards}#wrapper::after{content:'';width:100vw;height:50vh;position:absolute;bottom:0px;left:0px;background:#000;z-index:9001;-webkit-transform-origin:50% 100%;-webkit-transform:scale(1, 1);-webkit-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;-moz-transform-origin:50% 100%;-moz-transform:scale(1, 1);-moz-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;-o-transform-origin:50% 100%;-o-transform:scale(1, 1);-o-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;-ms-transform-origin:50% 100%;-ms-transform:scale(1, 1);-ms-animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards;transform-origin:50% 100%;transform:scale(1, 1);animation:curtainAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 2s forwards}#wrapper .loadingLine{width:100vw;height:1px;display:block;position:absolute;top:50%;left:0px;background:rgba(255,255,255,0.5);z-index:9999;-webkit-transform-origin:0% 50%;-webkit-transform:scale(0, 1);-webkit-animation:barAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 1s forwards;-moz-transform-origin:0% 50%;-moz-transform:scale(0, 1);-moz-animation:barAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 1s forwards;-o-transform-origin:0% 50%;-o-transform:scale(0, 1);-o-animation:barAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 1s forwards;-ms-transform-origin:0% 50%;-ms-transform:scale(0, 1);-ms-animation:barAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 1s forwards;transform-origin:0% 50%;transform:scale(0, 1);animation:barAnimation 1s cubic-bezier(0.1, 0.6, 0.4, 0.9) 1s forwards}@-webkit-keyframes barAnimation{0%{transform:scale(0, 1);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}99%{transform:scale(1, 1);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}100%{transform:scale(1, 1);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}}@keyframes batAnimation{0%{transform:scale(0, 1);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}99%{transform:scale(1, 1);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}100%{transform:scale(1, 1);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}}#canvasWrapper{width:100vw;height:100vh;margin:0px;padding:0px;position:fixed;overflow:hidden;background:#000}@-webkit-keyframes curtainAnimation{from{transform:scale(1, 1)}to{transform:scale(1, 0)}}@keyframes curtainAnimation{from{transform:scale(1, 1)}to{transform:scale(1, 0)}}ul#categoryNavigation{width:100%;height:40px;position:fixed;bottom:-40px;left:0px;z-index:8000;background:#191919;display:-ms-flexbox;-js-display:flex;-webkit-display:flex;-webkit-flex-wrap:nowrap;-webkit-animation:categoryNavigationAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;-moz-display:flex;-moz-flex-wrap:nowrap;-moz-animation:categoryNavigationAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;-o-display:flex;-o-flex-wrap:nowrap;-o-animation:categoryNavigationAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;-ms-display:flex;-ms-flex-wrap:nowrap;-ms-animation:categoryNavigationAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;display:flex;flex-wrap:nowrap;animation:categoryNavigationAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards}ul#categoryNavigation li{width:calc( (100% - 120px) / 10);height:100%;margin:0px 1px 0px 1px;padding:11px 0px 0px 0px;text-align:center;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}ul#categoryNavigation li::before{content:'';width:100%;height:4px;position:absolute;bottom:0px;left:0px;z-index:10}ul#categoryNavigation li::after{content:'';width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-webkit-transition:all 0.3s linear 0.0s;-moz-transition:all 0.3s linear 0.0s;-o-transition:all 0.3s linear 0.0s;-ms-transition:all 0.3s linear 0.0s;transition:all 0.3s linear 0.0s}ul#categoryNavigation li>span{display:inline-block;font-size:77%;font-weight:400;line-height:1.0;color:#fff;position:relative;z-index:100}ul#categoryNavigation li:first-of-type{margin:0px 1px 0px 0px}ul#categoryNavigation li:last-of-type{margin:0px 0px 0px 1px}ul#categoryNavigation li.active::after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}ul#categoryNavigation li:hover::after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}ul#categoryNavigation li:nth-of-type(1){width:120px;background:#fff}ul#categoryNavigation li:nth-of-type(1)::before{display:none}ul#categoryNavigation li:nth-of-type(1)::after{background:rgba(0,0,0,0.6)}ul#categoryNavigation li:nth-of-type(1)>span{padding:0px 0px 0px 10px;color:#fff;-webkit-transition:color 0.3s linear 0.0s;-moz-transition:color 0.3s linear 0.0s;-o-transition:color 0.3s linear 0.0s;-ms-transition:color 0.3s linear 0.0s;transition:color 0.3s linear 0.0s}ul#categoryNavigation li:nth-of-type(1)>span::before{content:'';width:2px;height:2px;position:absolute;top:3px;left:0px;background:#fff;-webkit-transition:background 0.3s linear 0.0s;-moz-transition:background 0.3s linear 0.0s;-o-transition:background 0.3s linear 0.0s;-ms-transition:background 0.3s linear 0.0s;transition:background 0.3s linear 0.0s}ul#categoryNavigation li:nth-of-type(1)>span::after{content:'';width:2px;height:2px;position:absolute;top:3px;left:4px;background:#fff;-webkit-transition:background 0.3s linear 0.0s;-moz-transition:background 0.3s linear 0.0s;-o-transition:background 0.3s linear 0.0s;-ms-transition:background 0.3s linear 0.0s;transition:background 0.3s linear 0.0s}ul#categoryNavigation li:nth-of-type(1)>span>span::before{content:'';width:2px;height:2px;position:absolute;top:6px;left:0px;background:#fff;-webkit-transition:background 0.3s linear 0.0s;-moz-transition:background 0.3s linear 0.0s;-o-transition:background 0.3s linear 0.0s;-ms-transition:background 0.3s linear 0.0s;transition:background 0.3s linear 0.0s}ul#categoryNavigation li:nth-of-type(1)>span>span::after{content:'';width:2px;height:2px;position:absolute;top:6px;left:4px;background:#fff;-webkit-transition:background 0.3s linear 0.0s;-moz-transition:background 0.3s linear 0.0s;-o-transition:background 0.3s linear 0.0s;-ms-transition:background 0.3s linear 0.0s;transition:background 0.3s linear 0.0s}ul#categoryNavigation li:nth-of-type(1):hover>span,ul#categoryNavigation li:nth-of-type(1).active>span{color:#000}ul#categoryNavigation li:nth-of-type(1):hover>span::before,ul#categoryNavigation li:nth-of-type(1).active>span::before{background:#000}ul#categoryNavigation li:nth-of-type(1):hover>span::after,ul#categoryNavigation li:nth-of-type(1).active>span::after{background:#000}ul#categoryNavigation li:nth-of-type(1):hover>span>span::before,ul#categoryNavigation li:nth-of-type(1).active>span>span::before{background:#000}ul#categoryNavigation li:nth-of-type(1):hover>span>span::after,ul#categoryNavigation li:nth-of-type(1).active>span>span::after{background:#000}ul#categoryNavigation li:nth-of-type(2){background:#95cb4d}ul#categoryNavigation li:nth-of-type(2)::before{background:#95cb4d}ul#categoryNavigation li:nth-of-type(3){background:#a54991}ul#categoryNavigation li:nth-of-type(3)::before{background:#a54991}ul#categoryNavigation li:nth-of-type(4){background:#7ac5d1}ul#categoryNavigation li:nth-of-type(4)::before{background:#7ac5d1}ul#categoryNavigation li:nth-of-type(5){background:#d58457}ul#categoryNavigation li:nth-of-type(5)::before{background:#d58457}ul#categoryNavigation li:nth-of-type(6){background:#cbb877}ul#categoryNavigation li:nth-of-type(6)::before{background:#cbb877}ul#categoryNavigation li:nth-of-type(7){background:#8773b0}ul#categoryNavigation li:nth-of-type(7)::before{background:#8773b0}ul#categoryNavigation li:nth-of-type(8){background:#75cfbe}ul#categoryNavigation li:nth-of-type(8)::before{background:#75cfbe}ul#categoryNavigation li:nth-of-type(9){background:#d5c5bb}ul#categoryNavigation li:nth-of-type(9)::before{background:#d5c5bb}ul#categoryNavigation li:nth-of-type(10){background:#78badb}ul#categoryNavigation li:nth-of-type(10)::before{background:#78badb}ul#categoryNavigation li:nth-of-type(11){background:#888268}ul#categoryNavigation li:nth-of-type(11)::before{background:#888268}@-webkit-keyframes categoryNavigationAnimation{from{bottom:-40px}to{bottom:0px}}@keyframes categoryNavigationAnimation{from{bottom:-40px}to{bottom:0px}}#categoryWrapper{width:200vw;height:200vh;margin:-100vh 0px 0px -100vw;position:relative;top:50%;left:50%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-animation:categoryWrapperAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;-moz-animation:categoryWrapperAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;-o-animation:categoryWrapperAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;-ms-animation:categoryWrapperAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards;animation:categoryWrapperAnimation 0.5s cubic-bezier(0.1, 0.6, 0.4, 0.9) 5s forwards}@-webkit-keyframes categoryWrapperAnimation{from{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}to{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}}@keyframes categoryWrapperAnimation{from{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}to{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}}ul.nebula li{width:auto;height:auto;padding:2px 5px 2px 5px;font-weight:200;position:absolute;top:0px;left:0px;z-index:100;-webkit-box-sizing:border-box;-webkit-transform-origin:0% 50%;-webkit-transition:transform 5s cubic-bezier(0.12, 1, 0.26, 1) 0s;-moz-box-sizing:border-box;-moz-transform-origin:0% 50%;-moz-transition:transform 5s cubic-bezier(0.12, 1, 0.26, 1) 0s;-o-box-sizing:border-box;-o-transform-origin:0% 50%;-o-transition:transform 5s cubic-bezier(0.12, 1, 0.26, 1) 0s;-ms-box-sizing:border-box;-ms-transform-origin:0% 50%;-ms-transition:transform 5s cubic-bezier(0.12, 1, 0.26, 1) 0s;box-sizing:border-box;transform-origin:0% 50%;transition:transform 5s cubic-bezier(0.12, 1, 0.26, 1) 0s}ul.nebula li.large{padding:2px 5px 2px 1.6vw;margin:-0.6em 0px 0px -0.8em;font-size:1.0vw;line-height:1.0;cursor:pointer;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}ul.nebula li.large.active{-webkit-transform:scale(1.5, 1.5);-moz-transform:scale(1.5, 1.5);-o-transform:scale(1.5, 1.5);-ms-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5)}ul.nebula li.medium{padding:0px 5px 0px 2.0vw;margin:-0.75em 0px 0px -0.5em;font-size:1.0vw;line-height:1.5;-webkit-transform:scale(0.65, 0.65);-moz-transform:scale(0.65, 0.65);-o-transform:scale(0.65, 0.65);-ms-transform:scale(0.65, 0.65);transform:scale(0.65, 0.65)}ul.nebula li.medium.active{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}ul.nebula li.small{padding:0px 5px 0px 2.0vw;margin:-0.6em 0px 0px -0.5em;font-size:1.0vw;line-height:1.2;-webkit-transform:scale(0.55, 0.55);-moz-transform:scale(0.55, 0.55);-o-transform:scale(0.55, 0.55);-ms-transform:scale(0.55, 0.55);transform:scale(0.55, 0.55)}ul.nebula li.small.twoline{margin:-0.9em 0px 0px -0.5em}ul.nebula li.small.active{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}ul.nebula li.link{margin:-0.7em 0px 0px -0.6em;font-size:1.0vw;line-height:1.2;-webkit-transform:scale(0.5, 0.5);-moz-transform:scale(0.5, 0.5);-o-transform:scale(0.5, 0.5);-ms-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}ul.nebula li.link.twoline{margin:-0.95em 0px 0px -0.5em}ul.nebula li.link.twoline span::before{bottom:2px}ul.nebula li.link.active{-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);-o-transform:scale(0.9, 0.9);-ms-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}ul.nebula li.link.active a{pointer-events:auto}ul.nebula li.link.active a span::before{height:2px}ul.nebula li span,ul.nebula li a{color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}ul.nebula li a{padding:0px 5px 0px 2.0vw;pointer-events:none;display:-ms-flexbox;-js-display:flex;-webkit-display:flex;-webkit-flex-wrap:nowrap;-moz-display:flex;-moz-flex-wrap:nowrap;-o-display:flex;-o-flex-wrap:nowrap;-ms-display:flex;-ms-flex-wrap:nowrap;display:flex;flex-wrap:nowrap}ul.nebula li a:hover span::after{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}ul.nebula li a span{padding:2px 0px 2px 0px;display:block;position:relative}ul.nebula li a span::before{content:'';width:100%;height:1px;background:rgba(255,255,255,0.5);position:absolute;bottom:0px;left:0px;-webkit-transition:height 1.0s linear 0.0s;-moz-transition:height 1.0s linear 0.0s;-o-transition:height 1.0s linear 0.0s;-ms-transition:height 1.0s linear 0.0s;transition:height 1.0s linear 0.0s}ul.nebula li a span::after{content:'';width:100%;height:100%;background:rgba(255,255,255,0.3);position:absolute;top:0px;left:0px;-webkit-transform-origin:0% 50%;-webkit-transform:scale(0, 1);-webkit-transition:transform 0.2s cubic-bezier(1, 0.01, 0.5, 0.95) 0s;-moz-transform-origin:0% 50%;-moz-transform:scale(0, 1);-moz-transition:transform 0.2s cubic-bezier(1, 0.01, 0.5, 0.95) 0s;-o-transform-origin:0% 50%;-o-transform:scale(0, 1);-o-transition:transform 0.2s cubic-bezier(1, 0.01, 0.5, 0.95) 0s;-ms-transform-origin:0% 50%;-ms-transform:scale(0, 1);-ms-transition:transform 0.2s cubic-bezier(1, 0.01, 0.5, 0.95) 0s;transform-origin:0% 50%;transform:scale(0, 1);transition:transform 0.2s cubic-bezier(1, 0.01, 0.5, 0.95) 0s}ul.nebula li a span+span.icon{margin:-0.2em 0px 0px 10px}ul.nebula li a span.icon{width:60px;height:23px;margin:-0.3em 0px 0px 0px}ul.nebula li a span.icon img{max-width:100%;height:auto;width:auto;display:block}ul.nebula li a span.icon::before{display:none}ul.nebula li a span.icon::after{display:none}
