/**
 * グローバルナビ：下層メニューのホバー領域が狭くなって切れる問題の対策
 *
 * 想定症状:
 * - 画面幅が縮小されたレイアウトで、親メニュー→子メニューへマウス移動中に hover が途切れ、
 *   子メニューが消える/表示領域が切れる
 *
 * 対策:
 * - サブメニューが親ヘッダーの overflow によってクリップされないよう、該当祖先を overflow: visible にする
 * - 親リンク直下に“ホバーの橋(透明領域)”を作り、ポインタ移動の隙間で mouseleave が起きにくいようにする
 */

/* 祖先要素の overflow によるクリップを避ける（必要最小限に nav 周辺へ限定） */
#masthead,
#masthead .hp_bgHeader,
#masthead .ly_header_inner,
#masthead .un_gnavHeaderWrapper,
#masthead .un_gnavHeader {
  overflow: visible;
}

/* 子メニューが前面に出るようにする（z-index は既存CSSと競合するので控えめに） */
#masthead .un_gnavHeader_parentTxt {
  position: relative;
}

/* 親メニュー直下の「透明なホバー領域」を追加して、隙間で hover が切れるのを防ぐ */
@media (min-width: 768px) {
  #masthead .un_gnavHeader_parentTxt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px; /* 隙間がある場合にここを調整 */
    background: transparent;
  }
}

/* 子メニュー自体が確実にクリック/hover 対象になるように */
#masthead .un_gnavHeader_childList {
  pointer-events: auto;
  z-index: 1000;
}