https://www.mekasys.jp/common/js/function.js?261009000857

1$(function() {
2	// レイジーロード
3	$('img.lazy-scroll').lazyload({
4//		effect_speed: 10000 ,
5		placeholder: '',
6		failure_limit: 10,
7		threshold: 50,
8		skip_invisible: true,
9		event: 'scroll'
10	}) ;
11
12	$('img.lazy-mouseover').lazyload({
13//		effect_speed: 10000 ,
14		placeholder: '',
15		failure_limit: 10,
16		threshold: 50,
17		skip_invisible: true,
18		event: 'lazyMouseover'
19	}) ;
20
21	$('img.lazy-click').lazyload({
22//		effect_speed: 10000 ,
23		placeholder: '',
24		failure_limit: 10,
25		threshold: 50,
26		skip_invisible: true,
27		event: 'lazyClick'
28	}) ;
29
30	$('img.lazy-megamenu').lazyload({
31//		effect_speed: 10000 ,
32		placeholder: '',
33		failure_limit: 10,
34		threshold: 50,
35		skip_invisible: true,
36		event: 'lazyMegaMenu',
37	}) ;
38
39	$('img.lazy-click-event-sogo').lazyload({
40//		effect_speed: 10000 ,
41		placeholder: '',
42		failure_limit: 10,
43		threshold: 50,
44		skip_invisible: true,
45		event: 'lazyClickEventSogo'
46	}) ;
47
48	$('img.lazy-click-event-meka').lazyload({
49//		effect_speed: 10000 ,
50		placeholder: '',
51		failure_limit: 10,
52		threshold: 50,
53		skip_invisible: true,
54		event: 'lazyClickEventMeka'
55	}) ;
56
57	$('img.lazy-click-casestudy-search').lazyload({
58//		effect_speed: 10000 ,
59		placeholder: '',
60		failure_limit: 10,
61		threshold: 50,
62		skip_invisible: true,
63		event: 'lazyClickCasestudySearch'
64	}) ;
65
66	$('img.lazy-click-series-search').lazyload({
67//		effect_speed: 10000 ,
68		placeholder: '',
69		failure_limit: 10,
70		threshold: 50,
71		skip_invisible: true,
72		event: 'lazyClickSeriesSearch'
73	}) ;
74
75	/********** slider **********************************/
76	// 各種スライダー
77	// スライダー用変数
78	var $slideMv = $('.js-slider-mv');
79	// 4枚スライダー 1個ずつ移動
80	var $slider = $('.js-slider');
81	// 5枚スライダー 1個ずつ移動
82	var $sliderFive = $('.js-slider-five');
83	// 6枚スライダー 1個ずつ移動
84	var $sliderSix = $('.js-slider-six');
85
86	// 4枚スライダー 1個ずつ移動
87	var $slider_slideShow2 = $('.js-slider_slideShow2');
88	// 5枚スライダー 1個ずつ移動
89	var $sliderFive_slideShow2 = $('.js-slider-five_slideShow2');
90	// 6枚スライダー 1個ずつ移動
91	var $sliderSix_slideShow2 = $('.js-slider-six_slideShow2');
92
93	// スライダーの設定保持用変数
94	var slideMvSetting;
95	var sliderSetting;
96	var sliderFiveSetting;
97	var sliderSixSetting;
98
99	var slider_slideShow2_Setting;
100	var sliderFive_slideShow2_Setting;
101	var sliderSix_slideShow2_Setting;
102
103	// 4枚表示のスライダー
104	if ($slider_slideShow2.length) {
105		slider_slideShow2_Setting = $slider_slideShow2.slick({
106			dots: false,
107			infinite: true,
108			speed: 600,
109			lazyLoad: 'ondemand',
110			slidesToShow: 4,
111			slidesToScroll: 1,
112			responsive: [{
113				breakpoint: 768,
114				settings: {
115					lazyLoad: 'ondemand',
116					slidesToShow: 1,
117					slidesToScroll: 1,
118				}
119			}]
120		});
121		$(window).on('resize', function() {
122			// スライダーの横幅を再設定
123			slider_slideShow2_Setting.slick('setPosition');
124		});
125	}
126
127	if ($sliderFive_slideShow2.length) {
128		sliderFive_slideShow2_Setting = $sliderFive_slideShow2.slick({
129			dots: false,
130			infinite: true,
131			speed: 600,
132			lazyLoad: 'ondemand',
133			slidesToShow: 5,
134			slidesToScroll: 1,
135			responsive: [{
136				breakpoint: 768,
137				settings: {
138					lazyLoad: 'ondemand',
139					slidesToShow: 1,
140					slidesToScroll: 1,
141				}
142			}]
143		});
144		$(window).on('resize', function() {
145			// スライダーの横幅を再設定
146			sliderFive_slideShow2_Setting.slick('setPosition');
147		});
148	}
149
150	if ($sliderSix_slideShow2.length) {
151		sliderSix_slideShow2_Setting = $sliderSix_slideShow2.slick({
152			dots: false,
153			infinite: true,
154			speed: 600,
155			lazyLoad: 'ondemand',
156			slidesToShow: 6,
157			slidesToScroll: 1,
158			responsive: [{
159				breakpoint: 768,
160				settings: {
161					lazyLoad: 'ondemand',
162					slidesToShow: 1,
163					slidesToScroll: 1,
164				}
165			}]
166		});
167		$(window).on('resize', function() {
168			// スライダーの横幅を再設定
169			sliderSix_slideShow2_Setting.slick('setPosition');
170		});
171	}
172
173
174	// TOPページのMVスライダー
175	if ($slideMv.length) {
176		slideMvSetting = $slideMv.slick({
177			dots: false,
178			infinite: true,
179			speed: 600,

180			lazyLoad: 'ondemand',
181			slidesToShow: 1,
182			autoplay: true,
183			arrows: true
184		});
185		$(window).on('resize', function() {
186			// スライダーの横幅を再設定
187			slideMvSetting.slick('setPosition');
188		});
189	}
190
191	// 4枚表示のスライダー
192	if ($slider.length) {
193		sliderSetting = $slider.slick({
194			dots: false,
195			infinite: true,
196			speed: 600,
197			lazyLoad: 'ondemand',
198			slidesToShow: 4,
199			slidesToScroll: 1,
200			responsive: [{
201				breakpoint: 768,
202				settings: {
203					lazyLoad: 'ondemand',
204					slidesToShow: 1,
205					slidesToScroll: 1,
206				}
207			}]
208		});
209		$(window).on('resize', function() {
210			// スライダーの横幅を再設定
211			sliderSetting.slick('setPosition');
212		});
213	}
214
215	if ($sliderFive.length) {
216		sliderFiveSetting = $sliderFive.slick({
217			dots: false,
218			infinite: true,
219			speed: 600,
220			lazyLoad: 'ondemand',
221			slidesToShow: 5,
222			slidesToScroll: 1,
223			responsive: [{
224				breakpoint: 768,
225				settings: {
226					lazyLoad: 'ondemand',
227					slidesToShow: 1,
228					slidesToScroll: 1,
229				}
230			}]
231		});
232		$(window).on('resize', function() {
233			// スライダーの横幅を再設定
234			sliderFiveSetting.slick('setPosition');
235		});
236	}
237
238	if ($sliderSix.length) {
239		sliderSixSetting = $sliderSix.slick({
240			dots: false,
241			infinite: true,
242			speed: 600,
243			lazyLoad: 'ondemand',
244			slidesToShow: 6,
245			slidesToScroll: 1,
246			responsive: [{
247				breakpoint: 768,
248				settings: {
249					lazyLoad: 'ondemand',
250					slidesToShow: 1,
251					slidesToScroll: 1,
252				}
253			}]
254		});
255		$(window).on('resize', function() {
256			// スライダーの横幅を再設定
257			sliderSixSetting.slick('setPosition');
258		});
259	}
260
261	/********** slider **********************************/
262
263	/********** 行数を超えると三点リーダーにする ********/
264	// 行数管理用変数
265	var $trunk = $('.trunk');
266	var $trunk01 = $('.trunk01');
267
268	// 行数が2行を超えると三点リーダーにする
269	if ($trunk.length) {
270		$trunk.trunk8({
271			lines: 2
272		});
273	}
274	// 行数が1行を超えると三点リーダーにする
275	if ($trunk01.length) {
276		$trunk01.trunk8({
277			lines: 1
278		});
279	}
280	/********** 行数を超えると三点リーダーにする ********/
281
282	/********** tab **********************************/
283	// 各タブの処理
284	// タブ用変数
285	var $tab = $('.js-tab');
286	var $tabInner = $('.js-tabInner');
287	var $tabInnerBox = $('.js-tabInnerBox');
288	var $tabCont = $('.js-tabCont')
289	var $tabInnerCont = $('.js-tabInnerCont')
290
291	// .js-tabが押された時
292	// 使用箇所例: TOPの検索下/メガメニュー内/商品詳細中腹
293	$tab.on('click', function() {
294		// 押されたタブをsessionに保存
295		if($(this).hasClass('tab_event_sogo')) {
296			$('img.lazy-click-event-sogo').trigger('lazyClickEventSogo');
297			window.sessionStorage.setItem(['index_event_tab'],['tab_event_sogo']);
298		} else if ($(this).hasClass('tab_event_meka')){
299			$('img.lazy-click-event-meka').trigger('lazyClickEventMeka');
300			window.sessionStorage.setItem(['index_event_tab'],['tab_event_meka']);
301		} else if ($(this).hasClass('tab_casestudy_search')){
302			$('img.lazy-click-casestudy-search').trigger('lazyClickCasestudySearch');
303			window.sessionStorage.setItem(['index_search_tab'],['tab_casestudy_search']);
304		} else if ($(this).hasClass('tab_series_search')){
305			$('img.lazy-click-series-search').trigger('lazyClickSeriesSearch');
306			window.sessionStorage.setItem(['index_search_tab'],['tab_series_search']);
307		}
308
309		// 押したタブを青色に
310		$(this).closest('ul').find('a').removeClass('active');
311		$(this).addClass('active');
312
313		// 表示したいコンテンツ以外のタブに紐付いた要素を非表示
314		$(this).closest('.js-tabCont').next().find('.js-tabBox').removeClass('is-active');
315		$(this).closest('.js-tabCont').next().find('.js-tabBox').hide();
316
317		// 押したタブに紐付いて表示させたい要素の展開
318		$($(this).attr('href')).fadeIn().addClass('is-active');
319
320		// タブ活性時に、タブ内に存在するスライダーの実行
321		$sliderFive.slick('setPosition');
322		$sliderSix.slick('setPosition');
323
324		// 行数管理(2行の場合)
325		if ($trunk.length) {
326			$trunk.trunk8({
327				lines: 2
328			});
329		}
330
331		// 行数管理(1行の場合)
332		if ($trunk01.length) {
333			$trunk01.trunk8({
334				lines: 1
335			});
336		}
337
338		return false;

339	});
340	// end .js-tabが押された時
341
342	// .js-tabInnerが押された時
343	// 使用箇所例: メガメニューの「製品カテゴリ」や「メーカー名」
344	$tabInner.on('click', function() {
345		$('img.lazy-click-series-search').trigger('lazyClickSeriesSearch');
346
347		// 押したタブを青色に
348		$(this).parents('ul').find('a').removeClass('active');
349		$(this).addClass('active');
350
351		// 表示したいコンテンツ以外のタブに紐付いた要素を非表示
352		$(this).parents('.js-tabInnerCont').next('div').find('.js-tabInnerBox').removeClass('is-active');
353		$(this).parents('.js-tabInnerCont').next('div').find('.js-tabInnerBox').hide();
354
355		// 押したタブに紐付いて表示させたい要素の展開
356		$($(this).attr('href')).fadeIn().addClass('is-active');
357
358		// 押した際に発生する、aタグによる画面ズレを個別に防ぐ
359		if ($(this).hasClass('tab_menu_list_itm')) {
360			return false;
361		}
362	});
363	// end .js-tabInnerが押された時
364
365	// change tab
366	var $tab = $('.js-tab');
367	var $tabBox = $('.js-tabBox');
368
369	// headerの改善事例集タブ
370	var $tabHeaderCaseList = $('.js-tabHeaderCase li');
371
372	$tabHeaderCaseList.on('click', function() {
373		// クリックしたタブが何番目か
374		var tabNum = $tabHeaderCaseList.index(this);
375
376		$('.js-tabHeaderCase li').find('div').removeClass('active');
377		$(this).find('div').addClass('active');
378
379		if ($(this).parent().hasClass('js-tabHeaderCase')) {
380			// 一度全てのタブを非表示に
381			$('#tabHeaderCase .js-tabInner').css('display', 'none');
382			$('#tabHeaderCase .js-tabInner').removeClass('is-open');
383
384			$('#tabHeaderCase .js-tabInner').eq(tabNum).css('display', 'block');
385			$('#tabHeaderCase .js-tabInner').eq(tabNum).addClass('is-open');
386		}
387	});
388
389	if (window.sessionStorage.getItem(['index_event_tab']) !== null) {
390		if ($('.tab_event_sogo').length) {
391			if (window.sessionStorage.getItem(['index_event_tab']) === 'tab_event_sogo') {
392				$('.tab_event_sogo')[0].click();
393			} else {
394				$('.tab_event_meka')[0].click();
395			}
396		}
397	}
398
399	// headerの製品一覧タブ
400	var $tabHeaderProductsList = $('.js-tabHeaderProducts li');
401
402	$tabHeaderProductsList.on('click', function() {
403		// クリックしたタブが何番目か
404		var tabNum = $tabHeaderProductsList.index(this);
405
406		$('.js-tabHeaderProducts li').find('div').removeClass('active');
407		$(this).find('div').addClass('active');
408
409		// 一度全てのタブを非表示に
410		$('#tabHeaderProducts .js-tabInner').css('display', 'none');
411		$('#tabHeaderProducts .js-tabInner').removeClass('is-open');
412
413		$('#tabHeaderProducts .js-tabInner').eq(tabNum).css('display', 'block');
414		$('#tabHeaderProducts .js-tabInner').eq(tabNum).addClass('is-open');
415	});
416
417	// headerのカタログ・チラシタブ
418	var $tabHeaderCatList = $('.js-tabHeaderCat li');
419
420	$tabHeaderCatList.on('click', function() {
421		// クリックしたタブが何番目か
422		var tabNum = $tabHeaderCatList.index(this);
423
424		$('.js-tabHeaderCat li').find('div').removeClass('active');
425		$(this).find('div').addClass('active');
426
427		if ($(this).parent().hasClass('js-tabHeaderCat')) {
428			// 一度全てのタブを非表示に
429			$('#tabHeaderCat .js-tabInner').css('display', 'none');
430			$('#tabHeaderCat .js-tabInner').removeClass('is-open');
431
432			$('#tabHeaderCat .js-tabInner').eq(tabNum).css('display', 'block');
433			$('#tabHeaderCat .js-tabInner').eq(tabNum).addClass('is-open');
434		}
435	});
436	// end change tab
437	/********** tab **********************************/
438
439
440	/********** hamburger **********************************/
441	// SP時にハンバーガーを押した時
442	var $hamburger = $('.hamburger');
443	var $headerNav = $('header nav');
444	var $overlayHeader = $('.js-overlayHeader');
445
446	$hamburger.on('click', function() {
447		// ハンバーガーメニュー展開
448		$(this).toggleClass('is-open');
449		$headerNav.stop(true, true).slideToggle(300);
450
451		// headerの高さを取得し、設定
452		headerHeight = $header.outerHeight();
453
454		if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0) {
455			// SP用
456			$headerNav.css('top', headerHeight);
457		} else {
458			// PC用
459			// ハンバーガーメニューの位置をheaderの高さに合わせる
460			$headerNav.css('top', headerHeight);
461		}
462
463		if ($(this).hasClass('is-open')) {
464			// ハンバーガーメニューを展開する時
465			// ハンバーガーメニューの高さを画面にfixするよう計算
466			$overlayHeader.css('height',$('body').height());
467
468			// 背景用のoverlayを展開
469			$overlayHeader.addClass('is-active');
470
471			// 背景を固定するためスクロール量を取得
472			scrollpos = $(window).scrollTop();
473			$('body').addClass('is-fixed').css({'top': -scrollpos});
474		} else {
475			// ハンバーガーメニューを閉じる時

476			// 背景固定用のoverlayのstyleをreset
477			$overlayHeader.removeAttr('style');
478			$overlayHeader.removeClass('is-active');
479
480			// 背景固定用に設定していたスクロール量の値をreset
481			$('body').removeClass('is-fixed').css({'top': 0});
482			window.scrollTo( 0 , scrollpos );
483		}
484	});
485	// end SP時にハンバーガーを押した時
486	/********** hamburger **********************************/
487
488	/********** header/mega menu **********************************/
489	// header内の処理
490	// 画面幅を取得する為の変数
491	var width;
492
493	// ヘッダー/メガメニューについて
494	// ヘッダー/メガメニュー用変数
495	// header
496	var $header = $('header');
497
498	// PC時にマウスオーバーでメガメニューを展開する為に使用
499	var $gnav = $('.header_navList');
500
501	// SP時にタップでメガメニューを展開する為に使用
502	var $gnavItm = $('.header_navListItm');
503
504	// メガメニューの親
505	var $mega = $('.mega');
506
507	// headerの高さを取得する為に使用
508	var headerHeight;
509
510	// SP時のハンバーガーメニューの位置を設定する為に使用
511	var hamHeight;
512
513	// SP時にハンバーガーメニューの高さを設定する為に使用
514	var windowHeight;
515
516	// SP時のメガメニューの「製品カテゴリ」/「メーカー名」をタップした際に使用
517	var $switcherItm = $('.switcher2-sp li a');
518	var $switcherItm04 = $('.switcher4-sp a');
519
520	var scroll_bar;
521
522	$(window).on('load', function() {
523		scroll_bar = window.innerWidth - $(window).width();
524	});
525
526	// 画面幅を取得
527	width = $('html').innerWidth() + scroll_bar;
528
529	if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0) {
530		// SP時
531
532		// ハンバーガーメニューの高さ設定
533		windowHeight = $(window).height();
534		hamHeight = windowHeight - headerHeight;
535
536		// ハンバーガーメニュー展開
537		$gnavItm.on('click', function() {
538			$('img.lazy-megamenu').trigger('lazyMegaMenu');
539			$(this).find('span').toggleClass('is-open');
540
541			if ($(this).hasClass('is-active')) {
542				$(this).removeClass('is-active');
543				$(this).next().slideUp(300);
544			} else {
545				$(this).addClass('is-active');
546				$(this).next().slideDown(300);
547			}
548		});
549
550		// 製品カテゴリのアコーディオン
551		$switcherItm.on('click', function() {
552			$(this).find('span').toggleClass('is-open');
553
554			if ($(this).hasClass('is-active')) {
555				$(this).removeClass('is-active');
556				$(this).next().slideUp(300);
557			} else {
558				$(this).addClass('is-active');
559				$(this).next().slideDown(300);
560			}
561		});
562
563		// メーカー名のアコーディオン
564		$switcherItm04.on('click', function() {
565			$(this).find('span').toggleClass('is-open');
566
567			if ($(this).hasClass('is-active')) {
568				$(this).removeClass('is-active');
569				$(this).next().slideUp(300);
570			} else {
571				$(this).addClass('is-active');
572				$(this).next().slideDown(300);
573			}
574		});
575	} else if (navigator.userAgent.indexOf('iPad') > 0 || navigator.userAgent.indexOf('Android') > 0) {
576		// タブレット用コード
577		// headerの高さを取得し、設定
578		var $headerNav = $('header nav');
579		headerHeight = $header.outerHeight();
580
581		// タブレット時はPC表示される為、メガメニューの展開はタップで行う
582		$gnav.addClass('is-tab');
583		$gnavItm.on('click', function() {
584			if ($(this).parent('.header_navList').hasClass('is-openTab')) {
585				// タブレット時のメガメニューを閉じる
586				$(this).next().removeClass('is-open');
587				$(this).parent('.header_navList').removeClass('is-openTab');
588			} else {
589				$('img.lazy-megamenu').trigger('lazyMegaMenu');
590				// タブレット時のメガメニュー展開
591				$gnavItm.next().removeClass('is-open');
592				$gnav.removeClass('is-openTab');
593				$(this).next().addClass('is-open');
594				$(this).parent('.header_navList').addClass('is-openTab');
595			}
596		});
597
598		// 製品カテゴリのアコーディオン
599		$switcherItm.on('click', function() {
600			$(this).parents('.switcher2-sp').next().find('div').hide();
601			$($(this).attr("href")).fadeIn();
602			$(this).parents('.switchbox').find('.makerActive').removeClass("makerActive");
603			$(this).toggleClass("makerActive");
604			return false;

605		});
606		// end 製品カテゴリのアコーディオン
607
608		// メーカー名のアコーディオン
609		$switcherItm04.on("click", function() {
610			$(this).parents('.switchbox').next().next().find('div').hide();
611			$($(this).attr("href")).fadeIn();
612			$(this).parents('.switchbox').find('.makerActive').removeClass("makerActive");
613			$(this).toggleClass("makerActive");
614			return false;
615		});
616		// end メーカー名のアコーディオン
617	} else {
618		// PC時
619		// headerの高さを取得し、設定
620		var $headerNav = $('header nav');
621		headerHeight = $header.outerHeight();
622
623		$(window).on('load resize', function() {
624			$gnavItm.off('click');
625			$switcherItm.off('click');
626			$switcherItm04.off('click');
627			$gnav.off('mouseover');
628			$gnav.off('mouseleave');
629
630			width = $(window).width();
631
632			if (width < 769) {
633				// SP時
634				// ハンバーガーメニューの高さ設定
635				windowHeight = $(window).height();
636				hamHeight = windowHeight - headerHeight;
637
638				// ハンバーガーメニュー展開
639				$gnavItm.on('click', function() {
640					$('img.lazy-megamenu').trigger('lazyMegaMenu');
641					$(this).find('span').toggleClass('is-open');
642
643					if ($(this).hasClass('is-active')) {
644						$(this).removeClass('is-active');
645						$(this).next().slideUp(300);
646					} else {
647						$(this).addClass('is-active');
648						$(this).next().slideDown(300);
649					}
650				});
651
652				// 製品カテゴリのアコーディオン
653				$switcherItm.on('click', function() {
654					$('img.lazy-megamenu').trigger('lazyMegaMenu');
655					$(this).find('span').toggleClass('is-open');
656
657					if ($(this).hasClass('is-active')) {
658						$(this).removeClass('is-active');
659						$(this).next().slideUp(300);
660					} else {
661						$(this).addClass('is-active');
662						$(this).next().slideDown(300);
663					}
664				});
665
666				// メーカー名のアコーディオン
667				$switcherItm04.on('click', function() {
668					$('img.lazy-megamenu').trigger('lazyMegaMenu');
669					$(this).find('span').toggleClass('is-open');
670
671					if ($(this).hasClass('is-active')) {
672						$(this).removeClass('is-active');
673						$(this).next().slideUp(300);
674					} else {
675						$(this).addClass('is-active');
676						$(this).next().slideDown(300);
677					}
678				});
679			}else{
680				// PC時
681				// 各種設定reset
682				// 背景固定用にbodyに設定された値をreset
683				$('body').removeClass('is-fixed');
684				$('body').removeAttr('style');
685
686				// ハンバーガーメニュー展開時のoverlayをreset
687				$overlayHeader.removeAttr('style');
688				$overlayHeader.removeClass('is-active');
689
690				// ハンバーガーメニューの展開をreset
691				$hamburger.removeClass('is-open');
692				$headerNav.removeAttr('style');
693
694				// メガメニューに設定されている位置などの値をreset
695				$mega.removeAttr('style');
696				$gnavItm.removeClass('is-active');
697				$mega.css('top',headerHeight);
698
699				// メガメニューの位置を設定
700				headerHeight = $header.outerHeight();
701				$mega.css('top', headerHeight);
702
703				// マウスオーバーでメガメニューを展開
704				$gnav.on('click', function() {
705					$('img.lazy-megamenu').trigger('lazyMegaMenu');
706					$(this).children('.mega').addClass('is-open');
707				});
708
709				// マウスを離すとメガメニューを閉じる
710				$gnav.on('mouseleave', function() {
711					$(this).children('.mega').removeClass('is-open');
712				});
713
714				// 製品カテゴリのアコーディオン
715				$switcherItm.on('click', function() {
716					$(this).parents('.switcher2-sp').next().find('div').hide();
717					$($(this).attr("href")).fadeIn();
718					$(this).parents('.switchbox').find('.makerActive').removeClass("makerActive");
719					$(this).toggleClass("makerActive");
720					return false;
721				});
722				// end 製品カテゴリのアコーディオン
723
724				// メーカー名のアコーディオン
725				$switcherItm04.on("click", function() {
726					$(this).parents('.switchbox').next().next().find('div').hide();
727					$($(this).attr("href")).fadeIn();
728					$(this).parents('.switchbox').find('.makerActive').removeClass("makerActive");
729					$(this).toggleClass("makerActive");
730					return false;

731				});
732				// end メーカー名のアコーディオン
733			}
734		});
735	}
736
737	// end header内の処理
738	/********** header/mega menu **********************************/
739
740
741	/********** scroll header fix **********************************/
742	// PC時にスクロール後headerの高さを縮める
743	var scroll;
744
745	$(window).on('scroll orientationchange', function() {
746		width = $(window).width();
747
748		if (width > 768) {
749			scroll = $(window).scrollTop();
750			if ( "undefined" !== typeof scroll) {
751				if (scroll > 100) {
752					$('.header').addClass('is-fixed');
753					$('main').css('margin-top', '73px');
754					$('header').css('height', '72px');
755					headerHeight = $header.outerHeight();
756					$mega.css('top', headerHeight);
757				}
758				if (scroll < 100) {
759					$('.header').removeClass('is-fixed');
760
761					$('main').css('margin-top', '98px');
762					$('header').css('height', '97px');
763					headerHeight = $header.outerHeight();
764					$mega.css('top', headerHeight);
765				}
766			}
767		}
768	});
769	// end PC時にスクロール後headerの高さを縮める
770	/********** scroll header fix **********************************/
771
772	/********** accourdion **********************************/
773	// アコーディオンの展開
774	var $accTrigger = $('.js-acc');
775
776	$accTrigger.on('click', function() {
777		$(this).next().slideToggle(600);
778		$(this).toggleClass('is-open');
779	});
780	// end アコーディオンの展開
781	/********** accourdion **********************************/
782
783
784	// コンテンツが少なくfooterが最下部に設置されない場合
785	// footerをページ下部に設置する
786	var pageHeight;
787	var bodyHeight;
788
789	$(window).on('load resize', function() {
790		// headerの高さを取得し、設定
791		headerHeight = $header.outerHeight();
792
793		width = $(window).width();
794		pageHeight = $('html').height();
795		bodyHeight = document.documentElement.scrollHeight + headerHeight;
796
797		headerHeight = $header.outerHeight();
798		if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0) {
799			$headerNav.css('top', headerHeight);
800			$('footer').removeClass('is-fixed');
801		} else {
802			$mega.removeAttr('style');
803			$mega.css('top',headerHeight);
804
805			if (pageHeight >= bodyHeight) {
806				var bodyHeight = pageHeight - headerHeight;
807				$('body').css('height',bodyHeight);
808				$('footer').addClass('is-fixed');
809
810				$('.support').css('bottom',$('footer').height() + 'px');
811				$('.support').addClass('is-fixed');
812			} else {
813				$('body').css('height','auto');
814				$('footer').removeClass('is-fixed');
815
816				$('.support').css('bottom', 'auto');
817				$('.support').removeClass('is-fixed');
818			}
819		}
820	});
821	// end footer fix
822
823	$('.js_keyword-check').on('submit', function() {
824		var $form = $(this);
825
826		// エラーメッセージをクリア
827		$('.js_err-msg-box', $form).text('');
828
829		var searchKeyword = $form.find('.js_keyword-check-text').val();
830
831		searchKeyword = $.trim(searchKeyword);
832
833		var splitSearchKeyword = searchKeyword.split(/[\s　]+/);
834		var len = splitSearchKeyword.length;
835
836		if (len > 5) {
837			$('.js_err-msg-box', $form).text('スペース区切りで最大5件まで入力可能です。');
838			$form.removeClass('js_running');
839
840			return false;
841		}
842	});
843
844	$('.js_keyword-check-alert').on('submit', function() {
845		var $form = $(this);
846
847		var searchKeyword = $form.find('.js_keyword-check-text').val();
848		searchKeyword = $.trim(searchKeyword);
849
850		var splitSearchKeyword = searchKeyword.split(/[\s　]+/);
851		var len = splitSearchKeyword.length;
852
853		if (len > 5) {
854			alert('スペース区切りで最大5件まで入力可能です。');
855
856			return false;
857		}
858	});
859});