https://babymachi.com/view/asset/user-7-1-2-0ca2e5d429c0de03fa028862151fc670.js

1$(function () {
2    $('.dayList').each(function () {
3        var month = $(this).attr('data-month');
4        var day = $(this).attr('data-day');
5        var color = $(this).attr('data-color');
6
7        $('.makeshop-calendar' + month + ' .day' + day).css({
8            'background-color': color,
9            'color': '#fff',
10            'font-weight': 'bold'
11        });
12
13    });
14
15    // 検索フォーム
16    $('.search-keyword, .search-price, .original-code').on('keypress', function (e) {
17        if (e.keyCode == 13) {
18            $('.search-url')[0].click();
19        }
20    });
21
22    // ハンバーガーメニュー
23    $('.openbtn').on('click', function () {
24        if ($(".modal-search-btn").hasClass('active')) {
25            $(".search-area").slideUp();
26            $(".modal-search-btn").removeClass('active');
27        }
28        $(this).toggleClass('active');
29        $('#g-nav').toggleClass('panelactive');
30    });
31
32    // サイドメニューを閉じる
33    $('#g-nav a').on('click', function () {
34        $('.openbtn').removeClass('active');
35        $('#g-nav').removeClass('panelactive');
36    });
37
38    // サイドメニューのカテゴリー開閉
39    $('.accordion').on('click', function () {
40        $(this).toggleClass('on').next().slideToggle();
41        $('.accordion').not(this).removeClass('on').next('.close').slideUp();
42    });
43
44    // スマホ検索メニュー
45    $('.modal-search-btn').on('click', function () {
46        if ($(".openbtn").hasClass('active')) {
47            $('.openbtn').removeClass('active');
48            $('#g-nav').removeClass('panelactive');
49        }
50        $(this).toggleClass('active');
51        $('.search-area').slideToggle();
52    });
53
54    // スマホフッターガイドの開閉
55    $('.footer-item:not(.footer-calendar-wrap) .footer-box__ttl').on('click', function () {
56        $(this).toggleClass('on').next().slideToggle();
57    });
58
59});
60
61
62$(".side-search-keyword").attr('placeholder', '商品検索');
63
64// スマホヘッダー　カテゴリーの開閉
65$('.dropdown').on('show.bs.dropdown', function () {
66    $(".dropdown-backdrop").hide();
67});
68
69$(document).ready(function() {
70  var $win = $(window),
71      $main = $('main'),
72      $nav = $('.header-sitemap'),
73      navHeight = $nav.outerHeight(),
74      navPos = $nav.offset().top,
75      fixedClass = 'is-fixed';
76
77  $win.on('load scroll', function() {
78    var value = $(this).scrollTop();
79    if ( value > navPos ) {
80      $nav.addClass(fixedClass);
81      $main.css('margin-top', navHeight);
82    } else {
83      $nav.removeClass(fixedClass);
84      $main.css('margin-top', '0');
85    }
86  });
87});
88
89$(document).ready(function () {
90  $('#aprica-scroll').on('click', function () {
91    var offset = isMobile() ? 100 : 80;
92    $("html, body").animate({
93      scrollTop: $("#category-aprica").offset().top - offset
94    }, 500);
95  });
96
97  $('#combi-scroll').on('click', function () {
98    var offset = isMobile() ? 100 : 80;
99    $("html, body").animate({
100      scrollTop: $("#category-combi").offset().top - offset
101    }, 500);
102  });
103    
104  $('#pigeon-scroll').on('click', function () {
105    var offset = isMobile() ? 100 : 80;
106    $("html, body").animate({
107      scrollTop: $("#category-pigeon").offset().top - offset
108    }, 500);
109  });
110
111  $('#airbuggy-scroll').on('click', function () {
112    var offset = isMobile() ? 100 : 80;
113    $("html, body").animate({
114      scrollTop: $("#category-airbuggy").offset().top - offset
115    }, 500);
116  });
117
118  $('#graco-scroll').on('click', function () {
119    var offset = isMobile() ? 100 : 80;
120    $("html, body").animate({
121      scrollTop: $("#category-graco").offset().top - offset
122    }, 500);
123  });    
124    
125  $('#inglesina-scroll').on('click', function () {
126    var offset = isMobile() ? 100 : 80;
127    $("html, body").animate({
128      scrollTop: $("#category-inglesina").offset().top - offset
129    }, 500);
130  });    
131    
132  $('#jtc-scroll').on('click', function () {
133    var offset = isMobile() ? 100 : 80;
134    $("html, body").animate({
135      scrollTop: $("#category-jtc").offset().top - offset
136    }, 500);
137  });    
138    
139    
140  $('#richell-scroll').on('click', function () {
141    var offset = isMobile() ? 100 : 80;
142    $("html, body").animate({
143      scrollTop: $("#category-richell").offset().top - offset
144    }, 500);
145  });    
146    
147  $('#nihonikuji-scroll').on('click', function () {
148    var offset = isMobile() ? 100 : 80;
149    $("html, body").animate({
150      scrollTop: $("#category-nihonikuji").offset().top - offset
151    }, 500);
152  });  
153
154  $('#crestella-scroll').on('click', function () {
155    var offset = isMobile() ? 100 : 80;
156    $("html, body").animate({
157      scrollTop: $("#category-crestella").offset().top - offset
158    }, 500);
159  });       
160    
161  $('#ailebebe-scroll').on('click', function () {
162    var offset = isMobile() ? 100 : 80;
163    $("html, body").animate({
164      scrollTop: $("#category-ailebebe").offset().top - offset
165    }, 500);
166  });       
167    
168    $('#ca-scroll').on('click', function () {
169    var offset = isMobile() ? 100 : 80;
170    $("html, body").animate({
171      scrollTop: $("#category-ca").offset().top - offset
172    }, 500);
173  });    
174    
175  $('#leaman-scroll').on('click', function () {
176    var offset = isMobile() ? 100 : 80;
177    $("html, body").animate({
178      scrollTop: $("#category-leaman").offset().top - offset
179    }, 500);
180  });       
181    
182  $('#maxicosi-scroll').on('click', function () {
183    var offset = isMobile() ? 100 : 80;
184    $("html, body").animate({
185      scrollTop: $("#category-maxicosi").offset().top - offset
186    }, 500);
187  });
188    
189  $('#romer-scroll').on('click', function () {
190    var offset = isMobile() ? 100 : 80;
191    $("html, body").animate({
192      scrollTop: $("#category-romer").offset().top - offset
193    }, 500);
194  });    
195
196  $('#joolz-scroll').on('click', function () {
197    var offset = isMobile() ? 100 : 80;
198    $("html, body").animate({
199      scrollTop: $("#category-joolz").offset().top - offset
200    }, 500);
201  });    
202    
203  $('#ergobaby-scroll').on('click', function () {
204    var offset = isMobile() ? 100 : 80;
205    $("html, body").animate({
206      scrollTop: $("#category-ergobaby").offset().top - offset
207    }, 500);
208  });   
209
210  $('#telasbaby-scroll').on('click', function () {
211    var offset = isMobile() ? 100 : 80;
212    $("html, body").animate({
213      scrollTop: $("#category-telasbaby").offset().top - offset
214    }, 500);
215  });     
216    
217    
218  $('#youho1-scroll').on('click', function () {
219    var offset = isMobile() ? 100 : 80;
220    $("html, body").animate({
221      scrollTop: $("#category-youho1").offset().top - offset
222    }, 500);
223  });     
224
225  $('#youho2-scroll').on('click', function () {
226    var offset = isMobile() ? 100 : 80;
227    $("html, body").animate({
228      scrollTop: $("#category-youho2").offset().top - offset
229    }, 500);
230  });     
231    
232  $('#gate-scroll').on('click', function () {
233    var offset = isMobile() ? 100 : 80;
234    $("html, body").animate({
235      scrollTop: $("#category-gate").offset().top - offset
236    }, 500);
237  });  
238    
239  $('#circle-scroll').on('click', function () {
240    var offset = isMobile() ? 100 : 80;
241    $("html, body").animate({
242      scrollTop: $("#category-circle").offset().top - offset
243    }, 500);
244  });  
245    
246  $('#dps-scroll').on('click', function () {
247    var offset = isMobile() ? 100 : 80;
248    $("html, body").animate({
249      scrollTop: $("#category-dps").offset().top - offset
250    }, 500);
251  });       
252    
253  $('#other-scroll').on('click', function () {
254    var offset = isMobile() ? 100 : 80;
255    $("html, body").animate({
256      scrollTop: $("#category-other").offset().top - offset
257    }, 500);
258  });       
259    
260  // Function to check if the device is a mobile device
261  function isMobile() {
262    return $(window).width() <= 576;
263  }
264});
265
266  $('#top-slider').slick({
267    autoplay: true,
268    dots: true,
269  });