https://cdn.autoc-one.jp/article-assets/js/top-9fbbfad6ae64e816365…=CD158772A7EA509D8277EA6DAB84FA2F

1$(function() {
2
3	// slick
4	$('#partsSlider').slick({
5		autoplay : true,
6		autoplaySpeed : 5000,
7		dots : true,
8		slidesToShow : 3,
9		slidesToScroll : 3,
10		centerPadding : '5px',
11		responsive : [ {
12			breakpoint : 768,
13			settings : {
14				centerMode : false,
15				slidesToShow : 2,
16				slidesToScroll : 2,
17			}
18		} ]
19	});
20
21	// ハンバーガーメニュー
22	$('.hamburger_bk').on('click', toggleHamburgerMenu);
23
24	// ticker
25	ticker();
26
27	// タブをクリックしたら発動
28	$('.tabs__list').click(function() {
29		// クリックされたタブの順番を変数に格納
30		var index = $('.tabs__list').index(this);
31
32		// クリック済みタブのデザインを設定したcssのクラスを一旦削除
33		$('.tabs__list').removeClass('tabs__list--current');
34
35		// クリックされたタブにクリック済みデザインを適用する
36		$(this).addClass('tabs__list--current');
37
38		// コンテンツを一旦非表示にし、クリックされた順番のコンテンツのみを表示
39		$('.tabs__contents--inner').removeClass('current').eq(index).addClass('current');
40
41	});
42
43	// アコーディオン
44	if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) {
45		// Q&Aのアコーディオン処理
46		// 最初は全てのパネルを非表示に
47		$('.prefectures__deta').hide();
48		$('.prefectures__heading').click(function() {
49			// 選択したパネルを開く
50			// 開いているパネルには.currentを追加
51			$(this).toggleClass("current");
52			$(this).siblings(".prefectures__heading").removeClass(
53					"current");
54			$(this).next(".prefectures__deta").slideToggle();
55			$(this).next(".prefectures__deta").siblings(

56					".prefectures__deta").slideUp(200);
57		});
58
59		// DOM生成
60		$('.catalog .catalog__heading').wrapAll(
61				'<div class="catalog__tab"></div>');
62
63		// catalog__titleの下にcatalog__tabを
64		$('.catalog__tab').insertAfter('.catalog__title');
65	}
66
67	// スマホ判定
68	if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) {
69		// タブ
70		// タブをクリックしたら発動
71		$('.catalog .catalog__heading').click(function() {
72			// クリックされたタブの順番を変数に格納
73			var index = $('.catalog__heading').index(this);
74			// クリック済みタブのデザインを設定したcssのクラスを一旦削除
75			$('.catalog__heading').removeClass('active');
76			// クリックされたタブにクリック済みデザインを適用する
77			$(this).addClass('active');
78			// コンテンツを一旦非表示にし、クリックされた順番のコンテンツのみを表示
79			$('.catalog .tab__contents--list').removeClass('show').eq(
80							index).addClass('show');
81		});
82	}
83
84	// 入力完了後に色変更
85	changeBgColor();
86});
87
88//ハンバーガーメニュー
89function toggleHamburgerMenu() {
90	$('#navigation').fadeToggle(600);
91	$(this).toggleClass('active');
92	modalOpen($(this).hasClass('active'));
93}
94
95function modalOpen(isActive){
96	var body = document.body;
97	if(isActive){
98		// スクロールバーを無くす前
99		var clientWidth = body.clientWidth;
100		$('html, body, div.header_logo_container').addClass('modal-open-now');
101		// スクロールバーを無くした後
102		var noScrollBarWidth = body.clientWidth;
103		// スクロールバーの長さ計算
104		var diff = noScrollBarWidth - clientWidth;
105		if (diff > 0) {
106			document.documentElement.style['overflowY'] = 'scroll';
107		}
108		return;
109	}
110	$('html, body, div.header_logo_container').removeClass('modal-open-now');
111	document.documentElement.style['overflowY'] = '';
112}
113
114function ticker(){
115	var $setElm = $('.ticker__wrap');
116	var effectSpeed = 1000;
117	var switchDelay = 6000;
118	var easing = 'swing';
119
120	$setElm.each(function(){
121		var effectFilter = $(this).attr('rel'); // 'fade' or 'roll' or 'slide'
122
123		var $targetObj = $(this);
124		var $targetUl = $targetObj.children('ul');
125		var $targetLi = $targetObj.find('li');
126		var $setList = $targetObj.find('li:first');
127
128		var ulWidth = $targetUl.width();
129		var listHeight = $targetLi.height();
130		$targetObj.css({height:(listHeight)});
131		$targetLi.css({top:'0',left:'0',position:'absolute'});
132
133		var liCont = $targetLi.length;
134
135		if(effectFilter == 'fade') {
136			$setList.css({display:'block',opacity:'0',zIndex:'98'}).stop().animate({opacity:'1'},effectSpeed,easing).addClass('showlist');
137			if(liCont > 1) {
138				setInterval(function(){
139					var $activeShow = $targetObj.find('.showlist');
140					$activeShow.animate({opacity:'0'},effectSpeed,easing,function(){
141						$(this).next().css({display:'block',opacity:'0',zIndex:'99'}).animate({opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo($targetUl).css({display:'none',zIndex:'98'}).removeClass('showlist');
142					});
143				},switchDelay);
144			}
145		} else if(effectFilter == 'roll') {
146			$setList.css({top:'3em',display:'block',opacity:'0',zIndex:'98'}).stop().animate({top:'0',opacity:'1'},effectSpeed,easing).addClass('showlist');
147			if(liCont > 1) {
148				setInterval(function(){
149					var $activeShow = $targetObj.find('.showlist');
150					$activeShow.animate({top:'-3em',opacity:'0'},effectSpeed,easing).next().css({top:'3em',display:'block',opacity:'0',zIndex:'99'}).animate({top:'0',opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo($targetUl).css({zIndex:'98'}).removeClass('showlist');
151				},switchDelay);
152			}
153		} else if(effectFilter == 'slide') {
154			$setList.css({left:(ulWidth),display:'block',opacity:'0',zIndex:'98'}).stop().animate({left:'0',opacity:'1'},effectSpeed,easing).addClass('showlist');
155			if(liCont > 1) {
156				setInterval(function(){
157					var $activeShow = $targetObj.find('.showlist');
158					$activeShow.animate({left:(-(ulWidth)),opacity:'0'},effectSpeed,easing).next().css({left:(ulWidth),display:'block',opacity:'0',zIndex:'99'}).animate({left:'0',opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo($targetUl).css({zIndex:'98'}).removeClass('showlist');
159				},switchDelay);
160			}
161		}
162	});
163}
164
165function changeBgColor() {
166	var $requireArea = $('.is-require');
167	var $selectbox = $('select');
168	var $submitBtn = $('button[type="submit"]');
169
170	$submitBtn.prop('disabled', true);
171
172	$requireArea.on('change keyup', function() {
173		if (this.value === "") {
174			$(this).removeClass('is-default');
175		} else {
176			$(this).addClass('is-default');
177		}
178
179		if ($selectbox.val() !== "0") {
180			$selectbox.addClass('is-default');
181			$submitBtn.prop('disabled', false);
182		} else {
183			$selectbox.removeClass('is-default');
184			$submitBtn.prop('disabled', true);
185		}
186	});
187}
188
189//ページトップ
190$(document).ready(function () {
191  var pagetop = $('.pagetop');
192  $(window).scroll(function () {
193    if ($(this).scrollTop() > 100) {
194      pagetop.fadeIn();
195    } else {
196//      pagetop.fadeOut();
197//		ページトップリンクは出しっぱなしに変更
198    }
199  });
200  pagetop.click(function () {
201    $('body, html').animate({scrollTop: 0}, 500);
202    return false;

203  });
204});
205
206//宿バナー
207$(document).ready(function () {
208let timeOut;
209
210	$(window).on("scroll",function(){//スクロールを判定
211
212		var point = window.pageYOffset;//現在のスクロール地点
213		var docHeight = $(document).height();//ドキュメントの高さ
214		var dispHeight = $(window).height();//表示領域の高さ
215		var footer = $(".footer").innerHeight();
216
217		$(".yado_banner").fadeOut();
218
219		if(point >= docHeight - dispHeight - footer){//フッターが画面下に見えたとき
220			clearTimeout(timeOut);
221			$(".yado_banner").fadeOut();//消去
222		}else{
223			clearTimeout(timeOut);
224			timeOut = setTimeout(function(){//最後に動作してから500ms後に表示
225				$(".yado_banner").fadeIn();//表示
226			},500);
227		}
228
229	});
230
231
232});
233
234
235//モーダルウィンドウ
236$(function() {
237const $header = $('.header');
238const $modal = $('#modal');
239const $wrap = $('.header-modal__category-wrap');
240const $html = $('html');
241const $body = $('body');
242const $jsbtn = $('#js__btn');
243let $headerHeight = $header.outerHeight(); //ヘッダーの高さを取得
244
245$modal.css('top', $headerHeight); //モーダルウィンドウ出現位置にヘッダーの高さを足す
246
247
248$(window).resize(function() {
249//リサイズされたときの処理
250$headerHeight = $header.outerHeight();
251$modal.css('top', $headerHeight);
252});
253
254//IEのみパッディングを付与
255const ua = navigator.userAgent;
256if (ua.indexOf('Trident') !== -1) {
257
258//IE 11のときの挙動
259$wrap.css('padding-bottom', '100px');
260
261}
262
263//開閉用ボタンをクリックでクラスの切替え
264$('#js__btn').on('click', function() {
265$body.toggleClass('header-modal-open');
266$html.toggleClass('header-modal-open');
267$jsbtn.toggleClass('header-modal-open');
268
269});
270
271//メニュー名以外の部分をクリックで閉じる
272$('#js__nav').on('click', function() {
273$body.removeClass('header-modal-open');
274$html.removeClass('header-modal-open');
275$jsbtn.removeClass('header-modal-open');
276});
277});