/*
 * 記事本文（ブログ・お知らせ）の見た目の補正。
 *
 * テーマ本体より後に読み込むこと。テーマ側の指定を上書きするため、
 * 順序が逆だと効かない。
 */

/*
 * 本文中のリンク。
 *
 * テーマは本文リンクに色も下線も与えていないため、地の文と完全に同じ見た目になり
 * リンクだと気づかれない。色と下線を明示する。
 *
 * ボタン（.btnBox）は意図された見た目があるので除外する。
 * 画像を包むリンクも下線が浮くので除外する。
 */
.ckBox a {
    color: #0b57a4;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    transition: color 0.15s;
}

.ckBox a:hover,
.ckBox a:focus-visible {
    color: #083f77;
    text-decoration-thickness: 2px;
}

/* 画像リンクとボタンには下線・色変更を持ち込まない */
.ckBox .btnBox a,
.ckBox .btnBox a:hover,
.ckBox .btnBox a:focus-visible {
    color: inherit;
    text-decoration: none;
    text-decoration-thickness: initial;
}

.ckBox a:has(img) {
    text-decoration: none;
}

/* 目次のリンクは一覧として並ぶので、下線は出さず色だけで示す */
.ckBox .tocBox a {
    text-decoration: none;
}

.ckBox .tocBox a:hover,
.ckBox .tocBox a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
