/* =========================================================
   nav-common.css — ヘッダー共通スタイル
   WordPress（header.php）と /nobinova14/*.html から共通で読み込む。
   2026-08-26 nobinova.css から切り出し。修正はこのファイル1本で両方に反映される。
   ========================================================= */

/* =========================================================
   3ページ共通：ヘッダーのドロップダウン
   （.header は .nb の外なので個別に指定。テーマの font-size:62.5% を打ち消す）
   ========================================================= */
.nb-hasdrop{position:relative}
.nb-hasdrop>a::after{content:"▾";font-size:12px;margin-left:6px;vertical-align:middle;color:#a2968c}
.nb-drop{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  min-width:280px;background:#fff;border:1px solid #e8e0d5;border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  padding:8px;margin-top:14px;
  opacity:0;visibility:hidden;transition:.2s;z-index:1001;
}
.nb-hasdrop:hover .nb-drop{opacity:1;visibility:visible;margin-top:8px}
.nb-drop::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.nb-drop li{margin:0 !important}
.nb-drop li>a{
  display:block;padding:12px 16px;border-radius:7px;
  font-size:15px !important;line-height:1.5 !important;white-space:nowrap;
  color:#6b5f57 !important;
}
.nb-drop li>a:hover{background:#eef5e9;color:#5c9147 !important;opacity:1}
.nb-drop li+li{border-top:1px solid #f1ece4}

/* スマホメニュー：親の下に子をぶら下げる */
.spnav .nb-sub-list{background:#faf7f2}
.spnav .nb-sub-list>li>a{
  display:block;padding:10px 3% 10px 8%;
  border-top:1px solid #ece4d8;
  font-size:13px;color:#6b5f57;position:relative;
}
.spnav .nb-sub-list>li>a::before{content:"└";margin-right:8px;color:#c9bfb4}

/* スマホメニュー：親ラベル（リンクなし） */
.spnav .nb-sp-parent{
  display:block;padding:10px 3%;font-size:14px;color:#817168;font-weight:bold;
}

/* =========================================================
   フッターPCナビ：項目増による回り込み対策（PCのみ）
   各項目内の文字折り返しを禁止し、行単位で整列させて折り返す
   （margin 方式だと 2 行目先頭に字下げが出るため gap 方式に変更）
   ========================================================= */
@media screen and (min-width: 738px) {
  .footer > div > dl > dd > ul {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 14px 32px;
  }
  .footer > div > dl > dd > ul > li {
    margin-left: 0;
    white-space: nowrap;
  }
}