https://stamp-marche.com/view/asset/user-4-1-2-788597bdafca192c66fc229de7d846ab.js

1$(function() {
2    var _window = $(window),
3        _header = $('header');
4
5    _window.on('scroll', function() {
6        if(_window.scrollTop() > 20){
7            _header.addClass('fixed');
8        } else {
9            _header.removeClass('fixed');
10        }
11    });
12
13    // スマホメニュー
14    $('.sp-menunavi').on('click', function() {
15        var openClass = '.sub-categories';
16        if ($(this).hasClass('campaign-title')) {
17            openClass = '.campaign-list';
18        } else if($(this).hasClass('sp-menu')) {
19            openClass = '.sp-menu-hide';
20        }
21        if ($(this).hasClass('open')) {
22            $(this).removeClass('open');
23            $(this).children('.menunavi-arrow').removeClass('up');
24            $(this).next(openClass).removeClass('open');
25        } else {
26            $('.menunavi-wrap').find('.menunavi-arrow').removeClass('up');
27            $('.menunavi-wrap').find('.open').removeClass('open');
28            $(this).addClass('open');
29            $(this).children('.menunavi-arrow').addClass('up');
30            $(this).next(openClass).addClass('open');
31        }
32    });
33
34    // ヘッダーメニュー
35    $('.nav-item').on('click', function() {
36        var isOpen = $(this).hasClass('now');
37        
38        $('.menunavi-wrap').find('.menunavi-arrow').removeClass('up');
39        $('.menunavi-wrap').find('.open').removeClass('open');
40        $('.nav-item').removeClass('now');
41        $('.head-nav-icon').removeClass('up');
42        $('.menunavi-wrap').removeClass('open');
43        $('.menunavi').removeClass('open');
44        
45        if (!isOpen) {
46            var menuClass = $(this).attr('class').split(' ')[1];
47            switch (menuClass) {
48                case 'nav-items':
49                    $('.menunavi-items').addClass('open');
50                    break;
51                case 'nav-guide':
52                    $('.menunavi-guide').addClass('open');
53                    break;
54                case 'nav-contents':
55                    $('.menunavi-contents').addClass('open');
56                    break;
57                case 'nav-account':
58                    $('.menunavi-account').addClass('open');
59                    break;
60                case 'search-icon':
61                    $('.menunavi-search').addClass('open');
62                    break;
63                case 'menu-icon':
64                    $('.menunavi-wrap').addClass('open');
65                    break;
66                default:
67                    break;
68            }
69            $(this).addClass('now');
70            $(this).find('.head-nav-icon').addClass('up');
71        }
72    });
73
74    // 検索フォーム
75    $('.nav-search-input').on('keypress', function(e) {
76        if (e.keyCode == 13) {
77            $('.search-btn-link')[0].click();
78        }
79    });
80    $('.sp-search-input').on('keypress', function(e) {
81        if (e.keyCode == 13) {
82            $('.sp-search-btn-link')[0].click();
83        }
84    });
85    
86    // カレンダー
87    $('.calendar-slick').slick({
88        infinite: false,
89        prevArrow: '<span class="slick-arrow slick-prev material-icons">arrow_left</span>',
90        nextArrow: '<span class="slick-arrow slick-next material-icons">arrow_right</span>'
91    });
92    $('.day-list').each(function() {
93        var month = $(this).attr('data-month');
94        var day = $(this).attr('data-day');
95        var color = $(this).attr('data-color');
96

97        $('.makeshop-calendar' + month +' .day' + day).css({
98            'background-color': color,
99            'color': '#fff',
100            'font-weight': 'bold'
101        });
102    });
103    
104    // WebFont
105    WebFontConfig = {
106        google: {
107            families: ['Noto+Sans+JP', 'Lato', 'Poppins']
108        }
109    };
110    (function (d) {
111        var wf = d.createElement('script'), s = d.scripts[0];
112        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
113        wf.async = true;
114        s.parentNode.insertBefore(wf, s);
115    })(document);
116});
117
118$(function() {
119    slickSetting();
120});
121
122function slickSetting() {
123    if ($(window).width() <= 768) {
124        $('').slick({
125            dots: true,
126            arrows: false,
127            centerMode: true,
128            centerPadding: '5vw',
129            slidesToShow: 3,
130            responsive: [
131                {
132                    breakpoint: 580,
133                    settings: {
134                        slidesToShow: 2
135                    }
136                }
137            ]
138        });
139    }
140}