@charset "UTF-8";
/* common.jsを使うのをやめ、common2021.jsを使用するために発生した、
共通css書き換えの記述ここから  */
/* vscodeの live scss compilerでコンパイル */
/* auto prefixerは下記の設定で
  "liveSassCompile.settings.autoprefix": [
      "last 2 versions",
      "ie >= 11",
      "Android >= 4",
      "ios_saf >= 8"
  ],
  */
@media screen and (max-width: 640px) {
  #header-wrap.is-header-active {
    height: 100%;
    position: fixed;
  }
  #header-wrap.is-header-active header {
    height: 100%;
  }
  #header-wrap.is-header-active header #menubtn .open {
    display: none;
  }
  #header-wrap.is-header-active header #menubtn .close {
    display: block;
  }
  #header-wrap.is-header-active #gnav {
    display: block;
    overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 50px;
  }
  #header-wrap header #menubtn .open {
    position: absolute;
  }
  #header-wrap header #menubtn .close {
    opacity: 1;
  }
  #header-wrap header #gnav > ul > li ul {
    display: none;
  }
  #header-wrap header #gnav > ul > li ul > li {
    position: static;
  }
}