﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a{color:#fff; text-decoration:none;}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body{height:100%}@font-face{font-family:'FreeingSet';src:url("/fonts/PixelMplus12-Regular.woff") format("woff"),url("/fonts/PixelMplus12-Regular.ttf") format("truetype")}body{color:#fff;font-size:20px;font-family:"FreeingSet","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;background:#000}.clearfix:after{content:"";display:block;clear:both}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}::selection{background-color:#0097de;color:#fff}::-moz-selection{background-color:#0097de;color:#fff}a:link{text-decoration:none}a:visited{text-decoration:none}a,.btn{-webkit-transition:opacity 0.2s linear}a:hover{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}*{-webkit-appearance:none}@media screen and (max-width: 768px){a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}}.sp{display:none !important}#container{height:100%}#fade{width:100%;height:100%;position:fixed;z-index:1000000;background:#000}#fade .inner{width:100%;height:100%;position:relative}#fade .inner p{height:48px;line-height:48px;text-align:center;position:absolute;top:50%;margin-top:-24px;text-align:center;font-size:36px;width:100%}.header{width:100%;height:54px;position:fixed;top:0;left:0}.header__inner{position:relative}.header__inner h1{position:absolute;top:0;left:0;padding:10px}.header__inner h1 img{height:34px;opacity:.5}.header__inner ul{position:absolute;top:0;right:0;padding:17px 10px 0 0}.header__inner ul li{float:right;margin-left:10px}.footer{width:100%;height:36px;position:fixed;bottom:0;left:0}.footer__small{display:block;text-align:right;line-height:36px;font-size:10px;padding-right:10px}.main{padding:0 0 40px 0;-webkit-transition:all 5s ease-out;-moz-transition:all 5s ease-out;-ms-transition:all 5s ease-out;-o-transition:all 5s ease-out;transition:all 5s ease-out;opacity:0}.main__h1{text-align:center}.main__h1 img{width:90%;max-width:648px}.main .frame{width:400px;margin:80px auto 0 auto;display:none}.main.set{padding:140px 0 40px 0;opacity:1}.frame{border:5px solid #fff;position:relative}.frame__inner{padding:20px}.frame span{display:block;width:3px;height:3px;background:#000;position:absolute}.frame span:nth-of-type(1){top:-5px;left:-5px}.frame span:nth-of-type(1):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;top:5px;left:5px}.frame span:nth-of-type(2){top:-5px;right:-5px}.frame span:nth-of-type(2):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;top:5px;right:5px}.frame span:nth-of-type(3){bottom:-5px;left:-5px}.frame span:nth-of-type(3):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;bottom:5px;left:5px}.frame span:nth-of-type(4){bottom:-5px;right:-5px}.frame span:nth-of-type(4):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;bottom:5px;right:5px}.menu__list{padding:12px 10px 12px 24px}.menu .active{background:url(../img/select.gif) no-repeat left center;background-size:auto 16px}@media screen and (max-width: 768px){.pc{display:none !important}.sp{display:block !important}#container{height:auto}.footer{width:100%;height:36px;position:fixed;bottom:0;left:0}.footer__small{display:block;text-align:right;line-height:36px;font-size:10px;padding-right:10px}.main{padding:0px 0 40px 0;-webkit-transition:all 5s ease-out;-moz-transition:all 5s ease-out;-ms-transition:all 5s ease-out;-o-transition:all 5s ease-out;transition:all 5s ease-out}.main .frame{width:280px;margin:60px auto 0 auto}.main.set{padding:140px 0 40px 0;opacity:1}.frame{border:5px solid #fff;position:relative}.frame__inner{padding:20px}.frame span{display:block;width:3px;height:3px;background:#000;position:absolute}.frame span:nth-of-type(1){top:-5px;left:-5px}.frame span:nth-of-type(1):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;top:5px;left:5px}.frame span:nth-of-type(2){top:-5px;right:-5px}.frame span:nth-of-type(2):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;top:5px;right:5px}.frame span:nth-of-type(3){bottom:-5px;left:-5px}.frame span:nth-of-type(3):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;bottom:5px;left:5px}.frame span:nth-of-type(4){bottom:-5px;right:-5px}.frame span:nth-of-type(4):after{content:"";display:block;background:#fff;position:absolute;width:3px;height:3px;bottom:5px;right:5px}
.menu__list{
  padding:12px 10px 12px 24px;
  font-size:15px;
  }
  .menu .active{background:url(../img/select.gif) no-repeat left center;background-size:auto 16px}}
.noscript{
  position: absolute;
  width: 100%;
  height:  100%;
  background: #000;
  top:0;
  left: 0;
  z-index: 2000000;
}
.no-jsBox{
  position: absolute;
  width: 600px;
  height: 200px;
  top:50%;
  left:50%;
  margin: -100px 0 0 -300px;
  color: #fff;
  text-align: center;
  line-height: 1.8;
  font-size: 16px;
}
.no-jsBox h1{
  font-size: 36px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 739px) {
  .no-jsBox{
    position: absolute;
    width: 300px;
    height: 200px;
    top:50%;
    left:50%;
    margin: -100px 0 0 -150px;
    color: #fff;
    text-align: center;
    line-height: 1.8;
  }
}

.soundBtn{
padding-top: 0px;
cursor: pointer;
}
.soundBtn img{
  height: auto;
  width: 20px;
}
