/* =====================================================================
   スマホ（〜760px）の上のメニュー：ハンバーガー（2026-10-26 本人指示「メニューがないから、ハンバーガーにして」「スマホ用ね」）
   ボタンは js/hd-menu.js が .hd の中に足す。PC（761px〜）は今までのボタン3つのまま
   ===================================================================== */
.hd-burger { display: none; }
@media (max-width: 760px) {
  .hd .hd-burger {
    display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;
    width: 46px; height: 46px; margin: 0 0 0 auto; padding: 0; border: 3px solid #182987; border-radius: 50%;
    background: #fff; box-shadow: 0 3px 0 #182987; cursor: pointer; position: relative; z-index: 2; flex: none;
  }
  .hd .hd-burger i { display: block; width: 20px; height: 3px; border-radius: 2px; background: #182987; transition: transform .25s, opacity .2s; }
  .hd.is-menu-open .hd-burger i:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .hd.is-menu-open .hd-burger i:nth-child(2) { opacity: 0; }
  .hd.is-menu-open .hd-burger i:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

  /* 閉じているときはメニューを出さない。開くと、帯の下に縦に並べる */
  .hd .hd-nav { display: none !important; }
  .hd.is-menu-open .hd-nav {
    display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important;
    position: absolute; top: 100%; left: 0; right: 0; margin: 0 !important;
    width: auto !important; height: auto !important; padding: 20px 20px 24px !important;
    background: #fff !important; border-radius: 0 !important; box-shadow: 0 10px 18px rgba(24, 41, 135, .18);
    opacity: 1 !important; transform: none !important; pointer-events: auto !important;
  }
  .hd.is-menu-open .hd-nav a { justify-content: center; text-align: center; min-height: 54px; font-size: 16px !important; }
  .hd.is-menu-open .hd-nav > a:first-child { display: flex !important; align-items: center; }
  .hd.is-menu-open .hd-nav .hd-tour { padding-left: 64px !important; padding-right: 22px !important; }
  .hd.is-menu-open .hd-nav .hd-tour::before { width: 46px; }
  .hd.is-menu-open .hd-nav .hd-tour span, .hd.is-menu-open .hd-nav .hd-zemi span { font-size: 16px; }
  .hd.is-menu-open .hd-nav .hd-zemi small { display: block; }
  .hd.is-menu-open .hd-nav .hd-zemi { padding: 8px 22px !important; }
}