https://www.hakaru.ai/js/top.js?date=20250730060435

1$(function () {
2	var wWidth = $(window).width();
3
4	$(window).on('scroll', function () {
5		var wWidth = $(window).width();
6		// var hScroll = $('#gmo_header_wrapper').height();
7		var hScroll = $('.gmoGroupHeader').height();
8		if ($(window).scrollTop() > 200) {
9			$('.floatbanner-wrap').addClass('visible');
10		} else {
11			$('.floatbanner-wrap').removeClass('visible');
12		}
13		if (wWidth > 640) {
14			if ($(window).scrollTop() > hScroll) {
15				$('#header').addClass('fixed');
16			} else {
17				if ($('#header').hasClass('fixed')) {
18					$('#header').removeClass('fixed');
19				} else {
20					return;
21				}
22			}
23		} else {
24			return;
25		}
26	});
27
28// スマホのグロナビ
29	$('#sp-menubtn').on('click',function(){
30			$(this).toggleClass('active');
31			$('#header .menu-lists').toggleClass('is-active');
32			$('#header .red-rectangle').toggleClass('is-active');
33			// $('#header .menu-lists','#header .red-rectangle').toggleClass('is-active');
34			if($(this).hasClass('active')){
35				$('#overlay').addClass('is-show');
36				
37			}else{
38				$('#header .menu-lists').removeClass('is-active');
39				$('#header .red-rectangle').removeClass('is-active');
40				$('#overlay').removeClass('is-show');
41			}
42	});
43
44	$('#header .menu-lists .main-navi .dropdown a').on('click',function() {
45		if($(this).hasClass('active')){
46			$(this).removeClass('active');
47			$(this).next('.dropdown-item').slideUp();
48		}else{
49			$(this).addClass('active');   
50			$(this).next('.dropdown-item').slideDown();
51		}
52	});
53
54	// sp版でドロップダウンメニューを持つリンクをクリックしてもページ遷移しないようにする
55	function checkScreenSize() {
56		const links = document.querySelectorAll('.no-click-sp');
57
58		links.forEach(link => {
59			if (window.innerWidth <= 924) {
60				// 924px以下の場合はhrefを削除
61				link.removeAttribute('href'); // hrefを削除
62			} else {
63				// 925px以上の場合はhrefを復元
64				if (!link.hasAttribute('data-href')) {
65					link.setAttribute('data-href', link.href); // 現在のhrefをデータ属性に保存
66				}
67				link.setAttribute('href', link.getAttribute('data-href')); // hrefを戻す
68			}
69		});
70	}
71
72	checkScreenSize();
73	window.addEventListener('resize', checkScreenSize);
74
75	$('#overlay').on('click',function(e){
76		if($(e.target) != $('#overlay')){
77			// console.log('click');
78			$('#sp-menubtn').removeClass('active');
79			$('#overlay').removeClass('is-show');
80			$('#header .menu-lists').toggleClass('is-active');
81			$('#header .red-rectangle').toggleClass('is-active');
82		}
83
84	});
85
86	var scrollElm = (function(){
87		if('scrollingElement' in document){
88			return document.scrollingElement;
89		}
90		if(navigator.userAgent.indexOf('webkit') != -1){
91			return document.body;
92		}
93		return document.documentElement;
94	})();
95
96	$('a[href^="#"]').not('.noscroll').on('click',function(){
97		var speed =  300;
98		var easing = 'swing';
99		var href = $(this).attr('href');
100		$(scrollElm).animate({
101			scrollTop:$(href == "#" ? 'html': href).offset().top
102		},speed,easing);
103		return false;
104	});
105// campaingn floatbanner
106	$('.bell_banner').hide();
107	$('.floatbanner-wrap .closebutton').click(function(){
108		$('.floatbanner-wrap .camp_banner').hide();
109		$('.bell_banner').css('display','block');
110	});
111	$('.bell_banner').click(function(){
112		$(this).hide();
113		$('.floatbanner-wrap .camp_banner').css('display','block');
114	});
115
116	// TabキーでフォーカスしたときにEnterで閉じる
117	$('.floatbanner-wrap .closebutton, .bell_banner').on('keydown', function(e) {
118        if (e.keyCode === 13) {
119            $(this).click();
120        }
121    });
122});