///////////// 固定ヘッダー /////////////
$(function() {
  var nav = $('.global_nav'),
  offset = nav.offset();
  $(window).scroll(function () {
    if($(window).scrollTop() > offset.top) {
      nav.addClass('gnavi-fixed ');
    } else {
      nav.removeClass('gnavi-fixed ');
    }
  });
});

///////////// 固定フッター・ページTOPボタン /////////////
$(document).ready(function() {
  var pagetop = $('.pagetop');
    $(window).scroll(function () {
       if ($(this).scrollTop() > 100) {
            pagetop.fadeIn();
            $('.fixed_footer').fadeIn();
       } else {
            pagetop.fadeOut();
            $('.fixed_footer').fadeOut();
            }
       });
       pagetop.click(function () {
           $('body, html').animate({ scrollTop: 0 }, 500);
              return false;
   });
});

///////////// SP MENU /////////////
$(function () {
  $('.menu_box').on('click',function(){
    if( $(this).hasClass('active') ){
      $(this).removeClass('active');
      $('.menu_content').addClass('close').removeClass('open');
    }else {
      $(this).addClass('active');
      $('.menu_content').addClass('open').removeClass('close'); 
    }
  });
});

///////////// ページ内リンク /////////////
$(function(){
  var headerHight = $('.global_nav').height();
  $('a[href^="#"]').click(function(){
    // console.log(headerHight);
    var speed = 400;
    var href= $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top - headerHight;
    $('body,html').animate({scrollTop:position}, speed, 'swing');
    return false;
  });
});

///////////// slick-slider /////////////
$(function () {
  $(".slider").slick({
    arrows: true,
    prevArrow: '<button class="arrow-common arrow-prev"></button>',
    nextArrow: '<button class="arrow-common arrow-next"></button>',
    adaptiveHeight: true,
    centerMode: true,
    centerPadding: "20.7%",
    dots: false,
    responsive: [
      {
        breakpoint: 1024,
            settings: {
                centerPadding: "9%",
            },
      },
      {
        breakpoint: 960,
            settings: {
                centerPadding: "7%",
            },
      },
      {
        breakpoint: 568, // 500px未満で・・・
        settings: {
          centerPadding: "6%",
        },
      },
    ],
  });
});
$(window).on("resize orientationchange", function () {
  $(".slider").slick("resize");
});