const mediaQueryList = window.matchMedia('(min-width: 768px)');


const listener = (event) => {
	var hh = $('.header').outerHeight();
	var windowH = $(window).height();
	if (event.matches) {
		$('.main').css('margin-top', '0');
		$('.nav-block').css({
			'height': 'auto',
			'display': 'block'
		});
		$('.menu-list').css('display','none');
	} else {
		$('.main').css('margin-top', hh + 'px');
		$('.js-menu-trigger').removeClass('active');
		$('.nav-block').css({
			'top': hh + 'px',
			'height': windowH + 'px',
			'display': 'none'
		});
	}
};
// リスナー登録
mediaQueryList.addEventListener("change", listener);

// 初期化処理
listener(mediaQueryList);



$(function(){
	var state = false;
	var pos;

	/* ハンバーガーメニュー
	--------------------------------------------------------------------*/
	$('.js-menu-trigger').click(function(){
		if (state == false) {
			pos = $(window).scrollTop();
			$('body').addClass('fixed').css({'top': - pos});
			state = true;
		} else {
			$('body').removeClass('fixed').css({'top': - pos});
			window.scrollTo(0, pos);
			state = false;
		}
		$(this).toggleClass('active');
		$('.nav-block').slideToggle();
	});
	$('.js-open-toggle').click(function(){
		$(this).toggleClass('active');
		$('.menu-list').slideToggle();
	});
	$('.js-menu-close').click(function(){
		if (state == false) {
			pos = $(window).scrollTop();
			$('body').addClass('fixed').css({'top': - pos});
			state = true;
		} else {
			$('body').removeClass('fixed').css({'top': - pos});
			window.scrollTo(0, pos);
			state = false;
		}
		$('.js-menu-trigger').removeClass('active');
		$('.js-open-toggle').removeClass('active');
		$('.nav-block').slideUp();
		$('.menu-list').slideUp();
	});
	/* fadeIn
	--------------------------------------------------------------------*/
	var fadeIn = $('.fade-in');
	$(window).on('scroll', function(){
		var scroll = $(window).scrollTop();
		var windowHeight = $(window).height();
		$(fadeIn).each(function () {
			var offset = $(this).offset().top;
			if ($(window).width() > 767) {
				if (scroll > offset - windowHeight) {
					$(this).addClass('scroll-in');
				}
			} else {
				if (scroll > offset - windowHeight) {
					$(this).addClass('scroll-in');
				}
			}
		});
	});
	$(document).ready(function(){
		$('.fade-in-load').addClass('scroll-in');
	});
	/* Topへ戻る
	--------------------------------------------------------------------*/
	var topBtn = $('.pageTop');
	topBtn.hide();

	$(window).scroll(function(){
		if($(this).scrollTop() > 100){
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});
	topBtn.click(function(){
		$('body,html').animate({
		scrollTop: 0},500);
		return false;
	});
});