\u4e2d\u5b66\u793e\u4f1a \u4e00\u554f\u4e00\u7b54\uff08\u6b74\u53f2\uff1a\u539f\u59cb\u304b\u3089\u53e4\u4ee3\uff09<\/title>\n <style>\n :root {\n --bg-color: #f1f5f9;\n --card-bg: #ffffff;\n --text-color: #334155;\n --primary-color: #2563eb;\n --primary-hover: #1d4ed8;\n --secondary-color: #64748b;\n --border-color: #e2e8f0;\n --danger-color: #dc2626;\n --success-color: #16a34a;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Helvetica Neue', Arial, sans-serif;\n background-color: var(--bg-color);\n color: var(--text-color);\n line-height: 1.6;\n padding: 40px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n }\n\n \/* \u30da\u30fc\u30b8\u4e0a\u90e8\u306e\u30e1\u30bf\u60c5\u5831 *\/\n .page-meta {\n width: 100%;\n max-width: 800px;\n display: flex;\n gap: 20px;\n margin-bottom: 20px;\n font-size: 0.9rem;\n color: var(--secondary-color);\n align-items: center;\n }\n\n .container {\n width: 100%;\n max-width: 800px;\n }\n\n .card {\n background-color: var(--card-bg);\n border-radius: 16px;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n padding: 48px 40px;\n margin-bottom: 24px;\n }\n\n .hidden {\n display: none !important;\n }\n\n \/* \u30b9\u30bf\u30fc\u30c8\u753b\u9762 *\/\n #start-screen {\n text-align: center;\n }\n\n .main-title {\n font-size: 2rem;\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 12px;\n }\n\n .sub-title {\n font-size: 1.05rem;\n color: var(--secondary-color);\n margin-bottom: 36px;\n }\n\n \/* 3\u3064\u306e\u7279\u5fb4\u30ab\u30fc\u30c9\u30b0\u30ea\u30c3\u30c9 *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-bottom: 36px;\n }\n\n .feature-box {\n background: #ffffff;\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 24px 16px;\n text-align: center;\n }\n\n .feature-label {\n font-size: 0.9rem;\n color: var(--secondary-color);\n margin-bottom: 8px;\n font-weight: bold;\n }\n\n .feature-value {\n font-size: 1.25rem;\n font-weight: bold;\n color: #1e293b;\n }\n\n .start-desc {\n font-size: 0.95rem;\n color: var(--secondary-color);\n margin-bottom: 32px;\n }\n\n .btn-main {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 16px 56px;\n font-size: 1.1rem;\n font-weight: bold;\n border-radius: 10px;\n cursor: pointer;\n transition: background-color 0.2s, transform 0.1s;\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\n width: 100%;\n max-width: 320px;\n }\n\n .btn-main:hover {\n background-color: var(--primary-hover);\n transform: translateY(-1px);\n }\n\n \/* \u30af\u30a4\u30ba\u753b\u9762\u30d8\u30c3\u30c0\u30fc *\/\n .quiz-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n border-bottom: 2px solid var(--border-color);\n padding-bottom: 16px;\n }\n\n .timer {\n font-size: 1.1rem;\n font-weight: bold;\n color: var(--danger-color);\n background: #fee2e2;\n padding: 6px 16px;\n border-radius: 20px;\n }\n\n .question-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n }\n\n .question-number {\n font-weight: bold;\n color: var(--primary-color);\n font-size: 1.15rem;\n }\n\n .review-check-btn {\n background: none;\n border: 1px solid var(--border-color);\n padding: 6px 14px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 0.9rem;\n color: var(--secondary-color);\n transition: all 0.2s;\n }\n\n .review-check-btn.checked {\n background-color: #fef08a;\n border-color: #eab308;\n color: #854d0e;\n font-weight: bold;\n }\n\n .question-text {\n font-size: 1.25rem;\n font-weight: bold;\n margin-bottom: 28px;\n white-space: pre-wrap;\n color: #0f172a;\n }\n\n \/* \u9078\u629e\u80a2\u30ea\u30b9\u30c8 *\/\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 32px;\n }\n\n .option-item {\n background: #f8fafc;\n border: 1px solid var(--border-color);\n border-radius: 10px;\n padding: 16px 20px;\n cursor: pointer;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n font-size: 1.05rem;\n }\n\n .option-item:hover {\n background: #eff6ff;\n border-color: var(--primary-color);\n }\n\n .option-item input[type=\"radio\"] {\n margin-right: 14px;\n transform: scale(1.3);\n accent-color: var(--primary-color);\n }\n\n \/* \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3 *\/\n .navigation-buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid var(--border-color);\n padding-top: 24px;\n margin-bottom: 28px;\n }\n\n .btn {\n background-color: #e2e8f0;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n font-weight: bold;\n cursor: pointer;\n color: #334155;\n transition: background-color 0.2s;\n font-size: 0.95rem;\n }\n\n .btn:hover:not(:disabled) {\n background-color: #cbd5e1;\n }\n\n .btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white;\n }\n\n .btn-primary:hover:not(:disabled) {\n background-color: var(--primary-hover);\n }\n\n .btn-danger-light {\n background-color: #fee2e2;\n color: #991b1b;\n }\n\n .btn-danger-light:hover {\n background-color: #fecaca;\n }\n\n \/* \u554f\u984c\u756a\u53f7\u30d1\u30ec\u30c3\u30c8 *\/\n .palette-container {\n border-top: 1px solid var(--border-color);\n padding-top: 20px;\n }\n\n .palette-title {\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 12px;\n color: var(--secondary-color);\n }\n\n .palette-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 8px;\n }\n\n .palette-btn {\n aspect-ratio: 1;\n border: 1px solid var(--border-color);\n background: #fff;\n border-radius: 6px;\n font-size: 0.85rem;\n font-weight: bold;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: all 0.1s;\n }\n\n .palette-btn:hover {\n background-color: #f1f5f9;\n }\n\n .palette-btn.current {\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3);\n }\n\n .palette-btn.answered {\n background-color: #dbeafe;\n color: var(--primary-color);\n border-color: #93c5fd;\n }\n\n .palette-btn.reviewed::after {\n content: '\u2605';\n position: absolute;\n top: -4px;\n right: -2px;\n font-size: 10px;\n color: #eab308;\n }\n\n \/* \u7d50\u679c\u753b\u9762 *\/\n .result-summary {\n text-align: center;\n margin-bottom: 32px;\n }\n\n .score-display {\n font-size: 3rem;\n font-weight: bold;\n color: var(--primary-color);\n margin: 12px 0;\n }\n\n .filter-tabs {\n display: flex;\n gap: 12px;\n margin-bottom: 24px;\n }\n\n .filter-tab {\n flex: 1;\n padding: 12px;\n border: 1px solid var(--border-color);\n background: #fff;\n border-radius: 8px;\n font-weight: bold;\n cursor: pointer;\n text-align: center;\n font-size: 0.95rem;\n transition: all 0.2s;\n }\n\n .filter-tab.active {\n background-color: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n }\n\n .result-item {\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 16px;\n background: #fafafa;\n }\n\n .result-item.correct {\n border-left: 6px solid var(--success-color);\n }\n\n .result-item.incorrect {\n border-left: 6px solid var(--danger-color);\n }\n\n .result-q-title {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.05rem;\n }\n\n .result-detail {\n font-size: 0.95rem;\n margin-top: 6px;\n }\n\n .explanation {\n margin-top: 14px;\n padding: 14px;\n background: #fff;\n border-radius: 8px;\n border: 1px dashed var(--border-color);\n font-size: 0.9rem;\n line-height: 1.7;\n }\n\n @media (max-width: 600px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"page-meta\">\n <span>📅 2026\u5e7410\u67085\u65e5<\/span>\n <span>⏱ 2026\u5e7410\u67085\u65e5<\/span>\n <span>👤 \u30cd\u30b9\u30b3\u30e0\u4e2d\u91ce\u6559\u5ba4<\/span>\n <\/div>\n\n <div class=\"container\">\n \n <div id=\"start-screen\" class=\"card\">\n <h1 class=\"main-title\">\u4e2d\u5b66\u793e\u4f1a \u6b74\u53f2 \u4e00\u554f\u4e00\u7b54<\/h1>\n <div class=\"sub-title\">\u793e\u4f1a_\u6b74\u53f2_01\u539f\u59cb\u304b\u3089\u53e4\u4ee3 \u2015 \u5f31\u70b9\u767a\u898b\u30c6\u30b9\u30c8<\/div>\n \n <div class=\"feature-grid\">\n <div class=\"feature-box\">\n <div class=\"feature-label\">\u5236\u9650\u6642\u9593<\/div>\n <div class=\"feature-value\">10\u5206<\/div>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"feature-label\">\u51fa\u984c\u6570<\/div>\n <div class=\"feature-value\">20\u554f<\/div>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"feature-label\">\u6e80\u70b9<\/div>\n <div class=\"feature-value\">100\u70b9<span style=\"font-size: 0.8rem; font-weight: normal;\"><br>(1\u554f5\u70b9)<\/span><\/div>\n <\/div>\n <\/div>\n\n <p class=\"start-desc\">\u554f\u984c\u30d0\u30f3\u30af\u304b\u3089\u6bce\u56de20\u554f\u3092\u30e9\u30f3\u30c0\u30e0\u306b\u51fa\u984c\u3057\u307e\u3059\u3002\u9078\u629e\u80a2\u3082\u554f\u984c\u3054\u3068\u306b\u4e26\u3073\u66ff\u3048\u307e\u3059\u3002<\/p>\n\n <button class=\"btn-main\" id=\"start-btn\">\u30c6\u30b9\u30c8\u30b9\u30bf\u30fc\u30c8<\/button>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"card hidden\">\n <div class=\"quiz-header\">\n <div id=\"progress-info\" style=\"font-weight: bold; color: var(--secondary-color);\">\u7b2c 1 \u554f \/ 20\u554f<\/div>\n <div class=\"timer\" id=\"timer\">10:00<\/div>\n <\/div>\n\n <div class=\"question-meta\">\n <div class=\"question-number\" id=\"q-num-label\">Question 1<\/div>\n <button class=\"review-check-btn\" id=\"review-toggle-btn\" onclick=\"toggleReview()\">\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af<\/button>\n <\/div>\n\n <div class=\"question-text\" id=\"question-text\">\n \u3053\u3053\u306b\u554f\u984c\u6587\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n <\/div>\n\n <ul class=\"options-list\" id=\"options-list\">\n \n <\/ul>\n\n <div class=\"navigation-buttons\">\n <button class=\"btn\" id=\"prev-btn\" onclick=\"prevQuestion()\">\u524d\u306e\u554f\u984c<\/button>\n <button class=\"btn btn-danger-light\" onclick=\"confirmQuit()\">\u30c6\u30b9\u30c8\u7d42\u4e86<\/button>\n <button class=\"btn btn-primary\" id=\"next-btn\" onclick=\"nextQuestion()\">\u6b21\u306e\u554f\u984c<\/button>\n <\/div>\n\n <div class=\"palette-container\">\n <div class=\"palette-title\">\u554f\u984c\u756a\u53f7\u30d1\u30ec\u30c3\u30c8\uff08\u30af\u30ea\u30c3\u30af\u3057\u3066\u79fb\u52d5\uff09<\/div>\n <div class=\"palette-grid\" id=\"palette-grid\">\n \n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"result-screen\" class=\"card hidden\">\n <h2 style=\"text-align: center; margin-bottom: 10px; color: #1e293b;\">\u30c6\u30b9\u30c8\u7d50\u679c<\/h2>\n <div class=\"result-summary\">\n <div class=\"score-display\" id=\"score-display\">100\u70b9<\/div>\n <p id=\"time-taken\" style=\"color: var(--secondary-color);\">\u6240\u8981\u6642\u9593: 0\u52060\u79d2<\/p>\n <\/div>\n\n <div class=\"filter-tabs\">\n <div class=\"filter-tab active\" onclick=\"filterResults('all')\">\u3059\u3079\u3066\u8868\u793a<\/div>\n <div class=\"filter-tab\" onclick=\"filterResults('incorrect')\">\u00d7 \u4e0d\u6b63\u89e3\u306e\u307f<\/div>\n <div class=\"filter-tab\" onclick=\"filterResults('reviewed')\">\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af\u306e\u307f<\/div>\n <\/div>\n\n <div id=\"result-list\">\n \n <\/div>\n\n <div style=\"text-align: center; margin-top: 32px;\">\n <button class=\"btn-main\" onclick=\"location.reload()\">\u3082\u3046\u4e00\u5ea6\u6311\u6226\u3059\u308b<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const allQuestions = [\n { q: \"\u65e5\u672c\u3067\u65e7\u77f3\u5668\u6642\u4ee3\u306e\u5b58\u5728\u304c\u78ba\u8a8d\u3055\u308c\u308b\u304d\u3063\u304b\u3051\u3068\u306a\u3063\u305f\u907a\u8de1\u306f\u4f55\u304b\u3002\", a: \"\u5ca9\u5bbf\u907a\u8de1\", options: [\"\u5ca9\u5bbf\u907a\u8de1\", \"\u4e09\u5185\u4e38\u5c71\u907a\u8de1\", \"\u767b\u5442\u907a\u8de1\", \"\u5409\u91ce\u30b1\u91cc\u907a\u8de1\"], exp: \"\u7fa4\u99ac\u770c\u306b\u3042\u308b\u5ca9\u5bbf\u907a\u8de1\u3067\u76f8\u6ca2\u5fe0\u6d0b\u306b\u3088\u3063\u3066\u95a2\u6771\u30ed\u30fc\u30e0\u5c64\u304b\u3089\u6253\u88fd\u77f3\u5668\u304c\u767a\u898b\u3055\u308c\u3001\u65e5\u672c\u306b\u3082\u65e7\u77f3\u5668\u6642\u4ee3\u304c\u5b58\u5728\u3059\u308b\u3053\u3068\u304c\u8a3c\u660e\u3055\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"5\u4e16\u7d00\u9803\u306e\u671d\u9bae\u534a\u5cf6\u306b\u5b58\u5728\u3057\u305f\u5927\u304d\u306a\u56fd\u306e\u3046\u3061\u306e1\u3064\u306f\u4f55\u304b\u3002\", a: \"\u9ad8\u53e5\u9e97\", options: [\"\u9ad8\u53e5\u9e97\", \"\u79e6\", \"\u6f22\", \"\u5510\"], exp: \"5\u4e16\u7d00\u9803\u306e\u671d\u9bae\u534a\u5cf6\u306b\u306f\u3001\u9ad8\u53e5\u9e97\u30fb\u65b0\u7f85\u30fb\u767e\u6e08\u306e3\u3064\u306e\u56fd\u304c\u5bfe\u7acb\u30fb\u5b58\u5728\u3057\u3066\u3044\u307e\u3057\u305f\u3002\" },\n { q: \"\u30e1\u30bd\u30dd\u30bf\u30df\u30a2\u6587\u660e\u3067\u4f7f\u308f\u308c\u3066\u3044\u305f\u66a6\u306f\u4f55\u304b\u3002\", a: \"\u592a\u9670\u66a6\", options: [\"\u592a\u9670\u66a6\", \"\u592a\u967d\u66a6\", \"\u30e6\u30ea\u30a6\u30b9\u66a6\", \"\u30b0\u30ec\u30b4\u30ea\u30aa\u66a6\"], exp: \"\u6708\u306e\u6e80\u3061\u6b20\u3051\u3092\u57fa\u6e96\u306b\u3057\u305f\u592a\u9670\u66a6\u304c\u4f7f\u308f\u308c\u3001\u8fb2\u4f5c\u696d\u306e\u6642\u671f\u3084\u6d2a\u6c34\u306e\u4e88\u6e2c\u306b\u5f79\u7acb\u3066\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u7269\u8a9e\u306b\u5927\u548c\u7d75\u306e\u3055\u3057\u7d75\u3092\u305d\u3048\u3066\u5dfb\u7269\u306b\u306a\u3063\u305f\u3082\u306e\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u7d75\u5dfb\u7269\", options: [\"\u7d75\u5dfb\u7269\", \"\u5c4f\u98a8\u7d75\", \"\u6c34\u58a8\u753b\", \"\u6d6e\u4e16\u7d75\"], exp: \"\u300e\u6e90\u6c0f\u7269\u8a9e\u7d75\u5dfb\u300f\u306a\u3069\u306b\u4ee3\u8868\u3055\u308c\u308b\u3088\u3046\u306b\u3001\u7269\u8a9e\u306b\u7d75\u3092\u6dfb\u3048\u305f\u5dfb\u7269\u3068\u3057\u3066\u5e73\u5b89\u6642\u4ee3\u306b\u767a\u9054\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"4\u4e16\u7d00\u9803\u306b\u5927\u548c\u653f\u6a29\u304c\u3064\u306a\u304c\u308a\u3092\u6df1\u3081\u305f\u671d\u9bae\u5357\u90e8\u306e\u5730\u65b9\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u4f3d\u8036\u5730\u57df\", options: [\"\u4f3d\u8036\u5730\u57df\", \"\u907c\u6771\u5730\u57df\", \"\u5c71\u6771\u5730\u57df\", \"\u6c5f\u5357\u5730\u57df\"], exp: \"\u9244\u8cc7\u6e90\u304c\u8c4a\u304b\u3060\u3063\u305f\u671d\u9bae\u5357\u90e8\u306e\u4f3d\u8036\u5730\u57df\uff08\u4efb\u90a3\u3068\u3082\u547c\u3070\u308c\u308b\uff09\u3068\u5927\u548c\u653f\u6a29\u306f\u6df1\u3044\u95a2\u4fc2\u3092\u7bc9\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u7a32\u4f5c\u3068\u540c\u3058\u6642\u671f\u306b\u5927\u9678\u304b\u3089\u4f1d\u308f\u3063\u305f\u3001\u9752\u9285\u5668\u3084\u9244\u5668\u306a\u3069\u3092\u3042\u308f\u305b\u3066\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u91d1\u5c5e\u5668\", options: [\"\u91d1\u5c5e\u5668\", \"\u571f\u5668\", \"\u77f3\u5668\", \"\u6728\u88fd\u54c1\"], exp: \"\u5f25\u751f\u6642\u4ee3\u306b\u5927\u9678\u304b\u3089\u7a32\u4f5c\u3068\u3068\u3082\u306b\u9752\u9285\u5668\u3084\u9244\u5668\u306a\u3069\u306e\u91d1\u5c5e\u5668\u304c\u4f1d\u3048\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u90aa\u99ac\u53f0\u56fd\u306e\u8a18\u8ff0\u304c\u3042\u308b\u4e2d\u56fd\u306e\u6b74\u53f2\u66f8\u306f\u4f55\u304b\u3002\", a: \"\u9b4f\u5fd7\u502d\u4eba\u4f1d\", options: [\"\u9b4f\u5fd7\u502d\u4eba\u4f1d\", \"\u5b8b\u66f8\", \"\u5f8c\u6f22\u66f8\", \"\u53f2\u8a18\"], exp: \"\u4e09\u56fd\u6642\u4ee3\u306e\u9b4f\u306e\u6b74\u53f2\u66f8\u3067\u3042\u308b\u300e\u4e09\u56fd\u5fd7\u300f\u306e\u9b4f\u66f8\u6771\u5937\u4f1d\uff08\u901a\u79f0\uff1a\u9b4f\u5fd7\u502d\u4eba\u4f1d\uff09\u306b\u3001\u5351\u5f25\u547c\u3084\u90aa\u99ac\u53f0\u56fd\u306e\u69d8\u5b50\u304c\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\" },\n { q: \"\u30a8\u30b8\u30d7\u30c8\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u305f\u6587\u5b57\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u8c61\u5f62\u6587\u5b57\", options: [\"\u8c61\u5f62\u6587\u5b57\", \"\u6954\u5f62\u6587\u5b57\", \"\u7532\u9aa8\u6587\u5b57\", \"\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c8\"], exp: \"\u53e4\u4ee3\u30a8\u30b8\u30d7\u30c8\u3067\u306f\u3001\u30d4\u30e9\u30df\u30c3\u30c9\u3084\u30d1\u30d4\u30eb\u30b9\u306a\u3069\u306b\u7d75\u6587\u5b57\u304b\u3089\u767a\u5c55\u3057\u305f\u8c61\u5f62\u6587\u5b57\uff08\u795e\u8056\u6587\u5b57\u30fb\u30d2\u30a8\u30ed\u30b0\u30ea\u30d5\uff09\u304c\u4f7f\u308f\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u5927\u5316\u306e\u6539\u65b0\u304c\u59cb\u307e\u3063\u305f\u306e\u306f\u4f55\u5e74\u304b\u3002\", a: \"645\u5e74\", options: [\"645\u5e74\", \"710\u5e74\", \"794\u5e74\", \"603\u5e74\"], exp: \"645\u5e74\u3001\u4e2d\u5927\u5144\u7687\u5b50\u3084\u4e2d\u81e3\u938c\u8db3\u3089\u304c\u8607\u6211\u6c0f\u3092\u5012\u3057\u3001\u65e5\u672c\u521d\u306e\u5143\u53f7\u3067\u3042\u308b\u300c\u5927\u5316\u300d\u304c\u5b9a\u3081\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u6c37\u6cb3\u671f\u304c\u7d42\u308f\u308a\u3001\u65e5\u672c\u304c\u5927\u9678\u304b\u3089\u96e2\u308c\u3066\u5cf6\u56fd\u3068\u306a\u3063\u305f\u306e\u306f\u4eca\u304b\u3089\u3069\u306e\u304f\u3089\u3044\u524d\u304b\u3002\", a: \"\u7d041\u4e07\u5e74\u524d\", options: [\"\u7d041\u4e07\u5e74\u524d\", \"\u7d045\u4e07\u5e74\u524d\", \"\u7d043000\u5e74\u524d\", \"\u7d04500\u5e74\u524d\"], exp: \"\u7d041\u4e07\u5e74\u524d\u306b\u5730\u7403\u306e\u6e29\u6696\u5316\uff08\u6c37\u6cb3\u671f\u306e\u7d42\u4e86\uff09\u306b\u4f34\u3044\u6d77\u9762\u304c\u4e0a\u6607\u3057\u3001\u65e5\u672c\u306f\u30e6\u30fc\u30e9\u30b7\u30a2\u5927\u9678\u304b\u3089\u5206\u96e2\u3057\u3066\u5cf6\u56fd\u3068\u306a\u308a\u307e\u3057\u305f\u3002\" },\n { q: \"\u73ed\u7530\u53ce\u6388\u306e\u6cd5\u304c\u304f\u305a\u308c\u305f\u3053\u3068\u306b\u3088\u3063\u3066\u5897\u3048\u305f\u3001\u8cb4\u65cf\u3084\u5927\u304d\u306a\u5bfa\u793e\u306e\u79c1\u6709\u5730\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u8358\u5712\", options: [\"\u8358\u5712\", \"\u56fd\u5e9c\", \"\u90e1\u8859\", \"\u53e3\u5206\u7530\"], exp: \"\u5f8b\u4ee4\u5236\u306e\u52d5\u63fa\u306b\u4f34\u3044\u3001\u958b\u58be\u304c\u9032\u3080\u3068\u3068\u3082\u306b\u8cb4\u65cf\u3084\u5bfa\u793e\u304c\u79c1\u6709\u5730\uff08\u8358\u5712\uff09\u3092\u62e1\u5927\u3057\u3066\u3044\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u502d\u738b\u300c\u6b66\u300d\u304c\u4e2d\u56fd\u306e\u7687\u5e1d\u306b\u9001\u3063\u305f\u624b\u7d19\u304c\u8f09\u3063\u3066\u3044\u308b\u4e2d\u56fd\u306e\u6b74\u53f2\u66f8\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u5b8b\u66f8\", options: [\"\u5b8b\u66f8\", \"\u9b4f\u5fd7\u502d\u4eba\u4f1d\", \"\u5f8c\u6f22\u66f8\", \"\u53f2\u8a18\"], exp: \"\u5357\u671d\u306e\u300e\u5b8b\u66f8\u300f\u306e\u502d\u56fd\u4f1d\u306b\u3001\u502d\u738b\u6b66\uff08\u96c4\u7565\u5929\u7687\u3068\u63a8\u6e2c\u3055\u308c\u308b\uff09\u306e\u4e0a\u8868\u6587\u304c\u6b8b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\" },\n { q: \"\u6b63\u5009\u9662\u306e\u5efa\u7bc9\u69d8\u5f0f\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u6821\u5009\u9020\", options: [\"\u6821\u5009\u9020\", \"\u5bdd\u6bbf\u9020\", \"\u66f8\u9662\u9020\", \"\u5408\u638c\u9020\"], exp: \"\u5948\u826f\u5e02\u306e\u6771\u5927\u5bfa\u306b\u3042\u308b\u6b63\u5009\u9662\u5b9d\u5eab\u306f\u3001\u4e09\u89d2\u5f62\u306e\u6750\u6728\u3092\u7d44\u307f\u4e0a\u3052\u305f\u6e7f\u6c17\u306b\u5f37\u3044\u6821\u5009\u9020\u3067\u4f5c\u3089\u308c\u3066\u3044\u307e\u3059\u3002\" },\n { q: \"\u4e2d\u592e\u306e\u4e0b\u7d1a\u8cb4\u65cf\u304c\u6d3e\u9063\u3055\u308c\u3001\u884c\u653f\u30fb\u8ecd\u4e8b\u30fb\u8b66\u5bdf\u30fb\u53f8\u6cd5\u3092\u884c\u3063\u305f\u5f8b\u4ee4\u5236\u306e\u5730\u65b9\u5b98\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u56fd\u53f8\", options: [\"\u56fd\u53f8\", \"\u90e1\u53f8\", \"\u9632\u4eba\", \"\u9063\u5510\u4f7f\"], exp: \"\u5168\u56fd\u3092\u7d0460\u4f59\u308a\u306e\u56fd\u306b\u5206\u3051\u3001\u4e2d\u592e\u304b\u3089\u8cb4\u65cf\u3067\u3042\u308b\u56fd\u53f8\u304c\u6d3e\u9063\u3055\u308c\u3066\u5730\u65b9\u652f\u914d\u3092\u884c\u3044\u307e\u3057\u305f\u3002\" },\n { q: \"\u30ae\u30ea\u30b7\u30e3\u306e\u30dd\u30ea\u30b9\u306e\u3046\u3061\u3001\u4ee3\u8868\u7684\u306a\u3082\u306e\u30921\u3064\u7b54\u3048\u3088\u3002\", a: \"\u30a2\u30c6\u30cd\", options: [\"\u30a2\u30c6\u30cd\", \"\u30ed\u30fc\u30de\", \"\u30ab\u30eb\u30bf\u30b4\", \"\u30b9\u30d1\u30eb\u30bf\"], exp: \"\u53e4\u4ee3\u30ae\u30ea\u30b7\u30e3\u3067\u306f\u30a2\u30c6\u30cd\u3084\u30b9\u30d1\u30eb\u30bf\u306a\u3069\u306e\u90fd\u5e02\u56fd\u5bb6\uff08\u30dd\u30ea\u30b9\uff09\u304c\u6804\u3048\u307e\u3057\u305f\u3002\" },\n { q: \"\u8607\u6211\u6c0f\u4e2d\u5fc3\u306e\u653f\u6cbb\u3092\u6539\u3081\u308b\u305f\u3081\u306b\u3001\u4e2d\u5927\u5144\u7687\u5b50\u3068\u4e2d\u81e3\u938c\u8db3\u304c\u8607\u6211\u6c0f\u3092\u305f\u304a\u3057\u3001\u65b0\u3057\u3044\u653f\u6cbb\u5236\u5ea6\u3092\u3064\u304f\u3063\u305f\u6539\u9769\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u5927\u5316\u306e\u6539\u65b0\", options: [\"\u5927\u5316\u306e\u6539\u65b0\", \"\u5efa\u6b66\u7684\u65b0\u653f\", \"\u5927\u5b9d\u5f8b\u4ee4\u306e\u5236\u5b9a\", \"\u5e73\u5b89\u4eac\u3078\u306e\u9077\u90fd\"], exp: \"\u8607\u6211\u6c0f\u306e\u672c\u5b97\u5bb6\u3092\u6ec5\u307c\u3057\u305f\u3053\u3068\u3067\u3001\u5929\u7687\u4e2d\u5fc3\u306e\u653f\u6cbb\u4f53\u5236\u3078\u306e\u6539\u9769\uff08\u5927\u5316\u306e\u6539\u65b0\uff09\u304c\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"\u4e2d\u56fd\u3092\u521d\u3081\u3066\u7d71\u4e00\u3057\u305f\u4eba\u7269\u306f\u8ab0\u304b\u3002\", a: \"\u59cb\u7687\u5e1d\", options: [\"\u59cb\u7687\u5e1d\", \"\u6b66\u5e1d\", \"\u5289\u90a6\", \"\u9805\u7fbd\"], exp: \"\u7d00\u5143\u524d221\u5e74\u306b\u79e6\u306e\u738b\u304c\u4e2d\u56fd\u5168\u571f\u3092\u7d71\u4e00\u3057\u3001\u81ea\u3089\u300c\u59cb\u7687\u5e1d\u300d\u3068\u540d\u4e57\u308a\u307e\u3057\u305f\u3002\" },\n { q: \"\u5927\u5b9d\u5f8b\u4ee4\u304c\u3064\u304f\u3089\u308c\u305f\u3053\u3068\u306b\u3088\u308a\u3001\u5f8b\u4ee4\u653f\u6cbb\u3092\u884c\u3046\u4e0a\u3067\u4e2d\u5fc3\u3068\u306a\u308b\u671d\u5ef7\u306e\u5236\u5ea6\u306f\u4f55\u306b\u306a\u3063\u305f\u304b\u3002\", a: \"\u4e8c\u5b98\u516b\u7701\", options: [\"\u4e8c\u5b98\u516b\u7701\", \"\u4e09\u7701\u516d\u90e8\", \"\u592a\u653f\u5b98\u5236\", \"\u56fd\u4f1a\u4e2d\u5fc3\u5236\"], exp: \"701\u5e74\u306e\u5927\u5b9d\u5f8b\u4ee4\u306b\u3088\u308a\u3001\u795e\u7947\u5b98\u3068\u592a\u653f\u5b98\u306e\u300c\u4e8c\u5b98\u300d\u304a\u3088\u3073\u5b9f\u52d9\u3092\u62c5\u3046\u300c\u516b\u7701\u300d\u304b\u3089\u306a\u308b\u5236\u5ea6\u304c\u6574\u3048\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u7d00\u5143\u524d3\u4e16\u7d00\u306b\u304a\u3053\u3063\u305f\u4e2d\u56fd\u3067\u6700\u521d\u306e\u7d71\u4e00\u56fd\u5bb6\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u79e6\", options: [\"\u79e6\", \"\u6f22\", \"\u5468\", \"\u6bb7\"], exp: \"\u59cb\u7687\u5e1d\u304c\u7387\u3044\u305f\u79e6\u304c\u4e2d\u56fd\u3092\u7d71\u4e00\u3057\u307e\u3057\u305f\u304c\u3001\u77ed\u671f\u9593\u3067\u6ec5\u4ea1\u3057\u305d\u306e\u5f8c\u3092\u6f22\u304c\u7d99\u304e\u307e\u3057\u305f\u3002\" },\n { q: \"\u5510\u304c\u6ec5\u4ea1\u3057\u305f\u306e\u306f\u4f55\u5e74\u304b\u3002\", a: \"907\u5e74\", options: [\"907\u5e74\", \"645\u5e74\", \"794\u5e74\", \"1185\u5e74\"], exp: \"\u9ad8\u5ea6\u306a\u6587\u5316\u3092\u8a87\u3063\u305f\u5510\u306f\u3001\u8fb2\u6c11\u53cd\u4e71\u3084\u5185\u90e8\u6297\u4e89\u306b\u3088\u308a907\u5e74\u306b\u6ec5\u4ea1\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"7\u4e16\u7d00\u521d\u3081\u3001\u30a2\u30e9\u30d3\u30a2\u534a\u5cf6\u3067\u30a4\u30b9\u30e9\u30e0\u6559\u3092\u59cb\u3081\u305f\u4eba\u7269\u306f\u8ab0\u304b\u3002\", a: \"\u30e0\u30cf\u30f3\u30de\u30c9\", options: [\"\u30e0\u30cf\u30f3\u30de\u30c9\", \"\u30d6\u30c3\u30c0\", \"\u30a4\u30a8\u30b9\", \"\u30bd\u30af\u30e9\u30c6\u30b9\"], exp: \"\u30e0\u30cf\u30f3\u30de\u30c9\uff08\u30de\u30db\u30e1\u30c3\u30c8\uff09\u304c\u30a2\u30e9\u30d3\u30a2\u534a\u5cf6\u306e\u30e1\u30c3\u30ab\u3067\u30a4\u30b9\u30e9\u30e0\u6559\u3092\u958b\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u30ae\u30ea\u30b7\u30e3\u3067\u3001\u90fd\u5e02\u56fd\u5bb6\u3092\u4e2d\u5fc3\u306b\u767a\u5c55\u3057\u305f\u6587\u660e\u306f\u4f55\u304b\u3002\", a: \"\u30ae\u30ea\u30b7\u30e3\u6587\u660e\", options: [\"\u30ae\u30ea\u30b7\u30e3\u6587\u660e\", \"\u30e1\u30bd\u30dd\u30bf\u30df\u30a2\u6587\u660e\", \"\u30a4\u30f3\u30c0\u30b9\u6587\u660e\", \"\u30a8\u30b8\u30d7\u30c8\u6587\u660e\"], exp: \"\u5730\u4e2d\u6d77\u6cbf\u5cb8\u3067\u30dd\u30ea\u30b9\uff08\u90fd\u5e02\u56fd\u5bb6\uff09\u3092\u4e2d\u5fc3\u3068\u3057\u305f\u72ec\u81ea\u306e\u6587\u5316\u3084\u6c11\u4e3b\u653f\u304c\u82b1\u958b\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u5f25\u751f\u6642\u4ee3\u304b\u3089\u8fb2\u8015\u7528\u5177\u3084\u6b66\u5668\u3068\u3057\u3066\u4f7f\u308f\u308c\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u3082\u306e\u306f\u4f55\u304b\u3002\", a: \"\u9244\u5668\", options: [\"\u9244\u5668\", \"\u6253\u88fd\u77f3\u5668\", \"\u571f\u5076\", \"\u9752\u9285\u5668\uff08\u796d\u5668\uff09\"], exp: \"\u5b9f\u7528\u7684\u306a\u8fb2\u8015\u7528\u5177\u3084\u6b66\u5668\u3068\u3057\u3066\u306f\u3001\u786c\u3044\u9244\u5668\u304c\u5e83\u304f\u666e\u53ca\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"\u8056\u5fb3\u592a\u5b50\u304c\u51a0\u4f4d\u5341\u4e8c\u968e\u3092\u5b9a\u3081\u305f\u306e\u306f\u4f55\u5e74\u304b\u3002\", a: \"603\u5e74\", options: [\"603\u5e74\", \"645\u5e74\", \"701\u5e74\", \"538\u5e74\"], exp: \"\u8eab\u5206\u3088\u308a\u3082\u500b\u4eba\u306e\u80fd\u529b\u3084\u529f\u7e3e\u306b\u5fdc\u3058\u3066\u5b98\u4f4d\u3092\u4e0e\u3048\u308b\u300c\u51a0\u4f4d\u5341\u4e8c\u968e\u300d\u304c603\u5e74\u306b\u5236\u5b9a\u3055\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u8056\u6b66\u5929\u7687\u306e\u7687\u540e\u3067\u3042\u308a\u3001\u5929\u7687\u3068\u5171\u306b\u4ecf\u6559\u306e\u767a\u5c55\u306b\u52aa\u3081\u305f\u4eba\u7269\u306f\u8ab0\u304b\u3002\", a: \"\u5149\u660e\u7687\u540e\", options: [\"\u5149\u660e\u7687\u540e\", \"\u63a8\u53e4\u5929\u7687\", \"\u6301\u7d71\u5929\u7687\", \"\u5317\u6761\u653f\u5b50\"], exp: \"\u8056\u6b66\u5929\u7687\u3092\u652f\u3048\u305f\u5149\u660e\u7687\u540e\u306f\u3001\u5b64\u5150\u3084\u75c5\u4eba\u306e\u6551\u6e08\u65bd\u8a2d\uff08\u60b2\u7530\u9662\u30fb\u65bd\u85ac\u9662\uff09\u3092\u8a2d\u3051\u308b\u306a\u3069\u4ecf\u6559\u7cbe\u795e\u306b\u57fa\u3065\u304f\u6148\u60b2\u6df1\u3044\u6d3b\u52d5\u3092\u884c\u3044\u307e\u3057\u305f\u3002\" }\n ];\n\n let selectedQuestions = [];\n let currentIndex = 0;\n let userAnswers = {};\n let reviewFlags = {};\n let timerInterval = null;\n let timeLeft = 600;\n let startTime = 0;\n\n document.getElementById('start-btn').addEventListener('click', startQuiz);\n\n function startQuiz() {\n const shuffled = [...allQuestions].sort(() => 0.5 - Math.random());\n selectedQuestions = shuffled.slice(0, 20);\n\n userAnswers = {};\n reviewFlags = {};\n currentIndex = 0;\n timeLeft = 600;\n startTime = Date.now();\n\n document.getElementById('start-screen').classList.add('hidden');\n document.getElementById('quiz-screen').classList.remove('hidden');\n\n initPalette();\n loadQuestion(0);\n startTimer();\n }\n\n function startTimer() {\n timerInterval = setInterval(() => {\n timeLeft--;\n updateTimerDisplay();\n if (timeLeft <= 0) {\n clearInterval(timerInterval);\n finishQuiz();\n }\n }, 1000);\n }\n\n function updateTimerDisplay() {\n const minutes = Math.floor(timeLeft \/ 60);\n const seconds = timeLeft % 60;\n document.getElementById('timer').textContent = \n `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;\n }\n\n function initPalette() {\n const grid = document.getElementById('palette-grid');\n grid.innerHTML = '';\n for (let i = 0; i < selectedQuestions.length; i++) {\n const btn = document.createElement('button');\n btn.className = 'palette-btn';\n btn.textContent = i + 1;\n btn.id = `palette-btn-${i}`;\n btn.onclick = () => jumpToQuestion(i);\n grid.appendChild(btn);\n }\n updatePalette();\n }\n\n function updatePalette() {\n for (let i = 0; i < selectedQuestions.length; i++) {\n const btn = document.getElementById(`palette-btn-${i}`);\n if (!btn) continue;\n btn.className = 'palette-btn';\n if (i === currentIndex) btn.classList.add('current');\n if (userAnswers[i] !== undefined) btn.classList.add('answered');\n if (reviewFlags[i]) btn.classList.add('reviewed');\n }\n }\n\n function loadQuestion(index) {\n currentIndex = index;\n const qData = selectedQuestions[currentIndex];\n\n document.getElementById('progress-info').textContent = `\u7b2c ${currentIndex + 1} \u554f \/ 20\u554f`;\n document.getElementById('q-num-label').textContent = `Question ${currentIndex + 1}`;\n document.getElementById('question-text').textContent = qData.q;\n\n const reviewBtn = document.getElementById('review-toggle-btn');\n if (reviewFlags[currentIndex]) {\n reviewBtn.classList.add('checked');\n reviewBtn.textContent = '\u2605 \u898b\u76f4\u3057\u4e2d';\n } else {\n reviewBtn.classList.remove('checked');\n reviewBtn.textContent = '\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af';\n }\n\n const shuffledOptions = [...qData.options].sort(() => 0.5 - Math.random());\n const optionsList = document.getElementById('options-list');\n optionsList.innerHTML = '';\n\n shuffledOptions.forEach((opt) => {\n const li = document.createElement('li');\n li.className = 'option-item';\n const checked = userAnswers[currentIndex] === opt ? 'checked' : '';\n li.innerHTML = `\n <label style=\"display: flex; align-items: center; width: 100%; cursor: pointer;\">\n <input type=\"radio\" name=\"quiz-option\" value=\"${opt}\" ${checked} onclick=\"selectOption('${opt}')\">\n <span>${opt}<\/span>\n <\/label>\n `;\n optionsList.appendChild(li);\n });\n\n document.getElementById('prev-btn').disabled = currentIndex === 0;\n const nextBtn = document.getElementById('next-btn');\n if (currentIndex === selectedQuestions.length - 1) {\n nextBtn.textContent = '\u63a1\u70b9\u3059\u308b';\n } else {\n nextBtn.textContent = '\u6b21\u306e\u554f\u984c';\n }\n\n updatePalette();\n }\n\n function selectOption(option) {\n userAnswers[currentIndex] = option;\n updatePalette();\n }\n\n function toggleReview() {\n reviewFlags[currentIndex] = !reviewFlags[currentIndex];\n updatePalette();\n const reviewBtn = document.getElementById('review-toggle-btn');\n if (reviewFlags[currentIndex]) {\n reviewBtn.classList.add('checked');\n reviewBtn.textContent = '\u2605 \u898b\u76f4\u3057\u4e2d';\n } else {\n reviewBtn.classList.remove('checked');\n reviewBtn.textContent = '\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af';\n }\n }\n\n function prevQuestion() {\n if (currentIndex > 0) {\n loadQuestion(currentIndex - 1);\n }\n }\n\n function nextQuestion() {\n if (currentIndex < selectedQuestions.length - 1) {\n loadQuestion(currentIndex + 1);\n } else {\n confirmFinish();\n }\n }\n\n function jumpToQuestion(index) {\n loadQuestion(index);\n }\n\n function confirmQuit() {\n if (confirm('\u30c6\u30b9\u30c8\u3092\u7d42\u4e86\u3057\u3066\u7d50\u679c\u753b\u9762\u306b\u9032\u307f\u307e\u3059\u304b\uff1f')) {\n clearInterval(timerInterval);\n finishQuiz();\n }\n }\n\n function confirmFinish() {\n if (confirm('\u3059\u3079\u3066\u306e\u554f\u984c\u3092\u56de\u7b54\u3057\u307e\u3057\u305f\u3002\u63a1\u70b9\u3057\u307e\u3059\u304b\uff1f')) {\n clearInterval(timerInterval);\n finishQuiz();\n }\n }\n\n function finishQuiz() {\n document.getElementById('quiz-screen').classList.add('hidden');\n document.getElementById('result-screen').classList.remove('hidden');\n\n const elapsedTime = Math.floor((Date.now() - startTime) \/ 1000);\n const minutes = Math.floor(elapsedTime \/ 60);\n const seconds = elapsedTime % 60;\n document.getElementById('time-taken').textContent = `\u6240\u8981\u6642\u9593: ${minutes}\u5206${seconds}\u79d2`;\n\n let correctCount = 0;\n selectedQuestions.forEach((q, i) => {\n if (userAnswers[i] === q.a) correctCount++;\n });\n\n const score = correctCount * 5;\n document.getElementById('score-display').textContent = `${score}\u70b9`;\n\n renderResults('all');\n }\n\n function filterResults(filterType) {\n document.querySelectorAll('.filter-tab').forEach(tab => tab.classList.remove('active'));\n event.target.classList.add('active');\n renderResults(filterType);\n }\n\n function renderResults(filterType) {\n const listContainer = document.getElementById('result-list');\n listContainer.innerHTML = '';\n\n selectedQuestions.forEach((q, i) => {\n const userAns = userAnswers[i] !== undefined ? userAnswers[i] : '\u672a\u56de\u7b54';\n const isCorrect = userAns === q.a;\n const isReviewed = !!reviewFlags[i];\n\n if (filterType === 'incorrect' && isCorrect) return;\n if (filterType === 'reviewed' && !isReviewed) return;\n\n const item = document.createElement('div');\n item.className = `result-item ${isCorrect ? 'correct' : 'incorrect'}`;\n item.innerHTML = `\n <div class=\"result-q-title\">\u554f ${i + 1}: ${q.q} ${isReviewed ? '<span style=\"color:#eab308;\">\u2605\u898b\u76f4\u3057<\/span>' : ''}<\/div>\n <div class=\"result-detail\" style=\"color: ${isCorrect ? 'var(--success-color)' : 'var(--danger-color)'}; font-weight: bold;\">\n \u5224\u5b9a: ${isCorrect ? '\u3007 \u6b63\u89e3' : '\u00d7 \u4e0d\u6b63\u89e3'}\n <\/div>\n <div class=\"result-detail\">\u3042\u306a\u305f\u306e\u7b54\u3048: ${userAns}<\/div>\n <div class=\"result-detail\">\u6b63\u89e3: ${q.a}<\/div>\n <div class=\"explanation\"><strong>\u89e3\u8aac:<\/strong> ${q.exp}<\/div>\n `;\n listContainer.appendChild(item);\n });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u5b66\u793e\u4f1a \u4e00\u554f\u4e00\u7b54\uff08\u6b74\u53f2\uff1a\u539f\u59cb\u304b\u3089\u53e4\u4ee3\uff09 📅 2026\u5e7410\u67085\u65e5 ⏱ 2026\u5e7410\u67085\u65e5 👤 \u30cd\u30b9\u30b3\u30e0\u4e2d\u91ce\u6559\u5ba4 \u4e2d\u5b66\u793e\u4f1a \u6b74\u53f2 \u4e00\u554f\u4e00\u7b54 \u793e\u4f1a_\u6b74\u53f2_01\u539f\u59cb\u304b\u3089\u53e4\u4ee3 \u2015 […]<\/p>\n","protected":false},"author":1,"featured_media":2120,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_lightning_design_setting":{"layout":"col-one-no-subsection"},"footnotes":""},"categories":[308],"tags":[],"class_list":["post-4757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-308"],"acf":[],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts\/4757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/comments?post=4757"}],"version-history":[{"count":5,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts\/4757\/revisions"}],"predecessor-version":[{"id":4762,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts\/4757\/revisions\/4762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/media\/2120"}],"wp:attachment":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/media?parent=4757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/categories?post=4757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/tags?post=4757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

$\"\u30af\u30a4\u30ba\"$ <\/div>\n\n\n\n \n \n \u4e2d\u5b66\u793e\u4f1a \u4e00\u554f\u4e00\u7b54\uff08\u6b74\u53f2\uff1a\u539f\u59cb\u304b\u3089\u53e4\u4ee3\uff09<\/title>\n <style>\n :root {\n --bg-color: #f1f5f9;\n --card-bg: #ffffff;\n --text-color: #334155;\n --primary-color: #2563eb;\n --primary-hover: #1d4ed8;\n --secondary-color: #64748b;\n --border-color: #e2e8f0;\n --danger-color: #dc2626;\n --success-color: #16a34a;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Helvetica Neue', Arial, sans-serif;\n background-color: var(--bg-color);\n color: var(--text-color);\n line-height: 1.6;\n padding: 40px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n }\n\n \/* \u30da\u30fc\u30b8\u4e0a\u90e8\u306e\u30e1\u30bf\u60c5\u5831 *\/\n .page-meta {\n width: 100%;\n max-width: 800px;\n display: flex;\n gap: 20px;\n margin-bottom: 20px;\n font-size: 0.9rem;\n color: var(--secondary-color);\n align-items: center;\n }\n\n .container {\n width: 100%;\n max-width: 800px;\n }\n\n .card {\n background-color: var(--card-bg);\n border-radius: 16px;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n padding: 48px 40px;\n margin-bottom: 24px;\n }\n\n .hidden {\n display: none !important;\n }\n\n \/* \u30b9\u30bf\u30fc\u30c8\u753b\u9762 *\/\n #start-screen {\n text-align: center;\n }\n\n .main-title {\n font-size: 2rem;\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 12px;\n }\n\n .sub-title {\n font-size: 1.05rem;\n color: var(--secondary-color);\n margin-bottom: 36px;\n }\n\n \/* 3\u3064\u306e\u7279\u5fb4\u30ab\u30fc\u30c9\u30b0\u30ea\u30c3\u30c9 *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-bottom: 36px;\n }\n\n .feature-box {\n background: #ffffff;\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 24px 16px;\n text-align: center;\n }\n\n .feature-label {\n font-size: 0.9rem;\n color: var(--secondary-color);\n margin-bottom: 8px;\n font-weight: bold;\n }\n\n .feature-value {\n font-size: 1.25rem;\n font-weight: bold;\n color: #1e293b;\n }\n\n .start-desc {\n font-size: 0.95rem;\n color: var(--secondary-color);\n margin-bottom: 32px;\n }\n\n .btn-main {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 16px 56px;\n font-size: 1.1rem;\n font-weight: bold;\n border-radius: 10px;\n cursor: pointer;\n transition: background-color 0.2s, transform 0.1s;\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\n width: 100%;\n max-width: 320px;\n }\n\n .btn-main:hover {\n background-color: var(--primary-hover);\n transform: translateY(-1px);\n }\n\n \/* \u30af\u30a4\u30ba\u753b\u9762\u30d8\u30c3\u30c0\u30fc *\/\n .quiz-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n border-bottom: 2px solid var(--border-color);\n padding-bottom: 16px;\n }\n\n .timer {\n font-size: 1.1rem;\n font-weight: bold;\n color: var(--danger-color);\n background: #fee2e2;\n padding: 6px 16px;\n border-radius: 20px;\n }\n\n .question-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n }\n\n .question-number {\n font-weight: bold;\n color: var(--primary-color);\n font-size: 1.15rem;\n }\n\n .review-check-btn {\n background: none;\n border: 1px solid var(--border-color);\n padding: 6px 14px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 0.9rem;\n color: var(--secondary-color);\n transition: all 0.2s;\n }\n\n .review-check-btn.checked {\n background-color: #fef08a;\n border-color: #eab308;\n color: #854d0e;\n font-weight: bold;\n }\n\n .question-text {\n font-size: 1.25rem;\n font-weight: bold;\n margin-bottom: 28px;\n white-space: pre-wrap;\n color: #0f172a;\n }\n\n \/* \u9078\u629e\u80a2\u30ea\u30b9\u30c8 *\/\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 32px;\n }\n\n .option-item {\n background: #f8fafc;\n border: 1px solid var(--border-color);\n border-radius: 10px;\n padding: 16px 20px;\n cursor: pointer;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n font-size: 1.05rem;\n }\n\n .option-item:hover {\n background: #eff6ff;\n border-color: var(--primary-color);\n }\n\n .option-item input[type=\"radio\"] {\n margin-right: 14px;\n transform: scale(1.3);\n accent-color: var(--primary-color);\n }\n\n \/* \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3 *\/\n .navigation-buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid var(--border-color);\n padding-top: 24px;\n margin-bottom: 28px;\n }\n\n .btn {\n background-color: #e2e8f0;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n font-weight: bold;\n cursor: pointer;\n color: #334155;\n transition: background-color 0.2s;\n font-size: 0.95rem;\n }\n\n .btn:hover:not(:disabled) {\n background-color: #cbd5e1;\n }\n\n .btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white;\n }\n\n .btn-primary:hover:not(:disabled) {\n background-color: var(--primary-hover);\n }\n\n .btn-danger-light {\n background-color: #fee2e2;\n color: #991b1b;\n }\n\n .btn-danger-light:hover {\n background-color: #fecaca;\n }\n\n \/* \u554f\u984c\u756a\u53f7\u30d1\u30ec\u30c3\u30c8 *\/\n .palette-container {\n border-top: 1px solid var(--border-color);\n padding-top: 20px;\n }\n\n .palette-title {\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 12px;\n color: var(--secondary-color);\n }\n\n .palette-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 8px;\n }\n\n .palette-btn {\n aspect-ratio: 1;\n border: 1px solid var(--border-color);\n background: #fff;\n border-radius: 6px;\n font-size: 0.85rem;\n font-weight: bold;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: all 0.1s;\n }\n\n .palette-btn:hover {\n background-color: #f1f5f9;\n }\n\n .palette-btn.current {\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3);\n }\n\n .palette-btn.answered {\n background-color: #dbeafe;\n color: var(--primary-color);\n border-color: #93c5fd;\n }\n\n .palette-btn.reviewed::after {\n content: '\u2605';\n position: absolute;\n top: -4px;\n right: -2px;\n font-size: 10px;\n color: #eab308;\n }\n\n \/* \u7d50\u679c\u753b\u9762 *\/\n .result-summary {\n text-align: center;\n margin-bottom: 32px;\n }\n\n .score-display {\n font-size: 3rem;\n font-weight: bold;\n color: var(--primary-color);\n margin: 12px 0;\n }\n\n .filter-tabs {\n display: flex;\n gap: 12px;\n margin-bottom: 24px;\n }\n\n .filter-tab {\n flex: 1;\n padding: 12px;\n border: 1px solid var(--border-color);\n background: #fff;\n border-radius: 8px;\n font-weight: bold;\n cursor: pointer;\n text-align: center;\n font-size: 0.95rem;\n transition: all 0.2s;\n }\n\n .filter-tab.active {\n background-color: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n }\n\n .result-item {\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 16px;\n background: #fafafa;\n }\n\n .result-item.correct {\n border-left: 6px solid var(--success-color);\n }\n\n .result-item.incorrect {\n border-left: 6px solid var(--danger-color);\n }\n\n .result-q-title {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.05rem;\n }\n\n .result-detail {\n font-size: 0.95rem;\n margin-top: 6px;\n }\n\n .explanation {\n margin-top: 14px;\n padding: 14px;\n background: #fff;\n border-radius: 8px;\n border: 1px dashed var(--border-color);\n font-size: 0.9rem;\n line-height: 1.7;\n }\n\n @media (max-width: 600px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"page-meta\">\n <span>📅 2026\u5e7410\u67085\u65e5<\/span>\n <span>⏱ 2026\u5e7410\u67085\u65e5<\/span>\n <span>👤 \u30cd\u30b9\u30b3\u30e0\u4e2d\u91ce\u6559\u5ba4<\/span>\n <\/div>\n\n <div class=\"container\">\n \n <div id=\"start-screen\" class=\"card\">\n <h1 class=\"main-title\">\u4e2d\u5b66\u793e\u4f1a \u6b74\u53f2 \u4e00\u554f\u4e00\u7b54<\/h1>\n <div class=\"sub-title\">\u793e\u4f1a_\u6b74\u53f2_01\u539f\u59cb\u304b\u3089\u53e4\u4ee3 \u2015 \u5f31\u70b9\u767a\u898b\u30c6\u30b9\u30c8<\/div>\n \n <div class=\"feature-grid\">\n <div class=\"feature-box\">\n <div class=\"feature-label\">\u5236\u9650\u6642\u9593<\/div>\n <div class=\"feature-value\">10\u5206<\/div>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"feature-label\">\u51fa\u984c\u6570<\/div>\n <div class=\"feature-value\">20\u554f<\/div>\n <\/div>\n <div class=\"feature-box\">\n <div class=\"feature-label\">\u6e80\u70b9<\/div>\n <div class=\"feature-value\">100\u70b9<span style=\"font-size: 0.8rem; font-weight: normal;\"><br>(1\u554f5\u70b9)<\/span><\/div>\n <\/div>\n <\/div>\n\n <p class=\"start-desc\">\u554f\u984c\u30d0\u30f3\u30af\u304b\u3089\u6bce\u56de20\u554f\u3092\u30e9\u30f3\u30c0\u30e0\u306b\u51fa\u984c\u3057\u307e\u3059\u3002\u9078\u629e\u80a2\u3082\u554f\u984c\u3054\u3068\u306b\u4e26\u3073\u66ff\u3048\u307e\u3059\u3002<\/p>\n\n <button class=\"btn-main\" id=\"start-btn\">\u30c6\u30b9\u30c8\u30b9\u30bf\u30fc\u30c8<\/button>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"card hidden\">\n <div class=\"quiz-header\">\n <div id=\"progress-info\" style=\"font-weight: bold; color: var(--secondary-color);\">\u7b2c 1 \u554f \/ 20\u554f<\/div>\n <div class=\"timer\" id=\"timer\">10:00<\/div>\n <\/div>\n\n <div class=\"question-meta\">\n <div class=\"question-number\" id=\"q-num-label\">Question 1<\/div>\n <button class=\"review-check-btn\" id=\"review-toggle-btn\" onclick=\"toggleReview()\">\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af<\/button>\n <\/div>\n\n <div class=\"question-text\" id=\"question-text\">\n \u3053\u3053\u306b\u554f\u984c\u6587\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n <\/div>\n\n <ul class=\"options-list\" id=\"options-list\">\n \n <\/ul>\n\n <div class=\"navigation-buttons\">\n <button class=\"btn\" id=\"prev-btn\" onclick=\"prevQuestion()\">\u524d\u306e\u554f\u984c<\/button>\n <button class=\"btn btn-danger-light\" onclick=\"confirmQuit()\">\u30c6\u30b9\u30c8\u7d42\u4e86<\/button>\n <button class=\"btn btn-primary\" id=\"next-btn\" onclick=\"nextQuestion()\">\u6b21\u306e\u554f\u984c<\/button>\n <\/div>\n\n <div class=\"palette-container\">\n <div class=\"palette-title\">\u554f\u984c\u756a\u53f7\u30d1\u30ec\u30c3\u30c8\uff08\u30af\u30ea\u30c3\u30af\u3057\u3066\u79fb\u52d5\uff09<\/div>\n <div class=\"palette-grid\" id=\"palette-grid\">\n \n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"result-screen\" class=\"card hidden\">\n <h2 style=\"text-align: center; margin-bottom: 10px; color: #1e293b;\">\u30c6\u30b9\u30c8\u7d50\u679c<\/h2>\n <div class=\"result-summary\">\n <div class=\"score-display\" id=\"score-display\">100\u70b9<\/div>\n <p id=\"time-taken\" style=\"color: var(--secondary-color);\">\u6240\u8981\u6642\u9593: 0\u52060\u79d2<\/p>\n <\/div>\n\n <div class=\"filter-tabs\">\n <div class=\"filter-tab active\" onclick=\"filterResults('all')\">\u3059\u3079\u3066\u8868\u793a<\/div>\n <div class=\"filter-tab\" onclick=\"filterResults('incorrect')\">\u00d7 \u4e0d\u6b63\u89e3\u306e\u307f<\/div>\n <div class=\"filter-tab\" onclick=\"filterResults('reviewed')\">\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af\u306e\u307f<\/div>\n <\/div>\n\n <div id=\"result-list\">\n \n <\/div>\n\n <div style=\"text-align: center; margin-top: 32px;\">\n <button class=\"btn-main\" onclick=\"location.reload()\">\u3082\u3046\u4e00\u5ea6\u6311\u6226\u3059\u308b<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const allQuestions = [\n { q: \"\u65e5\u672c\u3067\u65e7\u77f3\u5668\u6642\u4ee3\u306e\u5b58\u5728\u304c\u78ba\u8a8d\u3055\u308c\u308b\u304d\u3063\u304b\u3051\u3068\u306a\u3063\u305f\u907a\u8de1\u306f\u4f55\u304b\u3002\", a: \"\u5ca9\u5bbf\u907a\u8de1\", options: [\"\u5ca9\u5bbf\u907a\u8de1\", \"\u4e09\u5185\u4e38\u5c71\u907a\u8de1\", \"\u767b\u5442\u907a\u8de1\", \"\u5409\u91ce\u30b1\u91cc\u907a\u8de1\"], exp: \"\u7fa4\u99ac\u770c\u306b\u3042\u308b\u5ca9\u5bbf\u907a\u8de1\u3067\u76f8\u6ca2\u5fe0\u6d0b\u306b\u3088\u3063\u3066\u95a2\u6771\u30ed\u30fc\u30e0\u5c64\u304b\u3089\u6253\u88fd\u77f3\u5668\u304c\u767a\u898b\u3055\u308c\u3001\u65e5\u672c\u306b\u3082\u65e7\u77f3\u5668\u6642\u4ee3\u304c\u5b58\u5728\u3059\u308b\u3053\u3068\u304c\u8a3c\u660e\u3055\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"5\u4e16\u7d00\u9803\u306e\u671d\u9bae\u534a\u5cf6\u306b\u5b58\u5728\u3057\u305f\u5927\u304d\u306a\u56fd\u306e\u3046\u3061\u306e1\u3064\u306f\u4f55\u304b\u3002\", a: \"\u9ad8\u53e5\u9e97\", options: [\"\u9ad8\u53e5\u9e97\", \"\u79e6\", \"\u6f22\", \"\u5510\"], exp: \"5\u4e16\u7d00\u9803\u306e\u671d\u9bae\u534a\u5cf6\u306b\u306f\u3001\u9ad8\u53e5\u9e97\u30fb\u65b0\u7f85\u30fb\u767e\u6e08\u306e3\u3064\u306e\u56fd\u304c\u5bfe\u7acb\u30fb\u5b58\u5728\u3057\u3066\u3044\u307e\u3057\u305f\u3002\" },\n { q: \"\u30e1\u30bd\u30dd\u30bf\u30df\u30a2\u6587\u660e\u3067\u4f7f\u308f\u308c\u3066\u3044\u305f\u66a6\u306f\u4f55\u304b\u3002\", a: \"\u592a\u9670\u66a6\", options: [\"\u592a\u9670\u66a6\", \"\u592a\u967d\u66a6\", \"\u30e6\u30ea\u30a6\u30b9\u66a6\", \"\u30b0\u30ec\u30b4\u30ea\u30aa\u66a6\"], exp: \"\u6708\u306e\u6e80\u3061\u6b20\u3051\u3092\u57fa\u6e96\u306b\u3057\u305f\u592a\u9670\u66a6\u304c\u4f7f\u308f\u308c\u3001\u8fb2\u4f5c\u696d\u306e\u6642\u671f\u3084\u6d2a\u6c34\u306e\u4e88\u6e2c\u306b\u5f79\u7acb\u3066\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u7269\u8a9e\u306b\u5927\u548c\u7d75\u306e\u3055\u3057\u7d75\u3092\u305d\u3048\u3066\u5dfb\u7269\u306b\u306a\u3063\u305f\u3082\u306e\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u7d75\u5dfb\u7269\", options: [\"\u7d75\u5dfb\u7269\", \"\u5c4f\u98a8\u7d75\", \"\u6c34\u58a8\u753b\", \"\u6d6e\u4e16\u7d75\"], exp: \"\u300e\u6e90\u6c0f\u7269\u8a9e\u7d75\u5dfb\u300f\u306a\u3069\u306b\u4ee3\u8868\u3055\u308c\u308b\u3088\u3046\u306b\u3001\u7269\u8a9e\u306b\u7d75\u3092\u6dfb\u3048\u305f\u5dfb\u7269\u3068\u3057\u3066\u5e73\u5b89\u6642\u4ee3\u306b\u767a\u9054\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"4\u4e16\u7d00\u9803\u306b\u5927\u548c\u653f\u6a29\u304c\u3064\u306a\u304c\u308a\u3092\u6df1\u3081\u305f\u671d\u9bae\u5357\u90e8\u306e\u5730\u65b9\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u4f3d\u8036\u5730\u57df\", options: [\"\u4f3d\u8036\u5730\u57df\", \"\u907c\u6771\u5730\u57df\", \"\u5c71\u6771\u5730\u57df\", \"\u6c5f\u5357\u5730\u57df\"], exp: \"\u9244\u8cc7\u6e90\u304c\u8c4a\u304b\u3060\u3063\u305f\u671d\u9bae\u5357\u90e8\u306e\u4f3d\u8036\u5730\u57df\uff08\u4efb\u90a3\u3068\u3082\u547c\u3070\u308c\u308b\uff09\u3068\u5927\u548c\u653f\u6a29\u306f\u6df1\u3044\u95a2\u4fc2\u3092\u7bc9\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u7a32\u4f5c\u3068\u540c\u3058\u6642\u671f\u306b\u5927\u9678\u304b\u3089\u4f1d\u308f\u3063\u305f\u3001\u9752\u9285\u5668\u3084\u9244\u5668\u306a\u3069\u3092\u3042\u308f\u305b\u3066\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u91d1\u5c5e\u5668\", options: [\"\u91d1\u5c5e\u5668\", \"\u571f\u5668\", \"\u77f3\u5668\", \"\u6728\u88fd\u54c1\"], exp: \"\u5f25\u751f\u6642\u4ee3\u306b\u5927\u9678\u304b\u3089\u7a32\u4f5c\u3068\u3068\u3082\u306b\u9752\u9285\u5668\u3084\u9244\u5668\u306a\u3069\u306e\u91d1\u5c5e\u5668\u304c\u4f1d\u3048\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u90aa\u99ac\u53f0\u56fd\u306e\u8a18\u8ff0\u304c\u3042\u308b\u4e2d\u56fd\u306e\u6b74\u53f2\u66f8\u306f\u4f55\u304b\u3002\", a: \"\u9b4f\u5fd7\u502d\u4eba\u4f1d\", options: [\"\u9b4f\u5fd7\u502d\u4eba\u4f1d\", \"\u5b8b\u66f8\", \"\u5f8c\u6f22\u66f8\", \"\u53f2\u8a18\"], exp: \"\u4e09\u56fd\u6642\u4ee3\u306e\u9b4f\u306e\u6b74\u53f2\u66f8\u3067\u3042\u308b\u300e\u4e09\u56fd\u5fd7\u300f\u306e\u9b4f\u66f8\u6771\u5937\u4f1d\uff08\u901a\u79f0\uff1a\u9b4f\u5fd7\u502d\u4eba\u4f1d\uff09\u306b\u3001\u5351\u5f25\u547c\u3084\u90aa\u99ac\u53f0\u56fd\u306e\u69d8\u5b50\u304c\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\" },\n { q: \"\u30a8\u30b8\u30d7\u30c8\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u305f\u6587\u5b57\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u8c61\u5f62\u6587\u5b57\", options: [\"\u8c61\u5f62\u6587\u5b57\", \"\u6954\u5f62\u6587\u5b57\", \"\u7532\u9aa8\u6587\u5b57\", \"\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c8\"], exp: \"\u53e4\u4ee3\u30a8\u30b8\u30d7\u30c8\u3067\u306f\u3001\u30d4\u30e9\u30df\u30c3\u30c9\u3084\u30d1\u30d4\u30eb\u30b9\u306a\u3069\u306b\u7d75\u6587\u5b57\u304b\u3089\u767a\u5c55\u3057\u305f\u8c61\u5f62\u6587\u5b57\uff08\u795e\u8056\u6587\u5b57\u30fb\u30d2\u30a8\u30ed\u30b0\u30ea\u30d5\uff09\u304c\u4f7f\u308f\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u5927\u5316\u306e\u6539\u65b0\u304c\u59cb\u307e\u3063\u305f\u306e\u306f\u4f55\u5e74\u304b\u3002\", a: \"645\u5e74\", options: [\"645\u5e74\", \"710\u5e74\", \"794\u5e74\", \"603\u5e74\"], exp: \"645\u5e74\u3001\u4e2d\u5927\u5144\u7687\u5b50\u3084\u4e2d\u81e3\u938c\u8db3\u3089\u304c\u8607\u6211\u6c0f\u3092\u5012\u3057\u3001\u65e5\u672c\u521d\u306e\u5143\u53f7\u3067\u3042\u308b\u300c\u5927\u5316\u300d\u304c\u5b9a\u3081\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u6c37\u6cb3\u671f\u304c\u7d42\u308f\u308a\u3001\u65e5\u672c\u304c\u5927\u9678\u304b\u3089\u96e2\u308c\u3066\u5cf6\u56fd\u3068\u306a\u3063\u305f\u306e\u306f\u4eca\u304b\u3089\u3069\u306e\u304f\u3089\u3044\u524d\u304b\u3002\", a: \"\u7d041\u4e07\u5e74\u524d\", options: [\"\u7d041\u4e07\u5e74\u524d\", \"\u7d045\u4e07\u5e74\u524d\", \"\u7d043000\u5e74\u524d\", \"\u7d04500\u5e74\u524d\"], exp: \"\u7d041\u4e07\u5e74\u524d\u306b\u5730\u7403\u306e\u6e29\u6696\u5316\uff08\u6c37\u6cb3\u671f\u306e\u7d42\u4e86\uff09\u306b\u4f34\u3044\u6d77\u9762\u304c\u4e0a\u6607\u3057\u3001\u65e5\u672c\u306f\u30e6\u30fc\u30e9\u30b7\u30a2\u5927\u9678\u304b\u3089\u5206\u96e2\u3057\u3066\u5cf6\u56fd\u3068\u306a\u308a\u307e\u3057\u305f\u3002\" },\n { q: \"\u73ed\u7530\u53ce\u6388\u306e\u6cd5\u304c\u304f\u305a\u308c\u305f\u3053\u3068\u306b\u3088\u3063\u3066\u5897\u3048\u305f\u3001\u8cb4\u65cf\u3084\u5927\u304d\u306a\u5bfa\u793e\u306e\u79c1\u6709\u5730\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u8358\u5712\", options: [\"\u8358\u5712\", \"\u56fd\u5e9c\", \"\u90e1\u8859\", \"\u53e3\u5206\u7530\"], exp: \"\u5f8b\u4ee4\u5236\u306e\u52d5\u63fa\u306b\u4f34\u3044\u3001\u958b\u58be\u304c\u9032\u3080\u3068\u3068\u3082\u306b\u8cb4\u65cf\u3084\u5bfa\u793e\u304c\u79c1\u6709\u5730\uff08\u8358\u5712\uff09\u3092\u62e1\u5927\u3057\u3066\u3044\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u502d\u738b\u300c\u6b66\u300d\u304c\u4e2d\u56fd\u306e\u7687\u5e1d\u306b\u9001\u3063\u305f\u624b\u7d19\u304c\u8f09\u3063\u3066\u3044\u308b\u4e2d\u56fd\u306e\u6b74\u53f2\u66f8\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u5b8b\u66f8\", options: [\"\u5b8b\u66f8\", \"\u9b4f\u5fd7\u502d\u4eba\u4f1d\", \"\u5f8c\u6f22\u66f8\", \"\u53f2\u8a18\"], exp: \"\u5357\u671d\u306e\u300e\u5b8b\u66f8\u300f\u306e\u502d\u56fd\u4f1d\u306b\u3001\u502d\u738b\u6b66\uff08\u96c4\u7565\u5929\u7687\u3068\u63a8\u6e2c\u3055\u308c\u308b\uff09\u306e\u4e0a\u8868\u6587\u304c\u6b8b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\" },\n { q: \"\u6b63\u5009\u9662\u306e\u5efa\u7bc9\u69d8\u5f0f\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u6821\u5009\u9020\", options: [\"\u6821\u5009\u9020\", \"\u5bdd\u6bbf\u9020\", \"\u66f8\u9662\u9020\", \"\u5408\u638c\u9020\"], exp: \"\u5948\u826f\u5e02\u306e\u6771\u5927\u5bfa\u306b\u3042\u308b\u6b63\u5009\u9662\u5b9d\u5eab\u306f\u3001\u4e09\u89d2\u5f62\u306e\u6750\u6728\u3092\u7d44\u307f\u4e0a\u3052\u305f\u6e7f\u6c17\u306b\u5f37\u3044\u6821\u5009\u9020\u3067\u4f5c\u3089\u308c\u3066\u3044\u307e\u3059\u3002\" },\n { q: \"\u4e2d\u592e\u306e\u4e0b\u7d1a\u8cb4\u65cf\u304c\u6d3e\u9063\u3055\u308c\u3001\u884c\u653f\u30fb\u8ecd\u4e8b\u30fb\u8b66\u5bdf\u30fb\u53f8\u6cd5\u3092\u884c\u3063\u305f\u5f8b\u4ee4\u5236\u306e\u5730\u65b9\u5b98\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u56fd\u53f8\", options: [\"\u56fd\u53f8\", \"\u90e1\u53f8\", \"\u9632\u4eba\", \"\u9063\u5510\u4f7f\"], exp: \"\u5168\u56fd\u3092\u7d0460\u4f59\u308a\u306e\u56fd\u306b\u5206\u3051\u3001\u4e2d\u592e\u304b\u3089\u8cb4\u65cf\u3067\u3042\u308b\u56fd\u53f8\u304c\u6d3e\u9063\u3055\u308c\u3066\u5730\u65b9\u652f\u914d\u3092\u884c\u3044\u307e\u3057\u305f\u3002\" },\n { q: \"\u30ae\u30ea\u30b7\u30e3\u306e\u30dd\u30ea\u30b9\u306e\u3046\u3061\u3001\u4ee3\u8868\u7684\u306a\u3082\u306e\u30921\u3064\u7b54\u3048\u3088\u3002\", a: \"\u30a2\u30c6\u30cd\", options: [\"\u30a2\u30c6\u30cd\", \"\u30ed\u30fc\u30de\", \"\u30ab\u30eb\u30bf\u30b4\", \"\u30b9\u30d1\u30eb\u30bf\"], exp: \"\u53e4\u4ee3\u30ae\u30ea\u30b7\u30e3\u3067\u306f\u30a2\u30c6\u30cd\u3084\u30b9\u30d1\u30eb\u30bf\u306a\u3069\u306e\u90fd\u5e02\u56fd\u5bb6\uff08\u30dd\u30ea\u30b9\uff09\u304c\u6804\u3048\u307e\u3057\u305f\u3002\" },\n { q: \"\u8607\u6211\u6c0f\u4e2d\u5fc3\u306e\u653f\u6cbb\u3092\u6539\u3081\u308b\u305f\u3081\u306b\u3001\u4e2d\u5927\u5144\u7687\u5b50\u3068\u4e2d\u81e3\u938c\u8db3\u304c\u8607\u6211\u6c0f\u3092\u305f\u304a\u3057\u3001\u65b0\u3057\u3044\u653f\u6cbb\u5236\u5ea6\u3092\u3064\u304f\u3063\u305f\u6539\u9769\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u5927\u5316\u306e\u6539\u65b0\", options: [\"\u5927\u5316\u306e\u6539\u65b0\", \"\u5efa\u6b66\u7684\u65b0\u653f\", \"\u5927\u5b9d\u5f8b\u4ee4\u306e\u5236\u5b9a\", \"\u5e73\u5b89\u4eac\u3078\u306e\u9077\u90fd\"], exp: \"\u8607\u6211\u6c0f\u306e\u672c\u5b97\u5bb6\u3092\u6ec5\u307c\u3057\u305f\u3053\u3068\u3067\u3001\u5929\u7687\u4e2d\u5fc3\u306e\u653f\u6cbb\u4f53\u5236\u3078\u306e\u6539\u9769\uff08\u5927\u5316\u306e\u6539\u65b0\uff09\u304c\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"\u4e2d\u56fd\u3092\u521d\u3081\u3066\u7d71\u4e00\u3057\u305f\u4eba\u7269\u306f\u8ab0\u304b\u3002\", a: \"\u59cb\u7687\u5e1d\", options: [\"\u59cb\u7687\u5e1d\", \"\u6b66\u5e1d\", \"\u5289\u90a6\", \"\u9805\u7fbd\"], exp: \"\u7d00\u5143\u524d221\u5e74\u306b\u79e6\u306e\u738b\u304c\u4e2d\u56fd\u5168\u571f\u3092\u7d71\u4e00\u3057\u3001\u81ea\u3089\u300c\u59cb\u7687\u5e1d\u300d\u3068\u540d\u4e57\u308a\u307e\u3057\u305f\u3002\" },\n { q: \"\u5927\u5b9d\u5f8b\u4ee4\u304c\u3064\u304f\u3089\u308c\u305f\u3053\u3068\u306b\u3088\u308a\u3001\u5f8b\u4ee4\u653f\u6cbb\u3092\u884c\u3046\u4e0a\u3067\u4e2d\u5fc3\u3068\u306a\u308b\u671d\u5ef7\u306e\u5236\u5ea6\u306f\u4f55\u306b\u306a\u3063\u305f\u304b\u3002\", a: \"\u4e8c\u5b98\u516b\u7701\", options: [\"\u4e8c\u5b98\u516b\u7701\", \"\u4e09\u7701\u516d\u90e8\", \"\u592a\u653f\u5b98\u5236\", \"\u56fd\u4f1a\u4e2d\u5fc3\u5236\"], exp: \"701\u5e74\u306e\u5927\u5b9d\u5f8b\u4ee4\u306b\u3088\u308a\u3001\u795e\u7947\u5b98\u3068\u592a\u653f\u5b98\u306e\u300c\u4e8c\u5b98\u300d\u304a\u3088\u3073\u5b9f\u52d9\u3092\u62c5\u3046\u300c\u516b\u7701\u300d\u304b\u3089\u306a\u308b\u5236\u5ea6\u304c\u6574\u3048\u3089\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u7d00\u5143\u524d3\u4e16\u7d00\u306b\u304a\u3053\u3063\u305f\u4e2d\u56fd\u3067\u6700\u521d\u306e\u7d71\u4e00\u56fd\u5bb6\u3092\u4f55\u3068\u3044\u3046\u304b\u3002\", a: \"\u79e6\", options: [\"\u79e6\", \"\u6f22\", \"\u5468\", \"\u6bb7\"], exp: \"\u59cb\u7687\u5e1d\u304c\u7387\u3044\u305f\u79e6\u304c\u4e2d\u56fd\u3092\u7d71\u4e00\u3057\u307e\u3057\u305f\u304c\u3001\u77ed\u671f\u9593\u3067\u6ec5\u4ea1\u3057\u305d\u306e\u5f8c\u3092\u6f22\u304c\u7d99\u304e\u307e\u3057\u305f\u3002\" },\n { q: \"\u5510\u304c\u6ec5\u4ea1\u3057\u305f\u306e\u306f\u4f55\u5e74\u304b\u3002\", a: \"907\u5e74\", options: [\"907\u5e74\", \"645\u5e74\", \"794\u5e74\", \"1185\u5e74\"], exp: \"\u9ad8\u5ea6\u306a\u6587\u5316\u3092\u8a87\u3063\u305f\u5510\u306f\u3001\u8fb2\u6c11\u53cd\u4e71\u3084\u5185\u90e8\u6297\u4e89\u306b\u3088\u308a907\u5e74\u306b\u6ec5\u4ea1\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"7\u4e16\u7d00\u521d\u3081\u3001\u30a2\u30e9\u30d3\u30a2\u534a\u5cf6\u3067\u30a4\u30b9\u30e9\u30e0\u6559\u3092\u59cb\u3081\u305f\u4eba\u7269\u306f\u8ab0\u304b\u3002\", a: \"\u30e0\u30cf\u30f3\u30de\u30c9\", options: [\"\u30e0\u30cf\u30f3\u30de\u30c9\", \"\u30d6\u30c3\u30c0\", \"\u30a4\u30a8\u30b9\", \"\u30bd\u30af\u30e9\u30c6\u30b9\"], exp: \"\u30e0\u30cf\u30f3\u30de\u30c9\uff08\u30de\u30db\u30e1\u30c3\u30c8\uff09\u304c\u30a2\u30e9\u30d3\u30a2\u534a\u5cf6\u306e\u30e1\u30c3\u30ab\u3067\u30a4\u30b9\u30e9\u30e0\u6559\u3092\u958b\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u30ae\u30ea\u30b7\u30e3\u3067\u3001\u90fd\u5e02\u56fd\u5bb6\u3092\u4e2d\u5fc3\u306b\u767a\u5c55\u3057\u305f\u6587\u660e\u306f\u4f55\u304b\u3002\", a: \"\u30ae\u30ea\u30b7\u30e3\u6587\u660e\", options: [\"\u30ae\u30ea\u30b7\u30e3\u6587\u660e\", \"\u30e1\u30bd\u30dd\u30bf\u30df\u30a2\u6587\u660e\", \"\u30a4\u30f3\u30c0\u30b9\u6587\u660e\", \"\u30a8\u30b8\u30d7\u30c8\u6587\u660e\"], exp: \"\u5730\u4e2d\u6d77\u6cbf\u5cb8\u3067\u30dd\u30ea\u30b9\uff08\u90fd\u5e02\u56fd\u5bb6\uff09\u3092\u4e2d\u5fc3\u3068\u3057\u305f\u72ec\u81ea\u306e\u6587\u5316\u3084\u6c11\u4e3b\u653f\u304c\u82b1\u958b\u304d\u307e\u3057\u305f\u3002\" },\n { q: \"\u5f25\u751f\u6642\u4ee3\u304b\u3089\u8fb2\u8015\u7528\u5177\u3084\u6b66\u5668\u3068\u3057\u3066\u4f7f\u308f\u308c\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u3082\u306e\u306f\u4f55\u304b\u3002\", a: \"\u9244\u5668\", options: [\"\u9244\u5668\", \"\u6253\u88fd\u77f3\u5668\", \"\u571f\u5076\", \"\u9752\u9285\u5668\uff08\u796d\u5668\uff09\"], exp: \"\u5b9f\u7528\u7684\u306a\u8fb2\u8015\u7528\u5177\u3084\u6b66\u5668\u3068\u3057\u3066\u306f\u3001\u786c\u3044\u9244\u5668\u304c\u5e83\u304f\u666e\u53ca\u3057\u307e\u3057\u305f\u3002\" },\n { q: \"\u8056\u5fb3\u592a\u5b50\u304c\u51a0\u4f4d\u5341\u4e8c\u968e\u3092\u5b9a\u3081\u305f\u306e\u306f\u4f55\u5e74\u304b\u3002\", a: \"603\u5e74\", options: [\"603\u5e74\", \"645\u5e74\", \"701\u5e74\", \"538\u5e74\"], exp: \"\u8eab\u5206\u3088\u308a\u3082\u500b\u4eba\u306e\u80fd\u529b\u3084\u529f\u7e3e\u306b\u5fdc\u3058\u3066\u5b98\u4f4d\u3092\u4e0e\u3048\u308b\u300c\u51a0\u4f4d\u5341\u4e8c\u968e\u300d\u304c603\u5e74\u306b\u5236\u5b9a\u3055\u308c\u307e\u3057\u305f\u3002\" },\n { q: \"\u8056\u6b66\u5929\u7687\u306e\u7687\u540e\u3067\u3042\u308a\u3001\u5929\u7687\u3068\u5171\u306b\u4ecf\u6559\u306e\u767a\u5c55\u306b\u52aa\u3081\u305f\u4eba\u7269\u306f\u8ab0\u304b\u3002\", a: \"\u5149\u660e\u7687\u540e\", options: [\"\u5149\u660e\u7687\u540e\", \"\u63a8\u53e4\u5929\u7687\", \"\u6301\u7d71\u5929\u7687\", \"\u5317\u6761\u653f\u5b50\"], exp: \"\u8056\u6b66\u5929\u7687\u3092\u652f\u3048\u305f\u5149\u660e\u7687\u540e\u306f\u3001\u5b64\u5150\u3084\u75c5\u4eba\u306e\u6551\u6e08\u65bd\u8a2d\uff08\u60b2\u7530\u9662\u30fb\u65bd\u85ac\u9662\uff09\u3092\u8a2d\u3051\u308b\u306a\u3069\u4ecf\u6559\u7cbe\u795e\u306b\u57fa\u3065\u304f\u6148\u60b2\u6df1\u3044\u6d3b\u52d5\u3092\u884c\u3044\u307e\u3057\u305f\u3002\" }\n ];\n\n let selectedQuestions = [];\n let currentIndex = 0;\n let userAnswers = {};\n let reviewFlags = {};\n let timerInterval = null;\n let timeLeft = 600;\n let startTime = 0;\n\n document.getElementById('start-btn').addEventListener('click', startQuiz);\n\n function startQuiz() {\n const shuffled = [...allQuestions].sort(() => 0.5 - Math.random());\n selectedQuestions = shuffled.slice(0, 20);\n\n userAnswers = {};\n reviewFlags = {};\n currentIndex = 0;\n timeLeft = 600;\n startTime = Date.now();\n\n document.getElementById('start-screen').classList.add('hidden');\n document.getElementById('quiz-screen').classList.remove('hidden');\n\n initPalette();\n loadQuestion(0);\n startTimer();\n }\n\n function startTimer() {\n timerInterval = setInterval(() => {\n timeLeft--;\n updateTimerDisplay();\n if (timeLeft <= 0) {\n clearInterval(timerInterval);\n finishQuiz();\n }\n }, 1000);\n }\n\n function updateTimerDisplay() {\n const minutes = Math.floor(timeLeft \/ 60);\n const seconds = timeLeft % 60;\n document.getElementById('timer').textContent = \n `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;\n }\n\n function initPalette() {\n const grid = document.getElementById('palette-grid');\n grid.innerHTML = '';\n for (let i = 0; i < selectedQuestions.length; i++) {\n const btn = document.createElement('button');\n btn.className = 'palette-btn';\n btn.textContent = i + 1;\n btn.id = `palette-btn-${i}`;\n btn.onclick = () => jumpToQuestion(i);\n grid.appendChild(btn);\n }\n updatePalette();\n }\n\n function updatePalette() {\n for (let i = 0; i < selectedQuestions.length; i++) {\n const btn = document.getElementById(`palette-btn-${i}`);\n if (!btn) continue;\n btn.className = 'palette-btn';\n if (i === currentIndex) btn.classList.add('current');\n if (userAnswers[i] !== undefined) btn.classList.add('answered');\n if (reviewFlags[i]) btn.classList.add('reviewed');\n }\n }\n\n function loadQuestion(index) {\n currentIndex = index;\n const qData = selectedQuestions[currentIndex];\n\n document.getElementById('progress-info').textContent = `\u7b2c ${currentIndex + 1} \u554f \/ 20\u554f`;\n document.getElementById('q-num-label').textContent = `Question ${currentIndex + 1}`;\n document.getElementById('question-text').textContent = qData.q;\n\n const reviewBtn = document.getElementById('review-toggle-btn');\n if (reviewFlags[currentIndex]) {\n reviewBtn.classList.add('checked');\n reviewBtn.textContent = '\u2605 \u898b\u76f4\u3057\u4e2d';\n } else {\n reviewBtn.classList.remove('checked');\n reviewBtn.textContent = '\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af';\n }\n\n const shuffledOptions = [...qData.options].sort(() => 0.5 - Math.random());\n const optionsList = document.getElementById('options-list');\n optionsList.innerHTML = '';\n\n shuffledOptions.forEach((opt) => {\n const li = document.createElement('li');\n li.className = 'option-item';\n const checked = userAnswers[currentIndex] === opt ? 'checked' : '';\n li.innerHTML = `\n <label style=\"display: flex; align-items: center; width: 100%; cursor: pointer;\">\n <input type=\"radio\" name=\"quiz-option\" value=\"${opt}\" ${checked} onclick=\"selectOption('${opt}')\">\n <span>${opt}<\/span>\n <\/label>\n `;\n optionsList.appendChild(li);\n });\n\n document.getElementById('prev-btn').disabled = currentIndex === 0;\n const nextBtn = document.getElementById('next-btn');\n if (currentIndex === selectedQuestions.length - 1) {\n nextBtn.textContent = '\u63a1\u70b9\u3059\u308b';\n } else {\n nextBtn.textContent = '\u6b21\u306e\u554f\u984c';\n }\n\n updatePalette();\n }\n\n function selectOption(option) {\n userAnswers[currentIndex] = option;\n updatePalette();\n }\n\n function toggleReview() {\n reviewFlags[currentIndex] = !reviewFlags[currentIndex];\n updatePalette();\n const reviewBtn = document.getElementById('review-toggle-btn');\n if (reviewFlags[currentIndex]) {\n reviewBtn.classList.add('checked');\n reviewBtn.textContent = '\u2605 \u898b\u76f4\u3057\u4e2d';\n } else {\n reviewBtn.classList.remove('checked');\n reviewBtn.textContent = '\u2606 \u898b\u76f4\u3057\u30c1\u30a7\u30c3\u30af';\n }\n }\n\n function prevQuestion() {\n if (currentIndex > 0) {\n loadQuestion(currentIndex - 1);\n }\n }\n\n function nextQuestion() {\n if (currentIndex < selectedQuestions.length - 1) {\n loadQuestion(currentIndex + 1);\n } else {\n confirmFinish();\n }\n }\n\n function jumpToQuestion(index) {\n loadQuestion(index);\n }\n\n function confirmQuit() {\n if (confirm('\u30c6\u30b9\u30c8\u3092\u7d42\u4e86\u3057\u3066\u7d50\u679c\u753b\u9762\u306b\u9032\u307f\u307e\u3059\u304b\uff1f')) {\n clearInterval(timerInterval);\n finishQuiz();\n }\n }\n\n function confirmFinish() {\n if (confirm('\u3059\u3079\u3066\u306e\u554f\u984c\u3092\u56de\u7b54\u3057\u307e\u3057\u305f\u3002\u63a1\u70b9\u3057\u307e\u3059\u304b\uff1f')) {\n clearInterval(timerInterval);\n finishQuiz();\n }\n }\n\n function finishQuiz() {\n document.getElementById('quiz-screen').classList.add('hidden');\n document.getElementById('result-screen').classList.remove('hidden');\n\n const elapsedTime = Math.floor((Date.now() - startTime) \/ 1000);\n const minutes = Math.floor(elapsedTime \/ 60);\n const seconds = elapsedTime % 60;\n document.getElementById('time-taken').textContent = `\u6240\u8981\u6642\u9593: ${minutes}\u5206${seconds}\u79d2`;\n\n let correctCount = 0;\n selectedQuestions.forEach((q, i) => {\n if (userAnswers[i] === q.a) correctCount++;\n });\n\n const score = correctCount * 5;\n document.getElementById('score-display').textContent = `${score}\u70b9`;\n\n renderResults('all');\n }\n\n function filterResults(filterType) {\n document.querySelectorAll('.filter-tab').forEach(tab => tab.classList.remove('active'));\n event.target.classList.add('active');\n renderResults(filterType);\n }\n\n function renderResults(filterType) {\n const listContainer = document.getElementById('result-list');\n listContainer.innerHTML = '';\n\n selectedQuestions.forEach((q, i) => {\n const userAns = userAnswers[i] !== undefined ? userAnswers[i] : '\u672a\u56de\u7b54';\n const isCorrect = userAns === q.a;\n const isReviewed = !!reviewFlags[i];\n\n if (filterType === 'incorrect' && isCorrect) return;\n if (filterType === 'reviewed' && !isReviewed) return;\n\n const item = document.createElement('div');\n item.className = `result-item ${isCorrect ? 'correct' : 'incorrect'}`;\n item.innerHTML = `\n <div class=\"result-q-title\">\u554f ${i + 1}: ${q.q} ${isReviewed ? '<span style=\"color:#eab308;\">\u2605\u898b\u76f4\u3057<\/span>' : ''}<\/div>\n <div class=\"result-detail\" style=\"color: ${isCorrect ? 'var(--success-color)' : 'var(--danger-color)'}; font-weight: bold;\">\n \u5224\u5b9a: ${isCorrect ? '\u3007 \u6b63\u89e3' : '\u00d7 \u4e0d\u6b63\u89e3'}\n <\/div>\n <div class=\"result-detail\">\u3042\u306a\u305f\u306e\u7b54\u3048: ${userAns}<\/div>\n <div class=\"result-detail\">\u6b63\u89e3: ${q.a}<\/div>\n <div class=\"explanation\"><strong>\u89e3\u8aac:<\/strong> ${q.exp}<\/div>\n `;\n listContainer.appendChild(item);\n });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u5b66\u793e\u4f1a \u4e00\u554f\u4e00\u7b54\uff08\u6b74\u53f2\uff1a\u539f\u59cb\u304b\u3089\u53e4\u4ee3\uff09 📅 2026\u5e7410\u67085\u65e5 ⏱ 2026\u5e7410\u67085\u65e5 👤 \u30cd\u30b9\u30b3\u30e0\u4e2d\u91ce\u6559\u5ba4 \u4e2d\u5b66\u793e\u4f1a \u6b74\u53f2 \u4e00\u554f\u4e00\u7b54 \u793e\u4f1a_\u6b74\u53f2_01\u539f\u59cb\u304b\u3089\u53e4\u4ee3 \u2015 […]<\/p>\n","protected":false},"author":1,"featured_media":2120,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_lightning_design_setting":{"layout":"col-one-no-subsection"},"footnotes":""},"categories":[308],"tags":[],"class_list":["post-4757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-308"],"acf":[],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts\/4757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/comments?post=4757"}],"version-history":[{"count":5,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts\/4757\/revisions"}],"predecessor-version":[{"id":4762,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/posts\/4757\/revisions\/4762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/media\/2120"}],"wp:attachment":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/media?parent=4757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/categories?post=4757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/tags?post=4757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}