/* ==========================================================
   パンくず（inc/breadcrumb.php）。物件ページ v2・分譲情報の一覧・来場予約で、フッターのすぐ上に出す
   フッター（css/site-footer.css）と同じ色の帯の上端に、細い線で区切って置く。幅もフッターにそろえる
   ========================================================== */
.breadcrumb{background:#403a3a;color:rgba(255,255,255,.72);font-family:var(--font-gothic,sans-serif);font-size:.8125rem;line-height:1.6;letter-spacing:.04em}
.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;width:min(100% - 80px,1280px);margin:0 auto;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);list-style:none}
.breadcrumb__item{display:flex;align-items:center;min-width:0}
.breadcrumb__item+.breadcrumb__item::before{content:"/";margin:0 .8em;color:rgba(255,255,255,.4)}
.breadcrumb__item[aria-current]{color:#fff}
.breadcrumb a,.breadcrumb a:link,.breadcrumb a:visited{color:inherit;text-decoration:none}
.breadcrumb a:hover,.breadcrumb a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:720px){
  .breadcrumb{font-size:.75rem}
  .breadcrumb__list{width:min(100% - 32px,1280px);padding:14px 0}
}