@charset "UTF-8";

/*システムがダークモードに設定時と同時に連動*/
@media (prefers-color-scheme: dark) {
    header h1 a {
        text-shadow: 2.0px 2.0px #41000b,
            -2.0px 2.0px #41000b,
            -2.0px -2.0px #41000b,
            2.0px -2.0px #41000b,
            2.0px 0px #41000b,
            0px 2.0px #41000b,
            2.0px 0px #41000b,
            0px -2.0px #41000b;
        color: #b30000;
    }

    #indexTop {
        text-shadow: 2.0px 2.0px #41000b,
            -2.0px 2.0px #41000b,
            -2.0px -2.0px #41000b,
            2.0px -2.0px #41000b,
            2.0px 0px #41000b,
            0px 2.0px #41000b,
            2.0px 0px #41000b,
            0px -2.0px #41000b;
        color: #b30000 !important;
    }
}

@media (prefers-color-scheme: light) {
    header h1 a {
        text-shadow: 3.4px 3.4px #5f0010,
            -3.4px 3.4px #5f0010,
            -3.4px -3.4px #5f0010,
            3.4px -3.4px #5f0010,
            3.4px 0px #5f0010,
            0px 3.4px #5f0010,
            3.4px 0px #5f0010,
            0px -3.4px #5f0010;
        color: #fe0000;
    }

    #indexTop {
        text-shadow: 1.5px 1.5px #5f0010,
            -1.5px 1.5px #5f0010,
            -1.5px -1.5px #5f0010,
            1.5px -1.5px #5f0010,
            1.5px 0px #5f0010,
            0px 1.5px #5f0010,
            1.5px 0px #5f0010,
            0px -1.5px #5f0010;
        color: #fe0000 !important;
    }
}

/* ここから各要素のCSS */
::selection {
    background: #ff000050;
}

/* コンテンツはここから */

/* コンテンツはここまで */