@charset "UTF-8";

/*
Theme Name: NDT2021
Requires at least: WordPress 5.8.1
Requires PHP:
Version: 1.0
*/

/* --- WordPressドロップダウン修正用 --- */

/* ===================================================
   NDT2021: INFOMATION dropdown (final clean set)
   - PC(>=961px)のみ有効
   - #globalNav の overflow-y:auto による見切れを解除
   - 下に少し離してもhoverが切れない（透明ブリッジ）
   - デザイン：枠線なし／薄い影／白を少し透過
   - 文字：左寄せ＋少し余白
   - hover：背景色なし、文字幅ぴったり下線（spanにborder-bottom）
   - アニメーションなし
   =================================================== */

/* 0) 念のため：PC幅でだけドロップダウンを有効化 */
@media (min-width: 961px){

  /* 1) クリップ解除：犯人は #globalNav */
  #globalNav.global-nav{
    overflow: visible;
  }

  /* 2) 親(li)を基準にabsolute配置 */
  #globalNav .header-menu__item.dropdown-parent{
    position: relative;
  }

  /* 3) ドロップダウン本体 */
  #globalNav .header-menu__item.dropdown-parent > .dropdown-menu{
    position: absolute;
    left: 0;
    top: 100%;                /* 基準は親の直下 */
    width: 260px;

    margin: 0;
    padding: 12px 0;
    list-style: none;

    background: rgba(255,255,255,0.92); /* ほんの少し透過 */
    border: 0;
    box-shadow: 0 8px 20px rgba(0,0,0,.10);

    display: none;
    z-index: 1000;
  }

  /* 4) 透明ブリッジ：親とメニューの隙間で消えるのを防ぐ
        「少し下に離したい量」がここ。必要なら 12 を増減 */
  #globalNav .header-menu__item.dropdown-parent > .dropdown-menu::before{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 12px;
    background: transparent;
  }

  /* 5) hover中は表示維持 */
  #globalNav .header-menu__item.dropdown-parent:hover > .dropdown-menu{
    display: block;
  }

  /* 6) リストは左寄せ */
  #globalNav .dropdown-menu > li{
    text-align: left;
  }

  /* 7) クリック領域（行間）はaで確保。背景色は付けない */
  #globalNav .dropdown-menu > li > a{
    display: block;
    padding: 10px 30px;       /* 左寄せしつつ寄せすぎない余白 */
    margin: 0;

    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;

    background: transparent;
  }

  /* hover背景色をテーマが付けてくる場合の打ち消し */
  #globalNav .dropdown-menu > li > a:hover{
    background: transparent;
  }

  /* 8) 下線は「文字(span)」に付ける → 文字が上下に動かない */
  #globalNav .dropdown-menu > li > a .dd-label{
    display: inline-block;            /* 文字幅にフィット */
    line-height: 1.2;
    padding-bottom: 2px;              /* 文字と線の距離 */
    border-bottom: 2px solid transparent; /* 常に確保してガタつき防止 */
  }

  /* hoverで色だけ変える（太さは変えない） */
  #globalNav .dropdown-menu > li > a:hover .dd-label{
    border-bottom-color: #0054a6;
  }

  /* 9) テーマ側の装飾（矢印など）がドロップダウンに混ざる事故を防ぐ
        ※下線はdd-labelで作るので、aの疑似要素は消してOK */
  #globalNav .dropdown-menu a::before,
  #globalNav .dropdown-menu a::after{
    content: none;
    display: none;
  }
}

@media (min-width: 961px){
  /* テーマ側の区切り線が乗っても、レイアウトを変えずに見えなくする */
  #globalNav .dropdown-menu > li,
  #globalNav .dropdown-menu > li > a{
    border-color: transparent !important; /* 幅は残す＝カタカタしない */
    box-shadow: none !important;
    background-image: none !important;
  }
}