/* ====== CV風カード：2枚目デザインに寄せる ====== */
/* グリッド：PC2 / TB2 / SP1 */
.cv-like .cv-like-grid{
 display:grid; gap: 28px;
 grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 1024px){
 .cv-like .cv-like-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 782px){
 .cv-like .cv-like-grid{ grid-template-columns: 1fr; }
}
/* カード枠 */
.cv-card{
 border: none !important;
 box-shadow: none !important;
 padding: 0 !important;          /* 画像・テキストの間は個別に持つ */
}

/* サムネ：16:9で大きめ・中央トリム */
.cv-thumb figure{ margin:0 0 10px; aspect-ratio: 16 / 9; background:#f4f6fa; overflow:hidden; }
.cv-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.cv-noimg{ display:block; width:100%; height:100%; background:
 linear-gradient(135deg,#e9edf6 25%, transparent 25%) -10px 0/20px 20px,
 linear-gradient(225deg,#e9edf6 25%, transparent 25%) -10px 0/20px 20px,
 linear-gradient(315deg,#e9edf6 25%, transparent 25%) 0 0/20px 20px,
 linear-gradient(45deg,#e9edf6 25%, transparent 25%) 0 0/20px 20px; }
/* カテゴリを行テキストで（薄グレー・小さめ） */
.cv-meta-line{
 margin: 2px 0 6px; color:#6b7280; font-size: .85rem; line-height:1.4;
 display:block;
}
.cv-meta-line .cv-cat-link{
 color:#6b7280; text-decoration:none; margin-right:.25rem;
}
.cv-meta-line .cv-cat-link:hover{ text-decoration:underline; }
/* タイトル：大きめ青・太め（サイトのリンク色に合わせるなら省略OK） */
.cv-title{ margin: 4px 0 6px; font-weight:700; line-height:1.35; }
.cv-title a{
 color:#0a6dff; text-decoration:none;
}
.cv-title a:hover{ text-decoration:underline; }
/* 日付 */
.cv-date{
 display:block; color:#6b7280; font-size:.85rem; margin-bottom:6px;
}
/* ページ頭のカテゴリ見出し（左青線） */
.cv-section-title{
 margin: 4px 0 14px;
 padding-left: 12px;
 border-left: 4px solid #394BB3;   /* 左の青線 */
}
.cv-section-title span{
 font-size: 1.4rem;
 font-weight: 700;
 line-height: 1.3;
}
/* ページネーション（中央寄せ・CV風） */
.cv-pagination{ display:flex !important; justify-content:center; margin:28px 0 8px; }
.cv-pagination .page-numbers{
 display:flex; gap:.5rem; flex-wrap:wrap; padding:0; margin:0; list-style:none;
}
.cv-pagination .page-numbers a,
.cv-pagination .page-numbers span{
 display:inline-flex; padding:.45em .7em; border:1px solid #d9dbe5; text-decoration:none;
 background:#fff;
}
.cv-pagination .page-numbers .current{ font-weight:700; background:#f7f8fc; }

/* ===== カードだけ“カードっぽく”にする（他は変更しない） ===== */

/* カード本体：白背景 + 角丸 + うっすら影 */
.cv-card{
  background:#fff !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(16, 24, 40, .06) !important;
  padding: 14px 14px 12px !important;
  transition: box-shadow .2s ease, transform .2s ease;
}
.cv-card:hover{
  box-shadow: 0 10px 28px rgba(16, 24, 40, .10) !important;
  transform: translateY(-1px);
}


/* タイトル/メタの余白は維持（必要最低限の調整のみ） */
.cv-title{ margin: 4px 0 6px !important; }
.cv-meta-line{ margin: 2px 0 6px !important; }
.cv-date{ margin-bottom: 6px !important; }


/* =========================
   2) 上部ツールバー（カテゴリチップ）
   ========================= */
 
/* 上部固定にしたい場合：親グループに .toolbar-sticky を付与 */
.toolbar-sticky{ position: sticky; top: 12px; z-index: 20; background: #fff; padding: 6px 0; }
 
/* ===== カラーバリエーション（必要ならここだけ触る） ===== */
:root{
  --chip-bg:#f3f4f6;         /* 通常 */
  --chip-border:#e5e7eb;
  --chip-text:#111827;
 
  --chip-hover-bg:#DCEEFF;   /* ホバー（親子共通） */
  --chip-hover-border:#CFE0FF;
  --chip-hover-text:#111827;
 
  --chip-active-bg:#575F91;  /* 選択中（親子共通） */
  --chip-active-border:#1C234C;
  --chip-active-text:#FFFFFF;
 
  --chip-pop-bg:#F7FAFF;     /* サブメニューのパネル色 */
  --chip-pop-border:#E6F0FF;
 
  --content-gutter: var(--wp--style--root--padding-left, 24px); /* 端まで伸ばす用 */
}
 
/* ===== ベース（左寄せ・折返し・一定gap） ===== */
.chip-bar .wp-block-navigation__container{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-start;
}
.chip-bar{ margin-left:calc(-1*var(--content-gutter)); margin-right:calc(-1*var(--content-gutter));
  padding-left:var(--content-gutter); padding-right:var(--content-gutter);}
.chip-bar.wp-block-navigation, .chip-bar .wp-block-navigation{ padding:0 !important; }
 
/* ボタン見た目（親/子どちらにも適用） */
.chip-bar :is(a.wp-block-navigation-item__content,button.wp-block-navigation-item__content){
  display:inline-flex; align-items:center; gap:.45rem;
  padding:8px 12px; border-radius:999px; white-space:nowrap;
  background:var(--chip-bg); border:1px solid var(--chip-border); color:var(--chip-text);
  text-decoration:none; transition:background .15s, border-color .15s, color .15s;
}
 
/* ホバー：未選択/選択中どちらでも同じ色に統一 */
.chip-bar :is(a.wp-block-navigation-item__content,button.wp-block-navigation-item__content):hover,
.chip-bar .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover{
  background:var(--chip-hover-bg) !important;
  border-color:var(--chip-hover-border) !important;
  color:var(--chip-hover-text) !important;
}
 
/* アクティブ（選択中/祖先/展開中） */
.chip-bar :is(a.wp-block-navigation-item__content,button.wp-block-navigation-item__content)[aria-current="page"],
.chip-bar li.current-menu-item  > :is(a.wp-block-navigation-item__content,button.wp-block-navigation-item__content),
.chip-bar li.current-menu-ancestor > :is(a.wp-block-navigation-item__content,button.wp-block-navigation-item__content),
.chip-bar li.is-open > :is(a.wp-block-navigation-item__content,button.wp-block-navigation-item__content){
  background:var(--chip-active-bg); border-color:var(--chip-active-border); color:var(--chip-active-text);
}
 
/* ===== サブメニュー（ポップオーバー） ===== */
.chip-bar li.wp-block-navigation-item{ position:relative; }
.chip-bar .wp-block-navigation__submenu-container{
  position:absolute !important; left:0; top:calc(100% + 10px); display:none;
  padding:8px 10px !important; gap:10px; flex-wrap:wrap; z-index:60;
  width:max-content !important; min-width:240px; max-width:min(88vw, 720px);
  background:var(--chip-pop-bg) !important; border:1px solid var(--chip-pop-border) !important;
  border-radius:14px; box-shadow:0 12px 28px rgba(2,6,23,.08);
}
.chip-bar li.wp-block-navigation-item > .wp-block-navigation__submenu-container::before{
  content:""; position:absolute; top:-7px; left:14px; width:12px; height:12px;
  background:var(--chip-pop-bg); transform:rotate(45deg);
  border-left:1px solid var(--chip-pop-border); border-top:1px solid var(--chip-pop-border);
}
.chip-bar li:hover > .wp-block-navigation__submenu-container,
.chip-bar li.is-open > .wp-block-navigation__submenu-container,
.chip-bar li.current-menu-ancestor > .wp-block-navigation__submenu-container{ display:flex !important; }
 
/* 子チップ（中のボタン） */
.chip-bar .wp-block-navigation__submenu-container .wp-block-navigation-item{ flex:0 0 auto; margin:0; }
.chip-bar .wp-block-navigation__submenu-container a.wp-block-navigation-item__content{
  padding:6px 10px; font-size:.95em; border-radius:999px; background:#fff; border-color:#E6EBFF;
}
 
/* 選択中の子（色は親と統一） */
.chip-bar .wp-block-navigation__submenu-container a[aria-current="page"],
.chip-bar .wp-block-navigation__submenu-container .current-menu-item > a{
  background:var(--chip-active-bg) !important;
  border-color:var(--chip-active-border) !important;
  color:var(--chip-active-text) !important;
}
 
/* ふわっと（任意） */
@media (prefers-reduced-motion:no-preference){
  .chip-bar .wp-block-navigation__submenu-container{ opacity:0; transform:translateY(6px);
    transition:opacity .15s ease, transform .15s ease; }
  .chip-bar li:hover > .wp-block-navigation__submenu-container,
  .chip-bar li.is-open > .wp-block-navigation__submenu-container,
  .chip-bar li.current-menu-ancestor > .wp-block-navigation__submenu-container{
    opacity:1; transform:translateY(0);
  }
}
 
/* ===== スマホ：浮かせず横スクロール帯に ===== */
@media (max-width:782px){
  .chip-bar li.wp-block-navigation-item{ position:static; }
  .chip-bar .wp-block-navigation__submenu-container{
    position:static !important; display:none; padding:0 !important;
    background:transparent !important; border:0 !important; box-shadow:none !important; gap:10px;
  }
  .chip-bar li.is-open > .wp-block-navigation__submenu-container,
  .chip-bar li.current-menu-ancestor > .wp-block-navigation__submenu-container{
    display:flex !important; flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px;
    scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;
  }
  .chip-bar li > .wp-block-navigation__submenu-container::before{ display:none; }
}
 
/* ===== Mobile: 親は横スクロール、子は下のレールに表示 ===== */
@media (max-width: 782px){
  /* 親チップの行を横スクロール化 */
  .chip-toolbar .chip-bar .wp-block-navigation__container{
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 10px !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    mask-image: linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
  }
  .chip-toolbar .chip-bar a.wp-block-navigation-item__content{
    scroll-snap-align: start;
  }
  /* chip-bar 内の従来サブメニューは隠す（重複防止） */
  .chip-toolbar .chip-bar .wp-block-navigation__submenu-container{
    display: none !important;
  }
 
  /* 子カテゴリの“レール” */
  .chip-children-rail{
    display: none;               /* JSで .show を付けて表示 */
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .chip-children-rail.show{ display: flex; }
 
  /* レール内のチップ見た目（既存ポップオーバーの子と合わせる） */
  .chip-children-rail .wp-block-navigation-item{ margin:0 !important; }
  .chip-children-rail a.wp-block-navigation-item__content{
    display:inline-flex; align-items:center;
    padding:8px 12px; border-radius:999px; white-space:nowrap;
    background:#fff; border:1px solid #E6EBFF; color:#111827;
    text-decoration:none;
    transition: background .15s ease, border-color .15s ease;
  }
  .chip-children-rail a.wp-block-navigation-item__content:hover{
    background:#F1F6FF; border-color:#D8E3FF;
  }
 
  /* アクティブ色（あなたのネイビーに合わせる） */
  :root{
    --chip-active-bg:#575F91; --chip-active-border:#1C234C; --chip-active-text:#fff;
  }
  .chip-children-rail a[aria-current="page"],
  .chip-children-rail .current-menu-item > a{
    background:var(--chip-active-bg); border-color:var(--chip-active-border); color:var(--chip-active-text);
  }
}

.entry-content .wp-block-navigation{ display:block; }

/* --- ここから強制表示セット（最小） --- */
.chip-toolbar .wp-block-navigation{
  display:block !important;
  visibility:visible !important;
}

.chip-toolbar .wp-block-navigation__responsive-container{
  display:block !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
  position:static !important;
  height:auto !important;
}

.chip-toolbar .wp-block-navigation__responsive-container-open,
.chip-toolbar .wp-block-navigation__responsive-container-close,
.chip-toolbar .wp-block-navigation__toggle{
  display:none !important;
}

.chip-toolbar .wp-block-navigation__container,
.chip-toolbar .wp-block-navigation-items{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
/* --- ここまで強制表示セット --- */


.cv-scope .pt-cv-view .pt-cv-pagination,
.cv-scope .pt-cv-view .pagination{
  display:flex !important; flex-wrap:wrap; gap:8px !important;
}
.cv-scope .pt-cv-view .pagination .page-numbers{display:inline-flex !important;}

content-views
content-views-query-and-display-posts/public
jquery.js
