﻿/* =========================================================
   user_override.css  (Clean / safe override)  2026-01-24
   Purpose:
   - Only style the LOCAL sub navigation under the page title (#hpb-title).
   - Do NOT touch the global top menu (#hpb-nav) or overall font sizes.
   ========================================================= */

/* ---------- LOCAL sub navigation base (vertical list) ---------- */
#hpb-title ul.subnav-list{
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.6;
  font-size: 110%;      /* governanceold と同等の見やすさ */
}

#hpb-title ul.subnav-list li{
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}

/* Remove any “□ / ■ / ●” markers injected by other CSS */
#hpb-title ul.subnav-list li::marker,
#hpb-title ul.subnav-list li::before,
#hpb-title ul.subnav-list a::before{
  content: "";
  display: none;
}

/* Link appearance */
#hpb-title ul.subnav-list a{
  color: #36588f;
  background: transparent;
  text-decoration: underline;
}

/* ---------- If you want the subnav on ONE LINE, add class "gov-inline" ---------- */
/* Example HTML:
   <ul class="subnav-list gov-inline">
     ...
   </ul>
*/
#hpb-title ul.subnav-list.gov-inline li{
  display: inline-block;
  margin: 0 14px 0 0;
}
#hpb-title ul.subnav-list.gov-inline li + li{
  margin-top: 0;
}
/* =========================================================
   user_override.css (clean)
   Sub navigation (governance / governanceold / chairman)
   - remove bullets / squares
   - left align
   - readable font size
   ========================================================= */

/* サブメニュー：対象を「ページタイトル直下」だけに限定 */
#hpb-title ul.subnav-list.gov-localnav{
  list-style: none !important;
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.6 !important;
}

/* 横並び */
#hpb-title ul.subnav-list.gov-localnav li{
  display: inline-block !important;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
}

/* □・●・番号などのマーカーを完全無効化 */
#hpb-title ul.subnav-list.gov-localnav li::marker{
  content: "" !important;
}
#hpb-title ul.subnav-list.gov-localnav li::before,
#hpb-title ul.subnav-list.gov-localnav a::before{
  content: none !important;
  display: none !important;
}

/* 念のため：#hpb-title 自体が中央寄せにされても戻す */
#hpb-title{
  text-align: left !important;
}

/* =========================================
   governanceold / chairman
   サブメニューを縦・標準サイズに戻す
   ========================================= */


#hpb-title ul.subnav-list.gov-localnav li{
  display: block !important;
  margin: 4px 0 !important;
}

#hpb-title ul.subnav-list.gov-localnav{
  font-size: 18px !important;   /* 16 → 18px で違いがはっきり */
  line-height: 1.5 !important;
}

#hpb-title ul.subnav-list.gov-localnav a{
  font-size: 1em !important;
}

/* =========================================
   governance: □（疑似要素/マーカー）を強制的に消す
   ========================================= */

/* まず ul/li のマーカーを完全無効化 */
#hpb-title ul.subnav-list.gov-localnav,
#hpb-title ul.subnav-list.gov-localnav li{
  list-style: none !important;
  background: none !important;
}

/* 疑似要素で出ている□を消す（これが効くことが多い） */
#hpb-title ul.subnav-list.gov-localnav li::before,
#hpb-title ul.subnav-list.gov-localnav li::after,
#hpb-title ul.subnav-list.gov-localnav a::before,
#hpb-title ul.subnav-list.gov-localnav a::after{
  content: none !important;
  display: none !important;
}

/* 変な左余白が残る場合もあるのでゼロに */
#hpb-title ul.subnav-list.gov-localnav{
  margin: 0 !important;
  padding: 0 !important;
}
#hpb-title ul.subnav-list.gov-localnav li{
  margin: 4px 0 !important;
  padding: 0 !important;
}
#hpb-main ul.subnav-list.gov-localnav li::before,
#hpb-main ul.subnav-list.gov-localnav a::before{
  content: none !important;
  display: none !important;
}

/* =========================================
   HPB由来の background-image（□）を完全除去
   ========================================= */

#hpb-title ul.subnav-list li,
#hpb-title ul.subnav-list.gov-localnav li{
  background-image: none !important;
  background: none !important;
}
