// JavaScript Document


$(function() {
  
  $(".mv-bg").velocity("fadeIn", { duration: 1500 });
  $(".mv h2").velocity("fadeIn", { duration: 1500, delay: 700 },{  });
  if (window.matchMedia('(min-width: 641px)').matches) {
    $(".mv p .pc").velocity("fadeIn", { duration: 1500, delay: 1400 });
  }
  $('.mv-bg').sliderPro({
    width: '100%',
    height: 564,
    shuffle: true,
    startSlide: 0,
    fade: true,
    buttons: false,
    fadeDuration: 1500,
    autoplayDelay: 4000,
    breakpoints: {
      640: {
      height: 240
      }
    }
  });
  
  $('.sec').each(function() {
		$(this).appear(function() {
			$(this).delay(150).animate({
				opacity : 1
			}, 1000);
		});
	});
  
  // スマホの画像差替え
  var wid = $(window).width();
  if( wid < 641 ){
    $('.sp-img').each(function(){
      $(this).attr("src",$(this).attr("src").replace('_pc', '_sp'));
    });
  }
  
  // stickyNavbar用（途中からfixed）
  $('#fixed-menu').stickyNavbar({
    mobileWidth: 320
  });
  
  // スマホ用
  $('#sp-menu').sidr({ side:'right',source: '.menu-list' });

  $(".popup").colorbox({rel:'popup', transition:"fade"});

  // tab
  $('.tabs').tabtab({ startSlide: 1 });
  
	var topBtn = $('.pagetop');   
	topBtn.hide();
	//スクロールが100に達したらボタン表示
	$(window).scroll(function () {
		if ($(this).scrollTop() > 100) {
				topBtn.fadeIn();
		} else {
				topBtn.fadeOut();
		}
	});
	//スクロールしてトップ
	topBtn.click(function () {
		$('body,html').animate({
				scrollTop: 0
		}, 400);
		return false;
	});
	
  // スライダー
  $('#slider').sliderPro();
  
  // スマホ用メニューボタン
  $("#toggle").click(function(){
    $(".menu-list").slideToggle();
    return false;
  });
  $(window).resize(function(){
    var win = $(window).width();
    var p = 640;
    if(win > p){
      $(".menu-list").show();
      $(".menu li a").click(function(){
        $(".menu-list").slideToggle();
          return false;
        });
    } else {
      $(".menu-list").hide();
    }
  });
  if (window.matchMedia('(max-width: 640px)').matches) {
    // エリアのトグル
    $(".menu li a").click(function(){
      $(".menu-list").slideToggle();
        return false;
      });
  }
  // PC only
  if (window.matchMedia('(min-width: 641px)').matches) {
    // エリアのトグル
    $(".toggle-menu").on("click", function() {
      $(this).next().slideToggle();
      $(this).toggleClass("active");//追加部分
    });
  }
	
	
});