@charset "UTF-8";body,html{width:100%;height:100%}.menu,.menu li:before{position:absolute;height:8px}.menu li,section{display:inline-block}a,h2{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}.menu,.other ul{list-style:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu{z-index:2;margin:auto;top:10px;left:0;right:0;width:44px;line-height:0}.menu li{width:8px;height:8px}.menu li:before{content:'';border-radius:4px;width:8px;background-color:#999}#cube,#snow,#wave,footer{position:fixed}.menu li.selected:before{background-color:#333}.menu li:not(.selected){cursor:pointer}.logo,h2{cursor:default;color:#000}.menu li:not(:last-child){margin-right:10px}section{vertical-align:top;position:relative;z-index:2}h2{margin-bottom:25px;font-family:Arial;font-size:12px;text-align:left;transition:.2s ease-in-out}a{font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','Times New Roman','游明朝',YuMincho,'メイリオ',Meiryo,serif;color:#000;transition:.2s ease-in-out}.content,.logo{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}#cube{z-index:1}#snow,#wave{bottom:0;z-index:1}.content{display:table;overflow:hidden;width:100%;height:100%;background-color:#fff;transition:.2s ease-in-out}.content>.inner{display:table-cell;vertical-align:middle;text-align:center;font-size:0}.logo,.other,table{text-align:left}.logo{padding-right:70px;width:170px;transition:.2s ease-in-out}.logo svg{width:163px;height:32px}.logo p{margin-top:15px;font-family:Arial;font-size:7px;text-transform:uppercase}.works{width:280px}.works>.parent{overflow-x:hidden;overflow-y:scroll;width:280px;height:350px}.works>.parent::-webkit-scrollbar{width:3px;background-color:#ccc;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.works>.parent::-webkit-scrollbar-thumb{background-color:#666;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}table td,table th{font-family:arial;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}table{font-size:12px;line-height:20px;table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}table .disable{display:none}table th{border-right:1px solid #eee;padding-right:10px;vertical-align:top;font-size:9px;font-weight:400;transition:.2s ease-in-out}table td{padding-left:10px;padding-bottom:5px;font-size:10px;transition:.2s ease-in-out}table td a,table td span{font-size:14px}.other ul,table td span{font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','Times New Roman','游明朝',YuMincho,'メイリオ',Meiryo,serif;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}table td span{color:#666;transition:.2s ease-in-out}.other{padding-left:70px;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px}.other ul{font-size:12px;line-height:26px;transition:.2s ease-in-out}.other h2:not(:first-child){margin-top:30px}.other a,.works a{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.other a:hover,.works a:hover{opacity:.6;filter:alpha(opacity=60)}footer{bottom:10px;width:100%;font-family:arial;font-size:9px;text-align:center}.icon_lock{display:inline-block;position:relative;margin-left:5px;width:15px;height:18px}.icon_lock span{display:block;position:absolute}.icon_lock .lock_parts{top:10px;left:5px;border:1px solid #555;border-radius:3px;width:4px;height:6px}.icon_lock .lock_body{top:14px;left:4px;width:8px;height:6px;background-color:#555}.svg_icon{display:none}body.turn .content{background-color:#000}body.turn .logo,body.turn footer,body.turn h2{color:#fff}body.turn a{color:#ccc}body.turn table th{border-color:#333}body.turn .other ul,body.turn table td,body.turn table td span,body.turn table th{color:#999}body.turn .works>.parent::-webkit-scrollbar{background-color:#333}body.turn .works>.parent::-webkit-scrollbar-thumb{background-color:#aaa}@media screen and (max-width:768px){.content,section{overflow:visible;display:block;background-color:transparent}.content>.inner,section>.inner{overflow:visible;display:block;background-color:#fff}.logo,.other,.works{padding:20px 0;margin:0 auto}.works>.parent{margin:0 auto}.logo{padding-top:80px}footer{margin-top:50px;position:relative}body.turn .content>.inner,body.turn section>.inner{background-color:#000}}