document.addEventListener("DOMContentLoaded", function() {
  var accordionTitles = document.querySelectorAll(".js-accordion-title");
  accordionTitles.forEach(function(title) {
    title.addEventListener("click", function() {
      var answer = this.nextElementSibling;
      var computedStyle = window.getComputedStyle(answer);
      var paddingTop = parseFloat(computedStyle.paddingTop);
      var paddingBottom = parseFloat(computedStyle.paddingBottom);

      if (answer.style.maxHeight) {
        answer.style.maxHeight = null;
      } else {
        // コンテンツの高さにpaddingを加えて設定
        answer.style.maxHeight = (answer.scrollHeight + paddingTop + paddingBottom) + "px";
      }
      this.classList.toggle("open");
    });
  });
});

document.addEventListener("DOMContentLoaded", function() {
  var spMenu = document.querySelector(".HeaderRec__wrap__spMenu");
  var ulElement = document.getElementById("HeaderRec__wrap__ul");

  spMenu.addEventListener("click", function() {
    ulElement.classList.toggle("is-active");
  });
});




// ハンバーガーメニュー
// menuBtn = $(".openbtn1");

// menuBtn.click(function () {
//     event.stopPropagation(); // クリックイベントの伝播を停止する
//     $(this).toggleClass('active'); // メニューボタンに active クラスのトグルを追加/削除する
//     $("#toggleManu").slideToggle(); // メニューの表示/非表示を切り替える
// });

// $(document).on("click", function(event) {
//     if (!$(event.target).closest("#toggleManu").length && $("#toggleManu").is(":visible")) {
//       // $("#toggleManu")要素以外がクリックされた場合の処理をここに記述する
//       $("#toggleManu").slideUp(); // メニューをスライドアップして非表示にする
//       menuBtn.toggleClass('active'); // メニューボタンの active クラスを削除する
//     }
// });