/* gnav — 下層ページ用グローバルメニュー。
   index.html のメニュー（css_sp/index-style.css）と同じデザイン。
   幅だけ下層ページの本文幅（900px）に合わせている。
   ※下層ページには既に id="menu"（サイドメニュー）があるため、
     こちらは gnav という別名を使っている */

.gnav{background:#eef3fb;box-shadow:0 2px 6px rgba(0,0,0,.10);position:relative;z-index:80;clear:both}
.gnav .gnav-wrap{max-width:900px;margin:0 auto;padding:0;position:relative}

/* PC＝ボタン画像 */
.gnav .pcmenu{list-style:none;display:flex;width:100%;margin:0;padding:0}
.gnav .pcmenu li{flex:1 1 16.666%;position:relative;float:none;margin:0;padding:0;list-style:none;background:none}
/* メニュー同士の区切り線。高さは青いボタン部分（画像65pxのうち上46px＝幅の30.67%）までに留め、
   下の影の部分には線を掛けない */
.gnav .pcmenu li + li::before{
  content:"";position:absolute;top:0;left:0;z-index:2;
  width:1px;height:0;padding-bottom:30.67%;
  background:rgba(255,255,255,.60);
  box-shadow:-1px 0 0 rgba(96,136,186,.45);
}
/* 講座・教室（2026-07-31 非表示。復活する場合は次の1行を削除） */
.gnav .pcmenu li:has(a[href="k-c.html"]),.gnav .spmenu li:has(a[href="k-c.html"]){display:none}
/* ボタン画像の下部に焼き込まれた白い余白を切り取り、バーの高さをボタンの高さに合わせる */
.gnav .pcmenu a{display:block;position:relative;height:0;padding-bottom:36.6%;overflow:hidden;text-decoration:none}
.gnav .pcmenu a img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;border:0;transition:filter .15s}
.gnav .pcmenu a:hover img{filter:brightness(1.06)}

/* ハンバーガー（初期は非表示、タブレット以下で表示） */
.gnav .hamb{display:none;width:100%;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#9cc3ea,#82b6e6);color:#fff;border:0;padding:15px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;text-shadow:0 1px 1px rgba(80,110,160,.35)}
.gnav .hamb .lines{display:inline-flex;flex-direction:column;gap:4px}
.gnav .hamb .lines span{display:block;width:22px;height:3px;background:#fff;border-radius:2px}

/* スマホ＝テキストメニュー */
.gnav .spmenu{list-style:none;display:none;margin:0;padding:0}
.gnav .spmenu li{border-top:1px solid rgba(255,255,255,.55);float:none;width:auto;margin:0;padding:0;list-style:none;background:none}
.gnav .spmenu a{display:block;color:#fff;font-weight:700;padding:15px 22px;background:linear-gradient(180deg,#9cc3ea,#82b6e6);font-size:15px;text-decoration:none;text-shadow:0 1px 1px rgba(80,110,160,.35)}
.gnav .spmenu a:hover{filter:brightness(1.05)}
.gnav .spmenu a::before{content:"→ ";opacity:.85}

@media(max-width:900px){
  .gnav .pcmenu{display:none}
  .gnav .hamb{display:flex}
  .gnav.open .spmenu{display:block}
}