// MV slider
$(document).ready(function(){
  $('.mv-slider').slick({
    autoplay: true,
    autoplaySpeed: 4000,
    fade: true,
    speed: 2000,
    dots: false,
    arrows: false,
    infinite: true,
    pauseOnHover: false,
    centerMode:false,
    centerPadding:"0",
    responsive: [
    {
    breakpoint: 736,
    settings: {
      fade: true,
      slidesToShow: 1,
      autoplay: true,
      autoplaySpeed: 3500,
      speed: 800,
      dots: false,
      arrows: false,
      centerMode:false,
      centerPadding:"0",
      }
    }
    ],
  });
});

// menu slider
$(document).ready(function(){
  $('.menu-slider').slick({
    autoplay: true,
    autoplaySpeed: 4000,
    fade: false,
    speed: 2000,
    slidesToShow: 1,
    dots: true,
    arrows: true,
    infinite: true,
    pauseOnHover: false,
    centerMode:false,
    centerPadding:"0",
    responsive: [
    {
    breakpoint: 736,
    settings: {
      fade: false,
      slidesToShow: 1,
      autoplay: true,
      autoplaySpeed: 3500,
      speed: 800,
      dots: true,
      arrows: true,
      centerMode:false,
      centerPadding:"0",
      }
    }
    ],
  });
});

// SP nav
$(function() {
  $('.c-navigation-main__hamburger-wrap').on('click', function(){
    $('.l-nav').toggleClass('active');
    $(this).toggleClass('active');
    $('body').toggleClass('header-overflow');
    return false;
  });
});

// SP nav
$(function() {
  $('.l-nav-list a').on('click', function(){
    $('.l-nav').toggleClass('active');
    $('.c-navigation-main__hamburger-wrap').toggleClass('active');
    $(this).toggleClass('active');
    $('body').toggleClass('header-overflow');
    return false;
  });
});

$(function() {
  $(".tab li").click(function() {
    var num = $(".tab li").index(this);
    $(".tabContent").removeClass('active');
    $(".tabContent").eq(num).addClass('active');
    $(".tab li").removeClass('active');
    $(this).addClass('active')
  });
});


// story
$(function() {
  $(".story_tab li").click(function() {
    var num = $(".story_tab li").index(this);
    $(".story_tabContent").removeClass('active');
    $(".story_tabContent").eq(num).addClass('active');
    $(".story_tab li").removeClass('active');
    $(this).addClass('active')
  });
});

// メニューアコーディオン
$(function(){
  //クリックで動く
  $('.ac-menuHead').click(function(){
    $(this).toggleClass('active');
    $(this).next('.menu-type01').slideToggle();
  });
});

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

// pagetop
$(document).ready(function(){
  $(".l-footer-top").hide();
  $(window).on("scroll", function() {
      if ($(this).scrollTop() > 100) {
          $(".l-footer-top").fadeIn("fast");
      } else {
          $(".l-footer-top").fadeOut("fast");
      }
      scrollHeight = $(document).height();
      scrollPosition = $(window).height() + $(window).scrollTop();
      footHeight = $(".l-footer").innerHeight(); //footerの高さ（＝止めたい位置）
      if ( scrollHeight - scrollPosition  <= footHeight ) {
          $(".l-footer-top").css({
              "position":"absolute", 
              "bottom": footHeight - 30
          });
      } else { 
          $(".l-footer-top").css({
              "position":"fixed",
              "bottom": "70px" 
          });
      }
  });
  $('.l-footer-top').click(function () {
      $('body,html').animate({
      scrollTop: 0
      }, 400);
      return false;
  });
});


var scrollAnimationClass = 'sa';
var scrollAnimationShowClass = 'show';
var triggerMarginDefault = 100;
if(navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){
  var triggerMarginDefault = 30;
}

var scrollAnimationElm = document.querySelectorAll('.' + scrollAnimationClass);
var scrollAnimationFunc = function() {
  var dataMargin = scrollAnimationClass + '_margin';
  var dataTrigger = scrollAnimationClass + '_trigger';
  var dataDelay = scrollAnimationClass + '_delay';
  for(var i = 0; i < scrollAnimationElm.length; i++) {
    var triggerMargin = triggerMarginDefault;
    var elm = scrollAnimationElm[i];
    var showPos = 0;
    if(elm.dataset[dataMargin] != null) {
      triggerMargin = parseInt(elm.dataset[dataMargin]);
    }
    if(elm.dataset[dataTrigger]) {
      showPos = document.querySelector(elm.dataset[dataTrigger]).getBoundingClientRect().top + triggerMargin;
    } else {
      showPos = elm.getBoundingClientRect().top + triggerMargin;
    }
    if (window.innerHeight > showPos) {
      var delay = (elm.dataset[dataDelay])? elm.dataset[dataDelay] : 0;
      setTimeout(function(index) {
        scrollAnimationElm[index].classList.add('show');
      }.bind(null, i), delay);
    }
  }
}
window.addEventListener('load', scrollAnimationFunc);
window.addEventListener('scroll', scrollAnimationFunc);



// SP footer link
$(function() {
  var pageFixed = $('.sp-fixed');
  pageFixed.hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 300) {
      pageFixed.fadeIn();
    } else {
      pageFixed.fadeOut();
    }
  });
});