/* /public/assets/css/footer.css */
    /* フッター専用のスタイルを追加 */
    .footer {
        background-color: #212529; /* プロフェッショナルなダークカラー */
        color: #adb5bd; /* 基本のテキスト色 */
        font-family: 'Noto Sans JP', sans-serif;
    }
    .footer-section-title {
        color: #dee2e6; /* セクションタイトルを少し明るく */
        font-weight: 500;
        font-size: 1rem;
    }
    .footer-description {
        color: #6c757d; /* 概要テキストを少し暗めに */
    }
    .footer-links li a {
        color: #adb5bd; /* リンクのデフォルト色 */
        text-decoration: none;
        transition: color 0.2s ease-in-out;
        padding: 4px 0;
        display: flex; /* 修正: flexboxレイアウトを有効化 */
        align-items: baseline; /* テキストのベースラインを揃える */
        font-size: 0.9rem;
    }
    .footer-links li a:hover,
    .footer-links li a:hover .data-value,
    .footer-links li a:hover .live-data-label {
        color: #ffffff; /* ホバー時に全体を白く */
    }
    /*  ここからが修正箇所  */
    .footer-links .live-data-label {
        flex-shrink: 0; /* ラベルが縮まないようにする */
        width: 140px; /* ラベル用に十分な幅を確保 */
        text-align: right; /* ラベルを右寄せにする */
        margin-right: 1em; /* ラベルと数値の間のスペース */
        color: #adb5bd;
    }
    .footer-links .data-value {
        color: #ffffff; /* ライブデータの数値を白にして強調 */
        text-align: left; /* 数値を左寄せにする */
    }
    /*  ここまでが修正箇所  */
    .footer hr {
        border-color: rgba(255, 255, 255, 0.1);
    }
    .footer-copyright {
        color: #6c757d;
    }
</style>