// JavaScript Document
$(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;
   });


//gotoTop
var gototop = $('.gototop');
var flag = false;
$(window).scroll(function(){
  if($(this).scrollTop() > 500){
    if(flag === false){
      flag = true;
      gototop.stop().animate({'bottom':'20px'}, 200);
    }
  }else{
    if(flag){
      flag = false;
      gototop.stop().animate({'bottom': '-80px'}, 200);
    }
  }
});

});