https://www.sense-sc.jp/js/common.js

1$(function () {
2	var ua = navigator.userAgent;
3	if ((ua.indexOf('iPhone') > 0) || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0)) {
4		$('head').prepend('<meta name="viewport" content="width=device-width,initial-scale=1">');
5	} else {
6		$('head').prepend('<meta name="viewport" content="width=1200">');
7	}
8
9	var timer = false;
10	var prewidth = $(window).width()
11	$(window).resize(function () {
12		if (timer !== false) {
13			clearTimeout(timer);
14		};
15		timer = setTimeout(function () {
16			var nowWidth = $(window).width()
17			if (prewidth !== nowWidth) {
18				location.reload();
19			};
20			prewidth = nowWidth;
21		}, 200);
22	});
23});
24
25
26//smartRollover.js
27function smartRollover() {
28	if (document.getElementsByTagName) {
29		var images = document.getElementsByTagName("img");
30
31		for (var i = 0; i < images.length; i++) {
32			if (images[i].src.match("_off.")) {
33				images[i].onmouseover = function () {
34					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
35				}
36				images[i].onmouseout = function () {
37					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
38				}
39			}
40		}
41	}
42}
43
44if (window.addEventListener) {
45	window.addEventListener("load", smartRollover, false);
46} else if (window.attachEvent) {
47	window.attachEvent("onload", smartRollover);
48}
49
50
51
52//----------------------------------------------------------------
53//----------------------------------------------------------------
54//スムーズスクロール
55//----------------------------------------------------------------
56//----------------------------------------------------------------
57
58//gotoTOP
59
60$(function () {
61	var showFlag = false;
62	var topBtn = $('.page-top');
63	topBtn.css('bottom', '-150px');
64	var showFlag = false;
65	//スクロールが100に達したらボタン表示
66	$(window).scroll(function () {
67		if ($(this).scrollTop() > 100) {
68			if (showFlag == false) {
69				showFlag = true;
70				topBtn.stop().animate({
71					'bottom': '18%'
72				}, 200);
73			}
74		} else {
75			if (showFlag) {
76				showFlag = false;
77				topBtn.stop().animate({
78					'bottom': '-150px'
79				}, 200);
80			}
81		}
82	});
83	//スクロールしてトップ
84	topBtn.click(function () {
85		$('body,html').animate({
86			scrollTop: 0
87		}, 500);
88		return false;
89	});
90});
91
92$(function () {
93	$('a[href^="#"]:not(.ChangeElem_Btn)').click(function () {
94		var speed = 500;
95		var href = $(this).attr("href");
96		var target = $(href == "#" || href == "" ? 'html' : href);
97		var position = target.offset().top;
98		$("html, body").animate({
99			scrollTop: position
100		}, speed, "swing");
101		return false;
102	});
103});
104
105
106//----------------------------------------------------------------
107//----------------------------------------------------------------
108//サブメニュー
109//----------------------------------------------------------------
110//----------------------------------------------------------------
111
112
113$(function () {
114	var nav = $('.gnav');
115	//var navTop = nav.offset().top;
116	$('.gnav__subnav').hide();
117	if (!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) {
118		/*$('li', nav).hover(function () {
119			$('.gnav__subnav', this).stop().slideDown('fast');
120		}, function () {
121			$('.gnav__subnav', this).stop().slideUp('fast');
122		});*/
123		$('.list_item .toggle').click(function () {
124			$(this).next('.gnav__subnav').slideToggle('fast');
125		});
126	} else {
127		$('li', nav).click(function () {
128			$('.gnav__subnav', this).slideToggle('fast');
129		});
130	}
131});
132
133
134
135//----------------------------------------------------------------
136//----------------------------------------------------------------
137// SPハンバーガー
138//----------------------------------------------------------------
139//----------------------------------------------------------------
140
141
142
143$(function () {
144	var menu = $('#gnav'), // スライドインするメニューを指定
145		menuBtn = $('#nav-toggle'), // メニューボタンを指定
146		body = $(document.body),
147		menuWidth = menu.outerWidth(),
148		state = false,
149		scrollpos;
150	// メニューボタンをクリックした時の動き
151	menuBtn.on('click', function () {
152		// body に open クラスを付与する
153		body.toggleClass('open');
154		if (body.hasClass('open')) {
155			// open クラスが body についていたらメニューをスライドインする
156			body.animate({
157				'right': menuWidth
158			}, 300);
159			menu.animate({
160				'right': 0
161			}, 300);
162			$(".h_logo img").attr("src", "/common_img/logo_w.png");
163		} else {
164			// open クラスが body についていなかったらスライドアウトする
165			menu.animate({
166				'right': -menuWidth
167			}, 300);
168			body.animate({
169				'right': 0
170			}, 300);
171			$(".h_logo img").attr("src", "/common_img/logo.png");
172		}
173		//ページ内アンカー用
174		$('#gnav a[href]:not(.tel-link a)').click(function () {
175			body.removeClass('open');
176			body.removeClass('bg_fixed');
177			menu.animate({
178				'right': -menuWidth
179			}, 300);
180			body.animate({
181				'right': 0
182			}, 300);
183		});
184	});
185});
186
187
188
189//----------------------------------------------------------------
190//----------------------------------------------------------------
191//プルダウン
192//----------------------------------------------------------------
193//----------------------------------------------------------------
194
195
196
197$(function () {
198	function spnav() {
199		$(this).toggleClass("active").next().slideToggle(300);
200	}

201	$(".switch .toggle").click(spnav);
202
203});
204
205
206
207//----------------------------------------------------------------
208//----------------------------------------------------------------
209//タブ
210//----------------------------------------------------------------
211//----------------------------------------------------------------
212
213
214$(function () {
215	var parm =  Number(location.hash.split('#tab')[1]);
216	var indexNumber = parm - 1
217
218	$('.ChangeElem_Panel').hide();
219	if(location.hash) {
220		$('.ChangeElem_Panel').eq(indexNumber).show();
221		$('.ChangeElem_Btn').eq(indexNumber).addClass('is-active');
222	} else {
223		$('.ChangeElem_Panel').eq(0).show();
224		$('.ChangeElem_Btn').eq(0).addClass('is-active');
225	}
226
227	//クリックイベント
228	$('.ChangeElem_Btn').each(function () {
229		$(this).on('click', function () {
230			var index = $('.ChangeElem_Btn').index(this);
231			$('.ChangeElem_Btn').removeClass('is-active');
232			$(this).addClass('is-active');
233			$('.ChangeElem_Panel').hide();
234			$('.ChangeElem_Panel').eq(index).show();
235		});
236	});
237});
238
239//----------------------------------------------------------------
240//----------------------------------------------------------------
241//プレースホルダー
242//----------------------------------------------------------------
243//----------------------------------------------------------------
244
245
246
247$(function () {
248	// placeholder（IE9対応）
249	if ($.fn.placeholder) {
250		$('input, textarea').placeholder();
251	}
252
253});
254
255//背景固定
256$(function () {
257	var state = false;
258	var scrollpos;
259
260	$('#nav-toggle').on('click', function () {
261		if (state == false) {
262			scrollpos = $(window).scrollTop();
263			$('body').addClass('bg_fixed').css({
264				'top': -scrollpos
265			});
266			$('.spnav').addClass('open');
267			state = true;
268		} else {
269			$('body').removeClass('bg_fixed').css({
270				'top': 0
271			});
272			window.scrollTo(0, scrollpos);
273			$('.spnav').removeClass('open');
274			state = false;
275		}
276	});
277
278});
279
280
281//----------------------------------------------------------------
282
283//同意チェック
284//----------------------------------------------------------------
285$(function () {
286	$('#check').prop('checked', false);
287
288	$('#check').on('click', function () {
289		if ($(this).prop('checked') == false) {
290			$('#submit').prop('disabled', true);
291		} else {
292			$('#submit').prop('disabled', false);
293		}
294	});
295});
296
297
298
299
300//----------------------------------------------------------------
301//----------------------------------------------------------------
302//スマホTEL
303//----------------------------------------------------------------
304//----------------------------------------------------------------
305
306$(function () {
307	var ua = navigator.userAgent;
308	if (ua.indexOf('iPhone') > 0 && ua.indexOf('iPod') == -1 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
309		$('.tel-link').each(function () {
310			var str = $(this).text();
311			$(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
312		});
313	}
314});
315$(function () {
316	var ua = navigator.userAgent;
317	if (ua.indexOf('iPhone') > 0 && ua.indexOf('iPod') == -1 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0 && ua.indexOf('SC-01C') == -1 && ua.indexOf('A1_07') == -1) {
318		$('.tel-link-img img').each(function () {
319			var alt = $(this).attr('alt');
320			$(this).wrap($('<a>').attr('href', 'tel:' + alt.replace(/-/g, '')));
321		});
322	}
323});
324
325
326
327
328//----------------------------------------------------------------
329//----------------------------------------------------------------
330//アコーディオン
331//----------------------------------------------------------------
332//----------------------------------------------------------------
333
334//ACCORDION
335$(function () {
336	$(".accordionbox dt").on("click", function () {
337		$(this).next().slideToggle();
338		// activeが存在する場合
339		if ($(this).children("span").hasClass('active')) {
340			// activeを削除
341			$(this).children("span").removeClass('active');
342		} else {
343			// activeを追加
344			$(this).children("span").addClass('active');
345		}
346	});
347});
348
349
350//SET SAME HEIGHT
351
352//$(document).ready(function(){
353//	var wwidth = $(window).width();
354//	if (wwidth > 767) {
355//		$('.cnews_ct').each(function(){
356//			var highestBox = 0;
357//			$('.cnews_ct_in', this).each(function(){
358//				if($(this).height() > highestBox) {

359//				highestBox = $(this).height();
360//				}
361//			});
362//			$('.cnews_ct_in',this).height(highestBox);
363//		});
364//	}
365//});
366
367jQuery(function ($) {
368	$('.h_info .nav_btn').on('click', function () {
369		if ($(this).hasClass('nav_open')) {
370			$('.h_info').animate({
371				right: '0px'
372			});
373			$(this).removeClass('nav_open').addClass('nav_close');
374		} else if ($(this).hasClass('nav_close')) {
375			$('.h_info').animate({
376				right: '-258px'
377			});
378			$(this).removeClass('nav_close').addClass('nav_open');
379		}
380	});
381});
382
383
384jQuery(function ($) {
385	$('.sp_info .sp_nav_btn').on('click', function () {
386		if ($(this).hasClass('sp_nav_open')) {
387			$('.sp_info').animate({
388				bottom: '0px'
389			});
390			$(this).removeClass('sp_nav_open').addClass('sp_nav_close');
391		} else if ($(this).hasClass('sp_nav_close')) {
392			$('.sp_info').animate({
393				bottom: '-200px'
394			});
395			$(this).removeClass('sp_nav_close').addClass('sp_nav_open');
396		}
397	});
398});
399
400
401let text1=document.querySelectorAll(".c-price__member_txt")
402let text02=document.querySelectorAll(".c-price__td.price")
403if(text1) {
404	text1.forEach((el)=>{
405		let start=el.innerHTML.slice(0,el.innerHTML.indexOf("<br>"))
406		let end=el.innerHTML.slice(el.innerHTML.indexOf("<br>"))
407		el.innerHTML=start+`<span>${end}</span>`
408	})
409}
410if(text02){
411	text02.forEach(el=>{
412		el.innerHTML=el.innerHTML.replaceAll('＊',`<span class="c_006100">＊</span>`)
413	})
414}