https://www.jt-corp.co.jp/common/js/common.js?v=2

1jQuery(function($) {
2
3	var $body          = $('body'),
4			$wrap          = $('#wrapper'),
5			$header        = $('#header'),
6			$headerContent = $header.find('.header_content'),
7			headerHeight   = $headerContent.outerHeight(),
8			$spMenuBtn     = $('.sp_menu_btn').children(),
9			$spMenu        = $('#sp_menu'),
10			$spMenuContent = $spMenu.find('.sp_menu_content'),
11			$subMenu        = $('#sub_menu'),
12			$subAccordion = $subMenu.find('li').children('.table'),
13			$subMenuBtn     = $('#sub_menu_btn'),
14			$subMenuContent = $subMenu.find('.sub_menu'),
15			activeClass    = 'is_active',
16			index;
17	var $contentWidth = $('.content_width');
18	var $subUnder = $subMenu.find('.under_list_wrap');
19	var $subList = $('.sub_list');
20
21	/*--------------
22		heightLineSetting
23	--------------*/
24	var hLineCandidates = [
25		'.heightLine',
26		'.heightLine01',
27		'.heightLine02',
28		'.heightLine03',
29		'.heightLine04',
30		'.heightLine05',
31	];
32	function setHeight(){
33		var wWidth = window.innerWidth;
34		if ( wWidth > 600 ) {
35			doHeightLine({
36				fontSizeCheck : true,
37			});
38		} else {
39			applyCallbackTo(hLineCandidates, function($ele){
40				$ele.css('height', "auto");
41			});
42			var cls = $('html').attr('class');
43			$('html').removeClass(cls);
44		}
45	}
46	function doHeightLine(arg){
47		var hArgs = arg || {};
48		applyCallbackTo(hLineCandidates, function($ele){
49			$ele.heightLine(hArgs);
50		});
51	}
52	function applyCallbackTo(targets, clbk){
53		$.each(targets, function(idx, tgt){
54			var $ele = $(tgt);
55			if( $ele.length && 'function' === $.type(clbk) ) clbk($ele);
56		});
57	}
58	function setSubHeight() {
59		var wWidth = window.innerWidth;
60		if ( wWidth > 960 ) {
61			$('.sub_height').heightLine({
62				fontSizeCheck : true,
63			});
64		}
65	}
66
67
68
69	/*--------------
70		subMenuHeightSettings
71	--------------*/
72	function setSubMenuHeight() {
73		var wWidth = window.innerWidth;
74		var winH = window.innerHeight;
75		var headerHeight = $header.outerHeight();
76		var $contentWidth_w = $contentWidth.width();
77		var	$contentWidth_left = $contentWidth.offset().left;
78		var	$subMenu_w = $contentWidth_w + $contentWidth_left - 230;
79		var	$subMenu_h = $subMenu.outerHeight();
80		var subMenuBtnHeight = $subMenuBtn.outerHeight();
81		if ( wWidth > 960 ) {
82			$subMenuContent.css('padding-top', 0);
83			$subList.children().width($subMenu_w);
84			$subUnder.css('top', $subMenu_h-1);
85			$subMenu.css("height", "auto");
86			$wrap.css('padding-top', $subMenu_h);
87		} else {
88			$subMenu.css('top', headerHeight);
89			$subMenuContent.css('padding-top', subMenuBtnHeight);
90			$subUnder.css('top', 0);
91			$subUnder.find('.under_list').width("100%");
92			$wrap.css('padding-top', headerHeight);
93		}
94
95	}
96
97	/* = fsize_ctrl
98	-------------------------------------------------------------- */
99	var $fsizeBtn = $('#fsize_ctrl').find('li');
100	function textResize(){
101		$fsizeBtn.textresizer({
102			target: "html",
103			type: "cssClass",
104			sizes: [ "fz_s", "fz_m", "fz_l"],
105			selectedIndex: 1,
106		});
107	}
108	$(window).on('load resize', function(){
109		var $contentWidth_w = $contentWidth.width();
110		var $contentWidth_left = $contentWidth.offset().left;
111		var $subMenu_w = $contentWidth_w + $contentWidth_left - 230;
112		$subMenuContent.width($subMenu_w);
113		textResize();
114		setHeight();
115		setSubHeight();
116		setSubMenuHeight();
117		if ( $('body').hasClass('sp_heightLine') ) {
118			var wWidth = window.innerWidth;
119			if ( wWidth <= 600 ) {
120				$('.heightLine').heightLine();
121			}
122		}
123	});
124
125	$fsizeBtn.on('click', function(){
126		var $contentWidth_w = $contentWidth.width();
127		var $contentWidth_left = $contentWidth.offset().left;
128		var $subMenu_w = $contentWidth_w + $contentWidth_left - 230;
129		$subMenuContent.width($subMenu_w);
130		doHeightLine("destroy");
131		doHeightLine({
132			fontSizeCheck : true,
133		});
134		setTimeout(function(){
135			setSubMenuHeight();
136		}, 200);
137		//location.reload();
138	});
139
140	/* = SP時以外telリンク無効
141	-------------------------------------------------------------- */
142	var ua = navigator.userAgent;
143	if (ua.indexOf('iPhone') < 0 && ua.indexOf('Android') < 0) {
144		$('a[href^="tel:"]').css('cursor', 'default').click(function (event) {
145			event.preventDefault();
146		});
147	}
148
149	/* = on off 切り替え
150	-------------------------------------------------------------- */
151	$('img.hover').hover( function(){
152		$(this).attr('src',$(this).attr('src').replace('_off','_on'));
153	 }, function(){
154		$(this).attr('src',$(this).attr('src').replace('_on','_off'));
155	});
156	/* = tabPanel
157	-------------------------------------------------------------- */
158	var $tab = $('#tab_panel').find('.tab'),
159			$tabContent = $('.tab_content');
160	$tab.on('click', function(){
161		index = $(this).index();
162		$tab.removeClass(activeClass);
163		$tabContent.removeClass(activeClass);
164		$tab.eq(index).addClass(activeClass);
165		$tabContent.eq(index).addClass(activeClass);
166	});
167
168	/* = mega-menu
169	-------------------------------------------------------------- */
170	var $gnav     = $('#gnav'),
171			$gnavList = $gnav.find('li'),
172			$meagMenuWrap = $('#mega_menu_wrap'),
173			$meagMenu = $('.mega_menu');
174
175		$gnavList.on({
176			'mouseenter': function(){
177				index = $(this).index();
178				if ( $(this).hasClass(activeClass) ) {
179					$gnavList.removeClass(activeClass);
180					$meagMenuWrap.removeClass(activeClass);
181					$meagMenu.removeClass(activeClass);
182				} else {
183					$(this).addClass(activeClass);
184					$meagMenu.removeClass(activeClass);
185					$meagMenuWrap.addClass(activeClass);
186					$meagMenu.eq(index).addClass(activeClass);
187				}
188			},
189			'mouseleave': function(){
190				$gnavList.removeClass(activeClass);
191				$meagMenuWrap.removeClass(activeClass);
192				$meagMenu.removeClass(activeClass);
193			}
194		});
195		$meagMenu.on({
196			'mouseenter': function(){
197				index = $(this).index();
198				$gnavList.eq(index).addClass(activeClass);
199				$meagMenuWrap.addClass(activeClass);
200				$(this).addClass(activeClass);
201			},
202			'mouseleave': function(){
203				$gnavList.removeClass(activeClass);
204				$meagMenuWrap.removeClass(activeClass);
205				$(this).removeClass(activeClass);
206			}
207		});
208
209	/* = sp_menu

210	-------------------------------------------------------------- */
211	var scrlOffsetObj = [];
212	var scrlOffset;
213	$.each($("html, body"), function(i, val) {
214		scrlOffsetObj[this] = $(this).scrollTop();
215	});
216	var scrlOffset_html = scrlOffsetObj["[object HTMLHtmlElement]"];
217	var scrlOffset_body = scrlOffsetObj["[object HTMLBodyElement]"];
218	scrlOffset = ( scrlOffset_html > scrlOffset_body ) ? scrlOffset_html : scrlOffset_body;
219	$spMenuBtn.on('click', function() {
220
221		if ( !$(this).hasClass(activeClass) ) {
222			$.each($("html, body"), function(i, val) {
223				scrlOffsetObj[this] = $(this).scrollTop();
224			});
225			scrlOffset_html = scrlOffsetObj["[object HTMLHtmlElement]"];
226			scrlOffset_body = scrlOffsetObj["[object HTMLBodyElement]"];
227			scrlOffset = ( scrlOffset_html > scrlOffset_body ) ? scrlOffset_html : scrlOffset_body;
228		}
229
230
231		$header.addClass(activeClass);
232		index = $(this).index();
233		if ( $(this).hasClass(activeClass) ) {
234			if ( !$subMenu.hasClass(activeClass) ) {
235				$body.removeClass(activeClass);
236			}
237			$body.removeClass("for-sp");
238			$header.removeClass(activeClass);
239			$spMenuBtn.removeClass(activeClass);
240			$spMenuContent.removeClass(activeClass);
241			$('html, body').animate({ scrollTop: scrlOffset }, 1);
242			$(window).trigger('resize');
243		} else {
244			$spMenuBtn.removeClass(activeClass);
245			$spMenuContent.removeClass(activeClass);
246			$(this).addClass(activeClass);
247			$spMenuContent.eq(index).addClass(activeClass);
248			$body.addClass(activeClass);
249			$body.addClass("for-sp");
250		}
251	});
252
253	var timer = false;
254	$(window).on('load resize', function() {
255		if (timer !== false) {
256			clearTimeout(timer);
257		}
258		timer = setTimeout(function() {
259
260			headerHeight = $header.outerHeight();
261			if ( $(window).width() <= 960 ) {
262				$wrap.css('padding-top', headerHeight);
263			} else {
264				$subMenu.css('top', 0);
265				if ( $body.attr('id') === "top" ) {
266					$wrap.css('padding-top', 0);
267				}
268			}
269		}, 200);
270	});
271	$spMenu.outerHeight($spMenu.outerHeight - headerHeight);
272	var $spMenuContentHead = $spMenuContent.find('.head:after');
273	$spMenuContentHead.on('click', function() {
274		$(this).find('.under_list').slideToggle();
275	});
276
277	/* = sub-menu
278	 -------------------------------------------------------------- */
279	$(window).on('load resize', function(){
280		setTimeout(function(){
281			var wWidth = window.innerWidth;
282			$header.outerWidth(wWidth);
283			var winH = window.innerHeight;
284			var headerHeight = $header.outerHeight();
285			var $contentWidth_w = $contentWidth.width();
286			var	$contentWidth_left = $contentWidth.offset().left;
287			var	$subMenu_w = $contentWidth_w + $contentWidth_left - 230;
288			var	$subMenu_h = $subMenu.outerHeight();
289			var subMenuBtnHeight = $subMenuBtn.outerHeight();
290			var paddingTop = ( wWidth > 960 ) ? $subMenu_h : headerHeight;
291			$wrap.css('padding-top', paddingTop);
292			if ( wWidth > 960 ) {
293				$subMenuContent.css('padding-top', 0);
294				$subList.children().width($subMenu_w);
295				$subUnder.css('top', $subMenu_h-1);
296				$subMenu.css("height", "auto");
297				$wrap.css('padding-top', $subMenu_h);
298			} else {
299				$subMenu.css('top', headerHeight);
300				$subMenuContent.css('padding-top', subMenuBtnHeight);
301				$subUnder.css('top', 0);
302				$subUnder.find('.under_list').width("100%");
303				$wrap.css('padding-top', headerHeight);
304			}
305		}, 200);
306	});
307
308	var $subMenuList = $subMenuContent.children().children();
309
310	$subMenuList.on({
311		'mouseover': function(e){
312			//201908 ADD
313			setSubHeight();
314			setSubMenuHeight();
315
316			wWidth = window.innerWidth;
317			if ( wWidth <= 960 ) return;
318
319			$(this).addClass(activeClass);
320			$(this).find('.under_list_wrap').addClass(activeClass);
321		},
322		'mouseleave': function(){
323			if ( wWidth <= 960 ) return;
324
325			$subMenuList.removeClass(activeClass);
326			$subUnder.removeClass(activeClass);
327		}
328	});
329
330	$subUnder.on({
331		'mouseenter': function(){
332			wWidth = window.innerWidth;
333			if ( wWidth <= 960 ) return;
334
335			$(this).parent().addClass(activeClass);
336			$(this).addClass(activeClass);
337		},
338		'mouseleave': function(e){

339			wWidth = window.innerWidth;
340			if ( wWidth <= 960 ) return;
341
342			$subMenuList.removeClass(activeClass);
343			$subUnder.removeClass(activeClass);
344		}
345	});
346
347	$subMenuBtn.on('click', function() {
348		wWidth = window.innerWidth;
349		if ( wWidth > 960 ) return;
350
351		if ( !$(this).hasClass(activeClass) ) {
352			$.each($("html, body"), function(i, val) {
353				scrlOffsetObj[this] = $(this).scrollTop();
354			});
355			scrlOffset_html = scrlOffsetObj["[object HTMLHtmlElement]"];
356			scrlOffset_body = scrlOffsetObj["[object HTMLBodyElement]"];
357			scrlOffset = ( scrlOffset_html > scrlOffset_body ) ? scrlOffset_html : scrlOffset_body;
358		}
359
360		if ( $(this).hasClass(activeClass) ) {
361			$subMenu.removeClass(activeClass);
362			$subMenuBtn.removeClass(activeClass);
363			$subMenuContent.removeClass(activeClass);
364			$body.removeClass(activeClass);
365			$body.removeClass('for-sub');
366			$('body, html').animate({ scrollTop: scrlOffset }, 1);
367		} else {
368			$subMenu.addClass(activeClass);
369			$(this).addClass(activeClass);
370			$subMenuContent.addClass(activeClass);
371			$body.addClass(activeClass);
372			$body.addClass('for-sub');
373		}
374	});
375
376	/* = アコーディオン
377	-------------------------------------------------------------- */
378
379	var $accordionBtn     = $('.accordion_btn'),
380			$accordionContent = $('.accordion_content');
381	$accordionBtn.on('click touch', function(){
382		if ( $(window).outerWidth() > 960 ) return;
383
384		$(this).toggleClass('is_active').next().slideToggle();
385	});
386
387	/* = pageTop
388	-------------------------------------------------------------- */
389	var $pageTop = $('#pageTop');
390	$pageTop.hide();
391	$(window).scroll(function () {
392		if ( $(this).scrollTop() > 100 ) {
393			$pageTop.fadeIn();
394		} else {
395			$pageTop.fadeOut();
396		}
397	});
398	$fContent = $('.footer_content');
399	$pageTop.scrollAddClass({
400		startTarget:  $fContent, // addClassの終了位置
401		startOffsetTop: false, // endTargetの上部が基準
402		addClass: 'is_active', // 付与されるclass名
403		scrollTop: false, // scrollの基準値を上にするか？
404	});
405	$pageTop.on('click', function() {
406		$('body, html').animate({ scrollTop: 0 }, 500);
407	});
408
409
410});
411
412/* = about_ir_list
413-------------------------------------------------------------- */
414jQuery(function($){
415	var $about_ir_list = $('.about_ir_list');
416	var $about_ir_content = $about_ir_list.children();
417	var $breadcrumb = $('.breadcrumb_area');
418	var $btn_about_ir = $('.btn_about_ir');
419	var activeClass = 'is_active';
420
421	$(window).on('load resize', function(){
422		var wWidth = $(window).outerWidth();
423		var breadHeight = $breadcrumb.outerHeight();
424		$about_ir_list.css('top', breadHeight);
425		if ( wWidth <= 960 ) {
426			$btn_about_ir.removeClass(activeClass);
427			$about_ir_list.hide();
428		}
429	});
430
431	/*--------------
432		クリック
433	--------------*/
434	$btn_about_ir.on('click', function(){
435		if ( $(this).hasClass(activeClass) ) {
436			$(this).removeClass(activeClass);
437			$about_ir_list.hide();
438		} else {
439			$(this).addClass(activeClass);
440			$about_ir_list.show();
441		}
442	});
443});
444
445jQuery(function($){
446	var $acdBtn     = $('.acd_btn'),
447			$acdContent = $('.acd_content');
448	$acdBtn.on('click touch', function(){
449		$(this).toggleClass('is_active').parent().next().slideToggle();
450	});
451});
452
453/* = question_list
454-------------------------------------------------------------- */
455jQuery(function($){
456	$('.question_list dt').on('click', function(){
457/*
458		var wWidth = window.innerWidth;
459		if ( wWidth < 600 ) {
460			$(this).toggleClass("on");
461			console.log($(this));
462		}
463*/
464		$(this).toggleClass("on");
465	});
466});
467
468
469/* 画像のhover時の切り替え
470-------------------------------------------------------------- */
471$(function(){
472	$('.mouseover').each(function(){
473	  var src_off = $(this).find('img').attr('src');
474	  var src_on = src_off.replace('_off','_on');
475	  $('<img />').attr('src',src_on);
476	  $(this).hover(function(){
477	      $(this).find('img').attr('src',src_on);
478	  },function(){
479	      $(this).find('img').attr('src',src_off);
480	  });
481	});
482});
483
484
485/* 201908 サブメニュー表示制御 → 201911 無効化
486-------------------------------------------------------------- 
487$(window).scroll(function() {
488	var pos = $(window).scrollTop();
489	var windowWidth = window.innerWidth;
490	if (pos > 0) {
491		if (windowWidth >= 960) {
492			if (!$("#sub_menu").hasClass("show")) {
493				$("#sub_menu").slideDown("slow");
494				$("#sub_menu").addClass("show");
495			}
496		}
497	} else {
498		if (windowWidth >= 960) {
499			$("#sub_menu").slideUp("fast");
500			$("#sub_menu").removeClass("show");
501		}
502	}
503});*/
504
505
506/* 202009 ページ内リンク対応
507-------------------------------------------------------------- */
508	$(function () {
509		$(".sub_menu .under_list li a[href]").on("click", function (event) {
510		  wWidth = window.innerWidth;
511		  if (wWidth > 960) return;
512	  
513		  var $body = $("body");
514		  var $wrap = $("#wrapper");
515		  var $header = $("#header");
516		  var $headerContent = $header.find(".header_content");
517		  var headerHeight = $headerContent.outerHeight();
518		  var $spMenuBtn = $(".sp_menu_btn").children();

519		  var $spMenu = $("#sp_menu");
520		  var $spMenuContent = $spMenu.find(".sp_menu_content");
521		  var $subMenu = $("#sub_menu");
522		  var $subAccordion = $subMenu.find("li").children(".table");
523		  var $subMenuBtn = $("#sub_menu_btn");
524		  var $subMenuContent = $subMenu.find(".sub_menu");
525		  var activeClass = "is_active";
526		  var $contentWidth = $(".content_width");
527		  var $subUnder = $subMenu.find(".under_list_wrap");
528		  var $subList = $(".sub_list");
529	  
530		  if ($("#sub_menu_btn").hasClass("is_active")) {
531			$subMenu.removeClass(activeClass);
532			$subMenuBtn.removeClass(activeClass);
533			$subMenuContent.removeClass(activeClass);
534			$body.removeClass(activeClass);
535			$body.removeClass("for-sub");
536			//$("body, html").animate({ scrollTop: scrlOffset }, 1);
537		  }
538		});
539	  });