https://tajimanma.jp/view/asset/user-3-1-10-9180df042e1b56be9e183759e53e6831.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-rank').addClass('open');
53                    break;
54                case 'nav-contents':
55                    $('.menunavi-contents').addClass('open');
56                    break;
57                 case 'nav-about':
58                    $('.menunavi-about').addClass('open');
59                    break;
60                     case 'nav-account':
61                    $('.menunavi-account').addClass('open');
62                    break;
63                case 'search-icon':
64                    $('.menunavi-search').addClass('open');
65                    break;
66                case 'menu-icon':
67                    $('.menunavi-wrap').addClass('open');
68                    break;
69                default:
70                    break;
71            }
72            $(this).addClass('now');
73            $(this).find('.head-nav-icon').addClass('up');
74        }
75    });
76  // 検索フォーム
77     $('#header-search').on('keypress', function (e) {
78        if (e.which === 13) {
79            $('#header-search-link')[0].click();
80        }
81    });
82    $('.search-keyword, .search-price, .original-code').on('keypress', function(e) {
83        if (e.keyCode == 13) {
84            $('.search-url')[0].click();
85        }
86    });
87    $('.sp-search-input').on('keypress', function(e) {
88        if (e.keyCode == 13) {
89            $('.sp-search-btn-link')[0].click();
90        }
91    });
92    
93    // カレンダー
94    $('.calendar-slick').slick({
95        infinite: false,
96        prevArrow: '<span class="slick-arrow slick-prev material-icons">arrow_left</span>',
97        nextArrow: '<span class="slick-arrow slick-next material-icons">arrow_right</span>'
98    });
99    $('.day-list').each(function() {
100        var month = $(this).attr('data-month');
101        var day = $(this).attr('data-day');
102        var color = $(this).attr('data-color');
103

104        $('.makeshop-calendar' + month +' .day' + day).css({
105            'background-color': color,
106            'color': '#fff',
107            'font-weight': 'bold'
108        });
109    });
110    
111    // WebFont
112    WebFontConfig = {
113        google: {
114            families: ['Noto+Sans+JP', 'Lato', 'Poppins']
115        }
116    };
117    (function (d) {
118        var wf = d.createElement('script'), s = d.scripts[0];
119        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
120        wf.async = true;
121        s.parentNode.insertBefore(wf, s);
122    })(document);
123});
124
125
126$('.slider').slick({
127    autoplay: true,
128    infinite: true ,
129    autoplaySpeed: 2000,
130    arrows: false,
131    slidesToShow: 1,
132    centerMode: true,
133    focusOnSelect: true,
134    dots: true,//下部ドットナビゲーションの表示
135    variableWidth: true,
136    responsive: [
137       {
138       breakpoint: 850,//モニターの横幅が769px以下の見せ方
139       settings: {
140         slidesToShow: 1,//スライドを画面に2枚見せる
141       }
142     },
143     {
144       breakpoint:600,//モニターの横幅が426px以下の見せ方
145       settings: {
146         slidesToShow: 1,//スライドを画面に1.5枚見せる
147       }
148     }
149   ]
150   });
151
152
153
154