/* =========================================
       ローディング画面のスタイル
    ========================================= */
    #loader {
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
        background: #050505; z-index: 9999;
        display: flex; justify-content: center; align-items: center;
        transition: opacity 0.8s, visibility 0.8s;
        color: #fff; /* 【追記】ローディング画面全体を強制的に白文字にする */
    }
    #loader.loaded { opacity: 0; visibility: hidden; }
    
    .contents { width: 80%; max-width: 400px; }

    /* グリッチロゴ */
    .glitch {
		font-family: "Noto Sans JP", sans-serif , 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif ;
		font-size: 2.5rem; font-weight: 900;
        letter-spacing: 0.1em; position: relative; 
        margin-bottom: 10px; text-align: center;
        color: #fff; /* 【追記】既存のCSSに負けないように明示的に指定 */
		width: 200px;

    }
	.glitch img{
		max-width: 100%;
        display: block;
        vertical-align: bottom;
	}

	/*
    .glitch::before, .glitch::after {
        content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #050505;
    }
    .glitch::before { left: 2px; text-shadow: -2px 0 red; animation: g1 1.5s infinite linear alternate-reverse; }
    .glitch::after { left: -2px; text-shadow: -2px 0 blue; animation: g2 1.25s infinite linear alternate-reverse; }
*/
    /* グリッチのアニメーション設定 */
    @keyframes g1 {
        0% { clip: rect(21px, 9999px, 94px, 0); }
        20% { clip: rect(54px, 9999px, 12px, 0); }
        40% { clip: rect(89px, 9999px, 73px, 0); }
        60% { clip: rect(32px, 9999px, 2px, 0); }
        80% { clip: rect(6px, 9999px, 83px, 0); }
        100% { clip: rect(44px, 9999px, 55px, 0); }
    }
    @keyframes g2 {
        0% { clip: rect(65px, 9999px, 100px, 0); }
        20% { clip: rect(2px, 9999px, 45px, 0); }
        40% { clip: rect(32px, 9999px, 12px, 0); }
        60% { clip: rect(89px, 9999px, 88px, 0); }
        80% { clip: rect(12px, 9999px, 34px, 0); }
        100% { clip: rect(98px, 9999px, 21px, 0); }
    }

    /* プログレスバー＆テキスト */
    .bar-bg { width: 100%; height: 2px; background: #333; margin-bottom: 10px; position: relative; }
    #bar { position: absolute; top: 0; left: 0; height: 100%; background: #fff; width: 0%; transition: width 0.1s; }
    .info { display: flex; justify-content: space-between; font-family: 'Syncopate', sans-serif; font-size: 0.8rem; color: #fff; /* 【変更】グレーから完全な白に変更しました */ }