https://yumeg.com/view/asset/user-2-1-2-5fcfbe64d0444010989b7a48842ae8ed.js

1$(function() {
2    // ヘッダーのサイズ調整
3    headerAdjust();
4    $(window).on('scroll', function() {
5        headerAdjust();
6    });
7    
8    // カレンダー特定日の設定
9    $('.day-list').each(function() {
10        var month = $(this).attr('data-month');
11        var day = $(this).attr('data-day');
12        var color = $(this).attr('data-color');
13
14        $('.makeshop-calendar' + month +' .day' + day).css({
15            'background-color': color,
16            'color': '#fff',
17            'font-weight': 'bold',
18            'height': '14px'
19        });
20    });
21    
22    // 検索フォーム
23    $('.search-keyword, .search-price, .original-code').on('keypress', function(e) {
24        if (e.keyCode == 13) {
25            $('.search-url')[0].click();
26        }
27    });
28    
29    // ハンバーガーメニュー
30    $('.openbtn').on('click', function() {
31        $(this).toggleClass('active');
32        $('#g-nav').toggleClass('panelactive');
33    });
34    
35    // サイドメニューを閉じる
36    $('#g-nav a').on('click', function() {
37        $('.openbtn').removeClass('active');
38        $('#g-nav').removeClass('panelactive');
39    });
40    
41    // サイドメニューのカテゴリー開閉
42    $('.accordion').on('click', function() {
43        $(this).toggleClass('on').next().slideToggle();
44        $('.accordion').not(this).removeClass('on').next('.close').slideUp();
45    });
46});
47
48function headerAdjust() {
49    var adjustPoint = 20;
50    var scrollTop = $(window).scrollTop();
51    if(scrollTop > adjustPoint) {
52        $('.header').addClass('fix');
53    } else {
54        $('.header').removeClass('fix');
55    }
56}
57
58function MakeShop_afterListCartEntry(data){
59    if (!data.result) {
60        data.method.modal(data.error.message, function() {
61            location.href = '/view/item/' + data.systemCode;
62        });
63
64        return false;
65    }
66}
67
68        function smoothScroll(targetId) {
69            const targetElement = document.getElementById(targetId);
70            if (targetElement) {
71                targetElement.scrollIntoView({
72                    behavior: 'smooth'
73                });
74            }
75        }
76
77        // すべてのリンク要素を取得
78        const links = document.querySelectorAll('a[href^="#"]');
79
80        // 各リンク要素にクリックイベントリスナーを追加
81        links.forEach(link => {
82            link.addEventListener('click', (event) => {
83                event.preventDefault();
84                const targetId = link.getAttribute('href').substring(1); // #を削除
85                smoothScroll(targetId);
86            });
87        });
88
89        // ボタンの表示/非表示を切り替える関数
90        function toggleButtonVisibility() {
91            const button = document.querySelector('.page_top_btn'); // ボタンの要素を取得
92            if (window.pageYOffset > 500) { // 100pxスクロールしたら表示
93                button.style.display = 'block';
94            } else {
95                button.style.display = 'none';
96            }
97        }
98
99        // スクロールイベントリスナーを追加
100        window.addEventListener('scroll', toggleButtonVisibility);
101
102 //モーダル制御
103document.addEventListener("DOMContentLoaded", function () {
104    const modal = document.querySelector('.welcome-modal');
105    const mask = document.querySelector('.mask');
106    const closeBtn = document.querySelector('.welcome-modal .modal-close');
107
108    // モーダルを閉じるための共通関数
109    function closeModal() {
110        if (modal) modal.classList.remove('show');
111        if (mask) mask.classList.remove('show');
112
113        // GA4にイベント送信 (閉じるアクションが複数あっても対応可能)
114        if (typeof gtag === "function") {
115            gtag('event', 'modal_close', {
116                'event_category': 'Modal'
117            });
118        }
119    }
120
121    if (!sessionStorage.getItem("visited")) {
122        if (modal) modal.classList.add('show');
123        if (mask) mask.classList.add('show');
124
125        // 閉じるボタンがクリックされた時
126        if (closeBtn) {
127            closeBtn.addEventListener("click", closeModal);
128        }
129
130        // 背景マスクがクリックされた時も閉じる
131        if (mask) {
132            mask.addEventListener("click", closeModal);
133        }
134
135        sessionStorage.setItem("visited", "true");
136    }
137});
138 //モーダル制御