// スクロールフェード
$(function () {
	// スクロール時のクラス付与処理
	function handleScroll(selector, className, offsetMobile, offsetDesktop) {
		$(selector).each(function () {
			var elemPos = $(this).offset().top;
			var scroll = $(window).scrollTop();
			var windowHeight = $(window).height();

			if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/i)) {
				// モバイル端末の場合
				if (scroll > elemPos - windowHeight - offsetMobile) {
					$(this).addClass(className);
				}
			} else {
				// PCの場合
				if (scroll > elemPos - windowHeight + offsetDesktop) {
					$(this).addClass(className);
				}
			}
		});
	}

	// スクロールイベント
	$(window).on("scroll", function () {
		handleScroll('.fin', 'sin', 50, 100); // `fin` に対する処理
		handleScroll('.eft', 'eon', 50, 200); // `eft` に対する処理
	});

	// 初期状態でも適用
	$(window).trigger("scroll");
});



// グローバルナビゲーション モーダル仕様
document.addEventListener('DOMContentLoaded', () => {
	const menuBtn = document.getElementById('menu');
	const remodalInstance = $('[data-remodal-id=menu-modal]').remodal();

	// メニューボタンクリックでモーダルを開く
	menuBtn.addEventListener('click', () => {
			remodalInstance.open();
	});
});


// グローバルナビゲーション スクロール固定
document.addEventListener("DOMContentLoaded", function () {
    const header = document.querySelector("header");
    const recruitHeader = document.querySelector(".recruit-header");

    // 状態を管理するフラグ
    let isFixed = false;

    window.addEventListener("scroll", function () {
        const headerRect = header.getBoundingClientRect();
        const recruitHeaderRect = recruitHeader.getBoundingClientRect();

        // recruit-headerがトップに来たら固定
        if (recruitHeaderRect.top <= 0 && !isFixed) {
            recruitHeader.classList.add("fixed");
            isFixed = true;
        }

        // headerが見えるようになったら固定解除
        if (headerRect.bottom > 0 && isFixed) {
            recruitHeader.classList.remove("fixed");
            isFixed = false;
        }
    });
});


$(function () {
	$('.item-ttl').click(function () {
		$(this).next().slideToggle();
		$(this).toggleClass('on');
	});

	$(window).on('resize', function () {
		if ('none' == $('.item-ttl').css('pointer-events')) {
			$('.spmc').attr('style', '');
		}
	});
});

// SP画像横スクロール
$(function() {
	var hintBtn = $('.scroll-box');
	hintBtn.scroll(function () {
		if ($(this).scrollLeft() > 1) {
			$(this).addClass('on'); // 横スクロールでクラスを追加
		} else {
			$(this).removeClass('on'); // 横スクロールが戻るとクラスを削除
		}
	});
});