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'; // 画像を非表示
    }
}


        // 問題と答えのリスト
        const questionsAndAnswers = [
            { question: '問題1', answer: '答え1' },
            { question: '問題2', answer: '答え2' },
            { question: '問題3', answer: '答え3' },
            { question: '問題4', answer: '答え4' },
            { question: '問題5', answer: '答え5' },
            { question: '問題6', answer: '答え6' },
            { question: '問題7', answer: '答え7' },
            { question: '問題8', answer: '答え8' },
            { question: '問題9', answer: '答え9' },
            { question: '問題10', answer: '答え10' },
            { question: '問題11', answer: '答え11' },
            { question: '問題12', answer: '答え12' },
            { question: '問題13', answer: '答え13' },
            { question: '問題14', answer: '答え14' },
            { question: '問題15', answer: '答え15' },
            // 必要なだけ問題と答えを追加
        ];

        // 問題と答えを表示する関数
        function displayRandomQA() {
            const randomIndex = Math.floor(Math.random() * questionsAndAnswers.length);
            const question = questionsAndAnswers[randomIndex].question;
            const answer = questionsAndAnswers[randomIndex].answer;

            const questionDiv = document.getElementById('question');
            const answerDiv = document.getElementById('answer');
            const userAnswerInput = document.getElementById('userAnswer');

            questionDiv.textContent = '問題： ' + question;
            answerDiv.textContent = '答え： ' + answer;
            answerDiv.style.display = 'none';
            userAnswerInput.value = '';
        }

        // ユーザーの回答をチェックする関数
        function checkAnswer() {
            const userAnswerInput = document.getElementById('userAnswer');
            const userAnswer = userAnswerInput.value.toLowerCase().trim(); // 回答を取得し、小文字に変換してトリム

            const currentAnswerDiv = document.getElementById('answer');
            const correctAnswer = currentAnswerDiv.textContent.replace('答え： ', '').toLowerCase().trim(); // 正解を取得し、小文字に変換してトリム

            if (userAnswer === correctAnswer) {
                alert('正解です！');
            } else {
                alert('不正解です！');
            }
        }