function toggleImage(type) {
    var containerId = "image-container-" + type;
    var imageContainer = document.getElementById(containerId);
    if (imageContainer.style.display === 'none' || imageContainer.style.display === '') {
        imageContainer.style.display = 'block'; // 画像を表示
    } else {
        imageContainer.style.display = 'none'; // 画像を非表示
    }
}


  document.addEventListener("DOMContentLoaded", function() {
    var loadingWrapper = document.getElementById("loading-wrapper");
    var content = document.getElementById("content");

    // ローディングが完了したらloadedクラスを追加
    loadingWrapper.classList.add("loaded");

    // ローディングが完了したらloadingクラスを削除
    loadingWrapper.classList.remove("loading");

    // ローディングが完了したらcontentを表示
    content.style.display = "block";
  });



    document.addEventListener("DOMContentLoaded", function() {
      var loadingWrapper = document.getElementById("loading-wrapper");
      var content = document.getElementById("content");

      // ローディングが完了したらloadingクラスを削除
      loadingWrapper.classList.remove("loading");

      // ローディングが完了したらcontentを表示
      content.style.display = "block";
      
      // ローディング画面を非表示にする
      loadingWrapper.style.display = "none";
    });