/* このJavaScriptファイルは、</body>の直前に呼ばれます */
jQuery(document).ready(function($) {
	/* ここから：スマホメニュー関係の処理 */
	let menuButton = document.getElementById('menu-button');
	let mainMenuContainer = document.getElementById('main-menu-container');
	let mainMenuItems = mainMenuContainer.querySelectorAll('a');
	// スマホメニューボタンが押されたら、is-activeクラスを付け、メニューを開け閉めする
	menuButton.addEventListener("click", function() {
		menuButton.classList.toggle("is-active");
		mainMenuContainer.classList.toggle("is-active");
	}, false);
	// メニューのアイテムがクリックされたらメニューを閉じる。主にページ内リンク向け
	for(let i = 0; i < mainMenuItems.length; i++){
		mainMenuItems[i].addEventListener("click", function(){
			menuButton.classList.remove("is-active");
			mainMenuContainer.classList.remove("is-active");
		}, false);
	}
	/* ここまで */

	/* スクロールした量に応じて、ページトップに戻るボタンを表示する */
	let backtopButton = $('#pc-backtop');
	let showRange = 100;
	$(window).scroll(function () {
        if ($(this).scrollTop() > showRange) {
            backtopButton.addClass('is-visible');
        } else {
            backtopButton.removeClass('is-visible');
        }
    });
});