$(function () {
    $('.toggle').on('click', function () {
	    $(this).toggleClass('active');
        $(this).next('.toggle_box').toggleClass('active');
    });
});


$(".masonry").masonry({
      itemSelector: "dl",
      columnWidth: 360,
      gutter: 60
    });

function sliderSetting() {
  var width = $(window).width();
  if(width <= 640) {
    $("#fv .fv_slider_sp").slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      dots:false,
      autoplay: true,
      pauseOnHover: false,
      arrows: false,
      appendDots: $(".dots_sp")
    });
  } else {
    $("#fv .fv_slider").slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      dots:false,
      autoplay: true,
      pauseOnHover: false,
      nextArrow: false,
      prevArrow: false,
      appendDots: $(".dots"),
      appendArrows: $(".dots"),
    });
  }
}

sliderSetting();

$(window).resize(function() {
  sliderSetting();
});

$(window).on("scroll", function() {
  var scrollHeight = $(document).height(); //ドキュメントの高さ
  var scrollPosition = $(window).height() + $(window).scrollTop(); //現在地
  var footerHeight = $("footer").height(); //footerの高さ（＝止めたい位置）
  if ( scrollHeight - scrollPosition  <= footerHeight ) {
    $(".follow_btns").css({
      "position":"absolute", //pisitionをabsolute（親：wrapperからの絶対値）に変更
      "bottom": footerHeight
    });
    $("body").addClass("on");
  } else { //それ以外の場合は
    $(".follow_btns").css({
      "position":"fixed", //固定表示
      "right": "16px",
      "bottom": 0
    });
    $("body").removeClass("on");
  }
});