@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap");@media print{html{-webkit-print-color-adjust:exact;color-adjust:exact}html main{width:initial}}@page{size:A4 landscape;margin:40px 0 0}#tabs{display:flex;width:100%;margin-top:12px}#tabs .tabLabel{flex-grow:1;width:50%;border:1px solid #005335;padding:0.5em 0;text-align:center;cursor:pointer;border-radius:0 8px 0 0}#tabs .tabLabel:first-of-type{border-radius:8px 0 0 0;border-right:none}#tabs .tabLabel:focus-within{outline:auto}#tabs .tabLabel#activeTab{cursor:default;position:relative}#tabs .tabLabel#activeTab::after{content:"";position:absolute;left:calc(50% - 10px);top:100%;border-right:10px solid transparent;border-top:8px solid #005335;border-left:10px solid transparent}.settingTabpanel{margin-bottom:16px;border:1px solid #005335;border-top:none;border-radius:0 0 8px 8px;padding:8px 16px}.settingTabpanel p:first-child{margin:0}.settingTabpanel:last-of-type summary h3{display:inline-block;width:calc(100% - 100px);padding-left:0;border-left:none}.settingTabpanel:last-of-type button{margin-bottom:16px}.settingTabpanel:last-of-type .kanjiChoicesDiv{display:flex;flex-wrap:wrap}.settingTabpanel:last-of-type .kanjiChoicesDiv label{padding:8px 12px;border-radius:8px;margin-right:8px;margin-bottom:8px;background:white}.dash{letter-spacing:-0.1em;margin-right:0.2em}.scroll{overflow:auto}#testArea{margin-top:0;font-family:"Klee One","游教科書体","HG教科書体",sans-serif;padding-bottom:32px;counter-reset:questions}@media screen{#testArea{width:297mm}}@media print{#testArea{padding:32px}}#testArea #testTitle{display:grid;grid-template-columns:280px 1fr 150px;border:1px solid #333;border-radius:16px;padding:0 16px 0 24px;height:72px}#testArea #testTitle #title{font-size:40px;line-height:1.65;margin:0}#testArea #testTitle #name{font-size:18px;writing-mode:vertical-lr;text-align:center;padding-left:16px;border-left:1px solid #333}#testArea #testTitle #score{font-size:18px;text-align:end;border-left:1px solid #333;position:relative}#testArea #testTitle #score>span{position:absolute;right:0;bottom:5px}#testArea>p{margin-bottom:32px}#testArea #questionsDiv{font-size:18px;font-feature-settings:normal}@media screen{#testArea #questionsDiv{display:grid;grid-template-rows:180px;grid-template-columns:repeat(8, calc(1.6em + 3em));gap:3em;gap:auto;padding-bottom:1em}}#testArea #questionsDiv .row{display:grid;grid-template-rows:180px;grid-template-columns:repeat(8, calc(1.6em + 3em));gap:3em}@media print{#testArea #questionsDiv .row{padding:1em 0 2em 5px;break-inside:avoid}}@media print{_::-webkit-full-page-media,_:future,:root .row{padding-bottom:1em !important;gap:2em !important}_::-webkit-full-page-media,_:future,:root #testArea{padding:1em 2em}@-moz-document url-prefix(){.row{column-gap:2.4em !important}}}.question{grid-template-columns:2em 1fr;grid-template-rows:1.6em 3em;writing-mode:vertical-rl;height:180px;display:grid}.question .counter{grid-column:1;grid-row:2;writing-mode:horizontal-tb}.question .counter::after{display:block;width:1.8em;height:1.8em;margin:auto;font-family:irohamaru,-apple-system,BlinkMacSystemFont,sans-serif;font-size:0.8rem;text-align:center;border:1px solid #333;border-radius:50%;counter-increment:questions;content:counter(questions)}.question .blank{grid-column:2;position:relative}.question .blank .answer{display:block;font-size:2em;line-height:51px;text-align:center;width:100%;height:100%}.question .blank .answer[hidden]{visibility:hidden}.question .blank .answer.more{font-size:1.5em}.okurigana .phrase{grid-column:2;margin-top:4px}.okurigana .yomigana{grid-column:2;border-right:1px solid #333}.okurigana .blank{width:3em;height:calc(100% - 4px);margin-top:4px}.okurigana .blank::before,.okurigana .blank::after{position:absolute;content:"";left:0;width:calc(3em - 2px);height:0.5em;border-left:1px solid #333;border-right:1px solid #333}.okurigana .blank::before{border-top:1px solid #333;top:0}.okurigana .blank::after{border-bottom:1px solid #333;bottom:0}.tango .phrase{grid-column:2;grid-row:2}.tango .blank{display:inline-block;width:calc(3em - 2px);height:3em;border:1px solid #333;margin:4px 0;position:relative}.tango .blank .yomigana{position:absolute;right:calc(-1.6em - 1px);text-align:center;height:100%}.tango .blank .yomigana.more{top:-25%;height:150%}