jQuery(function($) {

	var $html = $('html');
	var $header = $('#js-header');
	var isHeaderFixed = false;

	$(window).on('scroll.headerFix', function() {
		// ドロワー表示中は除外
		if ($html.hasClass('show-drawer')) return;

		// ヘッダーを固定する
		if ($(this).scrollTop() > 300) {
			if (!isHeaderFixed) {
				$header.height($header.height()).addClass('is-header-fixed--animate').addClass('is-header-fixed');
				isHeaderFixed = true;

				setTimeout(function(){
					$header.removeClass('is-header-fixed--animate');
				}, 500);
			}
		} else {
			if (isHeaderFixed) {
				$header.removeClass('is-header-fixed--animate').removeClass('is-header-fixed').removeAttr('style');
				isHeaderFixed = false;
			}
		}
	}).trigger('scroll.headerFix');

});