/*
グローバルメニューを左サイド固定するCSS
*/

#gloval-nav .menu-item-has-children>a>.p-global-nav__toggle::before {
  content: "▼";
  display: block;
}

.p-global-nav>li>a {
  border: none;
}




/*992以上はここから↓*/
@media (min-width: 992px) {


  /* drawer menu  親テーマのstyle.cssがクソ邪魔なので全てunsetしてやった */
  .p-drawer__menu .menu-item-has-children>a {
    padding-right: unset;
  }

  .p-drawer__menu .menu-item-has-children>a>.p-global-nav__toggle {
    height: unset;
    padding-right: unset;
    text-align: unset;
    width: unset;
    position: absolute;
    top: unset;
    right: 1em;
  }

  .p-drawer__menu .menu-item-has-children>a>.p-global-nav__toggle::before {
    content: unset;
    font-family: unset;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
  }

  .p-drawer__menu .menu-item-has-children>a>.p-global-nav__toggle.is-active::before {
    /*! -webkit-transform: rotateX(180deg); */
    /*! -moz-transform: rotateX(180deg); */
    -ms-transform: rotateX(180deg);
    /*! transform: rotateX(180deg); */
  }

  .p-drawer__menu .sub-menu {
    display: unset;
  }

  .p-drawer__menu .sub-menu .sub-menu a {
    padding-left: unset;
  }

  .p-drawer__menu .sub-menu .sub-menu .sub-menu a {
    padding-left: unset;
  }

  .p-drawer__menu .sub-menu .sub-menu .sub-menu .sub-menu a {
    padding-left: unset;
  }


  /* global nav 親テーマのstyle.cssがクソ邪魔なので全てunsetしてやった*/
  .p-global-nav>li.menu-item-has-children>.sub-menu {
    top: unset;
    left: unset;
    z-index: unset;
  }

  .p-global-nav .sub-menu {
    visibility: unset;
    opacity: unset;
    position: unset;
    left: unset;
    top: unset;
    z-index: unset;
  }

  .p-global-nav .sub-menu a {
    z-index: unset;
  }

  .p-global-nav .sub-menu a:hover,
  .p-global-nav .sub-menu .current-menu-item>a {
    background: #009c9c;
  }

  .p-global-nav .menu-item-has-children {
    position: unset;
  }

  .p-global-nav .menu-item-has-children:hover>.sub-menu {
    opacity: unset;
    visibility: unset;
  }

  .p-global-nav .sub-menu .menu-item-has-children>a::after {
    content: "\e910";
    font-family: "design_plus";
    position: absolute;
    right: 16px;
    -webkit-transition: none;
  }


  /* ▼ サブメニューは“閉じて”おく（全幅共通） */
  #gloval-nav .menu-item-has-children>.sub-menu {
    position: static !important;
    /* 重ねない（押し出す） */
    display: block;
    /* 高さトグルにするので block */
    max-height: 0;
    /* 初期は閉じる */
    overflow: hidden;
    opacity: 1 !important;
    /* 透過アニメ無効化 */
    visibility: visible !important;
    transition: max-height .24s ease;
    margin: 0;
    padding-left: 1rem;
    /* 必要あればインデント */
  }

  /* 開いたとき（適宜数値調整） */
  #gloval-nav .menu-item-has-children.is-open>.sub-menu {
    max-height: 800px;
  }

  /* 矢印はクリック可能に */
  #gloval-nav .p-global-nav__toggle {
    cursor: pointer;
  }



  #gloval-nav .menu-item-has-children.is-open>a>.p-global-nav__toggle::before {
    /*content: "▼"; を垂直回転 */
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  #gloval-nav .p-global-nav__toggle {
    cursor: pointer;
  }


  /* ▼ サブメニューは押し出しで開閉（初期OFF） */
  #gloval-nav .menu-item-has-children .sub-menu {
    position: static !important;
    /* 重ねない */
    display: block;
    /* 高さトグルにするので block */
    max-height: 0;
    /* 初期は閉じ */
    overflow: hidden;
    opacity: 1 !important;
    /* テーマの透明化を無効化 */
    visibility: visible !important;
    transition: max-height .24s ease;
    margin: 0;
    padding-left: 1rem;
    /* 必要ならインデント */
  }

  /* ★ 子孫セレクタに変更（直下子 `>` だと外れるケースがあるため） */
  #gloval-nav .menu-item-has-children.is-open .sub-menu {
    max-height: 800px;
    /* 中身に応じて調整 */
  }

  /* ▼ aの右側に余白を確保（spanヒットを確実化） */
  #gloval-nav .menu-item-has-children>a {
    position: relative;
    padding-right: 2.2em;
  }

  /* ▼ トグルボタン（右端） */
  #gloval-nav .menu-item-has-children>a>.p-global-nav__toggle {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
  }


  body.admin-bar {
    padding-top: 0px;
  }

  body.admin-bar header.l-header,
  body.admin-bar main.l-main {
    padding-top: 32px;
  }

  header.l-header {
    position: fixed;
    max-width: 330px;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 330px;
  }

  .l-main,
  .l-footer {
    width: calc(100% - 330px);
    position: relative;
    left: 330px;
  }

  .p-header__upper-inner {
    height: auto;
    width: auto;
  }

  .p-header__logo {
    width: 90%;
    margin: auto;
    min-height: 10em;
  }

  .p-header__lower-inner {
    display: block;
    width: 100%;
  }

  .p-header-description {
    display: block;
    padding: 2em 1em;
    font-size: 1em;
    text-align: center;
    /*! border-bottom: 1px solid #aaa; */
  }


  .p-global-nav {
    display: block;
  }

  .p-global-nav>li {}

  .p-global-nav,
  .p-global-nav>li {}

  .p-global-nav>li>a {
    height: 4em;
  }

}

/*992以上はここまで↑*/



@media (max-width: 1300px) {
  header.l-header {
    width: 23vw;
    font-size: 1vw;
  }

  .l-main,
  .l-footer {
    width: calc(100% - 23vw);
    position: relative;
    left: 23vw;
  }
}

/*991px以下はここから↓*/
@media (max-width: 991px) {

  .l-main,
  .l-footer {
    width: 100%;
    position: relative;
    left: unset;
  }

  #gloval-nav .menu-item-has-children.is-active>a>.p-global-nav__toggle::before {
    /*! content: "▲"; */
  }

  #gloval-nav .menu-item-has-children.is-active>a>.p-global-nav__toggle::before {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    /*content: "▼"; を垂直回転 */
  }

}

/*991以下はここまで↑*/

/*
グローバルメニューを左サイド固定するCSS　終わり
*/