https://deanfujioka.net/wp-content/themes/dean-fujioka-official-site-theme/assets/js/header.js?ver=20250714

1// ハンバーガーメニュー
2const ham = document.querySelector('#js_hamburger');
3const nav = document.querySelector('#js_nav');
4
5ham.addEventListener('click', function () {
6    ham.classList.toggle('active');
7    nav.classList.toggle('active');
8
9    if (nav.classList.contains('active')) {
10        document.body.classList.add('nav-open'); // 追加
11    } else {
12        document.body.classList.remove('nav-open'); // 追加
13    }
14});
15
16// Xモーダル
17const modal = document.querySelector('.js-modal'),
18    open = document.querySelector('.js-modal-open'),
19    close = document.querySelector('.js-modal-close');
20function modalOpen() {
21    modal.classList.add('is-active');
22}
23open.addEventListener('click', modalOpen);
24function modalClose() {
25    modal.classList.remove('is-active');
26}
27close.addEventListener('click', modalClose);
28function modalOut(e) {
29    if (e.target == modal) {
30        modal.classList.remove('is-active');
31    }
32}
33addEventListener('click', modalOut);