@charset "UTF-8";
/*

このCSSはstyle.scssによって管理されています。
編集する際は、style.scssまたはshame.cssを編集して下さい。
決してstyle.min.cssまたはstyle.cssを直接編集しないでください。

*/
@forward 'function/config';
@forward 'base/reset';
@forward 'base/base';
@forward 'animation/animation';
@forward 'animation/transition';
@forward 'block/splash';
@forward 'block/horizon';
@forward 'components/soundbtn';
@forward 'components/soundbox';
@forward 'block/header';
@forward 'block/footer';
@forward 'block/container';
@forward 'block/main';
@forward 'block/formbox';
@forward 'block/official';
@forward 'block/character';
@forward 'block/card__wrap';
@forward 'block/demimen';
@forward 'block/com';
@forward 'block/comsp';
@forward 'block/combox';
@forward 'block/greeting';
@forward 'block/cfm';
@forward 'block/thankyou';
#js_overlay {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  height: calc(100% - 75px);
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
  /*opacity: 0;*/
  -webkit-transition: .3s;
  transition: .3s;
  z-index: -1;
}

#js_overlay.open {
  opacity: 1;
  display: block;
  cursor: pointer;
  z-index: 2;
}

@media screen and (max-width: 600px) {
  #js_overlay {
    top: 45px;
    height: calc(100% - 45px);
  }
  #js_overlay.open {
    z-index: 2;
  }
}
/*# sourceMappingURL=style.css.map */