/* =============================================================================
   Breadcrumb（パンくずリスト）
   Figma: node-id=37-269
   ============================================================================= */

/* パンくずリスト ナビゲーション（ページ共通コンテナ） */
.breadcrumb {
  container-type: inline-size;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: var(--gap-header-main);
}

@media (max-width: 1240px) {
  .breadcrumb {
    padding-right: var(--margin-16);
    padding-left: var(--margin-16);
  }
}

.breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
}

.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* セパレータ「/」: 現在のページ以外の後に付与 */
.breadcrumb__item:not(.breadcrumb__item--current)::after {
  content: '/';
  color: var(--color-notice);
  font-size: var(--text-notice);
}

/* リンクテキスト */
.breadcrumb__link {
  font-size: var(--text-notice);
  font-weight: 400;
  color: var(--color-primary);
  text-decoration: none;
  white-space: nowrap;
}

.breadcrumb__link:hover {
  text-decoration: underline;
}

/* 現在のページ */
.breadcrumb__item--current span {
  font-size: var(--text-notice);
  font-weight: 400;
  color: var(--color-notice);
  white-space: nowrap;
}