/* ===== 全カテゴリ共通：空サムネ(noimg_やJSで平坦化)is-flat の行だけ 1行リスト ===== */

/* 行間タイト（強ければ 4px に調整） */
.p-termContent ul.p-postList.-type-list li.p-postList__item{
  padding: 2px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.p-termContent ul.p-postList.-type-list li.p-postList__item:last-child{ border-bottom:none; }
/* 親ULの行間も詰める保険 */
.p-termContent ul.p-postList.-type-list{ row-gap:0 !important; }

/* メタ（日付など）は非表示 */
.p-termContent ul.p-postList.-type-list .p-postList__meta,
.p-termContent ul.p-postList.-type-list .p-postList__times{ display:none !important; }

/* ── 本文を横並び1行に（どちらか満たせばOK） ──
   1) サムネに noimg_ クラスが付いているパターン
   2) JSでサムネを削除して .is-flat を本文に付けたパターン */
.p-termContent ul.p-postList.-type-list .p-postList__thumb.noimg_ + .p-postList__body,
.p-termContent ul.p-postList.-type-list .p-postList__body.is-flat{
  display:flex; align-items:baseline; gap:.5em;
  width:100% !important; margin:0 !important;
}

/* タイトルは1行省略でタイトに */
.p-termContent ul.p-postList.-type-list .p-postList__body .p-postList__title{
  margin:0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  line-height:1.12;
}

/* 抜粋は“約20文字”（幅で制御） */
.p-termContent ul.p-postList.-type-list .p-postList__body .p-postList__excerpt{
  display:inline-block !important;     /* ← 幅を持たせるため inline-block */
  margin:0;
  max-width:20em;                       /* 全角≒20字。18–22emで微調整 */
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  line-height:1.12;
}
/* 抜粋が空なら非表示（区切りも出さない） */
.p-termContent ul.p-postList.-type-list .p-postList__body .p-postList__excerpt:empty{
  display:none !important;
}
/* 区切りは“抜粋があるときだけ”空白を入れる（NBSP×2でつぶれ防止） */
.p-termContent ul.p-postList.-type-list .p-postList__body
  .p-postList__excerpt:not(:empty)::before{
  content:"\00A0\00A0";
  opacity:.65;
}

/* 本文内の上下マージンをゼロに（行をさらに詰める） */
.p-termContent ul.p-postList.-type-list .p-postList__body > *{
  margin-top:0 !important; margin-bottom:0 !important;
}


/* 共通の区切り線 */
hr.post-split{
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(0,0,0,.15), transparent);
  margin: 14px 0;
}

/* 太めにしたい時（[hr size="wide"]） */
hr.post-split.post-split--wide{
  height: 2px;
  background: rgba(0,0,0,.2);
}


/* 基本 */
hr.post-split{
  border:0;
  height:1px;
  background:linear-gradient(to right, transparent, rgba(0,0,0,.15), transparent);
  margin:14px auto;
  width:var(--hr-width, 100%);            /* 指定がなければフル幅 */
}

/* 太さバリエーション */
hr.post-split.post-split--wide{  height:2px;  background:rgba(0,0,0,.20); }
hr.post-split.post-split--thick{ height:4px;  background:rgba(0,0,0,.30); }

/* 位置指定（centerがデフォルト） */
hr.post-split[style*="--hr-align:left"]  { margin-left:0;   margin-right:auto; }
hr.post-split[style*="--hr-align:right"] { margin-left:auto;margin-right:0;   }


/* 基本（色は変数で上書き可能） */
hr.post-split{
  border:0;
  height:1px;
  width:var(--hr-width, 100%);      /* 既定はフル幅 */
  margin:14px auto;                  /* 位置は align で変える */
  background:linear-gradient(to right, transparent, var(--hr-color, rgba(0,0,0,.18)), transparent);
}

/* 太さバリエーション */
hr.post-split.post-split--wide{  height:2px;  background:var(--hr-color, rgba(0,0,0,.24)); }
hr.post-split.post-split--thick{ height:4px;  background:var(--hr-color, rgba(0,0,0,.30)); }

/* 位置指定（centerが既定） */
hr.post-split[style*="--hr-align:left"]  { margin-left:0;   margin-right:auto; }
hr.post-split[style*="--hr-align:right"] { margin-left:auto;margin-right:0;   }

/* ── カラーパレット（スクショの雰囲気に寄せた色） ── */
hr.post-split.post-split--c-red    { --hr-color:#e74c3c; }  /* 赤系 */
hr.post-split.post-split--c-blue   { --hr-color:#2f6fed; }  /* 青系 */
hr.post-split.post-split--c-green  { --hr-color:#34a853; }  /* 緑系 */
hr.post-split.post-split--c-orange { --hr-color:#f5a623; }  /* オレンジ系 */


/* 応急：トップのファーストビューを隠す */
.l-fv{ display:none !important; }





/* 見出し直下に来たナビのマージンを薄く */
.p-termHead + .termnavi-ch {
  margin-top: .5rem;        /* ← ここで隙間を詰める */
}

/* タームナビ本体 */
.termnavi-ch{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .5rem;
  margin:.5rem 0 1.25rem;   /* 上を薄く、下は少し余裕 */
}

/* ピルの体裁 */
.termnavi-ch__pill{
  display:inline-block;
  padding:.35rem .8rem;
  border-radius:9999px;
  border:1px solid var(--swl-color-border,#e3e6eb);
  background:var(--swl-color-bg,#f7f9fb);
  color:var(--swl-color-text,#333);
  text-decoration:none;
  line-height:1;
  white-space:nowrap;
}

/* アクティブ時 */
.termnavi-ch__pill.is-active{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* もし空文字の pill が出たら念のため非表示 */
.termnavi-ch__pill:empty{ display:none; }



/* タームナビがある時だけ、カテゴリ見出し下の余白をキュッと詰める */
.p-termHead + .termnavi-ch{
  margin-top: .5rem;   /* ← 好みで 0～1rem くらいに */
}


/* ====== Channel タームナビ（mu-plugin出力） ====== */
.termnavi-ch{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .6rem;           /* 行・列の間隔 */
  margin: .5rem 0 1.25rem;    /* 見出しとの間 & 下の一覧との間 */
}

.termnavi-ch__pill{
  display: inline-flex;
  align-items: center;
  padding: .45rem .8rem;
  background: #000;           /* 黒ベタ */
  color: #fff;
  text-decoration: none;
  line-height: 1;
  font-weight: 600;
  border-radius: 0;           /* ← 角丸なし */
  border: 1px solid rgba(255,255,255,.06);
  transition: opacity .2s ease, transform .02s ease-in;
}

.termnavi-ch__pill:hover{ opacity: .85; }
.termnavi-ch__pill:active{ transform: translateY(1px); }

/* 現在のチャンネル（/category/channel/ に居る時）の強調 */
.termnavi-ch__pill.is-active{
  background: #111;           /* ほんの少しだけトーンを変える */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

/* ===== Channel タームナビ（mu-plugin出力）強制上書き ===== */
.termnavi-ch{
  display:flex; flex-wrap:wrap; gap:.5rem .6rem;
  margin:.5rem 0 1.25rem;
}

.termnavi-ch .termnavi-ch__pill{
  display:inline-flex; align-items:center;
  padding:.45rem .8rem;
  background:#000 !important;            /* ← 背景を黒に固定 */
  color:#fff !important;                  /* ← 文字は白 */
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:0 !important;             /* ← 角丸なし */
  text-decoration:none;
  line-height:1; font-weight:600;
  box-shadow:none !important;
  transition:opacity .2s ease, transform .02s ease-in;
}
.termnavi-ch .termnavi-ch__pill:hover{ opacity:.85 !important; }
.termnavi-ch .termnavi-ch__pill:active{ transform:translateY(1px); }

/* 見出し直下の余白を詰める */
.p-termHead + .termnavi-ch{ margin-top:.4rem; }


.term-ranking .wpp-list { 
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
@media (max-width:1024px){ .term-ranking .wpp-list {grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .term-ranking .wpp-list {grid-template-columns:1fr;} }

.term-ranking .wpp-item {
  list-style:none; background:#fff; border:1px solid var(--swl-color-border,#e5e7eb);
  border-radius:8px; overflow:hidden;
}
.term-ranking .wpp-item a { display:block; text-decoration:none; color:inherit; }
.term-ranking .wpp-thumbnail { display:block; aspect-ratio:16/9; object-fit:cover; width:100%; }
.term-ranking .wpp-post-title { padding:.75rem .9rem; line-height:1.5; font-weight:600; }
.term-ranking .wpp-excerpt, .term-ranking .wpp-site, .term-ranking .wpp-meta { display:none; }



/* カテゴリ一覧で、人気ブロックの直後の通常一覧を隠す（例：バラエティのみ） */
/* body.category-variety .p-termContent .p-postList { display:none; } */