$(window).on('load', function () {
    //gnav

    $('.openbtn').click(function () {
        if ($(".l-wrapper").hasClass('gnav-open') == false) {
            // スクロールバー消してからメニュー表示
            $(".l-wrapper").addClass('gnav-open');
            $(this).toggleClass('active');
            $("#g-nav").toggleClass('panelactive');
        } else {
            // メニュー消してからスクロールバー表示
            $(this).toggleClass('active');
            $("#g-nav").toggleClass('panelactive');
            // ここを変更した
            $("#g-nav").one('webkitTransitionEnd transitionend', function () {
                $(".l-wrapper").removeClass('gnav-open');
            });
        }
    });

    $("#g-nav a").click(function () {
        $(".openbtn").removeClass('active');
        $("#g-nav").removeClass('panelactive');
    });

    $("#closebtn").click(function () {
        $(".openbtn").removeClass('active');
        $("#g-nav").removeClass('panelactive');
    });







    var gnavInner = $(".g-nav-inner");
    $(document).on('click', '#js-header-btn', function () {
        gnavInner.scrollTop(0);
    });

    // スムーススクロール
    $(function () {
        $('a[href^="#"]').click(function () {
            var speed = 500;
            var href = $(this).attr("href");
            var target = $(href == "#" || href == "" ? 'html' : href);
            var position = target.offset().top;
            $("html, body").animate({ scrollTop: position }, speed, "swing");
            return false;
        });
    });


});

//topへ戻るボタン
var startPos = 0, winScrollTop = 0;
$(window).on('scroll', function () {
    winScrollTop = $(this).scrollTop();
    if (winScrollTop <= startPos) {
        $('.c-go-top-pc').addClass('js-show');
    } else {
        $('.c-go-top-pc').removeClass('js-show');
    }
    if (winScrollTop < 100) {
        $('.c-go-top-pc').removeClass('js-show');
    }

    startPos = winScrollTop;
});


var boxes03 = document.querySelectorAll(".l-footer-pc");
var boxesArray03 = Array.prototype.slice.call(boxes03, 0);
var options03 = {
    root: null,
    rootMargin: "0px",
    threshold: 0,
};
var observer03 = new IntersectionObserver(doWhenIntersect03, options03);

boxesArray03.forEach(function (box03) {
    observer03.observe(box03);
});

function doWhenIntersect03(entries03) {

    var entriesArray = Array.prototype.slice.call(entries03, 0);
    entriesArray.forEach(function (entry03) {
        if (entry03.isIntersecting) {
            $('#go-top-pc').addClass('active')
        } else {
            $('#go-top-pc').removeClass('active')
        }
    });

}


// スムーススクロール

$(function () {
    $('a[href^="#"]').click(function () {
        var speed = 500;
        var href = $(this).attr("href");
        var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top;
        $("html, body").animate({ scrollTop: position }, speed, "swing");
        return false;
    });
});



var paginations = document.querySelectorAll("#go-top-pc");
var paginationsArray = Array.prototype.slice.call(paginations, 0);
paginationsArray.forEach(function (pagination) {
    pagination.addEventListener("click", function (e) {
        e.preventDefault();
        var targetId = "#top";//e.target.hash;
        var target = document.querySelector(targetId);
        target.scrollIntoView({ behavior: "smooth" });
    });
});




/*フェードインアニメーション*/
$(function () {
    $('.l-page-wrapper').addClass("active");
});


$(".btn-more").click(function () {
    $(this).prev('.p-job-type__block-inner').addClass("opened");
    $(this).addClass("opened");
});



$('.g-nav-cats a').each(function () {
    $(this).click(function () {
        $('.g-nav-cats a').removeClass('active');
        $(this).addClass('active');
    });
});


$(document).ready(function () {
    $("#js-header-btn").on('click', function () {
        var query = location.search.substring(1).split("&").map(function (s) { return s.split("=") });
        var category = query.filter(function (q) { return q[0] == "category"; }).map(function (q) { return q[1]; })[0];

        if (location.pathname != "/" && category) {

            $('.nav-' + category).addClass('active');

        }
    })

});



//コピーガード
$(function () {
    $('img').on('contextmenu oncopy', function () {
        return false;
    });
    $('img').on('dragstart', function (e) {
        e.stopPropagation();
        e.preventDefault();
    });
});