@charset "utf-8";
  /* gnav */
    #g-nav{
      /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
      position: fixed;
      z-index: 999;
      /*ナビのスタート位置と形状*/
      top:0;
      right: -120%;
      width:100%;
      height: 100vh;/*ナビの高さ*/
      background: linear-gradient(90deg, rgba(41,45,120,1) 35%, rgba(14,9,33,1) 100%);
      /*動き*/
      transition: all 0.6s;
    }

    /*アクティブクラスがついたら位置を0に*/
    #g-nav.panelactive {
      right: 0;
    }

    /*ナビゲーションの縦スクロール*/
    #g-nav.panelactive #g-nav-list{
      /*ナビの数が増えた場合縦スクロール*/
      position: fixed;
      z-index: 999;
      width: 100%;
      height: 100vh;/*表示する高さ*/
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    /*ナビゲーション*/
    #g-nav ul {
      /*ナビゲーション天地中央揃え*/
      position: absolute;
      z-index: 999;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
    }

    /*リストのレイアウト設定*/

    #g-nav li{
      list-style: none;
      text-align: center;
    }

    #g-nav li a{
      color: white;
      text-decoration: none;
      padding:10px;
      display: block;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold;
    }