/* nav-fix.css  (2025-08-24)
   PC向けのプルダウン総崩れを、既存テンプレそのままのマークアップで確実に復旧するパッチ。
   - いちばん最後に読み込むこと
   - 既存 base.css の .global-nav-in ul { display:table; } が子ULまで当たる問題を打ち消す
*/

@media (min-width: 1024px) {

  /* レイヤー順序：ナビを最前面に */
  .global-nav,
  .global-nav-in {
    position: relative;
    z-index: 5000;
    overflow: visible !important;
  }

  /* 互換：#menu を使っているテーマ向けの安全リセット */
  #menu { display: table !important; width: 100%; table-layout: fixed; }
  #menu > li { display: table-cell !important; position: relative; vertical-align: middle; }

  /* ------- 子ULが table になる不具合を確実に止める ------- */
  .global-nav-in ul ul {
    display: none !important;        /* 初期は非表示 */
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    width: max-content;
    min-width: 240px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-left: 1px solid rgba(0,0,0,.08) !important; /* 親の dotted を打ち消し */
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    border-radius: 8px;
    z-index: 5100;
  }

  /* base.css の .global-nav-in ul の display:table/幅/罫線が
     子ULにも適用されるのを、強いセレクタで上書き */
  .global-nav-in ul ul,
  .global-nav-in ul ul * {
    box-sizing: border-box;
  }
  .global-nav-in ul ul { border-left: 0; width: auto; }
  .global-nav-in ul ul li {
    display: block !important;
    list-style: none;
    border: 0;
    white-space: nowrap;
  }
  .global-nav-in ul ul li a {
    display: block;
    padding: 10px 16px;
    text-decoration: none;
    color: #1a242f;
    background: #fff !important;
    border-right: 0 !important;
    min-height: 0;
    line-height: 1.5;
  }
  .global-nav-in ul ul li a:hover,
  .global-nav-in ul ul li a:focus {
    background: rgba(0,0,0,.05) !important;
    color: #1a242f !important;
  }

  /* 表示トリガー（マウス／キーボード） */
  .global-nav-in li { position: relative; }
  .global-nav-in li:hover   > ul,
  .global-nav-in li:focus-within > ul { display: block !important; }

  /* 第3階層 */
  .global-nav-in ul ul ul {
    top: 0;
    left: 100%;
    margin-left: 4px;
  }
  .global-nav-in ul ul li:hover > ul,
  .global-nav-in ul ul li:focus-within > ul { display: block !important; }

  /* 見た目の統一（弾丸や罫線の混入防止） */
  .global-nav-in ul, .global-nav-in li { list-style: none; }
  .global-nav-in ul ul { background-clip: padding-box; }
  .global-nav-in li > a { cursor: pointer; }

  /* ヒーローなどに隠れないように保険で z-index 調整 */
  .main-image,
  .main-image-in,
  .main-image-in-text,
  .main-image-in-text-cont { position: relative; z-index: 100; }
}

/* モバイルはこのパッチでは触らない（既存挙動を維持） */