// JavaScript Document

//loading
$(window).on('load',function(){
	$('.loading_logo').delay(0).fadeIn(500);
	$('.loading_text').delay(500).fadeIn(500);
    $('.start_filter').delay(1500).fadeOut(1500); 
	$('.start_filter2').delay(1000).fadeOut(1000);
});

//メニュー切り替え
$(function(){
$(".sp_menu_btn a").click(function(){
	$(".check").prop('checked', false);
	});
});

//スムーズスクロール
$(function(){
   // #で始まるアンカーをクリックした場合に処理
   $('a[href^="#"]').click(function() {
      // スクロールの速度
      var speed = 800; // ミリ秒
      // アンカーの値取得
      var href= $(this).attr("href");
      // 移動先を取得
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top - 50;
      // スムーススクロール
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});

// トップへ戻るボタン >
$(function() {
    var showFlag = false;
    var topBtn = $('#page-top');    
    topBtn.css('bottom', '-100px');
    var showFlag = false;
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            if (showFlag == false) {
                showFlag = true;
                topBtn.stop().animate({'bottom' : '10px'}, 200); 
            }
        } else {
            if (showFlag) {
                showFlag = false;
                topBtn.stop().animate({'bottom' : '-100px'}, 200); 
            }
        }
    });
});
// <トップへ戻るボタン

$(function() {
    var showFlag = false;
    var Bg2 = $('.bg2');    
    Bg2.css('opacity', '1');
	var showFlag = false;
    $(window).scroll(function () {
        if ($(this).scrollTop() > 300) {
            if (showFlag == false) {
                showFlag = true;
                Bg2.stop().css('opacity', '0');
            }
        } else {
            if (showFlag) {
                showFlag = false;
                Bg2.stop().css('opacity', '1');
            }
        }
    });
});

$(function() {
    var showFlag = false;
    var Bg3 = $('.bg3');    
    Bg3.css('opacity', '0');
	var showFlag = false;
    $(window).scroll(function () {
        if ($(this).scrollTop() > 300) {
            if (showFlag == false) {
                showFlag = true;
                Bg3.stop().css('opacity', '1');
            }
        } else {
            if (showFlag) {
                showFlag = false;
                Bg3.stop().css('opacity', '0');
            }
        }
    });
});












