document.write("<script src=\"https://www.armadillo.ne.jp/js/URI.js\"></script> ");

// アコーディオン
$(function () {
  $(".is-accordion .is-accordion__toggle").click(function () {
    $(this).next("ul").slideToggle(200);
    $(this).toggleClass("is-accordion__open");
  });
});

// page-top
$(window).on('load', function() {
  var topBtn = $('.p-pagetop a');
  var windowWidth = $(window).width();
  var windowSm = 768; // スマホに切り替わる横幅
  if (windowWidth <= windowSm) {
    topBtn.hide();
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
        topBtn.fadeIn();
      } else {
        topBtn.fadeOut();
      }
    });


    $(window).on("scroll", function() {
      scrollHeight = $(document).height();
      scrollPosition = $(window).height() + $(window).scrollTop();
      footHeight = $("footer").innerHeight(); //footerの高さ（＝止めたい位置）
      if ( scrollHeight - scrollPosition  <= footHeight ) {
        $(".p-pagetop").fadeOut();
      } else { 
        $(".p-pagetop").fadeIn();
      }
    });
    } else {

    }

  //スクロールしてトップ
  topBtn.click(function () {
    $('body,html').animate({
        scrollTop: 0
    }, 500);
    return false;
  });
});

$(function () {
  var topBtn02 = $('.p-pagetop-footer a');
  topBtn02.click(function () {
    $('body,html').animate({
        scrollTop: 0
    }, 500);
    return false;
  });
});

// ページ内のリンクずれ
jQuery(function(){
  var windowWidth = $(window).width();
  var windowSm = 768; // スマホに切り替わる横幅
  if (windowWidth <= windowSm) {
    var headerHight = 60; // スマホのヘッダー等の高さ分の数値を入れる
   } else {
    var headerHight = 60; // PC のヘッダー等の高さ分の数値を入れる
  }
  jQuery('a[href^="#"]').not('a[href="#"]').click(function() {
  var speed = 1000;
  var href= jQuery(this).attr("href");
  var target = jQuery(href == "#" || href == "" ? 'html' : href);
  var position = target.offset().top-headerHight;
  console.log(target.offset().top, href);
  jQuery('body,html').animate({scrollTop:position}, speed, 'swing');
  return false;
  });
});

// 別ページからのリンクずれ
$(window).on('load', function() {
  var uri = new URI(window.location);
  var params = uri.query(true);
  var windowWidth = $(window).width();
  var windowSm = 768; // スマホに切り替わる横幅
  if (windowWidth <= windowSm) {
   var headerHeight = 60; // スマホのヘッダー等の高さ分の数値を入れる
   } else {
   var headerHeight = 60; // PC のヘッダー等の高さ分の数値を入れる
  }
  if(params['id']){
    var speed = 0;
    var id = params['id'];
    var $target = $('#' + id);
    if(!$target.length){
      $target = $('.' + id);
    }
    if($target.length){
      console.log($target.offset().top);
      setTimeout(function(){
        var pos = $target.offset().top-headerHeight;
        $("html, body").animate({scrollTop:pos}, speed, "swing");
      }, 100);
    }else{
      console.log('id no target');
    }
  }
});


//スクロールフェード
$(function(){
  var effect_btm = 150; // 画面下からどの位置でフェードさせるか(px)
  var effect_move = 50; // どのぐらい要素を動かすか(px)
  var effect_time = 800; // エフェクトの時間(ms) 1秒なら1000

  //親要素と子要素のcssを定義
  $('.scroll-fade').css({
      opacity: 0
  });
  $('.scroll-fade').children().each(function(){
    $(this).css({
      opacity: 0,
      transform: 'translateY('+ effect_move +'px)',
      transition: effect_time + 'ms'
    });
  });

  // スクロールまたはロードするたびに実行
  $(window).on('scroll load', function(){
    var scroll_top = $(this).scrollTop();
    var scroll_btm = scroll_top + $(this).height();
    var effect_pos = scroll_btm - effect_btm;

    //エフェクトが発動したとき、子要素をずらしてフェードさせる
    $('.scroll-fade').each( function() {
      var this_pos = $(this).offset().top;
      if ( effect_pos > this_pos ) {
        $(this).css({
          opacity: 1,
          transform: 'translateY(0)'
        });
        $(this).children().each(function(i){
          $(this).delay(100 + i*200).queue(function(){
              $(this).css({
                opacity: 1,
                transform: 'translateY(0)'
              }).dequeue();
            });
          });
        }
    });
  });
});