// script.js
let manuallyToggled = false;

window.addEventListener('scroll', function() {
    var sideContent = document.getElementById('side-content');
    var scrollY = window.scrollY;

    if (!manuallyToggled) {
        if (scrollY >= 600) {
            sideContent.classList.add('partial-visible');
            sideContent.classList.remove('visible');
        } else {
            sideContent.classList.remove('partial-visible');
            sideContent.classList.add('visible');
        }
    }

    // スクロール量に応じて100pxだけ上に動かす
    var additionalTop = Math.min(scrollY * 0.1, 200); // スクロール量の10%で最大100px上に移動
    sideContent.style.top = `calc(90% - ${additionalTop}px)`;
});

document.getElementById('side-content').addEventListener('click', function() {
    var sideContent = this;
    manuallyToggled = true;
    if (sideContent.classList.contains('partial-visible')) {
        sideContent.classList.remove('partial-visible');
        sideContent.classList.add('visible');
    } else if (sideContent.classList.contains('visible')) {
        sideContent.classList.remove('visible');
        sideContent.classList.add('partial-visible');
    }
});