/* 基本レイアウト */
.breadcrumb{ margin: 10px 0 14px; }
.breadcrumb ol{
  display:flex; flex-wrap:wrap; gap:.3rem .6rem;
  list-style:none; margin:0; padding:0;
  font-size:.95rem; color:#6b6259;
}
.breadcrumb li{ display:flex; align-items:center; gap:.3rem; }
.breadcrumb li+li::before{
  content:"／"; opacity:.55;
}

/* リンクと現在位置 */
.breadcrumb a{ color:#554a3f; text-decoration:none; }
.breadcrumb a:hover{
  text-decoration:underline; text-underline-offset:.2em;
}
.breadcrumb li[aria-current="page"]{ color:#a08c77; }

/* ホームアイコン */
.bc-home-icon{ width:1em; height:1em; vertical-align:-0.12em; margin-right:.2em; }
.bc-home-text{ display:none; } /* アイコンだけ表示（必要なら表示に切替） */

/* 狭幅で折り返しやすく */
@media (max-width: 480px){
  .breadcrumb{ margin: 10px 0 14px 10px; }
  .breadcrumb ol{ gap:.25rem .45rem; font-size:.92rem; }
}