/* 1. リンクの基本設定：下線を消し、色を統一 */
a {
    text-decoration: none !important; /* 下線を消す */
}

/* 2. 各状態の色（目次で色がバラバラにならないように） */
a:link {
    color: #00FFFF !important; /* 未訪問：明るい水色 */
}
a:visited {
    color: #00CCCC !important; /* 訪問済：少し落ち着いた水色（マゼンタより馴染みます） */
}

/* 3. マウスを乗せた時だけ下線を出す（または色を変える） */
a:hover {
    text-decoration: underline !important; /* ホバー時のみ下線 */
    color: #FFFFFF !important;             /* ホバー時は白 */
}

/* 4. スマホ時の余白調整（前回の分） */
@media screen and (max-width: 479px) {
    blockquote {
        margin: 0 !important;
        padding: 10px !important;
    }
    img {
        max-width: 100%;
        height: auto;
    }
}

/* exiles.css に追記 */

/* リンク全体のタップ領域を広げる */
a {
    text-decoration: none !important;
    padding: 2px 0; /* 上下にわずかに隙間を作る */
    display: inline-block; /* 隙間を認識させる */
}

/* スマホ時（幅479px以下）の特別設定 */
@media screen and (max-width: 479px) {
    /* 1. 全体の行間を広くする */
    body {
        line-height: 1.8 !important; /* 行と行の間隔を広げる */
    }

    /* 2. リスト部分（特に目次のリンク）の余白を強化 */
    /* <BR>で区切られたリンク同士の距離を保つ */
    blockquote center {
        padding-bottom: 20px; /* 下部に少し余裕を */
    }

    /* 3. リンクのタップしやすさを向上 */
    a {
        padding: 8px 0; /* 指で触れやすいよう、見えない上下の余白をさらに広げる */
        margin-bottom: 5px;
    }
}