<!DOCTYPE html>

<html lang="ja">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>大学入試に超絶出でる！英語のことわざテスト100連発</title>

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }


        body {

            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

            min-height: 100vh;

            display: flex;

            align-items: center;

            justify-content: center;

            padding: 20px;

        }


        .container {

            background: white;

            border-radius: 20px;

            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);

            width: 100%;

            max-width: 600px;

            padding: 30px;

        }


        .title {

            text-align: center;

            color: #5a67d8;

            font-size: 24px;

            margin-bottom: 30px;

            font-weight: bold;

        }


        .start-screen {

            text-align: center;

            padding: 40px 0;

        }


        .start-button {

            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

            color: white;

            border: none;

            padding: 15px 40px;

            font-size: 18px;

            border-radius: 30px;

            cursor: pointer;

            transition: transform 0.2s;

        }


        .start-button:hover {

            transform: scale(1.05);

        }


        .game-screen {

            display: none;

        }


        .game-stats {

            display: flex;

            justify-content: space-between;

            margin-bottom: 25px;

            padding: 15px;

            background: #f7fafc;

            border-radius: 10px;

        }


        .stat-item {

            text-align: center;

        }


        .stat-label {

            color: #718096;

            font-size: 14px;

            margin-bottom: 5px;

        }


        .stat-value {

            color: #5a67d8;

            font-size: 24px;

            font-weight: bold;

        }


        .streak-indicator {

            display: inline-block;

            width: 8px;

            height: 8px;

            background: #48bb78;

            border-radius: 50%;

            margin-left: 5px;

            animation: pulse 1s infinite;

        }


        @keyframes pulse {

            0% { opacity: 1; }

            50% { opacity: 0.5; }

            100% { opacity: 1; }

        }


        .question {

            font-size: 20px;

            margin-bottom: 30px;

            line-height: 1.6;

            color: #2d3748;

        }


        .options {

            display: grid;

            gap: 15px;

        }


        .option-button {

            background: #f7fafc;

            border: 2px solid #e2e8f0;

            padding: 15px 20px;

            border-radius: 10px;

            cursor: pointer;

            font-size: 18px;

            text-align: left;

            transition: all 0.2s;

            color: #2d3748;

        }


        .option-button:hover:not(.disabled) {

            background: #edf2f7;

            border-color: #cbd5e0;

            transform: translateX(5px);

        }


        .option-button.correct {

            background: #c6f6d5;

            border-color: #48bb78;

            color: #22543d;

        }


        .option-button.incorrect {

            background: #fed7d7;

            border-color: #f56565;

            color: #742a2a;

        }


        .option-button.disabled {

            cursor: not-allowed;

            opacity: 0.7;

        }


        .explanation {

            display: none;

            background: #f7fafc;

            border-radius: 10px;

            padding: 20px;

            margin-top: 20px;

            line-height: 1.8;

        }


        .explanation h3 {

            color: #5a67d8;

            margin-bottom: 10px;

        }


        .explanation-content {

            color: #4a5568;

        }


        .button-group {

            display: none;

            margin-top: 20px;

            text-align: center;

            gap: 10px;

        }


        .action-button {

            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

            color: white;

            border: none;

            padding: 12px 30px;

            font-size: 16px;

            border-radius: 20px;

            cursor: pointer;

            margin: 0 5px;

            transition: transform 0.2s;

        }


        .action-button:hover {

            transform: scale(1.05);

        }


        .action-button.secondary {

            background: #e2e8f0;

            color: #4a5568;

        }


        .action-button.secondary:hover {

            background: #cbd5e0;

        }


        @media (max-width: 480px) {

            .container {

                padding: 20px;

            }


            .title {

                font-size: 20px;

            }


            .question {

                font-size: 18px;

            }


            .option-button {

                font-size: 16px;

                padding: 12px 15px;

            }


            .game-stats {

                flex-direction: column;

                gap: 15px;

            }

        }

    </style>

</head>

<body>

    <div class="container">

        <h1 class="title">大学入試に超絶出でる！<br>英語のことわざテスト100連発</h1>

        
        <div class="start-screen" id="startScreen">

            <p style="font-size: 18px; color: #4a5568; margin-bottom: 30px;">

                英語のことわざ100問に挑戦！<br>

                ランダムに出題される4択問題で楽しく学ぼう！

            </p>

            <button class="start-button" onclick="startGame()">ゲームスタート</button>

        </div>


        <div class="game-screen" id="gameScreen">

            <div class="game-stats">

                <div class="stat-item">

                    <div class="stat-label">正解数</div>

                    <div class="stat-value" id="correctCount">0</div>

                </div>

                <div class="stat-item">

                    <div class="stat-label">連続正解</div>

                    <div class="stat-value">

                        <span id="streakCount">0</span>

                        <span class="streak-indicator" id="streakIndicator" style="display: none;"></span>

                    </div>

                </div>

                <div class="stat-item">

                    <div class="stat-label">正答率</div>

                    <div class="stat-value" id="accuracyRate">-</div>

                </div>

            </div>

            
            <div class="question" id="questionText"></div>

            <div class="options" id="optionsContainer"></div>

            <div class="explanation" id="explanation">

                <h3>解説</h3>

                <div class="explanation-content" id="explanationContent"></div>

            </div>

            <div class="button-group" id="buttonGroup">

                <button class="action-button" onclick="nextQuestion()">次の問題へ</button>

                <button class="action-button secondary" onclick="endGame()">終了する</button>

            </div>

        </div>

    </div>


    <script>

        const questions = [

            {

                question: '(  ) speak louder than words.',

                options: ['Dreams', 'Lies', 'Stories', 'Actions'],

                correct: 3,

                proverb: '"Actions speak louder than words."',

                japanese: '行動は言葉より雄弁。',

                point: '口先より実践が本心を表す。'

            },

            {

                question: 'All that (  ) is not gold.',

                options: ['glitters', 'matters', 'flashes', 'shines'],

                correct: 0,

                proverb: '"All that glitters is not gold."',

                japanese: '光るもの必ずしも金ならず。',

                point: '見た目で価値を決めるな。'

            },

            {

                question: 'Better (  ) than never.',

                options: ['early', 'sorry', 'late', 'safe'],

                correct: 2,

                proverb: '"Better late than never."',

                japanese: '遅れてもやらないよりまし。',

                point: '行動が遅くても無行動より価値がある。'

            },

            {

                question: '(  ) of a feather flock together.',

                options: ['Leaves', 'Friends', 'Men', 'Birds'],

                correct: 3,

                proverb: '"Birds of a feather flock together."',

                japanese: '類は友を呼ぶ。',

                point: '似た者同士は集まる。'

            },

            {

                question: '(  ) makes perfect.',

                options: ['Practice', 'Talent', 'Luck', 'Patience'],

                correct: 0,

                proverb: '"Practice makes perfect."',

                japanese: '習うより慣れろ。',

                point: '繰り返しが熟達を生む。'

            },

            {

                question: 'Rome was not built in (  ).',

                options: ['silence', 'haste', 'spring', 'a day'],

                correct: 3,

                proverb: '"Rome was not built in a day."',

                japanese: 'ローマは一日にして成らず。',

                point: '大事業には時間が必要。'

            },

            {

                question: 'The (  ) bird catches the worm.',

                options: ['hungry', 'clever', 'small', 'early'],

                correct: 3,

                proverb: '"The early bird catches the worm."',

                japanese: '早起きは三文の徳。',

                point: '早く動く者が利益を得る。'

            },

            {

                question: '(  ) is money.',

                options: ['Youth', 'Health', 'Art', 'Time'],

                correct: 3,

                proverb: '"Time is money."',

                japanese: '時は金なり。',

                point: '時間は貴重な資源。'

            },

            {

                question: 'When in Rome, (  ) as the Romans.',

                options: ['do', 'have', 'sleep', 'spit'],

                correct: 0,

                proverb: '"When in Rome, do as the Romans do."',

                japanese: '郷に入っては郷に従え。',

                point: 'その土地の習慣に合わせよ。'

            },

            {

                question: 'Where there\'s a (  ), there\'s a way.',

                options: ['wish', 'wall', 'word', 'will'],

                correct: 3,

                proverb: '"Where there\'s a will, there\'s a way."',

                japanese: '意志あるところに道あり。',

                point: '強い意志は道を開く。'

            },

            {

                question: 'You can\'t judge a (  ) by its cover.',

                options: ['man', 'song', 'book', 'play'],

                correct: 2,

                proverb: '"You can\'t judge a book by its cover."',

                japanese: '見かけで判断するな。',

                point: '外見より中身。'

            },

            {

                question: 'Two (  ) are better than one.',

                options: ['hands', 'eyes', 'steps', 'heads'],

                correct: 3,

                proverb: '"Two heads are better than one."',

                japanese: '三人寄れば文殊の知。',

                point: '協力が知恵を生む。'

            },

            {

                question: 'No (  ), no gain.',

                options: ['rain', 'brain', 'chain', 'pain'],

                correct: 3,

                proverb: '"No pain, no gain."',

                japanese: '苦労なくして得るものなし。',

                point: '努力が成果を生む。'

            },

            {

                question: 'Out of (  ), out of mind.',

                options: ['reach', 'town', 'range', 'sight'],

                correct: 3,

                proverb: '"Out of sight, out of mind."',

                japanese: '去る者は日々に疎し。',

                point: '見えなくなると忘れやすい。'

            },

            {

                question: '(  ) before you leap.',

                options: ['Think', 'Pray', 'Rest', 'Look'],

                correct: 3,

                proverb: '"Look before you leap."',

                japanese: '石橋を叩いて渡る。',

                point: '行動前に慎重に確認せよ。'

            },

            {

                question: 'A friend in (  ) is a friend indeed.',

                options: ['joy', 'doubt', 'haste', 'need'],

                correct: 3,

                proverb: '"A friend in need is a friend indeed."',

                japanese: '困った時の友こそ真の友。',

                point: '危機で友情が試される。'

            },

            {

                question: '(  ) is the best policy.',

                options: ['Modesty', 'Charity', 'Loyalty', 'Honesty'],

                correct: 3,

                proverb: '"Honesty is the best policy."',

                japanese: '正直は最良の策。',

                point: '誠実さが最終的に得。'

            },

            {

                question: 'Easy (  ), easy go.',

                options: ['life', 'money', 'win', 'come'],

                correct: 3,

                proverb: '"Easy come, easy go."',

                japanese: '悪銭身につかず。',

                point: '苦労なく得たものは失いやすい。'

            },

            {

                question: 'Don\'t put all your (  ) in one basket.',

                options: ['hopes', 'coins', 'cards', 'eggs'],

                correct: 3,

                proverb: '"Don\'t put all your eggs in one basket."',

                japanese: '一つの籠に全ての卵を盛るな。',

                point: 'リスク分散が重要。'

            },

            {

                question: 'The (  ) is always greener on the other side.',

                options: ['water', 'river', 'sky', 'grass'],

                correct: 3,

                proverb: '"The grass is always greener on the other side."',

                japanese: '隣の芝生は青い。',

                point: '他人が良く見える心理。'

            },

            {

                question: 'A (  ) is worth a thousand words.',

                options: ['speech', 'gesture', 'promise', 'picture'],

                correct: 3,

                proverb: '"A picture is worth a thousand words."',

                japanese: '百聞は一見にしかず。',

                point: '視覚情報は強力。'

            },

            {

                question: 'Let (  ) dogs lie.',

                options: ['hungry', 'barking', 'stray', 'sleeping'],

                correct: 3,

                proverb: '"Let sleeping dogs lie."',

                japanese: '触らぬ神に祟りなし。',

                point: '上要に問題を掘り返すな。'

            },

            {

                question: 'Better (  ) than sorry.',

                options: ['slow', 'quick', 'sure', 'safe'],

                correct: 3,

                proverb: '"Better safe than sorry."',

                japanese: '転ばぬ先の杖。',

                point: '予防が後悔を防ぐ。'

            },

            {

                question: 'It\'s no use crying over (  ) milk.',

                options: ['warm', 'sour', 'fresh', 'spilt'],

                correct: 3,

                proverb: '"It\'s no use crying over spilt milk."',

                japanese: '覆水盆に返らず。',

                point: '過去の失敗を嘆いても無益。'

            },

            {

                question: 'Jack of all trades, (  ) of none.',

                options: ['owner', 'maker', 'king', 'master'],

                correct: 3,

                proverb: '"Jack of all trades, master of none."',

                japanese: '器用貧乏。',

                point: '多才でも専門性が欠けると弱い。'

            },

            {

                question: 'Every (  ) has a silver lining.',

                options: ['night', 'storm', 'tear', 'cloud'],

                correct: 3,

                proverb: '"Every cloud has a silver lining."',

                japanese: '悪いことの後には良いこと。',

                point: '希望は逆境の中にある。'

            },

            {

                question: 'Many (  ) make light work.',

                options: ['minds', 'hearts', 'plans', 'hands'],

                correct: 3,

                proverb: '"Many hands make light work."',

                japanese: '人手が多ければ楽。',

                point: '分担で効率アップ。'

            },

            {

                question: '(  ) while the iron is hot.',

                options: ['Wait', 'Shape', 'Hold', 'Strike'],

                correct: 3,

                proverb: '"Strike while the iron is hot."',

                japanese: '鉄は熱いうちに打て。',

                point: '好機を逃すな。'

            },

            {

                question: 'Don\'t count your (  ) before they hatch.',

                options: ['coins', 'apples', 'gifts', 'chickens'],

                correct: 3,

                proverb: '"Don\'t count your chickens before they hatch."',

                japanese: '捕らぬ狸の皮算用。',

                point: '上確定な利益を当てにするな。'

            },

            {

                question: 'A (  ) stone gathers no moss.',

                options: ['falling', 'heavy', 'polished', 'rolling'],

                correct: 3,

                proverb: '"A rolling stone gathers no moss."',

                japanese: '転石苔を生ぜず。',

                point: '活動的な人は停滞しない。'

            },

            {

                question: 'The (  ) wheel gets the grease.',

                options: ['broken', 'wooden', 'big', 'squeaky'],

                correct: 3,

                proverb: '"The squeaky wheel gets the grease."',

                japanese: '声を上げる者が得をする。',

                point: '要求しないと改善されない。'

            },

            {

                question: 'You (  ) what you sow.',

                options: ['eat', 'feel', 'say', 'reap'],

                correct: 3,

                proverb: '"You reap what you sow."',

                japanese: '自業自得。',

                point: '行いの結果は自分に返る。'

            },

            {

                question: 'Too many (  ) spoil the broth.',

                options: ['ideas', 'spices', 'guests', 'cooks'],

                correct: 3,

                proverb: '"Too many cooks spoil the broth."',

                japanese: '船頭多くして船山に登る。',

                point: '指揮系統はシンプルに。'

            },

            {

                question: 'The (  ) is mightier than the sword.',

                options: ['word', 'mind', 'truth', 'pen'],

                correct: 3,

                proverb: '"The pen is mightier than the sword."',

                japanese: 'ペンは剣より強し。',

                point: '言論の影響力は武力を超える。'

            },

            {

                question: '(  ) is thicker than water.',

                options: ['Wine', 'Oil', 'Milk', 'Blood'],

                correct: 3,

                proverb: '"Blood is thicker than water."',

                japanese: '血は水よりも濃い。',

                point: '血縁の結びつきは強い。'

            },

            {

                question: 'Beauty is in the (  ) of the beholder.',

                options: ['heart', 'mind', 'hand', 'eye'],

                correct: 3,

                proverb: '"Beauty is in the eye of the beholder."',

                japanese: '美は見る人の目に宿る。',

                point: '美の基準は主観的。'

            },

            {

                question: '(  ) is the mother of invention.',

                options: ['Curiosity', 'Science', 'Education', 'Necessity'],

                correct: 3,

                proverb: '"Necessity is the mother of invention."',

                japanese: '必要は発明の母。',

                point: '困りごとが革新を生む。'

            },

            {

                question: 'Don\'t (  ) the hand that feeds you.',

                options: ['shake', 'ignore', 'wash', 'bite'],

                correct: 3,

                proverb: '"Don\'t bite the hand that feeds you."',

                japanese: '恩を仇で返すな。',

                point: '支援者に害を加えると自分が搊。'

            },

            {

                question: 'Fortune (  ) the bold.',

                options: ['leaves', 'tests', 'strikes', 'favors'],

                correct: 3,

                proverb: '"Fortune favors the bold."',

                japanese: '幸運は勇者に味方する。',

                point: '思い切った行動が結果を呼ぶ。'

            },

            {

                question: 'Curiosity killed the (  ).',

                options: ['mouse', 'fox', 'bird', 'cat'],

                correct: 3,

                proverb: '"Curiosity killed the cat."',

                japanese: '知らぬが仏。',

                point: '過度の好奇心は身を滅ぼす。'

            },

            {

                question: '(  ) makes the heart grow fonder.',

                options: ['Silence', 'Distance', 'Waiting', 'Absence'],

                correct: 3,

                proverb: '"Absence makes the heart grow fonder."',

                japanese: '会わぬが情熱を増す。',

                point: '離れると相手を恋しく思う。'

            },

            {

                question: 'The (  ) doesn\'t fall far from the tree.',

                options: ['leaf', 'snow', 'stone', 'apple'],

                correct: 3,

                proverb: '"The apple doesn\'t fall far from the tree."',

                japanese: 'この親にしてこの子あり。',

                point: '子は親に似る傾向。'

            },

            {

                question: 'All good things must come to an (  ).',

                options: ['edge', 'answer', 'echo', 'end'],

                correct: 3,

                proverb: '"All good things must come to an end."',

                japanese: '盛者必衰。',

                point: '栄華や楽しみもいずれ終わる。'

            },

            {

                question: 'Don\'t put (  ) until tomorrow what you can do today.',

                options: ['away', 'down', 'up', 'off'],

                correct: 3,

                proverb: '"Don\'t put off until tomorrow what you can do today."',

                japanese: '今日できることを明日に延ばすな。',

                point: '先延ばしは非効率。'

            },

            {

                question: 'Don\'t make a (  ) out of a molehill.',

                options: ['river', 'drama', 'story', 'mountain'],

                correct: 3,

                proverb: '"Don\'t make a mountain out of a molehill."',

                japanese: '針小棒大。',

                point: '小事を大げさにするな。'

            },

            {

                question: '(  ) said than done.',

                options: ['Better', 'Sooner', 'Louder', 'Easier'],

                correct: 3,

                proverb: '"Easier said than done."',

                japanese: '言うは易く行うは難し。',

                point: '実行の難しさを戒める。'

            },

            {

                question: 'First (  ), first served.',

                options: ['win', 'ask', 'act', 'come'],

                correct: 3,

                proverb: '"First come, first served."',

                japanese: '早い者勝ち。',

                point: '迅速な行動が利益。'

            },

            {

                question: '(  ) is golden.',

                options: ['Wisdom', 'Patience', 'Gold', 'Silence'],

                correct: 3,

                proverb: '"Silence is golden."',

                japanese: '沈黙は金。',

                point: '余計な発言は搊。'

            },

            {

                question: 'No (  ) is good news.',

                options: ['word', 'mail', 'call', 'news'],

                correct: 3,

                proverb: '"No news is good news."',

                japanese: '便りがないのは良い知らせ。',

                point: '悪い知らせなら既に届いているはず。'

            },

            {

                question: 'You can\'t (  ) your cake and eat it too.',

                options: ['bake', 'save', 'cut', 'have'],

                correct: 3,

                proverb: '"You can\'t have your cake and eat it too."',

                japanese: '一度に二つは得られない。',

                point: 'トレードオフの理解。'

            },

            {

                question: '(  ) well that ends well.',

                options: ['Ends', 'Falls', 'All\'s', 'Nothing'],

                correct: 2,

                proverb: '"All\'s well that ends well."',

                japanese: '終わり良ければすべて良し。',

                point: '結果が良ければ過程の苦労は帳消し。'

            },

            {

                question: 'An (  ) a day keeps the doctor away.',

                options: ['onion', 'pear', 'melon', 'apple'],

                correct: 3,

                proverb: '"An apple a day keeps the doctor away."',

                japanese: '一日一個のリンゴで医者いらず。',

                point: '日々の小さな健康習慣が病気予防。'

            },

            {

                question: '(  ) is the best medicine.',

                options: ['Money', 'Laughter', 'Music', 'Sleep'],

                correct: 1,

                proverb: '"Laughter is the best medicine."',

                japanese: '笑いは最良の薬。',

                point: 'ポジティブな笑いが心身を癒やす。'

            },

            {

                question: 'Where there\'s (  ), there\'s fire.',

                options: ['wind', 'smoke', 'dust', 'steam'],

                correct: 1,

                proverb: '"Where there\'s smoke, there\'s fire."',

                japanese: '火のない所に煙は立たぬ。',

                point: 'うわさの背後には原因がある。'

            },

            {

                question: 'Don\'t judge a man until you\'ve (  ) in his shoes.',

                options: ['danced', 'walked', 'slept', 'driven'],

                correct: 1,

                proverb: '"Don\'t judge a man until you\'ve walked in his shoes."',

                japanese: '他人の苦労を知らずに批判するな。',

                point: '立場を体験せずに評価するのは早計。'

            },

            {

                question: 'The (  ) things in life are free.',

                options: ['worst', 'surest', 'best', 'rarest'],

                correct: 2,

                proverb: '"The best things in life are free."',

                japanese: '人生で最も大切なものはお金で買えない。',

                point: '愛・友情・時間など無償の価値。'

            },

            {

                question: 'The (  ) justifies the means.',

                options: ['rule', 'end', 'plan', 'act'],

                correct: 1,

                proverb: '"The end justifies the means."',

                japanese: '目的のためなら手段は問わない。',

                point: '結果重視の功利的発想を表す。'

            },

            {

                question: 'The (  ), the merrier.',

                options: ['smaller', 'richer', 'safer', 'more'],

                correct: 3,

                proverb: '"The more, the merrier."',

                japanese: '多いほど楽しい。',

                point: '人数が増えると盛り上がる。'

            },

            {

                question: 'There\'s no (  ) for taste.',

                options: ['accounting', 'recipe', 'reward', 'blame'],

                correct: 0,

                proverb: '"There\'s no accounting for taste."',

                japanese: '蓼食う虫も好き好き。',

                point: '好みは人それぞれ、説明できない。'

            },

            {

                question: 'There\'s no place like (  ).',

                options: ['school', 'work', 'home', 'heaven'],

                correct: 2,

                proverb: '"There\'s no place like home."',

                japanese: '我が家に勝る所なし。',

                point: '家の安心感・居心地の良さを強調。'

            },

            {

                question: 'Money doesn\'t grow on (  ).',

                options: ['farms', 'stones', 'trees', 'clouds'],

                correct: 2,

                proverb: '"Money doesn\'t grow on trees."',

                japanese: 'お金は木になるものではない。',

                point: '無駄遣いを戒める。'

            },

            {

                question: '(  ) can\'t be choosers.',

                options: ['Thieves', 'Beggars', 'Buyers', 'Guests'],

                correct: 1,

                proverb: '"Beggars can\'t be choosers."',

                japanese: '乞食は選り好みできない。',

                point: '立場が弱い者は条件を選べない。'

            },

            {

                question: 'Don\'t (  ) the bridge until you come to it.',

                options: ['build', 'cross', 'paint', 'move'],

                correct: 1,

                proverb: '"Don\'t cross the bridge until you come to it."',

                japanese: '先の心配をし過ぎるな。',

                point: '起きてもいない問題に悩まない。'

            },

            {

                question: 'Every (  ) has his day.',

                options: ['cat', 'dog', 'man', 'star'],

                correct: 1,

                proverb: '"Every dog has his day."',

                japanese: '誰にもチャンスは巡ってくる。',

                point: '運は平等に回る。'

            },

            {

                question: 'One man\'s (  ) is another man\'s treasure.',

                options: ['trash', 'dream', 'goal', 'loss'],

                correct: 0,

                proverb: '"One man\'s trash is another man\'s treasure."',

                japanese: '他人のゴミは自分の宝。',

                point: '価値は主観的。'

            },

            {

                question: 'Don\'t (  ) wolf.',

                options: ['paint', 'chase', 'cry', 'feed'],

                correct: 2,

                proverb: '"Don\'t cry wolf."',

                japanese: '嘘ばかりつくな。',

                point: '虚報は信用を失う。'

            },

            {

                question: 'Good things come to those who (  ).',

                options: ['fight', 'wait', 'pay', 'dream'],

                correct: 1,

                proverb: '"Good things come to those who wait."',

                japanese: '待てば海路の日和あり。',

                point: '忍耐が報われる。'

            },

            {

                question: 'Great (  ) think alike.',

                options: ['minds', 'hopes', 'powers', 'deeds'],

                correct: 0,

                proverb: '"Great minds think alike."',

                japanese: '偉大な頭脳は同じ考えを持つ。',

                point: '似た意見に対する軽い賛辞。'

            },

            {

                question: 'He who laughs (  ), laughs best.',

                options: ['first', 'now', 'loudest', 'last'],

                correct: 3,

                proverb: '"He who laughs last, laughs best."',

                japanese: '最後に笑う者が最もよく笑う。',

                point: '結末で勝者が決まる。'

            },

            {

                question: 'If it ain\'t (  ), don\'t fix it.',

                options: ['cheap', 'yours', 'broke', 'ready'],

                correct: 2,

                proverb: '"If it ain\'t broke, don\'t fix it."',

                japanese: '壊れていないなら直すな。',

                point: '上要な改変は逆効果。'

            },

            {

                question: '(  ) is bliss.',

                options: ['Silence', 'Ignorance', 'Patience', 'Wealth'],

                correct: 1,

                proverb: '"Ignorance is bliss."',

                japanese: '知らぬが仏。',

                point: '知識が上幸を招く場合もある。'

            },

            {

                question: 'It takes two to (  ).',

                options: ['quarrel', 'dance', 'tango', 'gamble'],

                correct: 2,

                proverb: '"It takes two to tango."',

                japanese: '相手あってのこと。',

                point: '争いも協力も双方の責任。'

            },

            {

                question: 'Kill two (  ) with one stone.',

                options: ['flies', 'tasks', 'birds', 'mice'],

                correct: 2,

                proverb: '"Kill two birds with one stone."',

                japanese: '一石二鳥。',

                point: '一度の行動で二つの利益。'

            },

            {

                question: '(  ) is power.',

                options: ['Money', 'Knowledge', 'Freedom', 'Health'],

                correct: 1,

                proverb: '"Knowledge is power."',

                japanese: '知識は力。',

                point: '学びが優位性を生む。'

            },

            {

                question: 'Let (  ) be bygones.',

                options: ['debts', 'pains', 'bygones', 'shadows'],

                correct: 2,

                proverb: '"Let bygones be bygones."',

                japanese: '過ぎたことは水に流せ。',

                point: '過去の争いを蒸し返すな。'

            },

            {

                question: 'Lightning never strikes the same place (  ).',

                options: ['thrice', 'twice', 'again', 'early'],

                correct: 1,

                proverb: '"Lightning never strikes the same place twice."',

                japanese: '同じことは二度起こらない。',

                point: '上運は続かないと励ます表現。'

            },

            {

                question: '(  ) is blind.',

                options: ['Youth', 'Hope', 'Love', 'Justice'],

                correct: 2,

                proverb: '"Love is blind."',

                japanese: '恋は盲目。',

                point: '愛は欠点を見えなくする。'

            },

            {

                question: '(  ) loves company.',

                options: ['Misery', 'Victory', 'Time', 'Courage'],

                correct: 0,

                proverb: '"Misery loves company."',

                japanese: '上幸は仲間を欲しがる。',

                point: '悲しみは共感を求める性質。'

            },

            {

                question: 'No (  ) is an island.',

                options: ['city', 'man', 'boat', 'life'],

                correct: 1,

                proverb: '"No man is an island."',

                japanese: '人は一人では生きられない。',

                point: '相互依存の大切さ。'

            },

            {

                question: 'Old (  ) die hard.',

                options: ['wounds', 'habits', 'stories', 'jokes'],

                correct: 1,

                proverb: '"Old habits die hard."',

                japanese: '古い習慣は改めにくい。',

                point: '固定化した行動の強さを示す。'

            },

            {

                question: 'Opportunity (  ) but once.',

                options: ['wins', 'knocks', 'breaks', 'smiles'],

                correct: 1,

                proverb: '"Opportunity knocks but once."',

                japanese: 'チャンスは一度きり。',

                point: '好機を逃すなという教訓。'

            },

            {

                question: '(  ) is better than cure.',

                options: ['Sleep', 'Prevention', 'Exercise', 'Luck'],

                correct: 1,

                proverb: '"Prevention is better than cure."',

                japanese: '予防は治療に勝る。',

                point: '事前対応の重要性。'

            },

            {

                question: 'Still (  ) run deep.',

                options: ['waves', 'waters', 'winds', 'voices'],

                correct: 1,

                proverb: '"Still waters run deep."',

                japanese: '能ある鷹は爪を隠す。',

                point: '静かな人ほど内面は深い。'

            },

            {

                question: '(  ) is as stupid does.',

                options: ['Crazy', 'Slow', 'Stupid', 'Bad'],

                correct: 2,

                proverb: '"Stupid is as stupid does."',

                japanese: '馬鹿なことをする者こそ馬鹿だ。',

                point: '行動で判断せよ。'

            },

            {

                question: 'The (  ) is in the details.',

                options: ['truth', 'secret', 'devil', 'thrill'],

                correct: 2,

                proverb: '"The devil is in the details."',

                japanese: '細部にこそ本質がある。',

                point: '小さな点を見落とすな。'

            },

            {

                question: 'There\'s no such thing as a (  ) lunch.',

                options: ['cheap', 'fast', 'free', 'big'],

                correct: 2,

                proverb: '"There\'s no such thing as a free lunch."',

                japanese: 'タダより高いものはない。',

                point: '見えないコストがある。'

            },

            {

                question: 'To (  ) is human, to forgive divine.',

                options: ['fail', 'err', 'sin', 'fear'],

                correct: 1,

                proverb: '"To err is human, to forgive divine."',

                japanese: '過ちは人の常、許すは神。',

                point: '寛容の美徳を説く。'

            },

            {

                question: 'Too many (  ) and not enough Indians.',

                options: ['chiefs', 'rules', 'cooks', 'roads'],

                correct: 0,

                proverb: '"Too many chiefs and not enough Indians."',

                japanese: '指導者ばかり多くて実働が足りない。',

                point: '役割バランスの重要性。'

            },

            {

                question: '(  ) is the spice of life.',

                options: ['Variety', 'Honesty', 'Loyalty', 'Gravity'],

                correct: 0,

                proverb: '"Variety is the spice of life."',

                japanese: '変化は人生のスパイス。',

                point: '多様性が活気を生む。'

            },

            {

                question: 'What goes (  ) comes around.',

                options: ['up', 'away', 'over', 'around'],

                correct: 3,

                proverb: '"What goes around comes around."',

                japanese: '因果応報。',

                point: '行いは巡り巡って返る。'

            },

            {

                question: 'You can\'t make an (  ) without breaking eggs.',

                options: ['idea', 'omelet', 'empire', 'impact'],

                correct: 1,

                proverb: '"You can\'t make an omelet without breaking eggs."',

                japanese: '何かを得るには犠牲が必要。',

                point: '変革には痛みが伴う。'

            },

            {

                question: 'You can (  ) a horse to water, but you can\'t make him drink.',

                options: ['lead', 'ride', 'push', 'carry'],

                correct: 0,

                proverb: '"You can lead a horse to water, but you can\'t make him drink."',

                japanese: '人に無理強いはできない。',

                point: '最終決断は本人次第。'

            },

            {

                question: 'You (  ) my back and I\'ll scratch yours.',

                options: ['pat', 'cover', 'scratch', 'guard'],

                correct: 2,

                proverb: '"You scratch my back and I\'ll scratch yours."',

                japanese: '持ちつ持たれつ。',

                point: '相互協力の慣用句。'

            },

            {

                question: '(  ) is wasted on the young.',

                options: ['Wisdom', 'Youth', 'Money', 'Time'],

                correct: 1,

                proverb: '"Youth is wasted on the young."',

                japanese: '若さは若者に無駄に使われる。',

                point: '若い時は価値に気付かない皮肉。'

            },

            {

                question: 'The (  ) calling the kettle black.',

                options: ['fork', 'spoon', 'pot', 'mug'],

                correct: 2,

                proverb: '"The pot calling the kettle black."',

                japanese: '目くそ鼻くそを笑う。',

                point: '同類が相手を非難する皮肉。'

            },

            {

                question: 'A (  ) pot never boils.',

                options: ['covered', 'watched', 'rusty', 'empty'],

                correct: 1,

                proverb: '"A watched pot never boils."',

                japanese: '待つ身は長い。',

                point: '焦ると時間が長く感じる。'

            },

            {

                question: 'A (  ) in time saves nine.',

                options: ['stitch', 'step', 'sight', 'stop'],

                correct: 0,

                proverb: '"A stitch in time saves nine."',

                japanese: '一針縫うなら今のうち。',

                point: '早期対応が手間を省く。'

            },

            {

                question: 'A (  ) saved is a penny earned.',

                options: ['minute', 'penny', 'dollar', 'habit'],

                correct: 1,

                proverb: '"A penny saved is a penny earned."',

                japanese: '節約は収入と同じ。',

                point: '貯蓄の重要性。'

            },

            {

                question: 'The proof of the pudding is in the (  ).',

                options: ['recipe', 'making', 'eating', 'sharing'],

                correct: 2,

                proverb: '"The proof of the pudding is in the eating."',

                japanese: '食べてみてこそ味が分かる。',

                point: '実践こそ真価の試金石。'

            },

            {

                question: 'Don\'t look a (  ) horse in the mouth.',

                options: ['tired', 'fast', 'lost', 'gift'],

                correct: 3,

                proverb: '"Don\'t look a gift horse in the mouth."',

                japanese: 'もらい物にけちをつけるな。',

                point: '好意・贈り物を素直に受け取る。'

            }

        ];


        let shuffledQuestions = [];

        let currentQuestionIndex = 0;

        let correctCount = 0;

        let totalAnswered = 0;

        let streak = 0;

        let answered = false;


        function shuffleArray(array) {

            const newArray = [...array];

            for (let i = newArray.length - 1; i > 0; i--) {

                const j = Math.floor(Math.random() * (i + 1));

                [newArray[i], newArray[j]] = [newArray[j], newArray[i]];

            }

            return newArray;

        }


        function startGame() {

            shuffledQuestions = shuffleArray(questions);

            currentQuestionIndex = 0;

            correctCount = 0;

            totalAnswered = 0;

            streak = 0;

            document.getElementById('startScreen').style.display = 'none';

            document.getElementById('gameScreen').style.display = 'block';

            showQuestion();

        }


        function showQuestion() {

            if (currentQuestionIndex >= shuffledQuestions.length) {

                shuffledQuestions = shuffleArray(questions);

                currentQuestionIndex = 0;

            }


            const question = shuffledQuestions[currentQuestionIndex];

            document.getElementById('questionText').innerHTML = question.question;

            
            updateStats();

            
            const optionsContainer = document.getElementById('optionsContainer');

            optionsContainer.innerHTML = '';

            
            question.options.forEach((option, index) => {

                const button = document.createElement('button');

                button.className = 'option-button';

                button.textContent = `${String.fromCharCode(97 + index)}. ${option}`;

                button.onclick = () => selectAnswer(index);

                optionsContainer.appendChild(button);

            });

            
            document.getElementById('explanation').style.display = 'none';

            document.getElementById('buttonGroup').style.display = 'none';

            answered = false;

        }


        function selectAnswer(index) {

            if (answered) return;

            answered = true;

            totalAnswered++;

            
            const question = shuffledQuestions[currentQuestionIndex];

            const buttons = document.querySelectorAll('.option-button');

            
            buttons.forEach((button, i) => {

                button.classList.add('disabled');

                if (i === question.correct) {

                    button.classList.add('correct');

                } else if (i === index) {

                    button.classList.add('incorrect');

                }

            });

            
            if (index === question.correct) {

                correctCount++;

                streak++;

            } else {

                streak = 0;

            }

            
            updateStats();

            showExplanation();

        }


        function updateStats() {

            document.getElementById('correctCount').textContent = correctCount;

            document.getElementById('streakCount').textContent = streak;

            
            const streakIndicator = document.getElementById('streakIndicator');

            if (streak >= 3) {

                streakIndicator.style.display = 'inline-block';

            } else {

                streakIndicator.style.display = 'none';

            }

            
            if (totalAnswered > 0) {

                const accuracy = Math.round((correctCount / totalAnswered) * 100);

                document.getElementById('accuracyRate').textContent = `${accuracy}%`;

            } else {

                document.getElementById('accuracyRate').textContent = '-';

            }

        }


        function showExplanation() {

            const question = shuffledQuestions[currentQuestionIndex];

            const explanationContent = document.getElementById('explanationContent');

            explanationContent.innerHTML = `

                <p><strong>ことわざ:</strong> ${question.proverb}</p>

                <p><strong>日本語訳:</strong> ${question.japanese}</p>

                <p><strong>ポイント:</strong> ${question.point}</p>

            `;

            
            document.getElementById('explanation').style.display = 'block';

            document.getElementById('buttonGroup').style.display = 'block';

        }


        function nextQuestion() {

            currentQuestionIndex++;

            showQuestion();

        }


        function endGame() {

            if (confirm('本当に終了しますか？')) {

                location.reload();

            }

        }

    </script>

</body>

</html>