@charset "UTF-8";

/* ============================================================
   パンくずリスト（2026-08 追加）
   仕様 … docs/operations/breadcrumb-spec-20260806.md
   ・PC 14px / SP 12px、文字色 #1E1F26、字体は説明文と同じもの
   ・リンクは色等を変化させず、カーソルで指のマークが出る形
   ・左右の位置は「大体でよい」（2026-07-27 打ち合わせ）＝
     フッターと同じ .c-inner に載せて素直に揃える
   ============================================================ */

.c-breadcrumb {
  padding: 24px 0;
}

/* 背景色を本文（main）から引き継ぐ。
   パンくずは </main> と <footer> の間に入るので、main に背景色があるページでは
   ここだけ地の白が出て、本文とフッターの間が断絶して見える（2026-08-10 実測・/voice/ /contact/）。
   ⚠️ ページ名では書かない。目印（main.pink）に反応させるので、
      先方が後から別ページへ .pink を付けても自動で追従する。
   ⚠️ #FDF7F7 は css/style.css の .pink（507行目）と同じ値。あちらが変わればここも要変更。 */
main.pink ~ .c-breadcrumb {
  background: #FDF7F7;
}

.c-breadcrumb__inner {
  margin: 0;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #1E1F26;
}

/* 「リンクは色等を変化させず」＝ テーマ全体の a:hover（#8B8B8B へ変化）を打ち消す。
   style.css より後に読み込まれ、詳細度でも勝つ。 */
.c-breadcrumb__inner a,
.c-breadcrumb__inner a:link,
.c-breadcrumb__inner a:visited,
.c-breadcrumb__inner a:hover,
.c-breadcrumb__inner a:focus,
.c-breadcrumb__inner a:active {
  color: #1E1F26;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 767px) {
  .c-breadcrumb {
    padding: 16px 0;
  }

  .c-breadcrumb__inner {
    font-size: 12px;
  }
}