/* =========================================
       1. 基本設定
       ========================================= */
       A {
        text-underline-offset: 3px !important; /* ★ここがポイント：下線を3px下にずらす */
        text-decoration-skip-ink: none;        /* 文字と線が重なっても線を途切れさせない（お好みで） */
    }

    A:link { color: #0000FF; text-decoration: underline; }
    A:hover { color: #009c00; }
    A:active { color: #df2d62; }
    
    font, span, body { line-height: 1.6; }

    /* =========================================
       2. ページ全体のレイアウト（幅900px・中央寄せ）
       ========================================= */
    body {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
        background-color: #ffffff;
        font-family: "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "Noto Sans CJK JP", sans-serif;
        /* 文字の太さやレンダリングの調整 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    table[width="650"] {
        width: 900px !important;
        max-width: 95vw;
    }

    /* =========================================
       3. ヘッダー画像（bar900.png・左寄せ）
       ========================================= */
    img[src*="bar650.gif"] {
        content: url('/living/images/bar900.png') !important;
        width: 900px !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;
        border: none !important;
    }

    /* =========================================
       4. タイトル画像（Living Guide...・中央寄せ）
       ========================================= */
    img[src*="top-title01_japanese.png"] {
        display: block !important;
        margin: 0 auto !important;
        max-width: 100%;
        height: auto;
    }

    /* =========================================
       5. コンテンツエリア（1～22）の調整
       ========================================= */
    /* メインのテーブル（幅90%指定のもの）を100%に */
    table[width="90%"] {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    table[width="90%"] td {
        text-align: left !important;
    }

    td[bgcolor="#cccc99"] {
        text-align: left !important;
        padding-left: 10px !important;
    }

    /* 施設案内（茶色いバー）の左余白と左寄せ */
td[bgcolor="#cc9966"] {
    text-align: left !important;
    padding-left: 10px !important;
}
    
    /* 古いスペーサーを削除 */
    table[width="450"],
    td[width="28%"],
    td[width="5%"] {
        display: none !important;
    }

    /* 空白セルを消した分、テキストエリアを広げる */
    td[width="72%"],
    td[width="95%"] {
        width: 100% !important;
    }

    /* 画像エリア（1～22）の幅固定 */
    td[width="30%"] {
        width: 160px !important;
        padding-right: 10px !important;
        vertical-align: top !important;
        box-sizing: border-box;
    }
    
    /* テキストエリア（1～22） */
    td[width="70%"] {
        width: auto !important;
        vertical-align: top !important;
        /* padding-top を削除しました */
    }

    /* =========================================
       6. フォントサイズ・行間の調整（1～27すべてに適用）
       ========================================= */
    /* 上部（1-22）のテキスト */
    td[width="70%"] font,
    td[width="70%"] a,
    /* 下部（23-27）のテキスト */
    td[width="95%"] font,
    td[width="95%"] a {
        font-size: 1rem !important;    /* 1remに変更 */
        /* line-height設定を削除（デフォルトに戻る） */
        display: inline-block;
    }

    /* =========================================
       7. 下部エリア（23～27）の幅修正
       ========================================= */
    /* 26, 27番に使われている幅577pxの固定指定を強制解除 */
    td[width="577"] {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* 26, 27番を囲んでいるテーブルの幅を100%に */
    table[cellspacing="0"][cellpadding="4"][border="0"] {
        width: 100% !important;
    }

    /* 画像のレスポンシブ対応 */
    img {
        max-width: 100%;
        height: auto;
    }