/* ===============================================
   🫖breadcrumb.css ver.2.0 2025.07.20
                          移転 ver.3.0 2025.08.25
   =============================================== */
/*パンくずリスト*/
.breadcrumb{--bc-gap:.5rem;--bc-sep:"›";font-size:.95em;margin:.5rem 0 1rem;color:var(--color-muted,#555)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--bc-gap);list-style:none;margin:0;padding:0}
.breadcrumb li{display:inline-flex;align-items:center}
.breadcrumb li+li::before{content:var(--bc-sep);margin:0 var(--bc-gap);color:var(--color-muted,#777)}
.breadcrumb a{color:var(--color-accent,#0073aa);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb a:focus-visible{outline:2px solid var(--color-accent,#0073aa);outline-offset:2px;border-radius:4px}
.breadcrumb [aria-current="page"]{color:var(--color-muted,#555);font-weight:600}

/* Tea World のパンくず（番号を消して横並び） */
.tw-site .tw-breadcrumbs__list,
.tw-site nav.tw-breadcrumbs > ol.tw-breadcrumbs__list {
  list-style: none !important; /* 数字を消す */
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}

.tw-site .tw-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  line-height: 1.4;
}

.tw-site .tw-breadcrumbs__item + .tw-breadcrumbs__item::before {
  content: "›";
  margin: 0 .35rem 0 .15rem;
  opacity: .6;
}

.tw-site .tw-breadcrumbs a { text-decoration: none; }
.tw-site .tw-breadcrumbs a:hover,
.tw-site .tw-breadcrumbs a:focus-visible { text-decoration: underline; }

/* 区切り（実体要素）を右向き三角で表示 */
.tw-site nav.tw-breadcrumbs .tw-bc-sep{
  display:inline-block;
  width:0;height:0;
  border-top:.30em solid transparent;
  border-bottom:.30em solid transparent;
  border-left:.44em solid currentColor; /* 三角本体 */
  margin:0 .38rem 0 .28rem;
  opacity:.85;
  vertical-align:middle;
  transform:translateY(1px);
}

/* Breadcrumb: force override (Autoptimize safe) */
nav[aria-label="Breadcrumb"] ol{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: .4em;
}

nav[aria-label="Breadcrumb"] li{
  margin: 0 !important;
  padding: 0 !important;
}