/* パンくず専用：既存の本文・ヘッダーの寸法を変更せず、全幅で同じDOMを表示する。 */
.appride-site .appride-breadcrumbs {
 margin:0;
 padding:8px 20px;
 color:var(--appride-sub);
 font:400 13px/1.7 var(--appride-font);
 overflow-wrap:anywhere;
}
.appride-breadcrumbs ol {
 display:flex;
 align-items:flex-start;
 flex-wrap:wrap;
 column-gap:12px;
 row-gap:0;
 margin:0;
 padding:0;
 list-style:none;
}
.appride-breadcrumbs li { display:flex; align-items:center; flex:0 1 auto; margin:0; padding:0; min-width:0; max-width:100%; min-height:44px; }
.appride-breadcrumbs li:first-child { flex-shrink:0; }
.appride-breadcrumbs a {
 display:inline-flex;
 align-items:center;
 min-height:44px;
 min-width:0;
 max-width:100%;
 color:var(--appride-key);
 text-decoration:underline;
 text-underline-offset:.2em;
}
.appride-breadcrumbs a:focus-visible { outline:2px solid var(--appride-key); outline-offset:3px; }
.appride-breadcrumbs li + li { position:relative; padding:0 0 0 16px; }
.appride-breadcrumb-current { display:inline-flex; align-items:center; min-height:44px; min-width:0; max-width:100%; }
/* 区切りは文字を使わないCSS図形。支援技術へ余分な記号を読み上げさせない。 */
.appride-breadcrumbs li + li::before {
 content:"";
 position:absolute;
 left:0;
 top:19px;
 width:6px;
 height:6px;
 border-top:1px solid currentColor;
 border-right:1px solid currentColor;
 transform:rotate(45deg);
}
/* TB・PCは現在のmainの左右余白を利用する。記事詳細では既存の見出し幅に揃える。 */
@media (width > 480px) {
 .appride-site .appride-breadcrumbs { padding:12px 0; }
 .appride-single .appride-breadcrumbs { max-width:none; margin-inline:0; }
}