$(function () {
  $(window).on('load scroll', function() {
    var hidepoint = $('.js-ms-fixbtn-hide').offset().top;
    var scrolltop = $(window).scrollTop() + $(window).height();
    if(scrolltop < hidepoint){
      $('.js-ms-fixbtn').fadeIn();
      $('.st-backToTopFixed').addClass('ms-up');
    }else{
      $('.js-ms-fixbtn').fadeOut();
      $('.st-backToTopFixed').removeClass('ms-up');
    }
  });
  $(window).on('load scroll', function() {
    var elem = $('.js-ms-fadein');
    var animate = 'active';
    elem.each(function () {
      var elemoffset = $(this).offset().top;
      var scrollposition = $(window).scrollTop();
      var wh = $(window).height();
      if(scrollposition > elemoffset - wh + (wh * 0.2) ){
        $(this).addClass(animate);
      }
    });

    if($(window).width() > 1024){
      $('.js-ms-head').fadeOut();
      $('.js-ms-headmenu').fadeOut();
      $('.js-ms-head-btn').removeClass('is-active');
    }else{
      if($(window).scrollTop() > 50){
        $('.js-ms-head').fadeIn();
      }else{
        $('.js-ms-head').fadeOut();
        $('.js-ms-headmenu').fadeOut();
        $('.js-ms-head-btn').removeClass('is-active');
      }  
    }
  });
  $(window).on('load resize', function() {
    if($(window).width() > 1024){
      $('.js-ms-head').fadeOut();
      $('.js-ms-headmenu').fadeOut();
      $('.js-ms-head-btn').removeClass('is-active');
    }
  });
  $('.js-ms-head-btn').on('click', function() {
    if($(this).hasClass('is-active')){
      $(this).removeClass('is-active');
      $('.js-ms-headmenu').fadeOut();
    }else{
      $(this).addClass('is-active');
      $('.js-ms-headmenu').fadeIn();
    }
  });
});