@charset "utf-8";/*!
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/html{color:#000;background:#fff}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}#yui3-css-stamp.cssreset{display:none}.default,body,html{font-family:"游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif;letter-spacing:.2rem;line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:#000}a,body,html{-webkit-tap-highlight-color:transparent}a:link,a:visited{color:#000;text-decoration:underline;outline:0}a:active,a:hover{color:#969696;text-decoration:underline;outline:0}.noselect{-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.noanti{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.qrcode{padding:20px;background:#fff;margin-top:40px;display:none}/*!
  せのびゴシック Bold
  http://modi.jpn.org/font_senobi.php
*/@font-face{font-family:DafaultFont;src:url(../font/font.woff2) format('woff2'),url(../font/font.woff) format('woff'),url(../font/font.otf) format('opentype')}body,html{width:100%;height:100%;overflow:hidden;text-align:center;position:absolute;font-family:DafaultFont,"游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}#view{width:100%;height:100%;position:fixed;top:0;z-index:1}#view canvas{width:100%;height:100%}#bts{margin:0;padding:0;width:100%;height:100%;position:fixed;z-index:2;display:block;pointer-events:none}#bts div{line-height:0;height:25%}#bts div span{width:12.5%;height:100%;display:inline-block;visibility:hidden;border:calc(2px + .4vmin) solid #000;-webkit-box-sizing:border-box;box-sizing:border-box}#bts div span.last{background:#fff;border:none}#bts.start div span{border:calc(2px + .4vmin) solid #fff}#bts.start div span.last{background:#000;border:none}#cover{position:absolute;z-index:10;background:#fff;width:100%;height:100%}#finger,#loading,.about,.top{position:fixed;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}#finger{display:none;pointer-events:none;top:54%;filter:drop-shadow(0 0 2px rgba(0,0,0,1));-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,1))}#finger svg{fill:#fff;width:calc(36px + 6vmin);pointer-events:none;position:relative;-webkit-animation:animFinger .6s ease-out infinite;animation:animFinger .6s ease-out infinite}#finger p{margin-top:20px;pointer-events:all;cursor:pointer;color:#fff;font-size:calc(.9rem + .8vw)}#finger p span{border-bottom:solid 2px #fff;display:inline-block}#loading{z-index:30}#loading span{width:35px;height:3px;background:#fff;display:inline-block;margin:0 8px;position:relative}#loading span:first-child{-webkit-animation:animMove .7s ease-in-out infinite alternate;animation:animMove .7s ease-in-out infinite alternate}#loading span:last-child{-webkit-animation:animMove .7s ease-in-out infinite alternate-reverse;animation:animMove .7s ease-in-out infinite alternate-reverse}#loading_prog{position:absolute;z-index:31;left:0;top:50%;transform:translateY(-50%);width:0%;height:3px;overflow:hidden}#loading_prog .bar{background:#000;height:100%}#ui svg.start{fill:#fff}.top{top:52%}.top h1{font-size:calc(2rem + 5vmin);margin-bottom:20px;position:relative;z-index:1}.top .bt{margin-bottom:20px;-webkit-animation:animZoom 1s ease-in-out infinite alternate;animation:animZoom 1s ease-in-out infinite alternate}.top .bt svg{width:calc(45px + 10vmin);padding:1px}.top .atten{font-size:calc(.55rem + .8vw)}.top .ng{margin-top:40px;margin-bottom:50px}#top_bg{z-index:11;color:#96d2d3}#top_bg svg{fill:#96d2d3}.bts{position:fixed;z-index:13;padding:15px}.bts svg{width:calc(24px + 3vmin);height:calc(24px + 3vmin);padding:1px}#bt_back{top:0;left:0}#bt_about{top:0;right:0}#bt_full{bottom:0;right:0;display:none}#bt_full svg{width:calc(20px + 2vmin);height:calc(20px + 2vmin)}#cover_bk{position:absolute;z-index:20;background:#000;width:100%;height:100%}.about{z-index:22;background:#fff;display:none;width:70%;padding:8vmin;font-size:calc(.7rem + .8vw)}.about #bt_close{padding:0 10px;cursor:pointer;font-size:calc(1rem + 1vw)}.about .credit{margin-top:calc(24px + 2vmin)}.about .name{margin-top:calc(12px + 1vmin)}.about .name a{text-decoration:none;border-bottom:2px solid;color:#000}#about_bg{z-index:21;background:#96d2d3}#bt_close,#bt_play,.bts{cursor:pointer}#about .name a:hover,#bt_close:hover,#bt_play:hover,.bts:hover{-webkit-animation:animFlash .2s linear;animation:animFlash .2s linear}@media screen and (orientation:portrait){#bts div{line-height:0;height:12.5%}#bts div span{width:25%}}@-webkit-keyframes animFlash{0%{opacity:0}100%{opacity:1}}@keyframes animFlash{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes animZoom{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes animZoom{0%{transform:scale(1)}100%{transform:scale(1.2)}}@-webkit-keyframes animMove{0%{top:-12px}100%{top:12px}}@keyframes animMove{0%{top:-12px}100%{top:12px}}@-webkit-keyframes animFinger{0%{top:18px;left:12px;opacity:0}40%{opacity:1}100%{top:0;left:0;opacity:1}}@keyframes animFinger{0%{top:18px;left:12px;opacity:0}40%{opacity:1}100%{top:0;left:0;opacity:1}}