https://www.esashi-kuki.jp/js/script.js?v1.1

1$(".openbtn1").click(function () {//ボタンがクリックされたら
2	$(this).toggleClass('active');//ボタン自身に activeクラスを付与し
3    $("#g-nav").toggleClass('panelactive');//ナビゲーションにpanelactiveクラスを付与
4});
5
6$("#g-nav a").click(function () {//ナビゲーションのリンクがクリックされたら
7    $(".openbtn1").removeClass('active');//ボタンの activeクラスを除去し
8    $("#g-nav").removeClass('panelactive');//ナビゲーションのpanelactiveクラスも除去
9});
10
11
12//スクロールした際の動きを関数でまとめる
13function PageTopAnime() {
14	var scroll = $(window).scrollTop();
15	if (scroll >= 300){//上から200pxスクロールしたら
16		$('#btn_fix').removeClass('DownMove');//#btn_fixについているDownMoveというクラス名を除く
17		$('#btn_fix').addClass('UpMove');//#btn_fixについているUpMoveというクラス名を付与
18	}else{
19		if($('#btn_fix').hasClass('UpMove')){//すでに#btn_fix にUpMoveというクラス名がついていたら
20			$('#btn_fix').removeClass('UpMove');

20//UpMoveというクラス名を除き
21			$('#btn_fix').addClass('DownMove');//DownMoveというクラス名を#btn_fix に付与
22		}
23	}
24}
25
26// 画面をスクロールをしたら動かしたい場合の記述
27$(window).scroll(function () {
28	// PageTopAnime();/* スクロールした際の動きの関数を呼ぶ*/
29});
30
31// ページが読み込まれたらすぐに動かしたい場合の記述
32$(window).on('load', function () {
33	// PageTopAnime();/* スクロールした際の動きの関数を呼ぶ*/
34});
35
36
37
38
39$(function() {
40    var nav = $('#header-nav');
41    //表示位置
42    var navTop = nav.offset().top+300;
43    //ナビゲーションの高さ（シャドウの分だけ足してます）
44    var navHeight = nav.height()+10;
45    var showFlag = false;
46    nav.css('top', -navHeight+'px');
47    //ナビゲーションの位置まできたら表示
48    $(window).scroll(function () {
49        var winTop = $(this).scrollTop();
50        if (winTop >= navTop) {
51            if (showFlag == false) {
52                showFlag = true;
53                nav
54                    .addClass('HeightMin')
55                    .stop().animate({'top' : '0px'}, 300);
56            }
57        } else if (winTop <= navTop) {
58            if (showFlag) {
59                showFlag = false;
60                nav.stop().animate({'top' : -navHeight+'px'}, 300, function(){
61                    nav.removeClass('HeightMin');
62                });
63            }
64        }
65    });
66});
67
68
69$('#page-nav a[href*="#"]').click(function () {//全てのページ内リンクに適用させたい場合はa[href*="#"]のみでもOK
70	var elmHash = $(this).attr('href'); //ページ内リンクのHTMLタグhrefから、リンクされているエリアidの値を取得
71	var pos = $(elmHash).offset().top-100;//idの上部の距離からHeaderの高さを引いた値を取得
72	$('body,html').animate({scrollTop: pos}, 500); //取得した位置にスクロール。500の数値が大きくなるほどゆっくりスクロール
73	return false;
74});
75
76
77$('.slider').slick({
78		autoplay: true,//自動的に動き出すか。初期値はfalse。
79		infinite: true,//スライドをループさせるかどうか。初期値はtrue。
80		slidesToShow: 1,//スライドを画面に3枚見せる
81		slidesToScroll: 1,//1回のスクロールで3枚の写真を移動して見せる
82		prevArrow: '<div class="slick-prev"></div>',//矢印部分PreviewのHTMLを変更
83		nextArrow: '<div class="slick-next"></div>',//矢印部分NextのHTMLを変更
84		dots: true,//下部ドットナビゲーションの表示
85	});