$(document).ready(function() {
    const loadingScreenSub = $(".loading-screen_sub");
    const loadingCharacter = $("#loadingCharacter");

    // **スクロール禁止**
    function disableScroll() {
        $("body").css("overflow", "hidden");
    }

    // **スクロール許可**
    function enableScroll() {
        $("body").css("overflow", "auto");
    }

    // **サブページ用ローディングの背景色ランダム適用**
    function setRandomBgColor() {
        const colors = ["#fa1eaa", "#00cdff", "#a52dff"];
        const randomColor = colors[Math.floor(Math.random() * colors.length)];
        loadingScreenSub.css("background-color", randomColor);
    }

    // **まばたきアニメーション**
    function blinkAnimation() {
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_close_w.svg"); }, 200);
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_open_w.svg"); }, 350);
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_close_w.svg"); }, 500);
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_open_w.svg"); }, 650);
        setTimeout(blinkAnimation, 2000);
    }

    // **スクロールを禁止**
    disableScroll();

    // **サブページ用の処理**
    setRandomBgColor();
    blinkAnimation();

    setTimeout(() => {
        loadingScreenSub.fadeOut(500, function() {
            enableScroll(); // **フェードアウト後にスクロール許可**
        });
    }, 1000);

    // **万が一、ローディングが正常に機能しなくてもスクロール許可**
    setTimeout(enableScroll, 5000);
});