/*
 * 読みやすさの底上げ（2026-10-15）
 * スマホ幅での全ページ点検で見つかった「小さすぎる文字」「背景との差が小さい文字」をまとめて直す。
 * 装飾目的の大きな番号（01, 02…の薄い数字）は対象外。
 */

/*
 * 見出しなどを文節の切れ目でだけ改行させる（js/jp-line-break.js が区切りを入れた要素）。
 * 一部のページのCSSが word-break を !important で指定しているため、詳細度を上げて上書きする。
 * 1つの文節が1行に収まらないときだけ、途中で折り返す（はみ出し防止）。
 */
/*
 * 行の先頭に「ー」や小さい「ッ」「ョ」、句読点が来ないようにする（2026-10-28）。
 * 例：「グ／ッズ」「キャラクタ／ー」のような改行を防ぐ。
 */
html body {
    line-break: strict;
}

html body [data-jp-break="done"][data-jp-break] {
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
}

/* パンくず（ページ上部の「ホーム / …」） */
body .site-breadcrumb-item,
body .site-breadcrumb-item a,
body .site-breadcrumb-item span {
    color: #666;
}

/* 一覧・カードの補足（日付・種類・サブ見出し） */
body .news-content .news-date,
body .music-type-card .type-sub,
body .illust-type-card .type-sub,
body .creators-load-more .creators-load-more-count,
body .creators-guidance-label {
    color: #666;
}

body .live-work-info .live-work-category {
    color: #c2456f;
}

/*
 * 実績の本文・プライバシーポリシーの文中リンク。色の指定が無く、ブラウザ標準の青（開いた後は紫）になっていた。
 * お知らせ記事の文中リンクと同じピンク系に揃える（白背景で読みやすい濃さ）。開いた後も色を変えない。
 */
body .works-description a:not([class]),
body .works-description a:not([class]):visited,
body .privacy-policy-text a:not([class]),
body .privacy-policy-text a:not([class]):visited {
    color: #c2456f;
    text-decoration: underline;
    text-underline-offset: 3px;
}

body .works-description a:not([class]):hover,
body .privacy-policy-text a:not([class]):hover {
    color: #9e2f55;
}

/* VTuberデビュー支援LP：本文中の淡いピンクの文字リンク */
body.vtuber-debut-lp-page p a.text-brand-main,
body.vtuber-debut-lp-page p span.text-brand-main {
    color: #d9467a;
}

@media (max-width: 768px) {
    body .site-breadcrumb-item,
    body .site-breadcrumb-item a,
    body .site-breadcrumb-item span,
    body .creators-guidance-label,
    body .creators-load-more .creators-load-more-count,
    body .creator-card-tags li {
        font-size: 12px;
    }

    body .creator-card-type {
        font-size: 11px;
    }
}

/* ABOUT：ミッション等の見出しが、幅の狭いスマホ（360px前後）で語の途中で折り返されるのを防ぐ */
@media (max-width: 374px) {
    html body .about-review-page .mvv-head,
    html body .mvv-head {
        font-size: 22px !important;
    }
}

/* スマホで指で押しやすくする：フッターのリンク・パンくずの押せる範囲を広げる（見た目の位置はほぼ変えない） */
@media (max-width: 768px) {
    body .site-footer .footer-links a,
    body .site-footer .footer-menu a {
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body .site-breadcrumb-item a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}