jquery-4.0.0.min.js

$(function () {

	// アコーディオン
	$(document).on('click', '.ad-trigger', function (e) {
		e.preventDefault();

		var $trigger = $(this);
		var $block = $trigger.closest('.Block');
		var $content = $block.find('.ad-con').first();

		if (!$block.length || !$content.length) {
			return;
		}

		$block.toggleClass('js-open');

		if ($block.hasClass('js-open')) {
			$content.css('max-height', $content[0].scrollHeight + 'px');
		} else {
			$content.css('max-height', '');
		}
	});


	// スクロールアニメーション
	function addActiveClass() {
		var windowHeight = $(window).height();
		var scrollTop = $(window).scrollTop();

		$('.boundAnim, .opacityAnim, .maskAnim').each(function () {
			var $target = $(this);

			if ($target.hasClass('active')) {
				return;
			}

			var targetTop = $target.offset().top;

			if (scrollTop + windowHeight * 0.8 > targetTop) {
				$target.addClass('active');
			}
		});
	}


	// 日付文字列をDateに変換
	function parseDate(value, isEndDate) {
		if (!value) {
			return null;
		}

		value = String(value).replace(/\D/g, '');

		if (value.length < 8) {
			return null;
		}

		var year = Number(value.substr(0, 4));
		var month = Number(value.substr(4, 2)) - 1;
		var day = Number(value.substr(6, 2));
		var hour = Number(value.substr(8, 2)) || 0;
		var minute = Number(value.substr(10, 2)) || 0;

		if (isEndDate) {
			hour = 23;
			minute = 59;
		}

		var date = new Date(year, month, day, hour, minute, 0);

		if (isNaN(date.getTime())) {
			return null;
		}

		return date;
	}


	// 日付による class 付与
	function addDateClass() {
		var now = new Date();
		var oneWeek = 7 * 24 * 60 * 60 * 1000;

		$('.Block').each(function () {
			var $block = $(this);

			var dtupdate = $block.attr('data-dtupdate');
			var dtend = $block.attr('data-dtend');

			var dateUpdate = parseDate(dtupdate, false);
			var dateEnd = parseDate(dtend, true);

			if (!dateUpdate) {
				$block.addClass('show');
				return;
			}

			if (dateEnd && now > dateEnd) {
				$block.addClass('end');
			}

			if (now >= dateUpdate) {
				$block.addClass('show');
			}

			if ((now - dateUpdate) >= 0 && (now - dateUpdate) <= oneWeek) {
				$block.addClass('new');
			}
		});
	}


	// 初回実行
	addActiveClass();

	setTimeout(function () {
		addDateClass();
	}, 300);


	// スクロール・リサイズ時
	$(window).on('scroll resize', function () {
		addActiveClass();
	});


	// load後にも再実行
	$(window).on('load', function () {
		$('.targetBlank').attr({
			target: '_blank',
			rel: 'noopener'
		});

		addActiveClass();

		setTimeout(function () {
			addDateClass();
		}, 300);

		setTimeout(function () {
			addDateClass();
		}, 1000);

		setTimeout(function () {
			addDateClass();
		}, 2000);
	});


	// CMSが後からHTMLを差し込む場合に対応
	if ('MutationObserver' in window) {
		var timer = null;

		var observer = new MutationObserver(function () {
			clearTimeout(timer);

			timer = setTimeout(function () {
				addActiveClass();
				addDateClass();
			}, 300);
		});

		observer.observe(document.body, {
			childList: true,
			subtree: true
		});
	}

});