/* ===========================
   パンくずリスト
   =========================== */
.breadcrumb {
  --breadcrumb-muted: #aab0be;
  padding: 10px 0;
}

.breadcrumb__list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--breadcrumb-muted);
}

.breadcrumb__item + .breadcrumb__item::before {
  content: ">";
  color: var(--breadcrumb-muted);
  margin: 0 8px;
}

.breadcrumb__item a {
  color: var(--breadcrumb-muted);
  transition: color 0.2s;
}

.breadcrumb__item a:hover {
  color: var(--cyan);
}