@charset "UTF-8";
/* ================================================================
   パンくずリスト（全ページ共通・単一の定義）
   2026-08-22 新規。それまで article-v2.css / archive-v2.css / page-v2.css の
   3ファイルに同じ内容が重複しており、ページ種別ごとに値がずれる原因になっていた。

   ■ 読み込み
   functions.php で wp_enqueue_scripts の priority 99（＝最後）に enqueue する。
   blog.css（.contents-inner .topicPath .inner に padding:30px）と
   article.css（.topicPath に font-size:10px 等）より後に読ませる必要があるため。

   ■ 詳細度
   blog.css の最強セレクタが .single-post .contents-inner .topicPath .inner (0,4,0) なので、
   同特異度の .contentsArea .contents-inner .topicPath .inner (0,4,0) で受けて、
   「後に読み込まれる」ことで勝たせている。!important は使わない。

   ■ 配置
   2026-08-22 にパンくずを記事上部から記事下部（footer.php）へ移動した。
   出力は functions.php の mobareco_breadcrumb()（記事・固定ページ・カテゴリ・タグ・
   著者・アーカイブに対応。記事名にもリンクを張る）。
   ================================================================ */

/* 外側の箱 */
.contentsArea .contents-inner .topicPath,
.contents-inner .topicPath,
.topicPath {
    margin: 0;
    padding: 0;
    background: none;
}

/* 内側（余白はここだけで持つ） */
.contentsArea .contents-inner .topicPath .inner,
.contents-inner .topicPath .inner,
.topicPath > .inner {
    margin: 0;
    padding: 14px 0 4px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 文字 */
.contentsArea .contents-inner .topicPath p.breadcrumbs,
.topicPath p.breadcrumbs {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.8;
    color: #8c8c8c;
    /* 改行させず、はみ出しは…で省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contentsArea .contents-inner .topicPath .breadcrumbs a,
.topicPath .breadcrumbs a {
    color: #8c8c8c;
    text-decoration: none;
}

.contentsArea .contents-inner .topicPath .breadcrumbs a:hover,
.topicPath .breadcrumbs a:hover {
    color: #a02b33;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}

/* 区切りの「›」。
   blog.css(4236行)の padding-left:25px は背景画像で区切りを描いていた頃の遺物。
   打ち消さないと記号が右に寄って左右非対称になる */
.contentsArea .contents-inner .topicPath .breadcrumbs .sep,
.topicPath .breadcrumbs .sep {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    background: none;
}

.contentsArea .contents-inner .topicPath .breadcrumbs .sep::before,
.topicPath .breadcrumbs .sep::before {
    content: "›";
    color: #b0b0b0;
}

/* 記事下部に置くため、本文との間隔を確保して区切り線を入れる */
.contentsArea .contents-inner .topicPath {
    border-top: 1px solid #dedede;
    margin-top: 28px;
}

@media (max-width: 767px) {
    .contentsArea .contents-inner .topicPath .inner,
    .contents-inner .topicPath .inner,
    .topicPath > .inner {
        padding: 12px 10px 4px;
    }

    .contentsArea .contents-inner .topicPath {
        margin-top: 22px;
    }
}