.breadcrumbs{color:var(--muted);align-items:center;gap:4px;padding:13px 0;font-size:12px;display:flex}.breadcrumbs svg{width:10px;height:10px}@media (width<=767px){.breadcrumbs{white-space:nowrap;padding:9px 0;font-size:10px;overflow:hidden}}@media (width>=1100px){.breadcrumbs{padding-block:18px}}.regional-breadcrumb-bar{background:#f3f4f5;border-bottom:1px solid #e8eaed;margin-bottom:24px}.regional-breadcrumbs{scrollbar-width:thin;width:calc(100% - 64px);max-width:1200px;margin:auto;overflow-x:auto}.regional-breadcrumbs ol{align-items:center;gap:12px;width:max-content;min-height:44px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.regional-breadcrumbs li{white-space:nowrap;color:#606772;align-items:center;gap:12px;display:flex}.regional-breadcrumbs button{min-height:44px}.regional-breadcrumbs button:hover{text-decoration:underline}.regional-breadcrumbs svg{color:#959ca6;width:11px;height:11px}.regional-breadcrumbs [aria-current]{color:#292e36;font-weight:700}@media (width<=1099px){.regional-breadcrumbs{width:calc(100% - 32px)}}@media (width<=1099px){.regional-breadcrumbs ol,.regional-breadcrumbs li{gap:9px}}@media (width<=1099px){.regional-breadcrumb-bar{margin-bottom:16px}}.regional-breadcrumb-bar{background:#3e3a39;border-bottom:0}.regional-breadcrumbs{padding-block:10px}.regional-breadcrumbs ol{min-height:0;line-height:1.5}.regional-breadcrumbs li,.regional-breadcrumbs svg{color:#fff}.regional-breadcrumbs button{color:#fff;min-height:0}.regional-breadcrumbs [aria-current]{color:#ffca02}@media (width<=767px){.regional-breadcrumbs ol{font-size:11px}}@media (width>=1100px){.regional-breadcrumb-bar{background:#f3f4f5;border-bottom:1px solid #e8eaed}}@media (width>=1100px){.regional-breadcrumbs li,.regional-breadcrumbs button{color:#606772}}@media (width>=1100px){.regional-breadcrumbs svg{color:#959ca6}}@media (width>=1100px){.regional-breadcrumbs [aria-current]{color:#292e36}}.regional-breadcrumb-bar{margin-bottom:0}@media (width>=768px){.regional-breadcrumb-bar{margin-bottom:24px}}@media (width<=767px){.regional-breadcrumb-bar{height:26.59px}}@media (width<=767px){.regional-breadcrumbs{align-items:center;height:100%;padding-block:0;display:flex;overflow-x:auto}}@media (width<=767px){.regional-breadcrumbs ol{white-space:nowrap;flex-wrap:nowrap}}.regional-breadcrumbs a{color:inherit}@media (hover:hover) and (pointer:fine){.regional-breadcrumbs a:hover{text-underline-offset:3px;text-decoration:underline}}@media (width<=767px){.regional-breadcrumbs ol,.regional-breadcrumbs li{gap:4px}}

.regional-breadcrumbs a{transition:opacity .18s;text-underline-offset:3px}.regional-breadcrumbs a:hover,.regional-breadcrumbs a:focus-visible{opacity:.72;text-decoration:underline}
/* 現行PHPヘッダーのパンくず。現在ページ以外のリンクを明示。 */
.asreet-live-breadcrumb a:not([aria-current]){transition:color .18s,opacity .18s;text-underline-offset:4px}
.asreet-live-breadcrumb a:not([aria-current]):hover,.asreet-live-breadcrumb a:not([aria-current]):focus-visible{text-decoration:underline!important;opacity:.7}
/* モバイルはサンプルの濃色・横スクロールの1行パンくず。 */
@media(max-width:1099px){
 .asreet-live-breadcrumb{background:#3e3a39;border:0;color:#fff}
 .asreet-live-breadcrumb ol{width:calc(100% - 32px);align-items:center;gap:4px;line-height:1.5;padding:8px 0;scrollbar-width:none}
 .asreet-live-breadcrumb ol::-webkit-scrollbar{display:none}
 .asreet-live-breadcrumb li{flex:none}
 .asreet-live-breadcrumb li+li::before{margin-right:4px;color:#fff}
 .asreet-live-breadcrumb [aria-current=page]{color:#ffca02}
}
@media(max-width:767px){.asreet-live-breadcrumb ol{height:27px;padding:0;font-size:11px}}

/* サンプル①同期 2026-09-24：SPパンくずを26.59pxの一行表示にする。 */
@media(max-width:767px) {
  .asreet-live-breadcrumb { height:26.59px; }
  .asreet-live-breadcrumb ol { height:100%;min-height:0;padding-block:0;align-items:center;gap:4px; }
  .asreet-live-breadcrumb li + li::before { margin-right:4px; }
}

/* PCパンくずは一行38px。SP/タブレットは既存寸法を維持。 */
@media(min-width:1100px){
 .asreet-live-breadcrumb{box-sizing:border-box;height:38px}
 .asreet-live-breadcrumb ol{box-sizing:border-box;min-height:0;height:37px;padding-block:9px;line-height:19px;align-items:center;scrollbar-width:none}
 .asreet-live-breadcrumb ol::-webkit-scrollbar{display:none}
}