document.addEventListener("DOMContentLoaded", () => {
    const hamburger = document.querySelector('.hamburger');
    const navMenu = document.querySelector('.nav-menu');
    const overlay = document.querySelector('.overlay');

    if (!hamburger || !navMenu || !overlay) {
        console.error("必要な要素が見つかりません。クラス名を確認してください。");
        return;
    }

    // ハンバーガーアイコンのクリックでメニュー表示
    hamburger.addEventListener('click', () => {
        hamburger.classList.toggle('active');
        navMenu.classList.toggle('active');
        overlay.classList.toggle('active');
    });

    // オーバーレイをクリックしたらメニューを閉じる
    overlay.addEventListener('click', () => {
        hamburger.classList.remove('active');
        navMenu.classList.remove('active');
        overlay.classList.remove('active');
    });

});


window.addEventListener('scroll', function () {
        const header = document.querySelector('header');
        
        if (window.scrollY > 50) { // 50px以上スクロールしたら
            header.classList.add('transparent');
        } else {
            header.classList.remove('transparent');
        }
    });