/* ===========================
   パンくずリスト
=========================== */
.breadcrumb {
  padding: clamp(5.625rem, 4.191rem + 5.88vw, 11.25rem)
           clamp(5rem, 3.725rem + 5.23vw, 10rem)
           0
           clamp(5rem, 3.725rem + 5.23vw, 10rem);
  position: relative;
  z-index: 10;
}

/* 行内の“素の >”テキストは描画させない想定（入っていてもOK） */
.breadcrumb-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0; /* 生テキストノードを潰す */
}

/* 各要素の文字サイズを復活させる（a/span 以外も将来想定して * に） */
.breadcrumb-inner > * {
  font-size: 12px;
  line-height: 1.7;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  color: #595757;
}

/* 中間階層のリンクにもスタイルを適用 */
.breadcrumb-inner a,
.breadcrumb-inner a span {
  font-size: 12px;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  padding-bottom: 2px;
}

/* 2階層目以降の前に区切り（要素型に依存しない） */
.breadcrumb-inner > * + *::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 10px;
  border-top: 1px solid #595757;
  border-right: 1px solid #595757;
  transform: rotate(45deg); /* ▶っぽい矢印 */
  vertical-align: middle;
}

/* ホームのテキスト指定（NavXTの .home > span にマッチ） */
.breadcrumb .home span {
  color: #595757;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  padding-bottom: 2px;
}

/* 最終項目（投稿タイトルなど） */
.breadcrumb .post {
  color: #595757;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  padding-bottom: 2px;
}

/* タクソノミーアーカイブの最終項目（カテゴリ名など） */
.breadcrumb .taxonomy {
  color: #595757;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-size: 12px;
  padding-bottom: 2px;
}

/* 最終項目（すべてのタイプ共通） */
.breadcrumb .current-item {
  color: #595757;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-size: 12px;
  padding-bottom: 2px;
  pointer-events: none; /* 末尾はリンク無効 */
}

/* SPは非表示 */
@media screen and (max-width: 768px) {
  .breadcrumb { display: none !important; }
}