/* ロードアイコン */
.loading-effect-circle {
    margin: 100px auto;
    font-size: 20px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: loading-effect-circle-kf 1.1s infinite ease;
    animation: loading-effect-circle-kf 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    --effect-color-red: 255;
    --effect-color-green: 248;
    --effect-color-blue: 90;
}

@-webkit-keyframes loading-effect-circle-kf {
    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7);
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5);
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1);
    }
}

@keyframes loading-effect-circle-kf {
    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7);
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5);
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2);
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        2.5em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        1.75em 1.75em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        0 2.5em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.2),
        -1.8em 1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.5),
        -2.6em 0 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 0.7),
        -1.8em -1.8em 0 0 rgba(var(--effect-color-red), var(--effect-color-green), var(--effect-color-blue), 1);
    }
}