/* ============================================================
   ポータル（chitele.go.jp）のヘッダー／フッターのレイアウトをコミュニティに適用（DENBAK 2026-08-23）
   接頭辞 cps-（chitele portal skin）。数値はポータル common.css の実測値。
   ヘッダーのナビ項目・リンク先（WC navigation.php）は変更せず、見た目だけ合わせる。
   ============================================================ */

/* ---- ヘッダー（WC: .site-header-wrapper > .container > header.site-header） ---- */
.site-header-wrapper{background:#fff;border-bottom:0}
.site-header-wrapper > .container{width:auto;max-width:none;padding:20px 40px}
.site-header-wrapper .site-header{max-width:1360px;margin:0 auto;min-height:0;gap:0;justify-content:space-between;color:#2d323e}
.site-header-wrapper .chitele-site-branding{flex:0 0 auto;width:116px} /* ポータル .title-logo img{width:116px} */
.site-header-wrapper .chitele-navigation{flex:1 1 auto;justify-content:space-between}
.site-header-wrapper .chitele-navigation .buddyx-desktop-menu{width:auto;flex:1 1 auto}
.site-header-wrapper .chitele-primary-menu{justify-content:flex-start;margin-left:35px;line-height:1.4}
.site-header-wrapper .chitele-primary-menu > li{margin:0;padding:0}
.site-header-wrapper .chitele-primary-menu > li + li{margin-left:20px;padding-left:20px;border-left:1px solid #969696}
.site-header-wrapper .chitele-primary-menu > li > a{padding:0;color:#2d323e;font-size:clamp(12px,1.6vw,16px);font-weight:700;text-decoration:none;transition:color .5s;background:none;border:0;border-radius:0}
.site-header-wrapper .chitele-primary-menu > li > a:hover,
.site-header-wrapper .chitele-primary-menu > li.current-menu-item > a{color:#1e6dc1;background:none}
.site-header-wrapper .chitele-primary-menu .chitele-my-page-link{background:none;border:0;padding:0;color:#2d323e}
/* 内閣府ロゴ（ポータル .header-logo: 100x32・左余白25px） */
.site-header-wrapper .chitele-primary-menu > li.chitele-cao-item{margin-left:auto !important;padding-left:25px;border-left:0} /* WC は margin-left:12px !important のため !important で上書き */
.site-header-wrapper .chitele-cao-item .chitele-cao-mark{display:block;width:100px;height:32px;background:url("images/cao-logo.png") no-repeat center/contain;border:0;border-radius:0}
.site-header-wrapper .chitele-cao-item .chitele-cao-mark::before,
.site-header-wrapper .chitele-cao-item .chitele-cao-mark::after{display:none}
.site-header-wrapper .chitele-cao-item > span:not(.chitele-cao-mark){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* DENBAK 2026-08-24: 幅1101〜1300pxでナビがロゴの下へ折り返し内閣府ロゴが切れていた（WC の 1100px 以下はドロワー）。1行に収める */
@media (min-width:1101px) and (max-width:1500px){
  .site-header-wrapper .site-header{flex-wrap:nowrap}
  .site-header-wrapper .chitele-navigation,
  .site-header-wrapper .chitele-navigation .buddyx-desktop-menu{min-width:0}
  .site-header-wrapper .chitele-primary-menu{flex-wrap:nowrap;margin-left:24px}
  .site-header-wrapper .chitele-primary-menu > li > a{font-size:clamp(12px,1.05vw,15px);white-space:nowrap}
  .site-header-wrapper .chitele-primary-menu > li + li{margin-left:clamp(8px,1vw,15px);padding-left:clamp(8px,1vw,15px)}
  .site-header-wrapper .chitele-primary-menu > li.chitele-cao-item{padding-left:16px;flex:0 0 auto}
}
@media (max-width:1000px){
  .site-header-wrapper > .container{padding:2vw 4vw}
}
@media (max-width:768px){
  .site-header-wrapper > .container{padding:3.73vw 5.33vw}
  .site-header-wrapper .chitele-site-branding{width:16.45vw;min-width:60px} /* ポータル SP: 16.45vw */
  .site-header-wrapper .chitele-navigation{flex:0 0 auto}
  /* ハンバーガー（ポータル .sp-menu-button: 上下1本線） */
  .site-header-wrapper .chitele-navigation .menu-toggle{display:block;position:relative;width:6.4vw;min-width:28px;height:2.13vw;min-height:10px;padding:0;margin:0;background:none;border:0;cursor:pointer}
  .site-header-wrapper .chitele-navigation .menu-toggle .chitele-menu-icon{display:none}
  .site-header-wrapper .chitele-navigation .menu-toggle::before,
  .site-header-wrapper .chitele-navigation .menu-toggle::after{content:"";position:absolute;left:0;width:100%;height:0;border-bottom:1px solid #251e1c;transition:transform .5s}
  .site-header-wrapper .chitele-navigation .menu-toggle::before{top:0}
  .site-header-wrapper .chitele-navigation .menu-toggle::after{bottom:0}
}

/* ---- フッター（ポータル .footer） ---- */
.cps-footer{padding:20px 0 0;color:#2d323e;background:#fff}
.cps-footer__inner{max-width:1360px;margin:0 auto}
.cps-footer__head{margin-bottom:30px;padding:20px 40px 37px;border-bottom:1px solid #dee0e4}
.cps-footer__head .cps-footer__inner{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.cps-footer__label{font-family:"Noto Sans CJK JP","Noto Sans JP","Yu Gothic","YuGothic",Meiryo,sans-serif;font-size:clamp(26px,4vw,60px);font-weight:700;line-height:1.28;letter-spacing:.1em;color:#2d323e}
.cps-footer__blue{color:#02a1cd}
.cps-footer__orange{color:#dc362e}
.cps-footer__brand{text-align:left}
.cps-footer__logo{margin:0}
.cps-footer__logo a{display:inline-block;width:fit-content}
.cps-footer__logo img{display:block;width:116px;height:auto}
.cps-footer__office{margin:9px 0 0;font-size:clamp(12px,1.6vw,16px);font-weight:700;color:#2d323e}
.cps-footer__bottom{padding:0 40px 30px}
.cps-footer__menu{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;line-height:1}
.cps-footer__menu a{color:#2d323e;font-size:clamp(12px,1.6vw,16px);text-decoration:none;transition:color .5s}
.cps-footer__menu a::before{content:none}
.cps-footer__menu a + a{margin-left:20px;padding-left:20px;border-left:1px solid #969696}
@media (max-width:1000px){.cps-footer__menu a + a{margin-left:10px;padding-left:10px}}
.cps-footer__menu a:hover{color:#4d98bf;text-decoration:underline}
.cps-footer__copy{margin:25px 0 0;padding:0;color:#4a4a4a;font-size:12px;background:none;text-align:left}
@media (max-width:768px){
  .cps-footer{padding:0}
  .cps-footer__head{padding:6vw 5.33vw 8vw}
  .cps-footer__head .cps-footer__inner{flex-direction:column;align-items:flex-start;gap:5vw}
  .cps-footer__logo img{width:21.33vw} /* ポータル SP: 21.33vw */
  .cps-footer__bottom{padding:0 5.33vw 8vw}
  .cps-footer__menu{flex-direction:column;align-items:flex-start;gap:3.2vw;line-height:1.7}
  .cps-footer__menu a{font-size:3.73vw}
  .cps-footer__menu a + a{margin-left:0;padding-left:0;border-left:0}
  .cps-footer__copy{margin-top:10.13vw;font-size:3.2vw}
}

/* ============================================================
   親テーマ buddyx / WC style.css の打ち消し（2026-08-23 カスケード実測で判明した干渉）
   - buddyx global.min.css: .site-branding img{max-height:64px;width:auto;object-fit:contain} → ロゴが64px高に縮む
   - buddyx: .site-header-wrapper{min-height:51px;padding:5px 0} / .main-navigation a{padding:.5em 1em .5em 0;width:100%}
             .main-navigation .menu{float:left} / .main-navigation{max-width:var(--content-width)}
   - buddyx: .site-footer / .site-info の border-top、.container の固定幅
   - WC: .site-header-wrapper{border-bottom:1px solid} / .main-navigation a{font-size:14px;font-weight:650}
   ============================================================ */
.site-header-wrapper{min-height:0;padding-top:0;padding-bottom:0;border-bottom:0;box-shadow:none}
.site-header-wrapper .chitele-site-branding{display:block;align-items:initial}
.site-header-wrapper .chitele-site-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
.site-header-wrapper .chitele-navigation.main-navigation{max-width:none;clear:none}
.site-header-wrapper .main-navigation .menu{float:none;flex:1 1 auto}
.site-header-wrapper .main-navigation ul#primary-menu-desktop > li > a,
.site-header-wrapper .main-navigation ul#primary-menu-desktop li a{width:auto;display:inline-block;padding:0;color:#2d323e;font-size:clamp(12px,1.6vw,16px);font-weight:700;line-height:1.4}
.site-header-wrapper .main-navigation ul#primary-menu-desktop > li > a:hover,
.site-header-wrapper .main-navigation ul#primary-menu-desktop > li.current-menu-item > a{color:#1e6dc1;background:none;text-decoration:none}
.site-header-wrapper .chitele-primary-menu > li.chitele-cao-item{background:none;padding-top:0;padding-bottom:0;border:0;border-radius:0;gap:0;font-size:0}
.site-footer{border-top:0}
.site-footer .site-footer-wrapper{display:none} /* ウィジェット無しの空枠（余白だけ出る）を消す */
.cps-footer.site-info{border-top:0;background:#fff;color:#2d323e}
.cps-footer__label,.cps-footer__office,.cps-footer__copy{color:#2d323e}

/* ポータル body{font-family:sans-serif;color:#2d323e;line-height:1.7;letter-spacing:.03em} をヘッダー／フッターに適用 */
.site-header-wrapper,.cps-footer{font-family:sans-serif;color:#2d323e;line-height:1.7;letter-spacing:.03em} /* DENBAK 2026-08-29 修正: ポータルの body は font-family:sans-serif。Noto Sans CJK JP を指定していたためフォントが違って見えていた */
.site-header-wrapper .chitele-primary-menu > li > a{letter-spacing:.03em}

/* ヘッダー非固定（保険: JS が has-sticky-header を付けても固定しない） */
.site-header-wrapper.has-sticky-header{position:static !important;box-shadow:none !important;width:auto !important}

/* 2026-08-25: 会員導線を主要5項目＋マイページへ整理し、全幅で安定するヘッダーへ統一。 */
@media (min-width:1101px){
  .site-header-wrapper > .container{padding:18px clamp(24px,2.8vw,40px)}
  .site-header-wrapper .site-header{display:flex;align-items:center;gap:clamp(24px,2.5vw,38px)}
  .site-header-wrapper .chitele-navigation .buddyx-desktop-menu{display:block;width:100%}
  .site-header-wrapper .chitele-primary-menu{display:flex;align-items:center;justify-content:flex-start;gap:0;margin-left:0}
  .site-header-wrapper .chitele-primary-menu > li + li{margin-left:clamp(10px,1.15vw,20px);padding-left:clamp(10px,1.15vw,20px)}
  .site-header-wrapper .main-navigation ul#primary-menu-desktop > li > a,
  .site-header-wrapper .main-navigation ul#primary-menu-desktop li a{min-height:44px;display:inline-flex;align-items:center;font-size:clamp(13px,1.08vw,16px);line-height:1.35;white-space:nowrap}
  .site-header-wrapper .main-navigation ul#primary-menu-desktop > li.chitele-my-page-item > a{min-height:42px;padding:0 16px;border:1px solid #7b8a92;border-radius:999px}
  .site-header-wrapper .chitele-primary-menu > li.chitele-cao-item{margin-left:auto !important;padding-left:clamp(16px,1.7vw,25px)}
}

@media (max-width:1100px){
  .site-header-wrapper > .container{width:100%;padding:14px clamp(18px,4vw,32px)}
  .site-header-wrapper .site-header{min-height:64px;align-items:center;justify-content:space-between;gap:20px}
  .site-header-wrapper .chitele-site-branding{width:clamp(92px,18vw,116px);min-width:92px;flex:0 0 auto}
  .site-header-wrapper .chitele-navigation{flex:0 0 auto}
  .site-header-wrapper .chitele-navigation .menu-toggle{display:block;position:relative;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:6px;background:#fff;cursor:pointer}
  .site-header-wrapper .chitele-navigation .menu-toggle .chitele-menu-icon{display:none}
  .site-header-wrapper .chitele-navigation .menu-toggle::before,
  .site-header-wrapper .chitele-navigation .menu-toggle::after{content:"";position:absolute;left:8px;width:28px;height:0;border-bottom:2px solid #251e1c;transition:transform .2s ease}
  .site-header-wrapper .chitele-navigation .menu-toggle::before{top:15px}
  .site-header-wrapper .chitele-navigation .menu-toggle::after{bottom:15px}
  .site-header-wrapper .chitele-navigation .menu-toggle:focus-visible{outline:3px solid #147f9e;outline-offset:3px}
  .site-header-wrapper .buddyx-mobile-menu .chitele-primary-menu{margin-left:0}
  .site-header-wrapper .buddyx-mobile-menu .chitele-primary-menu > li + li{margin-left:0;padding-left:0;border-left:0}
  .site-header-wrapper .buddyx-mobile-menu .chitele-primary-menu > li.chitele-cao-item{padding-left:0}
}
/* DENBAK 2026-08-25: グロナビのログアウト（マイページの隣） */
.site-header-wrapper .chitele-primary-menu .chitele-logout-link{display:inline-block;padding:6px 14px;border:1px solid #b0b8bf;border-radius:999px;color:#2d323e;font-size:clamp(12px,1.4vw,14px);font-weight:700;text-decoration:none;line-height:1.2;transition:background .3s,border-color .3s}
.site-header-wrapper .chitele-primary-menu .chitele-logout-link:hover{border-color:#1e6dc1;color:#1e6dc1;background:none}

/* ============================================================
   フェーズ1: フォント・文字色・行間をポータルへ統一（DENBAK 2026-08-29）
   親テーマ buddyx は _custom-properties.css の CSS変数を全スタイルが参照するため、
   個別セレクタではなく変数そのものを差し替える。値はポータル
   themes/chitele/assets/scss/_variables.scss ＋ common.scss の実測値。
   戻す時は本ブロックを削除（バックアップ .memo/backup/260829_portal-chrome.css.bak）。
   ============================================================ */
:root {
  /* ポータル common.scss: body は sans-serif、見出し・パーツは Zen Kaku Gothic New。
     Web フォントは chitele-portal-chrome.php で読み込む（ポータル header.php と同じ指定）。 */
  --global-font-family: sans-serif;
  --highlight-font-family: "Zen Kaku Gothic New", sans-serif;
  --global-font-line-height: 1.7;
  /* ポータル _variables.scss: $text-color: #2D323E */
  --global-font-color: #2d323e;
}

/* 変数を持たない指定はポータルの body に合わせる。
   BuddyPress の管理バー・エディタには影響させないため body 直下に限定する。 */
body {
  letter-spacing: .03em;
  word-break: break-all;
}

/* 見出しは親テーマが個別の色変数を持つため、本文色に揃える */
:root {
  --color-h1: #2d323e;
  --color-h2: #2d323e;
  --color-h3: #2d323e;
  --color-h4: #2d323e;
  --color-h5: #2d323e;
  --color-h6: #2d323e;
  --color-site-title: #2d323e;
}

/* 見出し・ボタン・ラベルはポータルと同じ Zen Kaku Gothic New を使う
   （ポータル common.scss で見出し系に指定されているのと同じ扱い） */
.chitele-wrap h1, .chitele-wrap h2, .chitele-wrap h3, .chitele-wrap h4,
.chitele-pagetitle, .chitele-kicker,
.mag-card-title, .article-title, .article-type-label,
.hub-card-title, .event-card-title,
.site-header-wrapper .chitele-primary-menu > li > a {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

/* ============================================================
   フェーズ2: リンク・メニュー・見出しの色をポータルへ統一（DENBAK 2026-08-29）
   親テーマ buddyx の既定は赤系（#ef5455 / #ee4036）。ポータルは青 #1e6dc1。
   ============================================================ */
:root {
  /* ポータル _variables.scss: $accent-primary: #1e6dc1 / $accent-tertiary: #1E6DC1 */
  --color-theme-primary: #1e6dc1;
  --color-theme-loader: #1e6dc1;
  --color-theme-secondary: #1e6dc1;

  /* 本文リンクは本文色、ホバーでポータルの青へ */
  --color-link: #2d323e;
  --color-link-hover: #1e6dc1;
  --color-link-active: #1e6dc1;

  /* グローバルメニュー */
  --color-menu: #2d323e;
  --color-menu-hover: #1e6dc1;
  --color-menu-active: #1e6dc1;
  --color-site-title-hover: #1e6dc1;

  --color-subheader-title: #2d323e;
}

/* ============================================================
   フェーズ3: ボタン等の bx トークンをポータル色へ統一（DENBAK 2026-08-29）
   親テーマは button に var(--bx-color-button-bg, var(--bx-color-accent, #ef5455)) を当てる。
   --bx-color-button-* が未定義だとフォールバックの赤 #ef5455 が出るため、ここで定義する。
   ============================================================ */
:root {
  --bx-color-accent: #1e6dc1;
  --bx-color-button-bg: #1e6dc1;
  --bx-color-button-bg-hover: #017da0;
  --bx-color-button-border: #1e6dc1;
  --bx-color-button-border-hover: #017da0;
  --bx-color-button-fg: #ffffff;
  --bx-color-button-fg-hover: #ffffff;
  --bx-color-menu-hover: #1e6dc1;
  --bx-color-site-title-hover: #1e6dc1;

  /* 子テーマ独自の青もポータル基準へ寄せる */
  --chitele-blue: #1e6dc1;
  --chitele-blue-dark: #017da0;
  --chitele-ink: #2d323e;
}

/* ============================================================
   フェーズ4: フッターをポータル実値へ（DENBAK 2026-08-29）
   出典: themes/chitele/assets/scss/common.scss L685-825
   （.footer / .footer-inner / .footer-label / .footer-head / .title-logo /
     .footer-text / .copy / .footer-menu / .footer-bottom）
   ============================================================ */
.cps-footer{padding:20px 0}
.cps-footer__head .cps-footer__inner{gap:0}
.cps-footer__label{font-family:"Zen Kaku Gothic New",sans-serif}
.cps-footer__orange{color:#e46c56} /* .footer-label 内だけオレンジが上書きされる（common.scss L728） */
/* ポータル .title-logo: 右寄せ・中央揃え・実寸230px */
.cps-footer__logo{display:flex;flex-flow:column;width:fit-content;margin-left:auto;text-align:center}
.cps-footer__logo a{margin-left:auto}
.cps-footer__logo img{width:116px} /* 本番 .title-logo img{width:116px}（実測） */
.cps-footer__bottom{padding:0 40px}

@media (max-width:768px){
  .cps-footer{padding:0}
  .cps-footer__head{margin-bottom:8vw;padding:8vw 5.87vw 8vw}
  .cps-footer__head .cps-footer__inner{display:block}
  .cps-footer__label{margin-bottom:10.67vw;font-size:9.6vw}
  .cps-footer__logo img{width:21.33vw}
  .cps-footer__office{font-size:3.2vw;text-align:right}
  .cps-footer__bottom{padding:0 40px 8vw} /* 左右はポータル実測どおり40px。下 8vw のみコミュニティ用に残す（ポータルは FAB があるため 0） */
  .cps-footer__copy{margin-top:10.13vw;font-size:3.2vw}
}

/* フッターリンクは親テーマ bx-tokens-applied.css の
   `.site-footer .site-info a`（詳細度0,2,1・color:#111 と text-decoration:underline）に負けていた。
   トークンを定義しつつ、同じ詳細度で打ち消してポータル（下線なし・ホバーで#1e6dc1）に合わせる。 */
:root{
  --bx-color-copyright-link: #2d323e;
  --bx-color-copyright-link-hover: #1e6dc1;
  --bx-color-copyright-fg: #2d323e;
  --bx-color-copyright-bg: #ffffff;
  --bx-color-footer-fg: #2d323e;
  --bx-color-footer-bg: #ffffff;
}
.site-footer .cps-footer__menu a,
.cps-footer.site-info .cps-footer__menu a{color:#2d323e;text-decoration:none;text-underline-offset:auto}
.site-footer .cps-footer__menu a:hover,
.cps-footer.site-info .cps-footer__menu a:hover{color:#4d98bf;text-decoration:none}
/* 親テーマ .site-info{text-align:center} の打ち消し（ポータルのフッターは左揃え） */
.cps-footer,.cps-footer__head,.cps-footer__bottom,.cps-footer__label,.cps-footer__menu{text-align:left}
.cps-footer__logo{text-align:center}

/* ============================================================
   フェーズ5: ヘッダーをポータル実測値へ（DENBAK 2026-08-29）
   本番 www.chitele.go.jp をブラウザで実測（ビューポート1757px）:
     .header{padding:20px 40px}／ヘッダー高さ133px／ロゴ img 116×93
     .header-menu-list a{font-size:16px;font-weight:700;color:#2d323e;font-family:sans-serif;text-decoration:none}
     li+li{margin-left:20px;padding-left:20px;border-left:1px solid #969696}
     内閣府ロゴ 100×33（inner 右端 1551px に右揃え）
   ============================================================ */
@media (min-width:1101px){
  .site-header-wrapper > .container{padding:20px clamp(24px,2.8vw,40px)} /* ポータルは 20px 40px */
}
/* ポータルのグローバルメニューは body 継承の sans-serif（Zen Kaku Gothic New ではない） */
.site-header-wrapper .chitele-primary-menu > li > a{font-family:sans-serif}

/* SP（768px以下）: ポータル本番の実測に合わせる（ビューポート390pxで計測）
   .header{padding:3.73vw 5.33vw}／高さ81px／ロゴ img 16.45vw（64px）／
   .sp-menu-button は 25×8px でコンテンツ右端に揃う。
   タップ領域 44×44 はアクセシビリティのため維持し、線だけ右端へ寄せる。 */
@media (max-width:768px){
  .site-header-wrapper > .container{padding:3.73vw 5.33vw}
  .site-header-wrapper .chitele-site-branding{width:16.45vw;min-width:0}
  .site-header-wrapper .chitele-navigation .menu-toggle::before,
  .site-header-wrapper .chitele-navigation .menu-toggle::after{left:auto;right:0;width:25px}
  .site-header-wrapper .chitele-navigation .menu-toggle::before{top:18px}
  .site-header-wrapper .chitele-navigation .menu-toggle::after{bottom:18px}
}
/* max-width:1100px ブロックの min-height:64px がポータル（52px＝ロゴ高）より高くなるため解除 */
@media (max-width:768px){
  .site-header-wrapper .site-header{min-height:0}
}

/* SP ヘッダーの内閣府ロゴ（ポータル .header-logo{width:19.89vw} / .header-contents+.header-contents{gap:5.44vw}）。
   PC はメニュー内の .chitele-cao-item をそのまま使うため、こちらは非表示。 */
.chitele-cao-header{display:none}
@media (max-width:768px){
  .site-header-wrapper .chitele-navigation{display:flex;align-items:center;gap:calc(5.44vw - 19px)} /* ポータルの gap は 5.44vw。こちらの menu-toggle は 44px タップ領域（線は右端25px）なので、その差 19px を引いて内閣府ロゴの右端をポータルと同じ位置にする */
  .site-header-wrapper .chitele-navigation .chitele-cao-header{display:block;flex:0 0 auto;width:19.89vw;aspect-ratio:200/65;background:url("images/cao-logo.png") no-repeat center/contain}
  .site-header-wrapper .buddyx-mobile-menu .chitele-cao-item{display:none !important} /* style.css L1521 が display:flex !important のため !important で打ち消す */
}

/* ============================================================
   フェーズ6: 共通パーツ — ポータルの汎用ボタン .button-01 を取り込む（DENBAK 2026-08-29）
   本番 common.css 実測:
     .button-01{display:block;padding:16px 8px;background:#fff;border:1px solid #1e6dc1;border-radius:50px;
                color:#1e6dc1;font-weight:bold;text-align:center;text-decoration:none;line-height:1.7;transition:transform .3s}
     .button-01:hover{transform:scale(1.05,1.05);background:#1e6dc1;color:#fff}
   ============================================================ */
.button-01{display:block;padding:16px 8px;background:#fff;border:1px solid #1e6dc1;border-radius:50px;color:#1e6dc1;font-weight:700;text-align:center;text-decoration:none;line-height:1.7;transition:transform .3s}
.button-01:hover{transform:scale(1.05,1.05);background:#1e6dc1;color:#fff}

/* ヘッダーのマイページ／ログアウトを button-01 の配色へ（従来はグレー枠 #7b8a92 ／ #61717b・黒文字）。
   ヘッダー内で拡大すると隣とぶつかるため、scale は付けず色の反転だけにする。
   PC側は同ファイル上部の id 付きセレクタ（詳細度1,4,1）に勝つため同じ形で書く。 */
@media (min-width:1101px){
  .site-header-wrapper .main-navigation ul#primary-menu-desktop > li.chitele-my-page-item > a,
  .site-header-wrapper .main-navigation ul#primary-menu-desktop > li.chitele-logout-item > a{border:1px solid #1e6dc1;border-radius:50px;background:#fff;color:#1e6dc1;transition:background-color .3s,color .3s}
  .site-header-wrapper .main-navigation ul#primary-menu-desktop > li.chitele-my-page-item > a:hover,
  .site-header-wrapper .main-navigation ul#primary-menu-desktop > li.chitele-logout-item > a:hover{background:#1e6dc1;color:#fff}
}
@media (max-width:1100px){
  .site-header-wrapper .main-navigation ul#primary-menu .chitele-my-page-link,
  .site-header-wrapper .main-navigation ul#primary-menu .chitele-logout-link{border:1px solid #1e6dc1;border-radius:50px;background:#fff;color:#1e6dc1;transition:background-color .3s,color .3s}
  .site-header-wrapper .main-navigation ul#primary-menu .chitele-my-page-link:hover,
  .site-header-wrapper .main-navigation ul#primary-menu .chitele-logout-link:hover{background:#1e6dc1;color:#fff}
}

/* ============================================================
   フェーズ7: ヘッダーをポータルのマークアップごと移植（DENBAK 2026-08-29）
   出力: header.php ＋ template-parts/header/portal.php ／ portal-sp.php
   CSS の出典: 本番 https://www.chitele.go.jp/wp-content/themes/chitele/assets/css/common.css
   クラス名はポータルと同名（.header-inner / .header-contents / .title-logo /
   .header-menu-list / .header-logo / .sp-menu-button / .header-menu-list-sp / .button-01）。
   親テーマ・BuddyPress に同名クラスが無いことを grep で確認済み。
   これ以降が有効で、上のフェーズ1〜6にある .chitele-primary-menu 系の指定は
   要素そのものが無くなったため効かない（残置）。
   ============================================================ */
.site-header-wrapper{padding:0;min-height:0;border:0;box-shadow:none;background:#fff}
#masthead.site-header.header{display:block;width:auto;max-width:none;padding:20px 40px;background:#fff}
@media (max-width:1000px){#masthead.site-header.header{padding:2vw 4vw}}
@media (max-width:768px){#masthead.site-header.header{padding:3.73vw 5.33vw;position:relative;z-index:9999}}

.header-inner{display:flex;justify-content:space-between;max-width:1360px;margin:auto}
@media (max-width:768px){.header-inner{position:relative;align-items:flex-start;z-index:9999}}
.header-contents{display:flex;align-items:center}
@media (max-width:768px){.header-contents{position:relative;z-index:99999}}
@media (max-width:768px){.header-contents + .header-contents{align-items:flex-end;gap:5.44vw}}

/* ロゴ（ポータル .title-logo img{width:116px} / SP 16.45vw） */
.title-logo{margin:0}
.title-logo a{position:relative;display:flex;flex-flow:column;width:fit-content;color:#2d323e;text-decoration:none;transition:.5s;z-index:9999}
.title-logo a:hover{opacity:.5}
.title-logo img{display:block;width:116px;height:auto;max-height:none;object-fit:initial}
@media (max-width:768px){.title-logo img{width:16.45vw}}

/* PC グローバルメニュー */
.header-menu-list-nav{display:block}
@media (max-width:768px){.header-menu-list-nav{display:none}}
.header-menu-list{display:flex;align-items:center;margin:0 0 0 35px;padding:0;list-style:none;line-height:1.4}
@media (max-width:1000px){.header-menu-list{margin-left:3.5vw}}
.header-menu-list > li{margin:0;padding:0}
.header-menu-list > li::before{content:none}
.header-menu-list > li + li{margin-left:20px;padding-left:20px;border-left:1px solid #969696}
@media (max-width:1000px){.header-menu-list > li + li{margin-left:1vw;padding-left:1vw}}
.header-menu-list > li > a{color:#2d323e;font-size:clamp(12px,1.6vw,16px);font-weight:700;text-decoration:none;transition:color .5s;white-space:nowrap}
.header-menu-list > li > a:hover{color:#1e6dc1}
.header-menu-list > li.current-menu-item > a{color:#1e6dc1}
/* マイページ／ログアウトはポータルに無いコミュニティ固有の導線。ポータルの button-01 を小さくして使う */
.header-menu-list > li.--btn > a.button-01{padding:16px;font-size:clamp(12px,1.6vw,16px);line-height:1;white-space:nowrap;color:#1e6dc1;background:#fff;border:1px solid #1e6dc1;border-radius:50px;font-weight:700;text-align:center;text-decoration:none;transition:transform .3s,background-color .3s,color .3s} /* 文字色は .header-menu-list > li > a{color:#2d323e}（詳細度0,2,1）に負けるのでここで明示する */
.header-menu-list > li.--btn > a.button-01:hover{transform:scale(1.05,1.05);background:#1e6dc1;color:#fff}
/* ボタン化した項目は背が高く、border-left だと罫線がボタンの高さぶん伸びる。
   罫線は疑似要素にして他の項目と同じ高さ（1.4em）に揃える。 */
.header-menu-list > li.--btn{position:relative;border-left:0}
.header-menu-list > li.--btn::before{content:"";position:absolute;left:0;top:50%;width:1px;height:1.4em;margin-top:-.7em;background:#969696}
.header-menu-list > li.--btn + li.--btn::before{content:none}
.header-menu-list > li.--btn + li.--btn{border-left:0;margin-left:10px;padding-left:10px} /* マイページ／ログアウトの間は罫線なし・間隔は他の半分（20px+20px → 10px+10px） */
@media (max-width:1000px){.header-menu-list > li.--btn + li.--btn{margin-left:.5vw;padding-left:.5vw}}

/* 内閣府ロゴ（ポータル .header-logo{margin-left:25px} / SP 19.89vw） */
.header-logo{width:100px;margin-left:25px} /* cao-logo.png は 200×65。ポータルの表示実測は 100×32.5 なので幅を明示する */
@media (max-width:1000px){.header-logo{margin-left:15px}}
@media (max-width:768px){.header-logo{width:19.89vw;margin-left:0}}
.header-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}

/* ハンバーガー（ポータル .sp-menu-button: 6.4vw×2.13vw の2本線／is-open で×） */
.sp-menu-button{position:relative;display:none;width:6.4vw;height:2.13vw;margin-bottom:2px;cursor:pointer;z-index:9999}
@media (max-width:768px){.sp-menu-button{display:block}}
.sp-menu-button::before,
.sp-menu-button::after{content:"";position:absolute;left:0;display:block;width:100%;height:1px;border-bottom:1px solid #251e1c;transition:transform .5s,border-bottom .5s}
.sp-menu-button::before{top:0}
.sp-menu-button::after{bottom:0}
.sp-menu-button:hover::before,
.sp-menu-button:hover::after{border-bottom:1px solid #1e6dc1}
.sp-menu-button.is-open::before{top:0;bottom:0;margin:auto;transform:rotate(25deg)}
.sp-menu-button.is-open::after{top:0;bottom:0;margin:auto;transform:rotate(-25deg)}
.sp-menu-button:focus-visible{outline:3px solid #147f9e;outline-offset:6px}

/* SPメニュー本体（ポータルは top:--header-height と書かれていて var() が抜けているため、
   ここでは var(--header-height) を使い fixed で敷く。高さの算出は portal-header.js） */
.header-menu-list-nav-sp{display:none}
@media (max-width:768px){.header-menu-list-nav-sp{display:block}}
.header-menu-list-sp{position:fixed;left:0;top:var(--header-height,0px);width:100%;height:calc(100dvh - var(--header-height,0px));margin:0;padding:0 8vw 8vw;background:#fff;z-index:9998;list-style:none;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .5s ease,visibility 0s linear .5s}
.header-menu-list-sp.is-show{visibility:visible;opacity:1;transition:opacity .5s ease}
.header-menu-list-sp li{margin:0;padding:0}
.header-menu-list-sp li::before{content:none}
.header-menu-list-sp li + li{border-top:1px solid #dee0e4}
.header-menu-list-sp li.--btn + li.--btn{border-top:0}
.header-menu-list-sp li a{position:relative;display:block;padding:4vw 13.87vw 4vw 0;color:#2d323e;text-decoration:none}
.header-menu-list-sp li a:hover{background-color:#ecfbfc;transition:background-color .5s}
.header-menu-list-sp li a span{display:block}
.header-menu-list-sp li a span.sp-menu-main{position:relative;font-size:6.4vw;font-weight:700;line-height:1.4}
.header-menu-list-sp li a span.sp-menu-main::after{content:"";position:absolute;top:.53vw;bottom:0;right:-13.87vw;display:block;width:4.54vw;height:3.29vw;margin:auto;background:url("images/arrow_01.png") no-repeat;background-size:contain}
.header-menu-list-sp li a span.sp-menu-sub{font-size:3.73vw;line-height:1.7}
/* マイページ／ログアウトは SP では左右に2つ並べる（ポータルは縦積みだが項目数が違うため）。
   grid にして通常項目は全幅、--btn だけ半分ずつにする（inline-block だと改行の空白が隙間になる）。 */
.header-menu-list-sp{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:2.67vw}
.header-menu-list-sp > li{grid-column:1 / -1}
.header-menu-list-sp > li.--btn{grid-column:span 1;border-top:0}
.header-menu-list-sp li.--btn a.button-01{width:100%;margin:10.67vw 0 0;padding:3.47vw;font-size:4.27vw;color:#1e6dc1;background:#fff;border:1px solid #1e6dc1;border-radius:50px;font-weight:700;text-align:center;line-height:1}
.header-menu-list-sp li.--btn a.button-01:hover{transform:scale(1.05,1.05);background:#1e6dc1;color:#fff}

/* メニューを開いている間は背面をスクロールさせない。
   ポータルは .is-fixed{position:fixed;width:100%} だが、ここでは position:fixed を使わない。
   ログイン中は管理バー #wpadminbar が position:absolute のため、html を fixed にすると
   管理バーの包含ブロックが html に変わり、html の margin-top（46px）ぶん下へずれて
   サイトのヘッダーと重なってしまう（＝メニューに管理バーが被る）。
   代わりに overflow:hidden で止め、スクロール位置は portal-header.js が保存・復元する。 */
@media (max-width:768px){.is-fixed{overflow:hidden;height:100dvh}}

/* ポータルの .button-02（button-01 の右端にPDFアイコン）。本番 common.css の実値をそのまま移植。
   アイコン images/icon_02.svg も本番から取得して配置した。 */
.button-02{position:relative;display:block;padding:16px 8px;background:#fff;border:1px solid #1e6dc1;border-radius:50px;color:#1e6dc1;font-weight:700;text-align:center;text-decoration:none;line-height:1;transition:transform .3s}
.button-02::after{content:"";position:absolute;top:0;bottom:0;right:30px;display:block;width:16px;height:18px;margin:auto;background:url("images/icon_02.svg") no-repeat;background-size:contain}
.button-02:hover{transform:scale(1.05,1.05);background:#1e6dc1;color:#fff}
.button-02:hover::after{filter:brightness(0) invert(1)}

/* ============================================================
   フェーズ8: ページ構造をポータルに統一（DENBAK 2026-08-29）
   ポータルはどの下層ページも
     <main class="main"><section class="section"><div class="inner">
       <p class="page-content-title-sub">…</p><h1 class="content-title">…</h1>
   本番 common.css の実値:
     .inner{max-width:1200px;margin:auto} / .main{padding:30px 0 40px}（SP 0）
     .section{padding:40px 40px}（SP 6.67vw 5.33vw）
     .content-title{Zen Kaku Gothic New / clamp(30px,3.69vw,48px) / bold / line-height:1.4 /
                    letter-spacing:.03em / margin-top:15px / display:inline-block}（SP 8.53vw）
     .page-content-title-sub{color:#1e6dc1;font-weight:bold}（SP 3.73vw）
   ============================================================ */
/* 親テーマの .container は 992px以上で width:970px 固定。幅は .inner で決めるので外す */
#page > .container{width:auto;max-width:none;padding:0}

main.main{padding:30px 0 40px}
@media (max-width:768px){main.main{padding:0}}
.section{padding:40px 40px}
@media (max-width:768px){.section{padding:6.67vw 5.33vw}}
.inner{max-width:1200px;margin:auto}

/* 旧 .chitele-wrap の幅と余白は .inner / .section に移す。
   style.css に `.chitele-wrap 子孫` の指定が20箇所あるためクラス自体は残す */
main.chitele-wrap{max-width:none;margin:0} /* padding は書かない。ここで padding:0 にすると同詳細度で後勝ちして main.main{padding:30px 0 40px} を打ち消してしまう（上下の余白が消える） */
.chitele-wrap--narrow{max-width:none}

.page-content-title-sub{margin:0;color:#1e6dc1;font-weight:700;line-height:1.7;letter-spacing:.03em}
@media (max-width:768px){.page-content-title-sub{font-size:3.73vw}}
.content-title{display:inline-block;margin:15px 0 0;font-family:"Zen Kaku Gothic New",sans-serif;font-size:clamp(30px,3.69vw,48px);font-weight:700;line-height:1.4;letter-spacing:.03em;color:#2d323e}
@media (max-width:768px){.content-title{font-size:8.53vw}}
.page-lead{margin:27px 0 0;color:#2d323e;line-height:1.9}
@media (max-width:768px){.page-lead{margin-top:5.33vw}}

/* ページごとにバラバラだった見出しの幅・サイズ指定（style.css の7系統）を解除 */
.chitele-pagehead{margin-bottom:40px}
@media (max-width:768px){.chitele-pagehead{margin-bottom:8vw}}
.hub-pagehead,.talk-pagehead,.event-pagehead,.magazine-pagehead,
.office-news-pagehead,.member-pagehead,.member-single-pagehead{max-width:none}

/* 詳細ページ（single-*）をポータルのニュース詳細 /news/20260619-2/ に合わせる。
   ポータルは .inner が 1200px のままで、見出しと head-back はその幅。
   本文（本番 single.css の .news）だけが max-width:1040px;margin:0 auto。
   ＝ 見出しは幅広・その下の本文が狭い。ここでは本文ラッパーを .detail-inner として同じ扱いにする。 */
.detail-inner{max-width:1040px;margin:0 auto}

/* 一覧へ戻るリンク（ポータル common.css の .head-back をそのまま移植）。
   下線がホバーで左から伸びる。左のアイコンは本番の arrow_06.png（18×15.5px）。 */
.head-back{position:relative;display:inline-block;padding-left:31px;margin-bottom:50px;color:#1e6dc1;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;text-decoration:none;background-image:linear-gradient(#1e6dc1,#1e6dc1);background-repeat:no-repeat;background-position:bottom right;background-size:0 1px;transition:background-size .3s}
.head-back::before{content:"";position:absolute;top:0;bottom:0;left:0;display:block;width:18px;height:15.5px;margin:auto;background:url("images/arrow_06.png") no-repeat;background-size:contain}
.head-back:hover{background-position:bottom left;background-size:100% 1px;color:#1e6dc1}
@media (max-width:768px){.head-back{font-size:14px;margin-bottom:8vw}}

/* 本文のフォントが Inter になっていた原因の修正（DENBAK 2026-08-29）。
   テーマの theme.json が wp_head に global-styles-inline-css を出しており、
   `body{font-family:var(--wp--preset--font-family--inter)}` と `h1〜h3{… inter …}` が
   `--global-font-family` の差し替えを飛び越えて効いていた（portal-chrome.css の方が後に読まれるので勝てる）。
   ポータルの body は font-family:sans-serif、見出しに固有指定は無い。 */
body{font-family:sans-serif}
h1,h2,h3,h4,h5,h6{font-family:sans-serif;letter-spacing:.03em}

/* パンくず（ポータル common.css の .breadcrumb / .breadcrumb-sp / .breadcrumb-list をそのまま移植）。
   PC はヘッダー直後に .breadcrumb、SP は main の後に .breadcrumb-sp（PC用は SP で非表示）。
   幅は .inner（1200px）で決まる。区切りは45度の線。 */
.breadcrumb{padding:0 40px}
@media (max-width:768px){.breadcrumb{display:none}}
.breadcrumb-sp{display:none}
@media (max-width:768px){.breadcrumb-sp{display:block;padding:0 5.87vw}}
.breadcrumb-list{margin:0;padding:0;list-style:none;font-size:12px}
@media (max-width:768px){.breadcrumb-list{font-size:3.2vw}}
.breadcrumb-list > li{display:inline;color:#2d323e}
.breadcrumb-list > li::before{content:none}
.breadcrumb-list > li.current{color:#4a4a4a}
.breadcrumb-list > li + li{position:relative;margin-left:1em}
.breadcrumb-list > li + li::before{content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;margin:-.1em 1.2em 0 0;background-image:linear-gradient(-45deg,transparent calc(50% - 1px),#1e6dc1 calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}
.breadcrumb-list > li > a{color:#2d323e;text-decoration:none;transition:color .5s}
.breadcrumb-list > li > a:hover{color:#1e6dc1}

/* 見出しはポータルと同じく .inner 直下に置く（chitele-pagehead のラッパーは撤去済み）。
   ポータルは見出しの下の余白を本文側が持つ（例: /news/ の .news{margin:60px auto 0}／SP 10.67vw）。 */
/* BuddyPress ページは .inner の中に #buddypress が挟まるため、直下（>）で書くと効かない。
   見出しクラスは他で使わないので子孫セレクタにする。 */
.content-title + *:not(.page-lead),
.page-lead + *{margin-top:60px}
@media (max-width:768px){
  .content-title + *:not(.page-lead),
  .page-lead + *{margin-top:10.67vw}
}

/* お知らせ一覧をポータル /news/ と同じに（本番 news.css をそのまま移植）。
   日付を左（115px）・タイトルを右、右端に矢印、hover で #ECFBFC、行間は 1px の罫線。
   バッジ（重要／要確認／対応要／期限終了）と期限はコミュニティ固有なのでタイトル内に残す。 */
.news{margin:60px auto 0;max-width:1040px}
@media (max-width:768px){.news{margin-top:10.67vw}}
.news-item{display:flex;padding:30px;text-decoration:none;color:#2d323e;transition:background-color .5s}
@media (max-width:768px){.news-item{display:block;padding:6.67vw 0}}
.news-item:hover{background-color:#ecfbfc;color:#2d323e}
.news-item .news-date{margin-top:3px;color:#1e6dc1;font-size:14px;font-weight:700;flex:0 0 115px}
@media (max-width:768px){.news-item .news-date{margin-top:0;font-size:3.2vw}}
.news-item .news-title{position:relative;margin:0;padding-right:115px;font-family:sans-serif;font-size:18px;font-weight:400;line-height:1.7;letter-spacing:.03em;color:#2d323e;flex:1}
@media (max-width:1300px){.news-item .news-title{padding-right:8.85vw}}
@media (max-width:768px){.news-item .news-title{padding-right:11.47vw;font-size:3.73vw}}
.news-item .news-title::after{content:"";position:absolute;top:0;bottom:0;right:0;display:block;width:24px;height:17px;margin:auto;background:url("images/arrow_01.png") no-repeat;background-size:contain}
@media (max-width:768px){.news-item .news-title::after{width:4.54vw;height:3.29vw}}
.news-items + .news-items{border-top:1px solid #dee0e4}
.news-item .news-deadline{display:block;margin-top:6px;color:#51585f;font-size:13px}
/* 事務局からのお知らせ下部のサポート枠も、一覧（.news）と同じ 1040px 幅に揃える */
.office-news-support-grid{max-width:1040px;margin-left:auto;margin-right:auto}

/* 事務局からのお知らせ詳細をポータル /news/20260619-2/ に合わせる（本番 single.css を移植）。
   一覧の .news（div）と詳細の .news（article）でマージンが違うのでタグで分ける。 */
article.news{max-width:1040px;margin:0 auto}
article.news .title-01{margin:0;font-size:clamp(22px,2.46vw,32px);font-weight:700;line-height:1.7;letter-spacing:.03em;color:#2d323e} /* 本番実測 54/32=1.69＝body の 1.7。theme.json が h1 に line-height:1.2 を当てるので明示する */
@media (max-width:768px){article.news .title-01{font-size:24px}}
article.news .date{margin-top:20px;color:#1e6dc1;font-size:14px;font-weight:700}
.news-main h2{position:relative;margin-top:80px;padding-left:25px;border-left:4px solid #217cb7;font-size:26px;font-weight:700;line-height:1}
@media (max-width:768px){.news-main h2{font-size:20px}}
.news-main h3{margin-top:15px;color:#1e6dc1;font-size:18px;font-weight:700;line-height:1.8}
.news-main p{margin-top:10px;line-height:2}
.news-main h2 + p{margin-top:15px}
.news-main p + h3,
.news-main p + p{margin-top:30px}
.news-main .wp-block-image{margin:50px 0}
.news-main .wp-block-image img{width:100%}
.news-main .wp-element-caption{margin-top:10px;font-size:14px}
.news-main a{color:#000;transition:color .5s}
.news-main a:hover{color:#1e6dc1}
.news-return{margin-top:80px;text-align:center} /* 本番実測 80px */
.news-return .button-01{display:inline-block;min-width:320px}
@media (max-width:768px){.news-return .button-01{min-width:0;width:100%}}

/* BuddyPress ページ（メンバーリスト等）だけ、親テーマのサイドバー用グリッド
   （.container を display:grid / grid-template-columns:3fr 260px にし、.site-main を2列目に置く）が
   効いて main の幅と余白が他ページとズレていた。サイドバーは buddypress.php で出力を止めたので、
   グリッドも解除して他ページと同じ全幅にする。 */
#page > .container{display:block !important;width:auto;max-width:none;padding:0}
#page > .container > .site-main,
#page > .container > main#primary{grid-column:auto !important;min-width:0}

/* メンバーリストだけ .member-directory-v2{width:min(1280px,calc(100% - 48px))} で
   .inner（1200px）より広く、左右にも別の余白が入っていた。幅は .inner に任せる。 */
#buddypress.member-directory,
#buddypress.member-directory-v2{width:auto;max-width:none;margin:0;padding:0}

/* BuddyPress ページに挟まる親テーマのラッパーは余白を持たせない */
.inner > .entry-content{margin:0;padding:0}

/* メンバーリストは見出しの次が SP 用の絞り込みボタン（PC では display:none）なので
   `.content-title + *` の 60px が効かない。実際に表示される一覧側に付ける。 */
#buddypress .member-directory-layout{margin-top:60px}
@media (max-width:768px){#buddypress .member-directory-layout{margin-top:10.67vw}}
/* BuddyPress ページだけ .container の中に .site-wrapper が挟まり margin:32px 0 を持っていた。
   ブラウザ実測: breadcrumb 下端184px に対して main が y=216px（+32px）。ポータルは密着。 */
#page > .container > .site-wrapper{margin:0}
/* 相談詳細の投稿者行（.article-dateline は flex なので、アバターと名前は1つのまとまりにする） */
.consult-single-author .name{display:inline-flex;align-items:center;gap:6px}
.consult-single-author .name img{border-radius:50%;width:24px;height:24px}

/* キービジュアル／サムネイルのプレースホルダに出すタイトルも、見出しと同じ
   Zen Kaku Gothic New にする（Webフォントは 400/700 のみ読み込むので font-weight は 700）。 */
.article-kv--placeholder,
.event-single-kv--placeholder,
.article-kv--title span,
.mag-card-thumb,
.event-card-thumb,
.consult-card-thumb{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700}
.article-kv--title span{letter-spacing:.03em}

/* ============================================================
   一覧カードをポータルの .cn-creation-item（関連情報ページ）に合わせる（DENBAK 2026-08-29）
   本番 connection.css の実値:
     .cn-creation-item{display:flex;flex-direction:column;width:calc((100% - 60px)/3);
                       padding:16px 16px 30px;background:#fff;border-radius:10px;
                       box-shadow:0 0 30px 0 rgba(0,0,0,.12)}
     カード間 30px ／ .cn-creation-img img{width:100%;border-radius:8px}
     .cn-creation-item-main{margin-top:15px;padding:0 8px;flex:1}
     .cn-creation-item-title{font-size:clamp(16px,1.69vw,22px);font-weight:700;line-height:1.5}
     .cn-creation-item-text{margin-top:5px;font-size:clamp(12px,1.23vw,16px)}
     SP は1カラム、padding:4.27vw 4.27vw 8vw
   ============================================================ */
.consult-grid,.event-grid,.mag-grid,.hub-grid{gap:30px}
.consult-card,.event-card,.mag-card,.hub-card{padding:16px 16px 30px;border:0;border-radius:10px;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.12);overflow:visible}
.consult-card:hover,.event-card:hover,.mag-card:hover,.hub-card:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.2)}
.consult-card-thumb,.event-card-thumb,.mag-card-thumb,.consult-card-titleboard{border-radius:8px;overflow:hidden}
.consult-card-body,.event-card-body,.mag-card-body{margin-top:15px;padding:0 8px;gap:5px}
.consult-card-title,.event-card-title,.mag-card-title,.consult-card-titleboard h2{font-size:clamp(16px,1.69vw,22px);font-weight:700;line-height:1.5;letter-spacing:.03em}
.consult-card-excerpt,.event-card-excerpt,.mag-card-excerpt{font-size:clamp(12px,1.23vw,16px);line-height:1.8}
@media (max-width:768px){
  .consult-grid,.event-grid,.mag-grid,.hub-grid{gap:5.33vw}
  .consult-card,.event-card,.mag-card,.hub-card{padding:4.27vw 4.27vw 8vw}
  .consult-card-body,.event-card-body,.mag-card-body{margin-top:4.53vw;padding:0 2.13vw}
  .consult-card-title,.event-card-title,.mag-card-title,.consult-card-titleboard h2{font-size:5.33vw}
  .consult-card-excerpt,.event-card-excerpt,.mag-card-excerpt{font-size:3.73vw}
}

/* しる、まなぶ／イベントの一覧は style.css L2933 の
   `.event-source-grid .event-card, .magazine-source-grid .mag-card{border:0;border-radius:0;box-shadow:none}`
   （詳細度0,2,0）が上のカード指定（0,1,0）に勝っていた。同じ形で書いてポータルのカードに揃える。 */
.event-source-grid .event-card,
.magazine-source-grid .mag-card{padding:16px 16px 30px;border:0;border-radius:10px;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.12);overflow:visible}
.event-source-grid .event-card:hover,
.magazine-source-grid .mag-card:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.2)}
.event-source-grid .event-card-thumb,
.magazine-source-grid .mag-card-thumb{border-radius:8px}
.event-source-grid .event-card-body,
.magazine-source-grid .mag-card-body{margin-top:15px;padding:0 8px;gap:5px}
.event-source-grid .event-card-title,
.magazine-source-grid .mag-card-title{font-size:clamp(16px,1.69vw,22px);font-weight:700;line-height:1.5;letter-spacing:.03em}
/* 本文はポータル .cn-creation-item-text（16px / margin-top:5px / line-height 1.7）に合わせる。
   style.css L2967 の `.event-source-grid .event-card-excerpt{font-size:13px}` に負けるため同詳細度で書く。 */
.event-source-grid .event-card-excerpt,
.magazine-source-grid .mag-card-excerpt{margin-top:5px;font-size:clamp(12px,1.23vw,16px);line-height:1.7;color:#2d323e}
@media (max-width:768px){
  .event-source-grid .event-card,
  .magazine-source-grid .mag-card{padding:4.27vw 4.27vw 8vw}
  .event-source-grid .event-card-body,
  .magazine-source-grid .mag-card-body{margin-top:4.53vw;padding:0 2.13vw}
  .event-source-grid .event-card-title,
  .magazine-source-grid .mag-card-title{font-size:5.33vw}
}

/* イベントカードの「イベント詳細」ボタンもポータルの .cn-creation-button a と同じに
   （白地／#1E6DC1 の枠と文字／角丸50px／幅263px・中央／margin-top:25px／hover で反転＋1.05倍）。
   PDFアイコン（::after）はリンク先がPDFではないため付けない。 */
.btn-event-detail,
.event-source-grid .btn-event-detail{display:block;width:263px;max-width:100%;margin:25px auto 0;padding:16px 8px;background:#fff;border:1px solid #1e6dc1;border-radius:50px;color:#1e6dc1;font-size:14px;font-weight:700;text-align:center;text-decoration:none;line-height:1;transition:transform .3s,background-color .3s,color .3s} /* 本番実測: fs14 / line-height 14px / 高さ48px */
.btn-event-detail:hover,
.event-source-grid .btn-event-detail:hover{transform:scale(1.05,1.05);background:#1e6dc1;color:#fff}
@media (max-width:768px){
  .btn-event-detail,
  .event-source-grid .btn-event-detail{margin-top:5.33vw;padding:3.47vw;font-size:3.73vw}
}

/* ============================================================
   カード共通（DENBAK 2026-08-29）
   みんなのハブ／イベント／しる、まなぶ／官民共創ハブ のカードは同じ組み方に揃える。
   ・状態バッジ（終了・アーカイブ・参加受付中・相談・周知 など）はサムネイルに重ねず、
     本文の先頭＝タイトルの上に置く（みんなのハブに合わせた）
   ・カードそのものの寸法・影・角丸はポータルの .cn-creation-item に準拠（上のブロック）
   ============================================================ */
.event-card-thumb .badge{position:static;left:auto;top:auto}
.consult-card-body > .hub-status,
.event-card-body > .badge,
.mag-card-body > .mag-card-labels,
.hub-card-body > .badge{align-self:flex-start;margin:0 0 5px}
/* バッジ・ラベル・タグは大きさと文字サイズを共通化する（色は各々の現状のまま）。
   寸法はポータル .uc-cat li 準拠: padding:5px 15px 6px / border-radius:20px /
   font-size:clamp(12px,1.08vw,14px) / line-height:1 / letter-spacing:normal */
.badge,
.hub-status,
.article-type-label,
.mag-card-labels span,
.event-card-body .card-status,
.consult-card-body .hub-status,
.office-news-badges .badge{display:inline-block;padding:5px 15px 6px;border-radius:20px;font-size:clamp(12px,1.08vw,14px);font-weight:700;line-height:1;letter-spacing:normal}
@media (max-width:768px){
  .badge,
  .hub-status,
  .article-type-label,
  .mag-card-labels span,
  .event-card-body .card-status,
  .consult-card-body .hub-status,
  .office-news-badges .badge{padding:1.33vw 4vw 1.6vw}
}
/* カードのサムネイル比率を全カードで統一（ポータル .cn-creation-img は 348×200＝ほぼ16:9） */
.consult-card-titleboard,
.event-card-thumb,
.mag-card-thumb,
.hub-card-thumb{aspect-ratio:16/9;min-height:0}
/* しる、まなぶのサムネイル内タイトルを、みんなのハブのタイトルボードと同じ組みに
   （22px / 700 / line-height 1.5 / 左揃え / 余白24px。従来は 15px・850・中央揃え・padding16px） */
.magazine-source-grid .mag-card-thumb{padding:24px;place-items:center start}
.magazine-source-grid .mag-card-ph--title,
.magazine-source-grid .mag-card-ph{padding:0;font-size:clamp(16px,1.69vw,22px);font-weight:700;line-height:1.5;letter-spacing:.03em;color:#202a32;text-align:left}
/* サムネイル未設定時の背景を、みんなのハブのタイトルボードと同じグラデーションに揃える */
.magazine-source-grid .mag-card-thumb,
.event-source-grid .event-card-thumb,
.hub-card-thumb{background-image:linear-gradient(105deg,#d4f3f7 0%,#f7e5e2 100%)}
.magazine-source-grid .mag-card-thumb:has(img),
.event-source-grid .event-card-thumb:has(img){background-image:none}

/* イベント／しる、まなぶ: アイキャッチが無いサムネイルは、タイトル文字ではなく
   ロゴ（images/portal-logo.png・230×185）を中央に置く。背景はハブと同じグラデーション。 */
.magazine-source-grid .mag-card-thumb:not(:has(img)),
.event-source-grid .event-card-thumb:not(:has(img)){
  background-image:url("images/portal-logo.png"),linear-gradient(105deg,#d4f3f7 0%,#f7e5e2 100%);
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  background-size:120px auto,cover;
}
.magazine-source-grid .mag-card-thumb:not(:has(img)) .mag-card-ph,
.event-source-grid .event-card-thumb:not(:has(img)) .event-card-ph{display:none}
/* 詳細ページのキービジュアルも、アイキャッチが無いときはロゴを中央に置く（一覧のカードと同じ扱い） */
.article-kv--placeholder{
  background-image:url("images/portal-logo.png"),linear-gradient(105deg,#d4f3f7 0%,#f7e5e2 100%);
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  background-size:180px auto,cover;
}
.article-kv--title span{display:none}
@media (max-width:768px){.article-kv--placeholder{background-size:32vw auto,cover}}
/* サムネイルに画像がある場合は、タイトル文字用に入れた padding を外して枠いっぱいに敷く */
.magazine-source-grid .mag-card-thumb:has(img),
.event-source-grid .event-card-thumb:has(img){padding:0}
.consult-card-titleboard img,
.mag-card-thumb img,
.event-card-thumb img,
.hub-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
/* イベントカードもカード全体がリンク（みんなのハブ・しる、まなぶと同じ）。
   「イベント詳細」ボタンは廃止したので、カード内リンクの見た目を他と揃える。 */
.event-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.event-card-link:hover{color:inherit;text-decoration:none}
.event-card-link .event-card-body{flex:1}

/* しる、まなぶのラベルをポータル .uc-cat li に合わせる（本番 use-case.css の実値）。
   .uc-cat{display:flex;margin-top:15px}
   .uc-cat li{display:inline-block;margin-right:5px;padding:5px 15px 6px;border:1px solid #1e6dc1;
              border-radius:20px;color:#1e6dc1;font-size:clamp(12px,1.08vw,14px);line-height:1;letter-spacing:normal} */
.magazine-source-grid .mag-card-labels{display:flex;flex-wrap:wrap;gap:0;margin:0 0 5px}
.magazine-source-grid .mag-card-labels span{display:inline-block;margin:0 5px 0 0;padding:5px 15px 6px;border:1px solid #1e6dc1;border-radius:20px;background:none;color:#1e6dc1;font-size:clamp(12px,1.08vw,14px);font-weight:700;line-height:1;letter-spacing:normal}
.magazine-source-grid .mag-card-labels .is-pin{border-color:#e5bd42;color:#7d5700;background:none}
@media (max-width:768px){
  .magazine-source-grid .mag-card-labels span{margin-right:1.07vw;padding:1.33vw 4vw 1.6vw}
}
/* 相談のタグもポータル .uc-cat li と同じ形に（白地／#1E6DC1 の枠と文字／角丸20px） */
.consult-tags{display:flex;flex-wrap:wrap;gap:0;margin-top:15px}
.consult-tags .consult-tag{display:inline-block;margin:0 5px 5px 0;padding:5px 15px 6px;border:1px solid #1e6dc1;border-radius:20px;background:none;color:#1e6dc1;font-size:clamp(12px,1.08vw,14px);font-weight:700;line-height:1;letter-spacing:normal;text-decoration:none;transition:background-color .3s,color .3s}
.consult-tags .consult-tag:hover{background:#1e6dc1;color:#fff}
@media (max-width:768px){
  .consult-tags{margin-top:4vw}
  .consult-tags .consult-tag{margin-right:1.07vw;padding:1.33vw 4vw 1.6vw}
}

/* 一覧の「該当なし」表示を、ポータルの404ページと同じ素の作りにする。
   （枠・背景・中央寄せ・「現在の掲載状況」ラベルをやめ、見出し＋説明＋下線リンクだけにする） */
.chitele-inline-state{width:auto;max-width:1040px;margin:0 auto;padding:0;border:0;border-radius:0;background:none;text-align:left} /* 本文と同じ狭い幅 1040px */
.chitele-inline-state-label{display:none}
.chitele-inline-state h2{margin:0 0 40px;font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.7}
.chitele-inline-state p{max-width:none;margin:0 0 40px}
.chitele-inline-state-actions{display:block;margin:0}
.chitele-inline-state-actions .chitele-inline-state-link{display:inline;min-height:0;padding:0;margin-right:1.5em;color:#2d323e;font-weight:400;text-decoration:underline}
.chitele-inline-state-actions .chitele-inline-state-link:hover{color:#1e6dc1}
@media (max-width:768px){
  .chitele-inline-state h2,
  .chitele-inline-state p{margin-bottom:8vw}
  .chitele-inline-state-actions{display:block}
  .chitele-inline-state-actions .chitele-inline-state-link{display:inline}
}
/* 404 も同じ素の作りにする（枠・背景・中央寄せをやめ、見出し＋説明＋下線リンク／幅1040px） */
.chitele-state-card{width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left} /* ポータルの404は .inner（1200px）そのままの幅 */
.chitele-state-card h1{margin:0 0 40px;font-size:24px;font-weight:700;line-height:1.7} /* 本番実測: 24px / 700 / lh40.8 / margin-bottom 40px */
.chitele-state-code{margin:0 0 10px;font-weight:700;color:#2d323e;font-size:16px;letter-spacing:.03em}
.chitele-state-card .chitele-state-lead,
.chitele-state-card > p{max-width:none;margin:0 0 40px}
.chitele-state-primary-action{margin:0 0 10px}
.chitele-state-card .chitele-state-button{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:none;color:#2d323e;font-weight:400;text-decoration:underline}
.chitele-state-card .chitele-state-button:hover{background:none;color:#1e6dc1}
.chitele-state-routes{display:block;margin:0}
.chitele-state-routes a{display:inline;min-height:0;padding:0;margin-right:1.5em;color:#2d323e;font-weight:400;text-decoration:underline}
.chitele-state-routes a:hover{color:#1e6dc1}
@media (max-width:768px){
  .chitele-state-card h1,
  .chitele-state-card .chitele-state-lead,
  .chitele-state-card > p{margin-bottom:8vw}
}
/* 404 の外枠（grid + place-items:center + min-height 68vh）で中央に寄っていたのを解除 */
main.chitele-state-page{display:block;place-items:normal;justify-items:normal;align-items:normal;min-height:0;padding-top:0;padding-bottom:0} /* place-items:center が残ると中の section が内容幅に縮む（実測 620px）ので明示的に戻す */
.chitele-state-card .chitele-state-lead{margin:0 0 10px;font-weight:700}
.chitele-state-card > p:not(.chitele-state-code):not(.chitele-state-primary-action){max-width:none;margin-left:0;margin-right:0}
/* 404 本文（ポータルと同じ: 見出し40px下 → 404 Not found 10px下 → 説明40px下 → ホームはこちら） */
.chitele-state-card .chitele-state-lead{margin:0 0 10px}
.chitele-state-card a{color:#2d323e;text-decoration:underline}
.chitele-state-card a:hover{color:#1e6dc1}
/* 本番実測: 「404 Not found」は 16px/700・下10px、説明文は 16px/400・下40px、最後の行は下0 */
.chitele-state-card .chitele-state-lead{font-size:16px;font-weight:700;margin:0 0 10px}
.chitele-state-card > p:not(.chitele-state-lead){font-size:16px;font-weight:400;margin:0 0 40px}
.chitele-state-card > p:last-child{margin-bottom:0}
/* 親テーマの `#primary,.site-wrapper{min-height:calc(100vh - 190px)}`（sticky footer 用）が
   404 のように内容が短いページでフッターまで大きな余白を作っていた。ポータルは指定なし。 */
#page > .container > main#primary,
#page > .container > .site-wrapper{min-height:0}

/* 「トップへ戻る」（ポータル common.css の .link-top をそのまま移植） */
.link-top{position:fixed;bottom:40px;right:40px;width:60px;height:60px;opacity:0;z-index:10000;transition:.5s;visibility:hidden}
.link-top.is-visible{visibility:visible;opacity:1}
.link-top a{position:relative;display:block;width:60px;height:60px;background:#fff;border:1px solid #1e6dc1;border-radius:50%;transition:.5s}
.link-top a::after{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;content:"";display:block;width:0;height:0;border-style:solid;border-right:8px solid rgba(0,0,0,0);border-left:8px solid rgba(0,0,0,0);border-bottom:14px solid #1e6dc1;border-top:0} /* border-top:0 が無いと三角が崩れる */
.link-top a:hover{background:#1e6dc1;transform:scale(1.1,1.1)}
.link-top a:hover::after{border-bottom:14px solid #fff}
@media (max-width:768px){
  .link-top{bottom:5.33vw;right:5.33vw}
  .link-top a{width:13.33vw;height:13.33vw}
  .link-top a::after{border-right:1.77vw solid rgba(0,0,0,0);border-left:1.77vw solid rgba(0,0,0,0);border-bottom:3.11vw solid #1e6dc1;border-top:0}
  .link-top a:hover::after{border-bottom:3.11vw solid #fff}
}

/* 送信ボタンの色を統一（メンバーリストだけ #1e6dc1 だったので、他と同じ #1e6dc1＝ポータルのアクセント青へ） */
/* style.css 側が !important 付きで #1e6dc1 を当てているため、こちらも !important で上書きする */
.member-filter-submit,
.member-filter-dialog-close-bottom{background:#1e6dc1 !important;border-color:#1e6dc1 !important;color:#fff !important}
.member-filter-submit:hover,
.member-filter-dialog-close-bottom:hover{background:#017da0 !important;border-color:#017da0 !important;color:#fff !important}
.member-mobile-filter-open{border-color:#1e6dc1 !important;color:#1e6dc1 !important;background:#fff !important}
.member-mobile-filter-open:hover{background:#1e6dc1 !important;color:#fff !important}

/* ============================================================
   ボタン系はポータルの #1E6DC1 に統一（DENBAK 2026-08-29）
   #1e6dc1 はアクセント（見出し・リンク・強調）用、ボタンには使わない。
   ============================================================ */
:root{
  --bx-color-button-bg: #1e6dc1;
  --bx-color-button-bg-hover: #1a5ba3;
  --bx-color-button-border: #1e6dc1;
  --bx-color-button-border-hover: #1a5ba3;
  --chitele-blue: #1e6dc1;
  --chitele-blue-dark: #1a5ba3;
}
/* 塗りボタン（検索・この条件で表示・投稿する・公開する・絞り込む など） */
.chitele-archive-filter button,
.chitele-archive-filter [type=submit],
.consult-editor-submit,
.member-filter-submit,
.member-filter-dialog-close-bottom,
.chitele-button,
.hub-toolbar .chitele-button,
button[type=submit].chitele-button{background:#1e6dc1 !important;border-color:#1e6dc1 !important;color:#fff !important}
.chitele-archive-filter button:hover,
.chitele-archive-filter [type=submit]:hover,
.consult-editor-submit:hover,
.member-filter-submit:hover,
.member-filter-dialog-close-bottom:hover,
.chitele-button:hover{background:#1a5ba3 !important;border-color:#1a5ba3 !important;color:#fff !important}
/* 白地・枠線タイプのボタン */
.member-mobile-filter-open{border-color:#1e6dc1 !important;color:#1e6dc1 !important;background:#fff !important}
.member-mobile-filter-open:hover{background:#1e6dc1 !important;color:#fff !important}

/* ============================================================
   ページャーをポータル（/measure/use-case/）に統一（DENBAK 2026-08-29）
   本番 common.css の実値をそのまま移植。矢印は arrow_07.png（hover は arrow_05.png）。
   ============================================================ */
.pagination{display:flex;justify-content:center;align-items:center;margin:6.15vw 0 0;color:#616161;text-align:center} /* 本番: margin-top:6.15vw（1300px以下 80px／768px以下 16vw） */
@media (max-width:1300px){.pagination{margin-top:80px}}
@media (max-width:768px){.pagination{margin-top:16vw}}
#buddypress .pagination{margin:6.15vw 0 0}
@media (max-width:1300px){#buddypress .pagination{margin-top:80px}}
@media (max-width:768px){#buddypress .pagination{margin-top:16vw}}
.pagination ul,
.pagination .page-numbers:not(a):not(span){display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}
.pagination li{margin:0;padding:0}
.pagination li::before{content:none}
.pagination a.page-numbers,.pagination span.page-numbers{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:0;background:none}
@media (max-width:768px){.pagination .page-numbers{width:8.53vw;height:8.53vw;font-size:4.27vw;font-weight:700}}
.pagination li + li .page-numbers{margin-left:5px}
.pagination .page-numbers.dots{font-family:Arial,Helvetica,sans-serif;color:#1e283c}
.pagination a{color:#1e283c;font-size:14px;line-height:1.5;letter-spacing:.02em;text-decoration:none;transition:color .5s}
@media (max-width:768px){.pagination a{font-size:4.27vw;font-weight:700}}
.pagination a:hover{color:#1e6dc1;background:none}
.pagination .current{color:#616161;font-weight:400}
/* 前へ／次へは画像の矢印 */
.pagination .prev,
.pagination .next{position:relative;width:32px;height:32px;font-size:0}
.pagination .prev::before,
.pagination .next::before{content:"";display:block;width:32px;height:32px;background:url("images/arrow_07.png") no-repeat;background-size:contain;transition:transform .5s}
.pagination .prev:hover::before,
.pagination .next:hover::before{transform:scale(1.2,1.2);background:url("images/arrow_05.png") no-repeat;background-size:contain}
.pagination .next::before{transform:rotate(180deg)}
.pagination .next:hover::before{transform:scale(1.2,1.2) rotate(180deg);background:url("images/arrow_05.png") no-repeat;background-size:contain}
.pagination .prev{margin-right:17px}
.pagination .next{margin-left:17px}
@media (max-width:768px){
  .pagination .prev,.pagination .next{width:8.53vw;height:8.53vw}
  .pagination .prev::before,.pagination .next::before{width:8.53vw;height:8.53vw}
  .pagination .prev{margin-right:5.87vw}
  .pagination .next{margin-left:5.87vw}
}
.pagination .icon{display:none}
/* メンバーリストは #buddypress 配下でリンク色が id セレクタに負けるため、同じ強さで指定する */
#buddypress .pagination a{color:#1e283c}
#buddypress .pagination a:hover{color:#1e6dc1}
#buddypress .pagination .current{color:#1e6dc1}

/* ページャー: 旧クラス（chitele-pagination / member-directory-pagination / hub-pagination）の
   丸背景・枠・gap を打ち消し、ポータルの見た目に揃える。数字は2桁でも折り返さないようにする。 */
.pagination a.page-numbers,.pagination span.page-numbers{min-width:32px;height:32px;padding:0;border:0;border-radius:0;background:none;color:#1e283c;font-weight:400;white-space:nowrap}
.pagination span.page-numbers.current{border:0;background:none;color:#616161;font-weight:400}
.pagination a.page-numbers:hover{border:0;background:none;color:#1e6dc1}
.pagination ul.page-numbers{gap:5px}
.pagination li + li .page-numbers{margin-left:0}
#buddypress .pagination span,
#buddypress .pagination a{min-width:32px;min-height:32px;border-radius:0;background:none;font-size:14px}
#buddypress .pagination .current{background:none;color:#1e6dc1;font-weight:700}
#buddypress .pagination a:hover{background:none;color:#1e6dc1}
/* 矢印は 32px の四角に画像1枚。文字（←→やアイコンspan）は消す */
.pagination .prev,
.pagination .next{min-width:32px;padding:0;font-size:0;line-height:0}
.pagination .prev .icon,
.pagination .next .icon{display:none}
/* 旧ページャーの枠線（外周・現在ページ・dots）を消す */
.pagination,
.pagination ul.page-numbers,
.pagination li,
.pagination .page-numbers,
.pagination .page-numbers.current,
.pagination .page-numbers.dots,
#buddypress .pagination,
#buddypress .pagination span,
#buddypress .pagination a{border:0 !important;box-shadow:none !important;background:none !important}
#buddypress .pagination .current{color:#616161 !important;font-weight:400}
.pagination .page-numbers.dots{min-width:32px;padding:0 4px;color:#1e283c}
/* 詳細ページのラベルも一覧と同じ「白地＋#1E6DC1 の枠と文字」に（ポータル .uc-cat li） */
.article-type-label,
.chitele-wrap .article-type-label{border:1px solid #1e6dc1;background:none;color:#1e6dc1}

/* みんなのハブのタブ（ALL／周知／相談）と「投稿する」も #1E6DC1 に統一（#1e6dc1 だった） */
.hub-tab{border-color:#1e6dc1;color:#1e6dc1;background:#fff}
.hub-tab:hover{background:#1e6dc1;color:#fff}
.hub-tab.is-active{background:#1e6dc1;border-color:#1e6dc1;color:#fff}
.hub-submit-enabled,
.hub-submit-float .hub-submit-enabled{background:#1e6dc1;border-color:#1e6dc1;color:#fff}
.hub-submit-enabled:hover,
.hub-submit-float .hub-submit-enabled:hover{background:#1a5ba3;border-color:#1a5ba3;color:#fff}
/* 「投稿する」は details > summary（.consult-create > summary）で背景が指定されている */
.consult-create > summary{background:#1e6dc1;color:#fff}
.consult-create > summary:hover{background:#1a5ba3}

/* タグ・ラベルの文字はポータル実測に合わせる（.uc-cat li = 14px / 400 / sans-serif / line-height:14px） */
.badge,
.hub-status,
.article-type-label,
.mag-card-labels span,
.event-card-body .card-status,
.consult-card-body .hub-status,
.office-news-badges .badge,
.consult-tags .consult-tag,
.magazine-source-grid .mag-card-labels span{font-family:sans-serif;font-weight:400;line-height:14px}

/* いいね（リアクション）は全て #E46C56（ポータルのフッターラベルと同じオレンジ）に統一 */
.mag-card-likes,
.event-card-likes,
.consult-card-likes,
.hub-card-likes{color:#e46c56;border-color:#e46c56}
.chitele-content-reaction button,
.talk-favorite-form button{border:1px solid #e46c56;background:#fff;color:#e46c56}
.chitele-content-reaction button:hover,
.talk-favorite-form button:hover{background:#e46c56;color:#fff}
.chitele-content-reaction.is-active button,
.talk-favorite-form.is-active button{border-color:#e46c56;background:#e46c56;color:#fff}
.chitele-reaction-option[aria-pressed="true"],
#buddypress button.chitele-reaction-option[aria-pressed="true"]{border-color:#e46c56;color:#e46c56;background:#fdeeea}
/* いいねボタンは .chitele-button のクラスも持つため、上のボタン一括指定（!important）を打ち消す */
.chitele-content-reaction button.chitele-button,
.talk-favorite-form button.chitele-button{background:#fff !important;border-color:#e46c56 !important;color:#e46c56 !important}
.chitele-content-reaction button.chitele-button:hover,
.talk-favorite-form button.chitele-button:hover{background:#e46c56 !important;color:#fff !important}
.chitele-content-reaction.is-active button.chitele-button,
.talk-favorite-form.is-active button.chitele-button{background:#e46c56 !important;border-color:#e46c56 !important;color:#fff !important}
/* いいねボタンは class 無しの button なので、親テーマの button 指定に確実に勝つよう !important で当てる */
.chitele-content-reaction button,
.talk-favorite-form button,
.member-favorite-form button{background:#fff !important;border:1px solid #e46c56 !important;color:#e46c56 !important}
.chitele-content-reaction button:hover,
.talk-favorite-form button:hover,
.member-favorite-form button:hover{background:#e46c56 !important;color:#fff !important}
.chitele-content-reaction.is-active button,
.talk-favorite-form.is-active button,
.member-favorite-form.is-active button{background:#e46c56 !important;border-color:#e46c56 !important;color:#fff !important}

/* いいねを押したときのアニメーション（色はふわっと、ハートは軽く弾む） */
.chitele-content-reaction button,
.talk-favorite-form button,
.member-favorite-form button{transition:background-color .35s ease,border-color .35s ease,color .35s ease,transform .2s ease}
.chitele-content-reaction button:active,
.talk-favorite-form button:active,
.member-favorite-form button:active{transform:scale(.96)}
.chitele-content-reaction button span[aria-hidden="true"],
.talk-favorite-form button span[aria-hidden="true"],
.member-favorite-form button span[aria-hidden="true"]{display:inline-block;transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}
/* 押した直後だけ弾ませる（is-just-on / is-just-off は portal-header.js が付ける）。
   .is-active に付けると、いいね済みページを開くたびに毎回動いてしまう。 */
.chitele-content-reaction.is-just-on button span[aria-hidden="true"],
.talk-favorite-form.is-just-on button span[aria-hidden="true"],
.member-favorite-form.is-just-on button span[aria-hidden="true"]{animation:chitele-like-pop .45s cubic-bezier(.2,.9,.3,1.4)}
/* 取り消した直後は、いったん縮んでから戻る */
.chitele-content-reaction.is-just-off button span[aria-hidden="true"],
.talk-favorite-form.is-just-off button span[aria-hidden="true"],
.member-favorite-form.is-just-off button span[aria-hidden="true"]{animation:chitele-like-off .4s ease}
@keyframes chitele-like-off{
  0%{transform:scale(1.2);opacity:.6}
  55%{transform:scale(.82);opacity:1}
  100%{transform:scale(1)}
}
@keyframes chitele-like-pop{
  0%{transform:scale(1)}
  40%{transform:scale(1.35)}
  70%{transform:scale(.92)}
  100%{transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .chitele-content-reaction button,
  .talk-favorite-form button{transition:none}
  .chitele-content-reaction.is-just-on button span[aria-hidden="true"],
  .chitele-content-reaction.is-just-off button span[aria-hidden="true"],
  .talk-favorite-form.is-just-on button span[aria-hidden="true"],
  .talk-favorite-form.is-just-off button span[aria-hidden="true"]{animation:none}
}

/* タイトル行の いいね／お気に入り の位置は イベント詳細（.event-title-row）に合わせる（DENBAK 2026-08-30）。
   PC（621px以上）＝タイトルの右にボタン。SP（620px以下）＝タイトルの下に左寄せで置く。
   ※以前は SP でも flex にして右上へ寄せていたが、イベント版と位置が揃わないため min-width で囲った。 */
@media (min-width:621px){
  .article-title-row{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:16px}
  .article-title-row > div{flex:1 1 auto;min-width:0}
  .article-title-row .chitele-content-reaction,
  .article-title-row .talk-favorite-form{flex:0 0 auto;width:auto;margin-left:auto}
  .article-title-row .chitele-content-reaction button,
  .article-title-row .talk-favorite-form button{width:auto;white-space:nowrap}
}
@media (min-width:621px) and (max-width:768px){
  .article-title-row{gap:10px}
}
/* SP はイベント版と同じ grid（タイトル下・左寄せ） */
@media (max-width:620px){
  .article-title-row .chitele-content-reaction,
  .article-title-row .talk-favorite-form{justify-self:start;margin:0}
}
/* ボタン自体の見た目は幅によらず固定にする（従来は SP で padding と文字サイズが変わっていた） */
/* 寸法は元のまま（padding:7px 12px / border-radius:999px / 文字サイズは継承）。
   本文の word-break:break-all でボタン内が改行されていたので、折り返しだけ止める。 */
.chitele-content-reaction button,
.talk-favorite-form button,
.member-favorite-form button{white-space:nowrap;word-break:normal;overflow-wrap:normal}

/* ============================================================
   一覧カードの「バッジ行」を3ページで共通化（DENBAK 2026-08-30）
   左＝ラベル／状態バッジ、右＝ハート・コメントの件数。
   .card-meta-row + .card-stats を みんなのハブ／イベント／しる、まなぶ で使い回す。
   ============================================================ */
.card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:27px}
.card-meta-row .mag-card-labels{display:flex;flex-wrap:wrap;gap:0;margin:0}
.card-stats{display:flex;align-items:center;gap:10px;margin-left:auto;color:#e46c56;font-size:13px;line-height:1;white-space:nowrap}
.card-stats span{display:inline-flex;align-items:center;gap:3px}
/* 旧位置の指定を無効化（日付だけを foot に残す） */
.mag-card-foot{justify-content:flex-start}
/* インラインSVGアイコン（いいね＝グッド／お気に入り＝ハート／コメント＝吹き出し） */
.chitele-icon{width:16px;height:16px;flex:0 0 auto;vertical-align:-.15em}
.card-stats span{display:inline-flex;align-items:center;gap:4px}
.chitele-content-reaction button .chitele-icon,
.talk-favorite-form button .chitele-icon{width:18px;height:18px;vertical-align:-.2em}

/* ============================================================
   状態タグの色を統一（DENBAK 2026-08-30）
   ・終了      … グレーの線（イベント・みんなのハブ共通）
   ・アーカイブ … 青い線（#1E6DC1）
   ・参加受付中 … オレンジの線（#E46C56＝いいねと同色）
   ・周知／相談 … 青い線（#1E6DC1）
   いずれも白地＋1px枠（タグ共通の .uc-cat li 形）。
   ============================================================ */
.badge--ended,
.hub-status--closed,
.badge.card-status.badge--ended{background:#9aa3ab !important;border:1px solid #9aa3ab !important;color:#fff !important}
.badge--archive,
.badge.card-status.badge--archive{background:#fff !important;border:1px solid #1e6dc1 !important;color:#1e6dc1 !important}
.badge--upcoming,
.badge.card-status.badge--upcoming{background:#e46c56 !important;border:1px solid #e46c56 !important;color:#fff !important}
.hub-status--consult,
.hub-status--notice{background:#fff !important;border:1px solid #1e6dc1 !important;color:#1e6dc1 !important}
/* タブは文字数に応じて幅を伸ばす（従来は min-width:82px・padding 0 で固定幅だった） */
.hub-tab{min-width:0;padding:0 20px;white-space:nowrap}
@media (max-width:768px){.hub-tab{padding:0 14px}}
/* タブ・検索ボタン・送信ボタンのウェイトをポータル基準（bold=700）に揃える */
.hub-tab,
.hub-search button,
.chitele-archive-filter button,
.consult-editor-submit,
.member-filter-submit,
.member-mobile-filter-open,
.consult-create > summary,
.hub-submit-enabled,
.chitele-button{font-weight:700}
/* メンバーリストの絞り込みボタンは style.css が font-weight:500 を !important 相当で当てているため個別に */
.member-filter-submit,
#buddypress .member-filter-submit{font-weight:700 !important}
/* 投稿者名からメンバーリストの組織ページへのリンク */
.chitele-author-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.chitele-author-link:hover{color:#1e6dc1}

/* コメント一覧は枠で囲まず、区切り線だけにする（返信も同じ） */
.chitele-wrap .comment-list .comment-body,
.consult-comments .comment-body{border:0;border-radius:0;background:none;padding:16px 0;margin:0}
.chitele-wrap .comment-list > li + li,
.chitele-wrap .comment-list .children > li{border-top:1px solid #dce3e6}
.chitele-wrap .comment-list .children{margin:0;padding-left:24px;list-style:none}
@media (max-width:768px){.chitele-wrap .comment-list .children{padding-left:14px}}
/* コメント欄は左右・上下の枠線を一切出さない（区切りは行間の線だけ） */
.chitele-wrap .comments-area,
.chitele-wrap .comment-list,
.chitele-wrap .comment-list li,
.chitele-wrap .comment-list .comment-body,
.chitele-wrap .comment-list .children,
.consult-comments,
.consult-comments *{border-left:0 !important;border-right:0 !important}
.chitele-wrap .comment-list li,
.chitele-wrap .comment-list .children{border-bottom:0}
/* コメント入力欄（textarea・input）の枠線は残す */
.chitele-wrap .comments-area textarea,
.chitele-wrap .comments-area input[type=text],
.chitele-wrap .comments-area input[type=email],
.chitele-wrap .comments-area input[type=url],
.consult-comments textarea,
.consult-comments input[type=text]{border:1px solid #cbd5d9 !important;border-radius:6px}
.chitele-wrap .comments-area textarea:focus,
.consult-comments textarea:focus{border-color:#1e6dc1 !important}
/* 返信ボタンは枠線を出す（コメント欄の左右罫線オフの対象から外す） */
.chitele-wrap .comment-list .comment-reply-link,
.consult-comments .comment-reply-link{border:1px solid #1e6dc1 !important;border-radius:20px;padding:5px 15px 6px;color:#1e6dc1;background:#fff;font-size:clamp(12px,1.08vw,14px);line-height:1;text-decoration:none;display:inline-block}
.chitele-wrap .comment-list .comment-reply-link:hover,
.consult-comments .comment-reply-link:hover{background:#1e6dc1 !important;color:#fff}
/* コメントのアバターが 50×60 に潰れていたので、正方形の丸アイコンに固定する */
.chitele-wrap .comment-list img.avatar,
.consult-comments img.avatar{width:40px !important;height:40px !important;border-radius:50%;object-fit:cover;flex:0 0 auto;vertical-align:middle}
.chitele-wrap .comment-author{display:flex;align-items:center;gap:8px}
/* アバターが 40×50 に伸びていた（padding/min-height の加算）。ボックスごと正円に固定する */
.chitele-wrap .comment-list img.avatar,
.consult-comments img.avatar,
.chitele-wrap .comment-author img.avatar{box-sizing:border-box !important;width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;padding:0 !important;margin:0 8px 0 0 !important;border:0 !important;border-radius:50% !important;aspect-ratio:1/1 !important;object-fit:cover !important;display:inline-block !important;vertical-align:middle}
.chitele-wrap .comment-author{display:flex !important;align-items:center !important;gap:0}

/* ============================================================
   メンバーリスト詳細（DENBAK 2026-08-30）
   style.css より後に読まれるので、ここに書けば buddypress.min.css・style.css を素直に上書きできる。
   ============================================================ */
/* DENBAK 2026-08-30: メンバー詳細の「公開プロフィール」を「組織概要」と同じ表組みに揃える。
   カード型グリッドは事務局プレビュー画面（.chitele-secretariat-preview）でのみ使う。 */
.member-organization-section .member-profile-complete-list { display: block; grid-template-columns: none; gap: 0; }
.member-organization-section .member-profile-complete-list > div {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  border: 0;
  border-bottom: 1px solid #dce3e6;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
.member-organization-section .member-profile-complete-list > div:last-child { border-bottom: 0; }
.member-organization-section .member-profile-complete-list dt {
  margin: 0;
  padding: 16px 18px;
  color: #34444c;
  background: #f8fafb;
  font-weight: 800;
}
.member-organization-section .member-profile-complete-list dd { margin: 0; padding: 16px 18px; color: #4e5d65; line-height: 1.9; }
@media (max-width: 780px) {
  .member-organization-section .member-profile-complete-list > div { grid-template-columns: 1fr; }
  .member-organization-section .member-profile-complete-list dt { padding-bottom: 5px; }
  .member-organization-section .member-profile-complete-list dd { padding-top: 8px; }
}

/* DENBAK 2026-08-30: 公開プロフィールは支給Excelの見出しごとに独立セクション（.member-organization-section）で出す。
   見出し・枠線・行の体裁は「組織概要」と共通、セクション間の余白も同じ 32px。 */
.member-organization-section + .member-organization-section { margin-top: 32px; }

/* DENBAK 2026-08-30: メンバー詳細は縦罫線（左右）だけ消し、横罫線は残す。 */
.member-organization-section,
.member-organization-section h3,
.member-organization-section dl,
.member-organization-section dl > div,
.member-organization-section .member-profile-complete-list,
.member-organization-section .member-profile-complete-list > div,
.member-profile-empty-note { border-left: 0; border-right: 0; }
/* 横罫線を戻す（枠の上下と行区切り）。 */
.member-organization-section h3 { border-bottom: 1px solid #dce3e6; }
.member-organization-section dl,
.member-organization-section .member-profile-complete-list { border-top: 0; border-bottom: 1px solid #dce3e6; }
.member-organization-section dl > div,
.member-organization-section .member-profile-complete-list > div { border-bottom: 1px solid #dce3e6; }
.member-organization-section dl > div:last-child,
.member-organization-section .member-profile-complete-list > div:last-child { border-bottom: 0; }
/* リンクは下線・太字なし。buddypress.min.css の `body #buddypress * a{text-decoration:none}` を上回る詳細度で当てる。 */
body #buddypress .member-organization-section a,
body #buddypress .member-organization-section .member-reference-links a,
body #buddypress .member-organization-section .member-email-links a {
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 5px;
}
/* DENBAK 2026-08-30: メンバー詳細でも .button-01 の文字色を他ページと同じ青にする（buddypress.min.css の `body #buddypress * a` に負けていた）。 */
body #buddypress .news-return .button-01 { color: #1e6dc1; }
body #buddypress .news-return .button-01:hover { color: #fff; }
/* DENBAK 2026-08-30: メンバー詳細の .head-back に buddypress.min.css の下線が乗っていたので、他の詳細ページと同じ「下線なし・ホバーで伸びる」に戻す。 */
body #buddypress .head-back,
body #buddypress .head-back:hover { color: #1e6dc1; text-decoration: none; }
/* DENBAK 2026-08-30: メンバー詳細のリンクリストは左インデントを付けない。下線はテキストから少し離す。 */
body #buddypress .member-organization-section .member-reference-links { margin-left: 0; padding-left: 0; }

/* DENBAK 2026-08-30: 区分ボタン（すべて／企業／自治体）と「条件をクリア」を、サイト共通の青（#1e6dc1）にする。 */
body #buddypress .member-kind-options span { border-color: #1e6dc1; color: #1e6dc1; }
body #buddypress .member-kind-options input:checked + span { border-color: #1e6dc1; color: #fff; background: #1e6dc1; }
body #buddypress .member-filter-clear { border-color: #1e6dc1; color: #1e6dc1; }

/* DENBAK 2026-08-30: PCの左メニュー（絞り込み）の罫線は青ではなく共通の薄いグレー #dce3e6 に統一。 */
body #buddypress .member-filter-form fieldset,
body #buddypress .member-filter-group { border-top: 1px solid #dce3e6; }

/* DENBAK 2026-08-30: 絞り込みアコーディオンを滑らかに開閉する。
   ::details-content が使える環境（Chrome 131+ 等）は高さを補間し、非対応環境は開いた時のフェードのみ。 */
.member-filter-group { interpolate-size: allow-keywords; }
.member-filter-group::details-content {
  overflow: hidden;
  block-size: 0;
  opacity: 0;
  transition: block-size .28s ease, opacity .22s ease, content-visibility .28s allow-discrete;
}
.member-filter-group[open]::details-content { block-size: auto; opacity: 1; }
@supports not selector(::details-content) {
  .member-filter-group[open] .member-filter-group-body { animation: chitele-accordion-open .26s ease; }
  @keyframes chitele-accordion-open { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
  .member-filter-group::details-content { transition: none; }
  .member-filter-group[open] .member-filter-group-body { animation: none; }
}
/* 閉じているアコーディオン同士は、フォームの 24px gap を打ち消して summary の上下 10px だけにする（DENBAK 2026-08-30）。 */
body #buddypress .member-filter-form .member-filter-group + .member-filter-group { margin-top: -24px; }
/* DENBAK 2026-08-30: 検索窓のプレースホルダーは全ページ同じ薄いグレーに統一。 */
.member-name-search input::placeholder,
.hub-search input::placeholder,
.magazine-search input::placeholder,
body #buddypress .member-name-search input::placeholder { color: #9aa5ab; opacity: 1; }
body #buddypress .member-name-search { font-weight: 400; }

/* DENBAK 2026-08-30: SPの絞り込みダイアログを左からスライドさせる（開閉とも 0.28s）。
   dialog は display 切り替えなので transition-behavior: allow-discrete と @starting-style で入場も効かせる。 */
@media (max-width: 780px) {
  .member-filter-dialog {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform .28s ease, opacity .28s ease, overlay .28s allow-discrete, display .28s allow-discrete;
  }
  .member-filter-dialog[open] { transform: translateX(0); opacity: 1; }
  @starting-style {
    .member-filter-dialog[open] { transform: translateX(-100%); opacity: 0; }
  }
  .member-filter-dialog::backdrop {
    opacity: 0;
    transition: opacity .28s ease, overlay .28s allow-discrete, display .28s allow-discrete;
  }
  .member-filter-dialog[open]::backdrop { opacity: 1; }
  @starting-style {
    .member-filter-dialog[open]::backdrop { opacity: 0; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .member-filter-dialog,
  .member-filter-dialog::backdrop { transition: none; }
}

/* DENBAK 2026-08-30: 一覧の区分ラベル（企業／自治体）は折り返さない。
   SPは 1行目＝ラベル＋団体名 の並びにして2段組みにしない。 */
body #buddypress .member-kind-label { white-space: nowrap; }
@media (max-width: 780px) {
  body #buddypress .member-organization-row h2 { grid-column: 2; grid-row: 1; margin-top: 0; align-self: center; }
  body #buddypress .member-organization-tag { grid-column: 1 / -1; grid-row: 2; align-self: start; }
}
/* DENBAK 2026-08-30: 一覧の団体名を大きく（PC 13→18px／SP 15→19px）。 */
body #buddypress .member-organization-row h2 { font-size: 18px; }
@media (max-width: 780px) {
  body #buddypress .member-organization-row h2 { font-size: 19px; }
}
/* DENBAK 2026-08-30: SPは 団体名を左・区分ラベルを右に置く。 */
@media (max-width: 780px) {
  body #buddypress .member-organization-row { grid-template-columns: minmax(0, 1fr) auto; }
  body #buddypress .member-organization-row h2 { grid-column: 1; grid-row: 1; }
  body #buddypress .member-organization-row > div:not(.member-organization-more) { grid-column: 2; grid-row: 1; justify-self: end; align-self: start; }
}
/* DENBAK 2026-08-30: 一覧の本文（概要）とタグは PC・SP とも 14px。 */
body #buddypress .member-organization-summary,
body #buddypress .member-organization-tag { font-size: 14px; }

/* DENBAK 2026-08-30: 一覧の「詳しく見る」はポータル connection.scss の .cn-id-more / .cn-id-more-link を移植。 */
.cn-id-more { margin-top: 25px; }
@media (max-width: 1300px) { .cn-id-more { margin-top: 1.92vw; } }
@media (max-width: 768px) { .cn-id-more { margin-top: clamp(10px, 5.33vw, 25px); } }
body #buddypress .cn-id-more-link {
  position: relative;
  display: inline-block;
  padding-left: 38px;
  color: #1e6dc1;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  background-image: linear-gradient(#1e6dc1, #1e6dc1);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 1px;
  transition: background-size .3s;
}
body #buddypress .cn-id-more-link:hover { color: #1e6dc1; background-position: bottom left; background-size: 100% 1px; }
body #buddypress .cn-id-more-link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 17px;
  margin: auto;
  background: url("images/arrow_01.png") no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  body #buddypress .cn-id-more-link { padding-left: 7.47vw; font-size: clamp(10px, 3.73vw, 18px); }
  body #buddypress .cn-id-more-link::after { width: 4.54vw; height: 3.29vw; }
}
@media (min-width: 781px) {
  /* 説明テキストの直後（同じ列の次の行）に置く。 */
  body #buddypress .member-organization-row > .member-organization-more { grid-column: -2; grid-row: 2; justify-self: end; margin-top: 0; padding-top: 0; }
  /* 行の共通 padding（15px）が説明文の下に残っていたので、ここだけ詰める。 */
  body #buddypress .member-organization-row > .member-organization-summary { padding-bottom: 4px; }
}
@media (max-width: 780px) {
  /* 説明テキスト（grid-row 3）の直後に置く。 */
  body #buddypress .member-organization-row > .member-organization-more { grid-column: 1 / -1; grid-row: 4; justify-self: end; padding-top: 0; }
}
/* DENBAK 2026-08-30: 一覧の概要は両端揃え＋3行を超えたら三点リーダーで省略（2026-08-25 の全文表示指定を上書き）。 */
body #buddypress .member-organization-summary {
  display: block;
  overflow: visible;
  text-align: justify;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
}
/* DENBAK 2026-08-30: 一覧の団体名は、（申請部局）を必ず次の行に出す（括弧の中では折り返さない）。 */
body #buddypress .member-organization-row h2 .member-organization-name small { display: block; white-space: nowrap; }
/* DENBAK 2026-08-30: 詳細ページも（申請部局）を次の行に。ヒーロー内なので文字は白。 */
body #buddypress .member-organization-hero h2 small { display: block; white-space: nowrap; color: #fff; }

/* DENBAK 2026-08-30: メンバー詳細のヒーローは、イベント・記事のKVと同じグラデ背景にする。 */
body #buddypress .member-organization-hero {
  background: linear-gradient(105deg, #d4f3f7 0%, #f7e5e2 100%);
  color: #25333b;
}
body #buddypress .member-organization-hero h2,
body #buddypress .member-organization-hero h2 small,
body #buddypress .member-organization-number { color: #25333b; }
body #buddypress .member-organization-hero .member-kind-label { color: #1e6dc1; background: #fff; }
body #buddypress .member-organization-hero .member-kind-label.is-municipality { color: #e46c56; background: #fff; }

/* DENBAK 2026-08-30: SPの丸い「絞り込み」ボタン。「トップへ戻る」(.link-top) と同じ大きさで、その上に固定する。 */
.member-filter-fab { display: none; }
@media (max-width: 768px) {
  .member-filter-dialog-ready .member-filter-fab {
    position: fixed;
    right: 5.33vw;
    bottom: calc(5.33vw + 13.33vw + 12px); /* link-top の bottom + 高さ + 隙間 */
    z-index: 10000;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s, transform .3s;
  }
  .member-filter-dialog-ready .member-filter-fab.is-visible { opacity: 1; visibility: visible; }
  .member-filter-fab button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13.33vw;
    height: 13.33vw;
    border: 1px solid #1e6dc1 !important;
    border-radius: 50%;
    padding: 0;
    color: #fff !important;
    background: #1e6dc1 !important;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 1.2;
    transition: transform .5s;
  }
  .member-filter-fab button:hover { transform: scale(1.1, 1.1); }
}
@media (prefers-reduced-motion: reduce) {
  .member-filter-fab { transition: none; }
}
/* DENBAK 2026-08-30: SPの .link-top は枠が60px固定のまま中の丸だけ 13.33vw だったため、
   絞り込みボタンと右端が揃わなかった。枠も丸と同じ大きさにして揃える。 */
@media (max-width: 768px) {
  .link-top { width: 13.33vw; height: 13.33vw; }
  .member-filter-dialog-ready .member-filter-fab { bottom: calc(5.33vw + 13.33vw + 10px); }
}
/* ダイアログを開いている間は背面のページをスクロールさせない（DENBAK 2026-08-30）。 */
html.member-filter-dialog-open,
html.member-filter-dialog-open body { overflow: hidden; }
/* DENBAK 2026-08-30: 選択中タグの頭に「×」を置き、押すとその条件だけ外す。 */
body #buddypress .member-active-tag { display: inline-flex; align-items: center; gap: 5px; }
body #buddypress .member-active-tag-remove {
  display: inline-flex;
  align-items: center;
  margin-right: 3px;
  color: #1e6dc1;
  background: none;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transform: translateY(-1px);
}
body #buddypress .member-active-tag-remove:hover { color: #17557f; }
/* タグを外した時のフェードアウト（DENBAK 2026-08-30）。 */
body #buddypress .member-active-tag {
  white-space: nowrap; /* 幅を縮める時に折り返して縦に膨らむのを防ぐ */
  overflow: hidden;
  max-width: 40em;
  transition: opacity .24s ease, transform .24s ease, max-width .24s ease, padding .24s ease;
}
body #buddypress .member-active-tag.is-removing { opacity: 0; transform: scale(.9); max-width: 0; padding-left: 0; padding-right: 0; border-width: 0; }
@media (prefers-reduced-motion: reduce) {
  body #buddypress .member-active-tag { transition: none; }
}
/* DENBAK 2026-08-30: 絞り込みの件数は括弧付きで表示する。 */
body #buddypress .member-check-list label small[data-facet-count]::before { content: "（"; }
body #buddypress .member-check-list label small[data-facet-count]::after { content: "）"; }
/* DENBAK 2026-08-30: 「投稿する」ボタンは既存のオレンジ #e46c56（いいね・フッターラベルと同色）にする。 */
.hub-submit-enabled,
.consult-create > summary.hub-submit-enabled,
.hub-submit-float .hub-submit-enabled { background: #e46c56; border-color: #e46c56; color: #fff; }
.hub-submit-enabled:hover,
.consult-create > summary.hub-submit-enabled:hover,
.hub-submit-float .hub-submit-enabled:hover { background: #c9563f; border-color: #c9563f; color: #fff; }
/* DENBAK 2026-08-30: 「一覧から取り下げる」も既存のオレンジ #e46c56 に。 */
.consult-delete-button,
#buddypress .consult-delete-button,
button[type=submit].consult-delete-button { border: 1px solid #e46c56 !important; color: #fff !important; background: #e46c56 !important; }
.consult-delete-button:hover,
#buddypress .consult-delete-button:hover,
button[type=submit].consult-delete-button:hover { border-color: #c9563f !important; color: #fff !important; background: #c9563f !important; }
/* 「一覧から取り下げる」の前に×を出す。 */
.consult-delete-button::before { content: "×"; margin-right: 6px; font-size: 1.05em; line-height: 1; }
/* SPは「この相談を編集する」と2つ並べる。 */
@media (max-width: 680px) {
  .consult-owner-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
  .consult-owner-actions form { display: block; }
  .consult-owner-actions .consult-edit-link,
  .consult-owner-actions .consult-delete-button { display: flex; align-items: center; justify-content: center; width: 100%; text-align: center; }
}
/* DENBAK 2026-08-30: 本人操作の2ボタンは同じ形（高さ44px・角丸9px・太さ800）に統一。
   「内容を編集する」＝青の線ボタン、「取り下げる」＝オレンジのベタ。 */
.consult-owner-actions .consult-edit-link,
.consult-owner-actions .consult-delete-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 9px !important;
  padding: 10px 16px !important;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.consult-owner-actions .consult-edit-link { border: 1px solid #1e6dc1 !important; color: #1e6dc1 !important; background: #fff !important; }
.consult-owner-actions .consult-edit-link:hover { color: #fff !important; background: #1e6dc1 !important; }

/* DENBAK 2026-08-30: PC・SPとも、いいね／お気に入りはラベル（タグ）と同じ行の右端。
   タイトルは2行目で右端まで目いっぱい使う。 */
.article-title-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px 16px; }
.article-title-row > div { display: contents; }
.article-title-row > div > .badge,
.article-title-row > div > .article-type-label,
.article-title-row > div > .hub-status { grid-column: 1; grid-row: 1; align-self: center; justify-self: start; width: auto; max-width: max-content; }
.article-title-row > div > h1 { grid-column: 1 / -1; grid-row: 2; margin: 0; }
.article-title-row .chitele-content-reaction { grid-column: 2; grid-row: 1; justify-self: end; width: auto; margin: 0; }
.article-title-row .chitele-content-reaction button,
.member-organization-hero .member-favorite-form button { width: auto; white-space: nowrap; }
@media (max-width: 620px) {
  .article-title-row { gap: 8px 10px; }
  .article-title-row .chitele-content-reaction button,
  .member-organization-hero .member-favorite-form button { padding: 5px 10px; font-size: 12px; }
  .article-title-row .chitele-content-reaction button .chitele-icon,
  .member-organization-hero .member-favorite-form button .chitele-icon { width: 15px; height: 15px; }
}

/* DENBAK 2026-08-30: 関連資料の「ダウンロード」は線ボタン＋ダウンロードアイコン。 */
body .consult-attachment-download,
body #buddypress .consult-attachment-download {
  gap: 7px;
  border: 1px solid #1e6dc1;
  color: #1e6dc1;
  background: #fff;
  text-decoration: none;
}
body .consult-attachment-download::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3v10m0 0 4-4m-4 4-4-4" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3v10m0 0 4-4m-4 4-4-4" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center / contain;
}
body .consult-attachment-download:hover,
body #buddypress .consult-attachment-download:hover { color: #fff; background: #1e6dc1; }
/* DENBAK 2026-08-30: コメント送信ボタンは右寄せ。 */
.chitele-wrap .comment-form .form-submit { display: flex; justify-content: flex-end; }

/* DENBAK 2026-08-30: みんなのハブ詳細の見出しは記事本文の h2 / h3 と同じ指定を共有する（style.css 側）。
   ここでは余白と、旧デザインの下線・グレー文字を打ち消すだけにする。 */
.consult-section-sub { border: 0; padding: 0; }
.consult-section-title:first-child { margin-top: 0; }
/* DENBAK 2026-08-30: PCは本人操作の2ボタンを右端に寄せる（SPは2カラムのまま）。 */
@media (min-width: 681px) {
  .consult-owner-actions { justify-content: flex-end; }
}
/* DENBAK 2026-08-30: ダウンロードボタン内のファイルサイズ表記。 */
.consult-attachment-download .consult-attachment-size { margin-left: 2px; color: inherit; font-size: 12px; font-weight: 400; }

/* DENBAK 2026-08-30: みんなのハブのタグを、メンバーリストの選択中タグ（.member-active-tag）と同じ見た目に。
   大きさ（padding・文字サイズ）は現状のまま、枠線・色・背景だけ揃える。 */
.consult-tags .consult-tag {
  border: 1px solid #b9d6e2;
  color: #1e6dc1;
  background: #f4fbfd;
  font-weight: 700;
}
.consult-tags .consult-tag:hover { border-color: #1e6dc1; color: #fff; background: #1e6dc1; }

/* DENBAK 2026-08-30: アカウント設定のパスワード操作ボタン（生成する／表示の目／キャンセル）を線ボタンに統一。 */
body #buddypress .wp-generate-pw,
body #buddypress .wp-hide-pw,
body #buddypress .wp-cancel-pw,
body #buddypress button.wp-generate-pw,
body #buddypress button.wp-hide-pw,
body #buddypress button.wp-cancel-pw {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #1e6dc1 !important;
  border-radius: 9px !important;
  padding: 8px 14px !important;
  color: #1e6dc1 !important;
  background: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none !important;
}
body #buddypress .wp-generate-pw:hover,
body #buddypress .wp-hide-pw:hover,
body #buddypress .wp-cancel-pw:hover,
body #buddypress button.wp-generate-pw:hover,
body #buddypress button.wp-hide-pw:hover,
body #buddypress button.wp-cancel-pw:hover { color: #fff !important; background: #1e6dc1 !important; }
body #buddypress .wp-hide-pw .dashicons { width: 18px; height: 18px; font-size: 18px; line-height: 1; }

/* DENBAK 2026-08-30: プロフィール編集のグループ切替を WordPress 管理画面の nav-tab 風にする。
   下の1本線の上にタブが乗り、選択中だけ白地で線が途切れる形。 */
body #buddypress .profile-edit .button-tabs.button-nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0;
  margin: 0 0 -1px;
  padding: 0 0 0 8px;
  border-bottom: 1px solid #c3c4c7;
  list-style: none;
}
body #buddypress .profile-edit .button-tabs.button-nav li { margin: 0 4px -1px 0; }
body #buddypress .profile-edit .button-tabs.button-nav li a {
  display: inline-block;
  margin: 0;
  border: 1px solid #c3c4c7 !important;
  border-bottom: 1px solid #c3c4c7 !important;
  border-radius: 3px 3px 0 0 !important;
  padding: 8px 14px !important;
  color: #50575e !important;
  background: #dcdcde !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  text-decoration: none;
  box-shadow: none !important;
}
body #buddypress .profile-edit .button-tabs.button-nav li a:hover {
  color: #1e6dc1 !important;
  background: #f0f0f1 !important;
}
/* 選択中：白地・下線を消して本文とつながる。 */
body #buddypress .profile-edit .button-tabs.button-nav li.current a,
body #buddypress .profile-edit .button-tabs.button-nav li.selected a {
  border-bottom-color: #fff !important;
  color: #1d2327 !important;
  background: #fff !important;
}
/* タブの受け皿（本文側）。 */
body #buddypress .profile-edit .button-tabs.button-nav + * {
  border-top: 1px solid #c3c4c7;
  margin-top: 0;
  padding-top: 26px;
}
/* 「Editing "◯◯" Profile Group」の重複見出しは、タブがあるので隠す。 */
body #buddypress .profile-edit .profile-group-title.edit { display: none; }
@media (max-width: 620px) {
  body #buddypress .profile-edit .button-tabs.button-nav { padding-left: 0; }
  body #buddypress .profile-edit .button-tabs.button-nav li a { padding: 7px 10px !important; font-size: 13px; }
}
/* DENBAK 2026-08-30: 「お気に入り・いいね」の空表示にあるリンクは、下線付きで1段下げて見せる。 */
body #buddypress .member-favorite-columns .member-favorite-empty-link,
body #buddypress .member-my-posts .member-favorite-empty-link {
  display: block;
  margin-top: 6px;
  color: #1e6dc1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body #buddypress .member-favorite-columns .member-favorite-empty-link:hover,
body #buddypress .member-my-posts .member-favorite-empty-link:hover { color: #1a5ba3; }
/* DENBAK 2026-08-30: マイページ「みんなのハブへの投稿」一覧。 */
body #buddypress .member-my-posts-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
body #buddypress .member-my-posts-list li { display: flex; align-items: flex-start; gap: 10px; border-radius: 7px; padding: 10px 12px; background: #f5f8fa; }
body #buddypress .member-my-posts-list li > a { display: grid; gap: 3px; min-width: 0; flex: 1 1 auto; text-decoration: none; }
body #buddypress .member-my-posts-list li > a strong { color: #26333a; font-weight: 700; }
body #buddypress .member-my-posts-list li > a span { color: #68767e; font-size: 12px; }
body #buddypress .member-my-posts-list li > a:hover strong { color: #1e6dc1; text-decoration: underline; }
/* DENBAK 2026-08-30: 「プロフィール画像を変更」を線ボタンにして名前の下へ。 */
body #buddypress .member-avatar-change-wrap { margin: 12px 0 0; }
body #buddypress .member-avatar-change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid #1e6dc1 !important;
  border-radius: 999px;
  padding: 8px 18px;
  color: #1e6dc1 !important;
  background: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
body #buddypress .member-avatar-change:hover { color: #fff !important; background: #1e6dc1 !important; }

/* DENBAK 2026-08-30: SPのプロフィール表示テーブルは横並びをやめ、ラベルの下に値を出す（幅82pxでは読めないため）。 */
@media (max-width: 620px) {
  body #buddypress table.profile-fields,
  body #buddypress table.profile-fields tbody,
  body #buddypress table.profile-fields tr,
  body #buddypress table.profile-fields td { display: block; width: auto; }
  body #buddypress table.profile-fields tr {
    border: 0;
    border-bottom: 1px solid #dce3e6;
    padding: 12px 0;
  }
  body #buddypress table.profile-fields tr:last-child { border-bottom: 0; }
  body #buddypress table.profile-fields td.label {
    border: 0;
    padding: 0 14px 6px;
    color: #34444c;
    background: none;
    font-size: 13px;
    font-weight: 800;
  }
  body #buddypress table.profile-fields td.data {
    border: 0;
    padding: 0 14px;
    color: #2d323e;
    line-height: 1.9;
    overflow-wrap: anywhere;
  }
  body #buddypress table.profile-fields td.data p { margin: 0; }
}
/* DENBAK 2026-08-30: お気に入り・いいねのリストが左に寄りすぎないよう、テーマ既定の ul マージンを打ち消す。 */
body #buddypress .member-favorite-columns ul { margin-left: 0; padding-left: 0; }
/* DENBAK 2026-08-30: お気に入り・いいね／自分の投稿の各行に、お知らせ一覧と同じ矢印（arrow_01.png）を右端に置く。 */
body #buddypress .member-favorite-columns li a,
body #buddypress .member-my-posts-list li > a { position: relative; padding-right: 48px; }
/* タイトルは少し小さく。 */
body #buddypress .member-favorite-columns li a strong,
body #buddypress .member-my-posts-list li > a strong { font-size: 14px; }
body #buddypress .member-favorite-columns li a::after,
body #buddypress .member-my-posts-list li > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 24px;
  height: 17px;
  margin: auto;
  background: url("images/arrow_01.png") no-repeat;
  background-size: contain;
}
/* DENBAK 2026-08-30: マイページも他の詳細ページと同じく「見出しは幅広・本文は1040px」にする。
   （見出し＝Member Detail／マイページ の2行は狭めない） */
@media (min-width: 781px) {
  body #buddypress .chitele-member-single > *:not(.page-content-title-sub):not(.content-title) {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* DENBAK 2026-08-30: 状態タグ・ラベル類は幅によらず折り返さない（可変時に「相談」が2行になるため）。 */
body .hub-status,
body .badge,
body .article-type-label,
body .member-kind-label,
body .mag-card-labels span,
body .consult-tags .consult-tag,
body .member-active-tag { white-space: nowrap; flex: 0 0 auto; width: auto; max-width: max-content; }
/* DENBAK 2026-08-30: SPで投稿フォームの入力欄が枠からはみ出さないようにする（padding込みの幅計算にする）。 */
.consult-editor-form input[type="text"],
.consult-editor-form input[type="search"],
.consult-editor-form input[type="url"],
.consult-editor-form input[type="file"],
.consult-editor-form select,
.consult-editor-form textarea,
.consult-editor-content-visual { box-sizing: border-box; max-width: 100%; }
.consult-editor-form,
.consult-editor-field,
.consult-create .consult-editor { min-width: 0; }
@media (max-width: 620px) {
  .consult-editor-form input[type="text"],
  .consult-editor-form textarea,
  .consult-editor-content-visual { padding: 10px 11px; }
}
/* DENBAK 2026-08-30: 投稿フォームの送信ボタンが枠からはみ出さないようにする。 */
.consult-editor-form .consult-editor-submit,
.consult-editor-form .consult-editor-cancel,
.consult-editor-actions .consult-editor-submit,
.consult-editor-actions .consult-editor-cancel { box-sizing: border-box; max-width: 100%; }
@media (max-width: 620px) {
  .consult-editor-form .consult-editor-submit,
  .consult-editor-form .consult-editor-cancel { width: 100%; }
}

/* DENBAK 2026-08-30: オレンジのボタンはタップ後（:focus / :visited / :active 保持）も色を変えない。 */
.hub-submit-enabled:focus,
.hub-submit-enabled:visited,
.hub-submit-enabled:active,
.consult-create > summary.hub-submit-enabled:focus,
.hub-submit-float .hub-submit-enabled:focus,
.hub-submit-float .hub-submit-enabled:visited { background: #e46c56 !important; border-color: #e46c56 !important; color: #fff !important; }
.consult-delete-button:focus,
.consult-delete-button:active,
button[type=submit].consult-delete-button:focus,
button[type=submit].consult-delete-button:active { border-color: #e46c56 !important; background: #e46c56 !important; color: #fff !important; }
/* 投稿フォーム冒頭の注意書き。 */
.consult-editor-note { margin: 0 0 14px; }

/* DENBAK 2026-08-30: みんなのハブの「投稿」丸ボタン（PC・SP共通）。
   .link-top（トップへ戻る）の上に置き、押すと投稿フォームを全画面モーダルで開く。 */
.hub-post-fab {
  position: fixed;
  right: 40px;
  bottom: calc(40px + 60px + 12px); /* link-top の bottom + 高さ + 隙間 */
  z-index: 10000;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}
.hub-post-fab.is-visible { opacity: 1 !important; visibility: visible !important; }
/* DENBAK 2026-09-09: 右下固定の「投稿」丸ボタンは一旦非表示（上段の「みんなのハブへ投稿する」だけで運用）。
   戻す時はこの1ブロック（次の2行）を削除する。 */
.hub-post-fab,
.hub-post-fab.is-visible { display: none !important; }
.hub-post-fab button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: 60px;
  height: 60px;
  border: 1px solid #e46c56 !important;
  border-radius: 50%;
  padding: 0;
  color: #fff !important;
  background: #e46c56 !important;
  line-height: 1;
  cursor: pointer;
  transition: transform .5s;
}
.hub-post-fab button:hover { transform: scale(1.1, 1.1); }
.hub-post-fab .hub-post-fab-icon { font-size: 20px; font-weight: 400; }
.hub-post-fab .hub-post-fab-text { font-size: 11px; font-weight: 700; }
@media (max-width: 768px) {
  .hub-post-fab { right: 5.33vw; bottom: calc(5.33vw + 13.33vw + 10px); }
  .hub-post-fab button { width: 13.33vw; height: 13.33vw; }
  .hub-post-fab .hub-post-fab-icon { font-size: 4.2vw; }
  .hub-post-fab .hub-post-fab-text { font-size: 2.6vw; }
}
/* 投稿フォームを全画面モーダルにする（PC・SP共通）。 */
html.hub-post-modal-open,
html.hub-post-modal-open body { overflow: hidden; }
html.hub-post-modal-open .consult-create {
  position: fixed;
  inset: 0;
  /* 管理バー（#wpadminbar は z-index:100000）より上に出す。下に潜ると閉じるボタンが隠れる。DENBAK 2026-09-08 */
  z-index: 100001;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #fff;
}
html.hub-post-modal-open .consult-create .consult-editor { max-width: 760px; margin: 0 auto; padding: 24px 20px 60px; }
@media (max-width: 620px) {
  html.hub-post-modal-open .consult-create .consult-editor { padding: 16px 16px 48px; }
}
html.hub-post-modal-open .consult-create > summary { display: none; }
html.hub-post-modal-open .hub-post-fab,
html.hub-post-modal-open .link-top { display: none; }
/* モーダル見出しと閉じるボタン。 */
.consult-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.consult-editor-head h2 { margin: 0; }
.consult-editor-close { display: none; min-width: 42px; min-height: 42px; border: 0 !important; color: #35434b !important; background: transparent !important; font-size: 26px; line-height: 1; cursor: pointer; }
html.hub-post-modal-open .consult-editor-close { display: inline-flex; align-items: center; justify-content: center; }
/* DENBAK 2026-08-30: 従来の「投稿する」開閉ボタンは非表示（投稿は右下の丸ボタンから）。 */
.consult-create > summary.hub-submit-enabled { display: none !important; }
.consult-create:not([open]) { display: none; }
/* モーダル以外では投稿フォームを出さない（開いていてもモーダル状態でなければ隠す）。 */
.consult-create[open]:not(.is-modal) { display: none; }
html.hub-post-modal-open .consult-create[open] { display: block; }
/* DENBAK 2026-08-30: 投稿モーダルはふわっと開く（薄い背景＋中身が少し下から立ち上がる）。 */
html.hub-post-modal-open .consult-create[open] {
  background: rgba(24, 35, 42, .55);
  animation: chitele-modal-fade .24s ease both;
}
html.hub-post-modal-open .consult-create .consult-editor {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(21, 40, 54, .28);
  animation: chitele-modal-rise .28s ease both;
}
@media (min-width: 621px) {
  html.hub-post-modal-open .consult-create[open] { padding: 40px 20px; }
}
@keyframes chitele-modal-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes chitele-modal-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html.hub-post-modal-open .consult-create[open],
  html.hub-post-modal-open .consult-create .consult-editor { animation: none; }
}

/* ============================================================
   ページャー（ポータル common.scss の .pagination をそのまま移植）
   DENBAK 2026-08-30 ／ 全一覧ページ共通（イベント・しる、まなぶ・お知らせ・みんなのハブ・メンバーリスト）
   ============================================================ */
.pagination { display: flex; justify-content: center; align-items: center; color: #616161; text-align: center; overflow: visible; }
.pagination ul.page-numbers { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.pagination li { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; line-height: 1; }
/* ul 自体にも class="page-numbers" が付くため、必ず a / span に限定する。 */
.pagination a.page-numbers,
.pagination span.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #1e283c;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .02em;
  white-space: nowrap;
  transition: color .5s;
}
/* 現在ページはポータル本番と同じ「グレー文字・太字なし・下線なし」。 */
.pagination span.page-numbers.current { color: #616161; font-weight: 400; text-decoration: none; }
.pagination a.page-numbers:hover { color: #1e6dc1; background: none; }
.pagination .prev,
.pagination .next { position: relative; width: 32px; min-width: 32px; height: 32px; padding: 0; font-size: 0; }
.pagination .prev::before,
.pagination .next::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("images/arrow_07.png") no-repeat;
  background-size: contain;
  transition: transform .5s;
}
.pagination .prev:hover::before { transform: scale(1.2, 1.2); background: url("images/arrow_05.png") no-repeat; background-size: contain; }
.pagination .next::before { transform: rotate(180deg); }
.pagination .next:hover::before { transform: scale(1.2, 1.2) rotate(180deg); background: url("images/arrow_05.png") no-repeat; background-size: contain; }
.pagination li:has(.prev) { margin-right: 17px; }
.pagination li:has(.next) { margin-left: 17px; }
.pagination .icon { display: none; }
@media (max-width: 1300px) {
  .pagination li:has(.prev) { margin-right: 1.31vw; }
  .pagination li:has(.next) { margin-left: 1.31vw; }
}
@media (max-width: 768px) {
  .pagination a.page-numbers,
  .pagination span.page-numbers { width: 8.53vw; min-width: 8.53vw; height: 8.53vw; font-size: 4.27vw; font-weight: 700; }
  .pagination .prev,
  .pagination .next { width: 8.53vw; min-width: 8.53vw; height: 8.53vw; }
  .pagination .prev::before,
  .pagination .next::before { width: 8.53vw; height: 8.53vw; }
  .pagination li:has(.prev) { margin-right: 5.87vw; }
  .pagination li:has(.next) { margin-left: 5.87vw; }
}
/* #buddypress 配下でも id セレクタに負けないよう同じ強さで。 */
#buddypress .pagination a.page-numbers { color: #1e283c; }
#buddypress .pagination a.page-numbers:hover,
#buddypress .pagination span.page-numbers.current { color: #616161; font-weight: 400; }
/* ページャーのリンクは下線を出さない（ポータル本番と同じ）。 */
.pagination a.page-numbers,
#buddypress .pagination a.page-numbers { text-decoration: none; }
.pagination a.page-numbers:hover,
#buddypress .pagination a.page-numbers:hover { text-decoration: none; }
/* DENBAK 2026-08-30: 現在ページは下線＋太字で示す（global.min.css の .pagination .current を上書き）。 */
.pagination span.page-numbers.current,
#buddypress .pagination span.page-numbers.current,
nav.pagination li span.current {
  color: #1e283c !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 5px !important;
  text-decoration-thickness: 2px !important;
}

/* ============================================================
   トップの「最新情報」を、ポータル本番のお知らせ（home.scss の .news-wrap / .news-item）に合わせる。
   DENBAK 2026-08-30 ／ 実値はポータル common.scss・home.scss から移植
   ============================================================ */
.home-latest {
  margin: 0 0 40px;
  border: 0;
  border-radius: 20px;
  padding: 50px 80px;
  background: #eff1f4;
}
.home-section-head { display: block; margin: 0 0 40px; }
.home-section-head h2 { margin: 0; color: #2d323e; font-size: 32px; font-weight: 700; letter-spacing: .03em; }
.home-latest-list { display: block; margin: 0; padding: 0; border: 0; list-style: none; }
.home-latest-list li { border: 0; }
.home-latest-list li + li { margin-top: 15px; }
.home-latest-list a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 23px;
  min-height: 0;
  border-radius: 60px;
  padding: 18px 126px 18px 30px;
  color: #2d323e;
  background: #fff;
  text-decoration: none;
  transition: background-color .5s;
}
.home-latest-list a:hover { color: #2d323e; background: #ecfbfc; text-decoration: none; }
.home-latest-list a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  display: block;
  width: 24px;
  height: 17px;
  margin: auto;
  background: url("images/arrow_01.png") no-repeat;
  background-size: contain;
}
.home-latest-list time { flex: 0 0 auto; color: #1e6dc1; font-size: 16px; font-weight: 700; white-space: nowrap; }
.home-latest-list .home-latest-title { flex: 1 1 auto; min-width: 0; color: #2d323e; font-size: 16px; font-weight: 400; }
.home-latest-list .home-latest-author { display: none; }
.home-latest-list .home-arrow { display: none; }
@media (max-width: 1300px) {
  .home-latest { padding: 3.85vw 6.15vw; }
}
@media (max-width: 768px) {
  .home-latest { margin: 0 -2.67vw 8vw; border-radius: 20px; padding: 8vw 5.33vw 10.67vw; }
  .home-section-head { margin-bottom: 8vw; }
  .home-section-head h2 { font-size: 5.87vw; margin-left: 9.6vw; }
  .home-latest-list a { display: block; border-radius: 5.33vw; padding: 4.27vw 5.33vw 10.67vw; }
  .home-latest-list a::after { top: auto; bottom: 4.71vw; left: 0; right: 0; width: 4.54vw; height: 3.29vw; }
  .home-latest-list time { font-size: 3.2vw; }
  .home-latest-list .home-latest-title { display: block; margin-top: 2.13vw; font-size: 3.73vw; }
}
/* DENBAK 2026-08-30: セクション見出し（英字サブ＋日本語）をポータル home.scss から移植。 */
.content-title-sub {
  position: relative;
  margin: 0;
  color: #2d323e;
  font-size: 16px;
  font-weight: 700;
}
.content-title-sub::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 48%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: #1e6dc1;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.home-section-head .content-title {
  display: inline-block;
  margin: 15px 0 0;
  color: #2d323e;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(30px, 3.69vw, 48px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .03em;
}
@media (max-width: 1300px) { .content-title-sub::before { left: -2.31vw; } }
@media (max-width: 768px) {
  /* SPは左マージンで押し出さず、三角ぶんだけ padding で確保する（枠内で揃える）。 */
  .content-title-sub { font-size: 3.73vw; margin-left: 0; padding-left: 6.93vw; }
  .content-title-sub::before { left: 0; width: 4vw; height: 4vw; }
  .home-section-head .content-title { font-size: 8.53vw; margin-left: 0; }
}
/* DENBAK 2026-08-30: 「お知らせ一覧」ボタン（ポータル home.scss の .news-button）。 */
.news-button { margin-top: 40px; }
.news-button .button-01 { width: 147px; margin: auto; font-size: 14px; }
@media (max-width: 768px) {
  .news-button { margin-top: 8vw; }
  .news-button .button-01 { width: 43.73vw; }
}
/* 見出しサブは style.css の `.home-section-head p{font-size:12px;color:muted}` に負けていたので、同じ強さで上書き。 */
.home-section-head .content-title-sub,
.home-section-head p.content-title-sub { margin: 0; color: #2d323e; font-size: 16px; font-weight: 700; }
@media (max-width: 768px) {
  .home-section-head .content-title-sub,
  .home-section-head p.content-title-sub { font-size: 3.73vw; margin-left: 0; padding-left: 6.93vw; }
}
/* 「事務局からのお知らせ一覧」ボタン。.button-01 は display:block なので、
   中央寄せは wrapper 側の text-align ＋ inline-flex で行う（width:auto だと親幅いっぱいに伸びる）。 */
.news-button { text-align: center; }
.news-button .button-01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 260px;
  margin: 0 auto;
  padding: 16px 28px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .news-button .button-01 { min-width: 0; width: 100%; padding: 4vw 5vw; }
}
/* DENBAK 2026-09-08: ボタンの下に続くみんなのハブの新着が詰まって見えるので、
   ボタン上と同じ 40px（SP 8vw）の間隔を空ける。 */
.news-button + .home-latest-list { margin-top: 40px; }
@media (max-width: 768px) {
  .news-button + .home-latest-list { margin-top: 8vw; }
}
/* DENBAK 2026-08-30: 見出しは左寄せ（親から text-align:center を継承して中央に寄っていた）。 */
.home-section-head,
.home-section-head .content-title-sub,
.home-section-head .content-title { text-align: left; }

/* DENBAK 2026-08-30: 主要メニューのバナーも、ポータルのお知らせ（.news-item）と同じ白の角丸・矢印にする。 */
.home-route {
  border: 0;
  border-radius: 20px;
  padding: 28px 70px 28px 30px;
  color: #2d323e;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
  transition: background-color .5s;
}
a.home-route:hover {
  border: 0;
  color: #2d323e;
  background: #ecfbfc;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .12);
  transform: none;
}
.home-route.is-pending { color: #667085; background: #f5f6f8; box-shadow: none; }
.home-route-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 24px;
  height: 17px;
  margin: auto;
  color: transparent;
  font-size: 0;
  background: url("images/arrow_01.png") no-repeat;
  background-size: contain;
}
.home-route.is-pending .home-route-arrow { display: none; }
@media (max-width: 768px) {
  .home-route { border-radius: 5.33vw; padding: 5.33vw 12vw 5.33vw 5.33vw; }
  .home-route-arrow { right: 5.33vw; width: 4.54vw; height: 3.29vw; }
}

/* DENBAK 2026-08-30: 一覧カードのホバーをポータル（use-case.scss の .uc-item:hover）に合わせる。
   背景 #ecfbfc ＋ 0.5rem 持ち上げ、0.4s ease-out。 */
.consult-card,
.event-card,
.mag-card,
.hub-card,
.event-source-grid .event-card,
.magazine-source-grid .mag-card { transition: all .4s ease-out; }
.consult-card:hover,
.event-card:hover,
.mag-card:hover,
.hub-card:hover,
.event-source-grid .event-card:hover,
.magazine-source-grid .mag-card:hover {
  background-color: #ecfbfc;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .12);
  transform: translateY(-0.5rem);
  text-decoration: none;
}
/* DENBAK 2026-08-30: 画面幅を縮めるとサムネイルのロゴが消える（120px固定でカード幅より大きくなり収まらない）。
   カード幅に応じて縮むよう相対指定にする。 */
.magazine-source-grid .mag-card-thumb:not(:has(img)),
.event-source-grid .event-card-thumb:not(:has(img)) {
  background-size: min(120px, 60%) auto, cover;
}
@media (max-width: 768px) {
  .magazine-source-grid .mag-card-thumb:not(:has(img)),
  .event-source-grid .event-card-thumb:not(:has(img)) { background-size: min(32vw, 60%) auto, cover; }
  .article-kv--placeholder { background-size: min(32vw, 60%) auto, cover; }
}

/* DENBAK 2026-08-30: トップは他ページと同じ上下余白にする（独自の padding-top:34px を廃止）。 */
body .chitele-home { max-width: none; padding-top: 0; }
/* キービジュアルの背景は、カード（.article-kv--placeholder）と同じグラデーションに統一。 */
.home-hero {
  background: linear-gradient(105deg, #d4f3f7 0%, #f7e5e2 100%);
}
.home-hero::before,
.home-hero::after { display: none; }
/* DENBAK 2026-08-30: 中間幅で2カラムのままだとロゴ列が overflow:hidden に切られて消えるため、
   980px 以下は縦積みにし、ロゴは必ず枠内に収める。 */
@media (max-width: 980px) {
  .home-hero { grid-template-columns: 1fr; }
  .home-brand { justify-content: flex-start; padding: 18px 26px 30px; }
}
.home-brand { min-width: 0; }
.home-brand img { max-width: 100%; height: auto; }
/* DENBAK 2026-08-30: メニューが長いと、サイトロゴ（portal-logo.png）と内閣府ロゴが押し潰されて消えていた。
   ロゴは縮めず、縮むのはメニュー側にする。 */
.site-header-wrapper .title-logo,
.site-header-wrapper .title-logo a,
.site-header-wrapper .site-branding,
.site-header-wrapper .site-logo,
.site-header-wrapper .custom-logo-link,
.header-logo { flex: 0 0 auto; min-width: 0; }
/* ポータル common.scss L315-321 と同値（PC 116px / 768px以下 16.45vw）。 */
.site-header-wrapper .title-logo img { width: 116px; max-width: none; height: auto; }
@media (max-width: 768px) { .site-header-wrapper .title-logo img { width: 16.45vw; } }
.site-header-wrapper .site-branding img,
.site-header-wrapper .custom-logo,
.header-logo img { max-width: 100%; height: auto; }
.site-header-wrapper .main-navigation,
.site-header-wrapper .chitele-primary-menu { min-width: 0; }
@media (max-width: 1200px) {
  .site-header-wrapper .chitele-primary-menu > li > a { font-size: clamp(11px, 1.15vw, 14px); }
  .site-header-wrapper .chitele-primary-menu > li + li { margin-left: 12px; padding-left: 12px; }
}

/* DENBAK 2026-08-30: マイページ／ログアウトは横長のピル型ボタン（左アイコン＋右テキスト）。 */
.header-menu-list > li.--btn.--icon { flex: 0 0 auto; }
.header-menu-list > li.--btn.--icon + li.--btn.--icon { margin-left: 8px; padding-left: 0; }
.header-menu-list .chitele-icon-link,
.header-menu-list .chitele-icon-link.button-01,
.header-menu-list-sp .chitele-icon-link,
.header-menu-list-sp .chitele-icon-link.button-01,
.site-header-wrapper .chitele-icon-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: #fff !important;
  line-height: 1;
  transition: background .3s, border-color .3s, color .3s;
}
.header-menu-list .chitele-icon-link .chitele-icon-circle,
.header-menu-list-sp .chitele-icon-link .chitele-icon-circle,
.site-header-wrapper .chitele-icon-link .chitele-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.header-menu-list .chitele-icon-link .chitele-icon-glyph,
.header-menu-list-sp .chitele-icon-link .chitele-icon-glyph,
.site-header-wrapper .chitele-icon-link .chitele-icon-glyph {
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.header-menu-list .chitele-icon-link .chitele-icon-text,
.header-menu-list-sp .chitele-icon-link .chitele-icon-text,
.site-header-wrapper .chitele-icon-link .chitele-icon-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  color: inherit;
}
.header-menu-list .chitele-my-page-link .chitele-icon-glyph,
.header-menu-list-sp .chitele-my-page-link .chitele-icon-glyph,
.site-header-wrapper .chitele-my-page-link .chitele-icon-glyph {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4" fill="black"/><path d="M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4" fill="black"/><path d="M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7" fill="black"/></svg>');
}
.header-menu-list .chitele-logout-link .chitele-icon-glyph,
.header-menu-list-sp .chitele-logout-link .chitele-icon-glyph,
.site-header-wrapper .chitele-logout-link .chitele-icon-glyph {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M16 8l4 4-4 4M20 12H10" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M16 8l4 4-4 4M20 12H10" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.header-menu-list .chitele-my-page-link.button-01 { background: #1e6dc1 !important; border-color: #1e6dc1 !important; }
.header-menu-list .chitele-my-page-link.button-01:hover { background: #1a5ba3 !important; border-color: #1a5ba3 !important; color: #fff !important; }
.header-menu-list .chitele-logout-link.button-01 { background: #e46c56 !important; border-color: #e46c56 !important; }
.header-menu-list .chitele-logout-link.button-01:hover { background: #c9563f !important; border-color: #c9563f !important; color: #fff !important; }
/* アイコン化したので、メニュー文字の縮小は不要に戻す（ポータルと同じ 12〜16px の clamp）。 */
@media (max-width: 1200px) {
  .site-header-wrapper .chitele-primary-menu > li > a { font-size: clamp(12px, 1.6vw, 16px); }
  .site-header-wrapper .chitele-primary-menu > li + li { margin-left: 20px; padding-left: 20px; }
}


/* DENBAK 2026-08-30: 区切りの縦線とマイページボタンの隙間を詰める（20+20px → 12+10px）。 */
.header-menu-list > li.--btn.--icon { margin-left: 6px !important; padding-left: 16px !important; }
.header-menu-list > li.--btn.--icon + li.--btn.--icon { margin-left: 5px !important; padding-left: 0 !important; }


/* DENBAK 2026-08-30: 見出しが拡大時に折り返さないよう、イントロのボックスを 880px → 幅90% に広げる。 */
.home-intro { max-width: 90%; width: 90%; }
.home-intro h2 { text-wrap: balance; }
.home-intro > p:last-child { max-width: 100%; }

/* DENBAK 2026-08-30: SPメニューのマイページ／ログアウトは、2つを均等幅でぴったり横並びにする。 */
.header-menu-list-sp li.--btn a.button-01.chitele-icon-link {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.6vw;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 10.67vw 0 0;
  padding: 3.47vw 2vw !important;
  border-radius: 50px !important;
  font-size: 4.27vw;
  line-height: 1;
  box-sizing: border-box;
}
.header-menu-list-sp .chitele-icon-link .chitele-icon-circle,
.header-menu-list-sp .chitele-icon-link .chitele-icon-glyph { width: 4.27vw; height: 4.27vw; }
.header-menu-list-sp .chitele-icon-link .chitele-icon-text { font-size: 4.27vw; font-weight: 700; }
.header-menu-list-sp .chitele-my-page-link.button-01 { color: #fff !important; background: #1e6dc1 !important; border: 1px solid #1e6dc1 !important; }
.header-menu-list-sp .chitele-my-page-link.button-01:hover { color: #fff !important; background: #1a5ba3 !important; border-color: #1a5ba3 !important; }
.header-menu-list-sp .chitele-logout-link.button-01 { color: #fff !important; background: #e46c56 !important; border: 1px solid #e46c56 !important; }
.header-menu-list-sp .chitele-logout-link.button-01:hover { color: #fff !important; background: #c9563f !important; border-color: #c9563f !important; }

/* DENBAK 2026-08-30: イントロ本文はPCでも左揃え。 */
.home-intro > p:last-child { text-align: left; }


/* DENBAK 2026-08-30: SPではイントロを90%固定にせず、画面幅いっぱい（左右8pxのみ）に戻す。 */
@media (max-width: 980px) {
  .home-intro { max-width: 100%; width: auto; padding: 0 8px; }
}

/* DENBAK 2026-08-30: マイページ／ログアウトは内閣府ロゴの横（右側 header-contents 内）に置く。 */
.header-account-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
}
.header-account-list > li { margin: 0; padding: 0; }
.header-account-list > li::before { content: none; }
.header-account-list .chitele-icon-link,
.header-account-list .chitele-icon-link.button-01 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: #fff !important;
  line-height: 1;
  text-decoration: none;
  transition: background .3s, border-color .3s;
}
.header-account-list .chitele-icon-link .chitele-icon-circle { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: 0 0 auto; }
.header-account-list .chitele-icon-link .chitele-icon-glyph {
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.header-account-list .chitele-icon-link .chitele-icon-text { font-size: 11px; font-weight: 700; white-space: nowrap; color: inherit; }
.header-account-list .chitele-my-page-link .chitele-icon-glyph {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4" fill="black"/><path d="M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4" fill="black"/><path d="M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7" fill="black"/></svg>');
}
.header-account-list .chitele-logout-link .chitele-icon-glyph {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M16 8l4 4-4 4M20 12H10" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M16 8l4 4-4 4M20 12H10" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.header-account-list .chitele-my-page-link.button-01 { background: #1e6dc1 !important; border-color: #1e6dc1 !important; }
.header-account-list .chitele-my-page-link.button-01:hover { background: #1a5ba3 !important; border-color: #1a5ba3 !important; color: #fff !important; }
.header-account-list .chitele-logout-link.button-01 { background: #e46c56 !important; border-color: #e46c56 !important; }
.header-account-list .chitele-logout-link.button-01:hover { background: #c9563f !important; border-color: #c9563f !important; color: #fff !important; }
/* SPではメニュー内（header-menu-list-sp）に出すので、ヘッダー右のこの並びは隠す。 */
@media (max-width: 768px) { .header-account-list { display: none; } }

/* DENBAK 2026-08-30: 幅が狭い時（1100px以下）は文字を隠して丸アイコンだけのボタンにする。 */
@media (max-width: 1100px) {
  .header-account-list .chitele-icon-link,
  .header-account-list .chitele-icon-link.button-01 {
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    gap: 0;
  }
  .header-account-list .chitele-icon-link .chitele-icon-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .header-account-list .chitele-icon-link .chitele-icon-circle,
  .header-account-list .chitele-icon-link .chitele-icon-glyph { width: 18px; height: 18px; }
}

/* DENBAK 2026-08-30: コミュニティロゴをウィンドウ幅に追従させる。 */
.home-brand img { width: clamp(240px, 28vw, 560px); max-width: 100%; height: auto; }
@media (max-width: 980px) {
  .home-brand img { width: clamp(200px, 60vw, 420px); }
}

/* DENBAK 2026-08-30: グロナビは本来の余白（20px）を上限に、ウィンドウ幅で詰まるようにする。 */
.header-menu-list > li + li {
  margin-left: clamp(8px, 1.3vw, 20px) !important;
  padding-left: clamp(8px, 1.3vw, 20px) !important;
}
.header-menu-list > li > a { font-size: clamp(12px, 1.15vw, 16px); }
.site-header-wrapper .chitele-primary-menu > li + li {
  margin-left: clamp(8px, 1.3vw, 20px);
  padding-left: clamp(8px, 1.3vw, 20px);
}

/* DENBAK 2026-08-30: お気に入りボタンの見た目は style.css の .chitele-content-reaction / .talk-favorite-form と共通。ここでは配置だけ。 */
.member-organization-hero .member-favorite-form { margin: 14px 0 0; }

/* DENBAK 2026-08-30: BuddyPress側の汎用ボタン（青塗り #1e6dc1・角丸6px・padding 10px 20px）に負けるので、
   形だけ詳細度を上げて上書きする。色とエフェクトは上の .chitele-content-reaction / .talk-favorite-form と共通。 */
body #buddypress .member-favorite-form button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
body #buddypress .member-favorite-form button .chitele-icon { width: 18px; height: 18px; vertical-align: -.2em; }
@media (max-width: 620px) {
  body #buddypress .member-favorite-form button { padding: 5px 10px; font-size: 12px; }
  body #buddypress .member-favorite-form button .chitele-icon { width: 15px; height: 15px; }
}

/* DENBAK 2026-08-30: マイページに残っていた旧青（#1e6dc1 / #1e6dc1）をポータル青 #1e6dc1 に統一する。
   実測で該当したのは「My Page」小見出し・お客様番号の値・BuddyPressのタブ／サブタブ・ページ先頭へ戻るリンク。 */
body.bp-user .chitele-member-single .page-content-title-sub,
body.bp-user .member-header-customer-number strong { color: #1e6dc1; }
body.bp-user .users-nav li.bp-personal-tab > a,
body.bp-user .user-subnav li.bp-personal-sub-tab > a,
body.bp-user .site > .link-top a,
body.bp-user .link-top > a { color: #1e6dc1 !important; }

/* DENBAK 2026-08-30: イベントの申込ボタンを「イベント一覧へ戻る」(.news-return .button-01) と同じ寸法・同じ青にする。
   従来は旧青 #1e6dc1・角丸10px・padding 14px 40px で、hover も色が変わらず（背景同色）挙動が不自然だった。 */
.event-apply .btn-apply,
.event-apply .btn-disabled {
  display: inline-block;
  min-width: 320px;
  padding: 16px 8px;
  border: 1px solid #1e6dc1;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  transition: transform .3s, background-color .3s, color .3s;
}
.event-apply .btn-apply { color: #fff; background: #1e6dc1; }
.event-apply .btn-apply:hover,
.event-apply .btn-apply:focus-visible { transform: scale(1.05, 1.05); color: #1e6dc1; background: #fff; text-decoration: none; }
.event-apply .btn-disabled { color: #8b939b; background: #eef0f2; border-color: #d7dce0; cursor: default; }
@media (max-width: 768px) {
  .event-apply .btn-apply,
  .event-apply .btn-disabled { min-width: 0; width: 100%; }
}

/* DENBAK 2026-08-30: イベントのアーカイブ動画（YouTube埋め込み）。16:9で幅いっぱいに収める。 */
.event-stream-embed { position: relative; width: 100%; max-width: 800px; margin: 0 auto; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }
.event-stream-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* DENBAK 2026-08-31: 開催情報の見出し列（dt）を、いちばん長いラベル「こんな方におすすめ」に合わせて全行同じ幅にする。
   行ごとの grid だと列が揃わないので、dt に固定幅（9.5em）を与えて値の開始位置を統一する。 */
.event-meta > div { display: flex; gap: 24px; align-items: start; }
.event-meta dt { flex: 0 0 9.5em; width: 9.5em; min-width: 0; }
.event-meta dd { flex: 1 1 auto; }
@media (max-width: 620px) {
  .event-meta > div { display: grid; grid-template-columns: 1fr; gap: 2px; }
  .event-meta dt { flex: none; width: auto; }
}

/* DENBAK 2026-08-31: 登壇者は写真＋テキストのカードを複数並べる。 */
.event-speaker-list { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
.event-speaker { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; align-items: start; padding: 20px; border: 1px solid #dce3e6; border-radius: 10px; background: #fff; }
.event-speaker:has(.event-speaker-body:only-child) { grid-template-columns: 1fr; }
.event-speaker-photo img { display: block; width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }
.event-speaker-name { margin: 0 0 4px; font-size: 17px; font-weight: 700; color: #2d323e; }
.event-speaker-affiliation { margin: 0 0 10px; font-size: 14px; color: #51585f; }
.event-speaker-profile { margin: 0; line-height: 1.9; color: #2d323e; }
@media (max-width: 620px) {
  .event-speaker { grid-template-columns: 84px minmax(0, 1fr); gap: 14px; padding: 16px; }
  .event-speaker-photo img { width: 84px; height: 84px; }
}

/* DENBAK 2026-08-31: みんなのハブ 編集画面の関連資料（既存の削除＋追加）。 */
.consult-attachment-edit-list { display: grid; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.consult-attachment-edit-list li { border: 1px solid #dce3e6; border-radius: 8px; background: #f7fafb; }
.consult-attachment-edit-list label { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; }
.consult-attachment-edit-list input { flex: 0 0 auto; width: 18px; height: 18px; }
.consult-attachment-edit-name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.consult-attachment-edit-meta { flex: 0 0 auto; color: #8d1c1c; font-size: 12px; font-weight: 700; }

/* DENBAK 2026-08-31: ログイン画面の左ビジュアルは、一覧カードのサムネイルと同じグラデーションにする。
   カードの外側（ページ背景）は灰色をやめて白にする。 */
.login-preview-brand { background: linear-gradient(105deg, #d4f3f7 0%, #f7e5e2 100%); }
.login-preview-brand::before,
.login-preview-brand::after { content: none; }
body.page-template-page-member-access,
body.page-template-page-login-preview,
.chitele-login-preview { background: #fff; }
.chitele-login-preview .login-preview-shell { box-shadow: none; }

/* DENBAK 2026-08-31: ログイン画面の左ビジュアルはロゴを置く（旧 home-eyebrow ＋ ∞ マークの代わり）。 */
.login-preview-logo { margin: 0 0 26px; }
.login-preview-logo img { display: block; width: clamp(220px, 26vw, 340px); max-width: 100%; height: auto; }

/* DENBAK 2026-08-31: ログイン画面のボタン・リンクを共通の青 #1e6dc1 に揃える。
   元は .login-preview-form button（#6f8d98）と .login-access-form button（#e7575b !important）が
   二重に効いており、赤が !important で勝っていた。ここでは両方を上書きする。 */
.login-preview-form button,
.login-access-form button,
.login-preview-form button:disabled {
  color: #fff !important;
  background: #1e6dc1 !important;
  border: 1px solid #1e6dc1 !important;
  opacity: 1 !important;
}
.login-preview-form button:hover,
.login-access-form button:hover,
.login-access-form button:focus-visible {
  color: #fff !important;
  background: #1a5ba3 !important;
  border-color: #1a5ba3 !important;
}
/* 送信できない表示確認版のボタンだけは、押せないことが分かるようにグレーのまま残す。 */
.chitele-login-preview .login-preview-form button:disabled {
  background: #a8b4bb !important;
  border-color: #a8b4bb !important;
  cursor: not-allowed;
}
/* 「パスワードを忘れた場合」などのテキストリンク（元は #075b75）。 */
.login-access-actions a,
.login-access-choice-links a:not(.login-access-primary-link) { color: #1e6dc1; font-weight: 400; }
.login-access-primary-link { background: #1e6dc1 !important; }
.login-access-primary-link:hover { background: #1a5ba3 !important; }

/* DENBAK 2026-08-31: SPではログイン欄（下段）の縦間隔が空きすぎるので詰める。
   PC の値: パネル padding 36px / フォーム gap 9px＋label margin-top 8px（合計17px）/ ボタン margin-top 14px。 */
@media (max-width: 540px) {
  .login-preview-panel { padding: 22px 20px 26px; }
  .login-preview-form { gap: 4px; margin-top: 14px; }
  .login-preview-form label { margin-top: 12px; }
  .login-preview-form label:first-of-type { margin-top: 0; }
  .login-preview-form button { margin-top: 18px; }
  .login-preview-remember { margin-top: 12px; }
  .login-access-message { margin-top: 14px; padding: 12px 14px; }
  .login-access-actions { margin-top: 14px; }
  .login-preview-panel h2 { font-size: 24px; margin-bottom: 6px; }
}

/* DENBAK 2026-08-31: html の背景が親テーマの #f7f7f9（--bx-color-bg-subtle）のため、
   本文が短いページで最下部に灰色の帯が出ていた。body と同じ白に揃える。 */
html { background: #fff; }



/* DENBAK 2026-08-31: 「関連資料（任意）」だけ括弧書きだったので、必須バッジと同じ形の「任意」バッジに統一する。 */
.consult-editor-optional { margin-left: 5px; color: #7b878d; font-size: 12px; font-weight: 700; }

/* DENBAK 2026-08-31: 最新情報でリンクを付けない行（テキストだけの案内）も、リンク行と同じ体裁で並べる。 */
.home-latest-list .home-latest-plain { display: flex; align-items: center; gap: 24px; }

/* DENBAK 2026-08-31: トップを front-page.php で表示すると body に blog クラスが付き、
   親テーマ buddyx の「サイドバー付き」grid（.site が 2カラム）が当たって本文が右端に潰れていた。
   トップだけ1カラムに戻す。 */
body.home.blog .site { display: block; }
body.home.blog #primary,
body.home.blog .main.chitele-wrap,
body.home.blog .container { width: 100%; max-width: none; float: none; }
body.home.blog #secondary,
body.home.blog .sidebar-area,
body.home.blog .widget-area { display: none; }

/* DENBAK 2026-09-08: いいねした人のアイコン列＋一覧モーダル（chitele-reaction-viewers.php）。
   .article-title-row は grid で、その直下 div は display:contents 指定のため、
   ラッパーだけは flex に戻して「いいねボタンの下」に積む。 */
.article-title-row > .chitele-reaction-block,
.chitele-reaction-block { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; grid-column: 2; grid-row: 1; justify-self: end; }
.chitele-rv { display: flex; justify-content: flex-end; }
.chitele-rv-strip { display: inline-flex !important; align-items: center; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; cursor: pointer; }
.chitele-rv-avatar { display: inline-flex; margin-left: -6px; }
.chitele-rv-avatar:first-child { margin-left: 0; }
.chitele-rv-avatar img { display: block; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #e0e6ec; background: #fff; }
.chitele-rv-label { display: inline-flex; align-items: baseline; margin-left: 8px; color: #1e6dc1; font-size: 13px; font-weight: 400; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.chitele-rv-strip:hover .chitele-rv-label { color: #14528f; }
.chitele-rv-dialog { width: min(400px, 92vw); max-height: 85vh; padding: 0; border: 0; border-radius: 12px; box-shadow: 0 14px 44px rgba(15, 23, 32, .24); }
.chitele-rv-dialog::backdrop { background: rgba(15, 23, 32, .45); }
html.chitele-rv-dialog-open,
html.chitele-rv-dialog-open body { overflow: hidden; }
.chitele-rv-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #e6ebef; }
.chitele-rv-dialog-head h2 { margin: 0; font-size: 15px; font-weight: 400; }
.chitele-rv-dialog-head h2 span { margin-left: 8px; color: #e46c56; }
.chitele-rv-close { width: auto !important; padding: 2px 8px !important; border: 0 !important; background: transparent !important; color: #5b6874 !important; font-size: 20px; line-height: 1; cursor: pointer; }
.chitele-rv-list { display: grid; gap: 2px; max-height: calc(85vh - 52px); margin: 0; padding: 8px; overflow-y: auto; list-style: none; }
.chitele-rv-list li { margin: 0; }
.chitele-rv-list .chitele-rv-row { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; color: #24303a; text-decoration: none; }
a.chitele-rv-row:hover { background: #f4f7f9; }
.chitele-rv-list img { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: #fff; }
.chitele-rv-row > span { min-width: 0; font-size: 15px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .chitele-rv-avatar img { width: 20px; height: 20px; }
}

/* DENBAK 2026-09-08: みんなのハブ一覧の上に置く常設の投稿ボタン（右下の丸ボタンと併用）。 */
.hub-post-lead { display: flex; justify-content: flex-end; margin: 0 0 14px; }
.hub-post-lead-button { display: inline-flex; align-items: center; gap: 8px; width: auto !important; padding: 10px 20px !important; border: 1px solid #e46c56 !important; border-radius: 999px; background: #e46c56 !important; color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1; cursor: pointer; }
.hub-post-lead-button:hover { background: #c9563f !important; border-color: #c9563f !important; color: #fff !important; }
.hub-post-lead-button span { font-size: 16px; font-weight: 400; }
@media (max-width: 620px) {
  .hub-post-lead { justify-content: stretch; }
  .hub-post-lead-button { flex: 1 1 auto; justify-content: center; padding: 12px 16px !important; }
}