@charset "UTF-8";
/* ============================================================
   パンくずリスト（全ページ共通・2026-09-29）。組み方は template-parts/common/breadcrumb.php。
   それまでの3つ（svc-breadcrumb・wk-breadcrumb・column-breadcrumb）を1つにまとめた。
   見た目は、2026-09-24 に本人が「パンくずの見た目を統一」と決めたサービス・実績の詳細の形にそろえた
   （コラムだけ英字の書体・区切りの間隔・色が少し違っていた）。
   値は fiz-tokens.css（src/tokens.css の写し）を使う。
   ============================================================ */
.fiz-breadcrumb {
  font-family: var(--font-jp);
  font-size: var(--font-size-min, 14px);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-muted, #595959);
  line-height: var(--line-height-body);
  text-align: left; /* 共通の CSS が全要素を両端揃えにしているのを戻す（それまでは text-align.css が svc-breadcrumb に付けていた） */
  letter-spacing: 0;
}

/* ヘッダーのすぐ下に置くとき：本番のヘッダーは画面の上に浮いているので、その下に出るぶんの余白を取る（余白の決まり） */
.fiz-breadcrumb--header {
  padding-top: calc(var(--header-bottom-sp) + var(--space-after-header));
}

/* 写真の帯の題名のすぐ下に置くとき（余白の決まり・2026-09-29）：帯下端 → パンくず上端は --space-band-to-breadcrumb、
   パンくず下端 → 最初の中身は --space-title-to-content（帯が題名の役なので、題名の下と同じ） */
.fiz-breadcrumb--band {
  padding-top: var(--space-band-to-breadcrumb);
}
.fiz-breadcrumb--band + .pad-tb {
  padding-top: var(--space-title-to-content); /* .pad-tb（50〜100px）の上の余白を決まりの値にする */
}
.fiz-breadcrumb--band + .column-archive {
  padding-top: var(--space-title-to-content); /* コラムの一覧・カテゴリ */
}
.fiz-breadcrumb--band + .page-style1 > .site-main__block:first-child {
  padding-top: var(--space-title-to-content); /* FIZについて・会社概要は最初の段の上の余白 */
}

.fiz-breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fiz-breadcrumb li:not(:last-child)::after {
  content: "/";
  margin-left: 6px;
  color: var(--color-border);
}

.fiz-breadcrumb a {
  color: var(--color-muted, #595959);
  text-decoration: none;
}

.fiz-breadcrumb a:hover {
  color: var(--color-text, #212121); /* 2026-09-24 本人決定：飾りの赤を減らす */
}

@media (min-width: 1024px) {
  .fiz-breadcrumb--header {
    padding-top: calc(var(--header-bottom-pc) + var(--space-after-header));
  }
}