@charset "utf-8";:root{--vw:1vw;--vh:1vh;--container-width:1280px;--container-height:635px;--container-left:0px;--container-top:0px;--col-width-1:90px;--col-width-2:auto;--col-width-3:640px;--col-width-4:140px;--col-width-5:90px;--col-width-6:90px;--row-height-1:90px;--row-height-2:calc(0.3149606299212598 * var(--container-height));--row-height-3:auto;--icon-button-size:70px;--font-size:18px;--indicator-bar-value:0%;--indicator-bar-visible:hidden;--msg-notice-display:none;--color-background:#FFF;--color-text:#898989;--color-highlight:#0097E0;--color-highlight-inner:#FFF;--color-indicator-bar:#F7B52D;--color-indicator-back:#EEE;--color-cover-back:rgba(0,151,224,0.25);--color-cover-back-body:#BFE5F7;--color-menu-cover:rgba(255,255,255,0.6);--color-menu-shadow:rgba(89,89,89,0.1);--color-icon-visibility:visible;--color-icon-visibility-black:hidden;--color-start-text-display-l:inline-block;--color-start-text-display-d:none;--color-keyface:#EEEEEF;--color-keyframe:#EEEEEF;--color-keychar:#AAAAAA;--color-highlight-keyface:#0097E0;--color-highlight-keyframe:#DEDEE0;--color-highlight-keychar:#FFF;--color-startinfo-keyface:#F7F7F7;--color-startinfo-keyframe:#EFEFF0;--color-startinfo-keychar:#D4D4D4;}@media (min-aspect-ratio:1280/635){:root{--container-height:calc(100 * var(--vh));--container-width:calc(201.5748031496063 * var(--vh));--container-left:calc((50 * var(--vw)) - (100.7874015748032 * var(--vh)));--container-top:0px;--col-width-1:calc(14.17322834645669 * var(--vh));--col-width-3:calc(100.7874015748031 * var(--vh));--col-width-4:calc(22.04724409448819 * var(--vh));--col-width-5:calc(14.17322834645669 * var(--vh));--col-width-6:calc(14.17322834645669 * var(--vh));--row-height-1:calc(14.17322834645669 * var(--vh));--icon-button-size:calc(11.02362204724409 * var(--vh));--font-size:calc(2.834645669291339 * var(--vh));}@media (max-height:283px){:root{--font-size:8px;}}}@media (max-aspect-ratio:1280/635){:root{--container-width:calc(100 * var(--vw));--container-height:calc(49.609375 * var(--vw));--container-left:0px;--container-top:0px;--col-width-1:calc(7.03125 * var(--vw));--col-width-3:calc(50 * var(--vw));--col-width-4:calc(10.9375 * var(--vw));--col-width-5:calc(7.03125 * var(--vw));--col-width-6:calc(7.03125 * var(--vw));--row-height-1:calc(7.03125 * var(--vw));--icon-button-size:calc(5.46875 * var(--vw));--font-size:calc(1.40625 * var(--vw));}@media (max-width:569px){:root{--font-size:8px;}@media (min-height:283px){:root{--msg-notice-display:block;}}}}.color-black:root{--color-background:#000;--color-text:#898989;--color-highlight:#CECEBF;--color-highlight-inner:#000;--color-indicator-back:#282828;--color-cover-back:rgba(0,151,224,0.25);--color-cover-back-body:#002638;--color-menu-cover:rgba(0,0,0,0.6);--color-menu-shadow:rgba(166,166,166,0.1);--color-icon-visibility:hidden;--color-icon-visibility-black:visible;--color-start-text-display-l:none;--color-start-text-display-d:inline-block;--color-keyface:#111110;--color-keyframe:#111110;--color-keychar:#555555;--color-highlight-keyface:#CECEBF;--color-highlight-keyframe:#BB5F3A;--color-highlight-keychar:#000;--color-startinfo-keyface:#080807;--color-startinfo-keyframe:#0D0D0D;--color-startinfo-keychar:#2D2D2D;}html{font-family:YuGothic,'Yu Gothic','Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;font-weight:bold;font-size:var(--font-size);line-height:1;}body{background-color:var(--color-background);color:var(--color-text);}.iconButton{display:block;width:var(--icon-button-size);height:var(--icon-button-size);aspect-ratio:1 / 1;margin:0;padding:0;cursor:pointer;border:none;position:relative;}.iconButton>*{display:block;width:100%;height:100%;margin:0;position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden;}.menuButton{display:block;width:calc(var(--container-width) * 200 / 1280);height:calc(var(--container-height) * 60 / 635);aspect-ratio:200 / 60;margin:0;padding:0;cursor:pointer;border:none;background-color:transparent;background-size:contain;background-repeat:no-repeat;}#inputView,#effectView,#menuArea,.infoview{position:absolute;left:var(--container-left);top:var(--container-top);width:var(--container-width);height:var(--container-height);aspect-ratio:1280 / 635;}#inputView{display:grid;background-color:var(--color-background);grid-template-columns:var(--col-width-1) var(--col-width-2) var(--col-width-3) var(--col-width-4) var(--col-width-5) var(--col-width-6);grid-template-rows:var(--row-height-1) var(--row-height-2) var(--row-height-3);}.part{margin:0;padding:0;overflow:hidden;font-size:1rem;}.part:first-of-type,.part:nth-of-type(2),.part:nth-of-type(3),.part:nth-of-type(4),.part:nth-of-type(5){grid-row-start:1;grid-row-end:2;}.part:first-of-type{grid-column-start:1;grid-column-end:2;}.part:nth-of-type(2){grid-column-start:3;grid-column-end:4;}.part:nth-of-type(3){grid-column-start:4;grid-column-end:5;}.part:nth-of-type(4){grid-column-start:5;grid-column-end:6;}.part:nth-of-type(5){grid-column-start:6;grid-column-end:7;}.buttoncell{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-content:center;}.buttoncell input[type="checkbox"]{position:absolute;right:-1px;bottom:-1px;display:none;}#menuButton>.color-white,label[for="colorCheck"]>.color-white,#soundCheck:not(:checked)+label[for="soundCheck"]>.off.color-white,#soundCheck:checked+label[for="soundCheck"]>.on.color-white{visibility:var(--color-icon-visibility);}#menuButton>.color-black,label[for="colorCheck"]>.color-black,#soundCheck:not(:checked)+label[for="soundCheck"]>.off.color-black,#soundCheck:checked+label[for="soundCheck"]>.on.color-black{visibility:var(--color-icon-visibility-black);}.indicatorcell{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-content:center;}.indicatorcell>*{display:block;margin:0;padding:0;}#indicatorFrame{overflow:hidden;border-radius:0.5rem;aspect-ratio:640 / 20;width:100%;background-color:var(--color-indicator-back);}#indicatorBar{display:block;margin:0;height:100%;width:var(--indicator-bar-value);visibility:var(--indicator-bar-visible);background-color:var(--color-indicator-bar);}#indicatorValue{font-size:0.89rem;padding-left:1em;}#indicatorValue::after{margin-left:0.25em;content:" / "attr(data-name);}#indicatorValue.toFix::after{content:" "attr(data-name);}#descriptionMenuView{display:none;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-content:center;position:absolute;left:calc(var(--container-left) + var(--col-width-1));top:var(--container-top);width:calc(var(--container-width) - var(--col-width-1) - var(--col-width-5) - var(--col-width-6));height:var(--row-height-1);pointer-events:none;}.startInfo.descriptionMenu #descriptionMenuView{display:flex;}#descriptionMenuView>img{display:block;width:calc(var(--container-width) * 403.776 / 1280);height:auto;}#effectView{display:none; background-color:transparent;pointer-events:none;}.effectright #effectView,.effectwrong #effectView{display:block;}.effectImageView{display:none; flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-content:center;width:calc(var(--container-width) * 120 / 1280);height:calc(var(--container-height) * 230 / 635);margin:0;padding:0;position:absolute;}.effectright #effectImgRight,.effectwrong #effectImgWrong{display:flex;}.effectMark{display:block;margin:0;padding:0;height:50%;width:auto;object-fit:contain;aspect-ratio:1 / 1;position:static;}.effectCharacter{display:block;margin:0;padding:0;height:50%;width:auto;object-fit:contain;position:static;}#effectImgRight .effectCharacter{position:relative;bottom:0;animation:effectRightAnimate 400ms infinite linear;}@keyframes effectRightAnimate{0%,100%{bottom:0;}30%{bottom:calc(var(--container-height) * 8 / 635);}60%{bottom:calc(var(--container-height) * 20 / 635);}90%{bottom:calc(var(--container-height) * 5 / 635);}}.effectright #characterView,.effectwrong #characterView{display:none;animation:none;cursor:auto;}.infoview{display:none; flex-wrap:wrap;flex-direction:row;justify-content:center;align-content:center;background-color:var(--color-cover-back);pointer-events:none;}.resultInfo body{background-color:var(--color-cover-back-body);}#resultInfoPanel{display:grid;width:calc(var(--container-width) * 490 / 1280);height:calc(var(--container-height) * 498.3 / 635);grid-template-columns:auto calc(var(--container-width) * 65 / 1280) calc(var(--container-width) * 135 / 1280) calc(var(--container-width) * 46 / 1280) calc(var(--container-width) * 98 / 1280);grid-template-rows:calc(var(--container-height) * 108 / 635) repeat(4,calc(var(--container-height) * 59 / 635)) calc(var(--container-height) * 66 / 635) calc(var(--container-height) * 60 / 635) auto;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-image:url("../img/result_panel.svg");color:#E95513;position:relative;top:calc(var(--container-height) * -36 / 635);}#resultInfoPanel .resultData{display:block;grid-column:3 / 5;margin:0;padding:calc(var(--container-height) * 26 / 635) 0 calc(var(--container-height) * 4 / 635) 0;font-size:2rem;font-weight:bold;line-height:2rem;text-align:right;}#resultCountQ{grid-row:2;}#resultCountR{grid-row:3;}#resultCountT{grid-row:4;}#resultSec{grid-row:5;}#retryButton{display:block;grid-column:2 / 4;grid-row:7;pointer-events:auto;cursor:pointer;background-color:transparent;border-style:none;margin:0;padding:0;}#retryButton img{display:inline-block;width:100%;height:100%;object-fit:contain;margin:0;padding:0;}.resultInfo #resultInfoView{display:flex;}.resultInfo .part:not(.buttoncell){user-select:none;}#menuCheck,input[name="setValue"]{position:absolute;right:-1px;bottom:-1px;display:none;}#menuBack{display:none;margin:0;padding:0;position:absolute;width:calc(100 * var(--vw));height:calc(100 * var(--vh));left:0;top:0;right:0;bottom:0;background-color:var(--color-menu-cover);pointer-events:auto;}#menuCheck:checked~#menuBack{display:block;}#menuArea{display:grid;margin:0;padding:0;grid-template-columns:repeat(3, calc(var(--container-width) * 280 / 1280)) auto;grid-template-rows:1fr;background-color:transparent;filter:drop-shadow(7px 0 10px var(--color-menu-shadow));}.menuButtonArea{display:grid;margin:0;padding:0;grid-template-columns:1fr 71.42857142857143% 1fr;grid-template-rows:1fr repeat(4, 9.448818897637795%) 1fr;gap:calc(var(--container-height) * 30 / 635) 0;}.menuButtonArea a{grid-column:2;filter:drop-shadow(0 7px 7px rgba(0,0,0,0.25));}.menuButtonArea a:first-of-type{grid-row:2;}.menuButtonArea a:nth-of-type(2){grid-row:3;}.menuButtonArea a:nth-of-type(3){grid-row:4;}.menuButtonArea a:nth-of-type(4){grid-row:5;}.menuButtonArea a:nth-of-type(5){grid-row:6;}#contentMenu{grid-column:1;grid-row:1;background-color:#FEEBCE;}#contentMenu a{cursor:pointer;pointer-events:none;filter:none;}#contentMenu a.disabled{cursor:auto;filter:contrast(0.78) drop-shadow(0 7px 7px rgba(255,181,49,0.5)) grayscale(100%);}#contentMenu a[href]{pointer-events:auto;filter:drop-shadow(0 7px 7px rgba(255,181,49,0.5));}#alphabetMenu{background-image:url("../img/menu_alphabet_on.svg");}#jpsyllabaryMenu{background-image:url("../img/menu_jpsyllabary_on.svg");}#wordMenu{background-image:url("../img/menu_word_on.svg");}#sentenceMenu{background-image:url("../img/menu_sentence_on.svg");}#alphabetMenu[href],#alphabetMenu.disabled{background-image:url("../img/menu_alphabet.svg");}#jpsyllabaryMenu[href],#jpsyllabaryMenu.disabled{background-image:url("../img/menu_jpsyllabary.svg");}#wordMenu[href],#wordMenu.disabled{background-image:url("../img/menu_word.svg");}#sentenceMenu[href],#sentenceMenu.disabled{background-image:url("../img/menu_sentence.svg");}#indexMenu{margin-top:calc(var(--container-height) * 30 / 635);background-image:url("../img/menu_index.svg");}.trainingMenu,.timetrialMenu{grid-row:1;background-color:#FFFFFF;}.trainingMenu{grid-column:2;}.timetrialMenu{grid-column:3;}.trainingMenu h1,.timetrialMenu h1{margin:0;padding:0;grid-column:1 / 4;grid-row:1;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;align-content:center;}.trainingMenu h1 img,.timetrialMenu h1 img{display:block;height:calc(var(--container-height) * 40 / 635);width:auto;margin:0;margin-bottom:calc(var(--container-height) * 10 / 635);}.trainingMenu label,.timetrialMenu label{grid-column:2;filter:drop-shadow(0 7px 7px rgba(0,0,0,0.25));}.practice .trainingMenu,.practice .timetrialMenu{filter:grayscale(100%);}.practice .trainingMenu label,.practice .timetrialMenu label{cursor:auto;pointer-events:none;}#trainingNum05:checked~.trainingMenu label[for="trainingNum05"],#trainingNum10:checked~.trainingMenu label[for="trainingNum10"],#trainingNum15:checked~.trainingMenu label[for="trainingNum15"],#trainingNum20:checked~.trainingMenu label[for="trainingNum20"],#trainingNum30:checked~.trainingMenu label[for="trainingNum30"],#trialTime010:checked~.timetrialMenu label[for="trialTime010"],#trialTime020:checked~.timetrialMenu label[for="trialTime020"],#trialTime030:checked~.timetrialMenu label[for="trialTime030"],#trialTime060:checked~.timetrialMenu label[for="trialTime060"],#trialTime090:checked~.timetrialMenu label[for="trialTime090"],#trialTime120:checked~.timetrialMenu label[for="trialTime120"]{cursor:auto;pointer-events:none;filter:none;}.trainingMenu label[for="trainingNum05"]{background-image:url("../img/training_num_05.svg");}.trainingMenu label[for="trainingNum10"]{background-image:url("../img/training_num_10.svg");}.trainingMenu label[for="trainingNum15"]{background-image:url("../img/training_num_15.svg");}.trainingMenu label[for="trainingNum20"]{background-image:url("../img/training_num_20.svg");}.trainingMenu label[for="trainingNum30"]{background-image:url("../img/training_num_30.svg");}#trainingNum05:checked~.trainingMenu label[for="trainingNum05"]{background-image:url("../img/training_num_05_on.svg");}#trainingNum10:checked~.trainingMenu label[for="trainingNum10"]{background-image:url("../img/training_num_10_on.svg");}#trainingNum15:checked~.trainingMenu label[for="trainingNum15"]{background-image:url("../img/training_num_15_on.svg");}#trainingNum20:checked~.trainingMenu label[for="trainingNum20"]{background-image:url("../img/training_num_20_on.svg");}#trainingNum30:checked~.trainingMenu label[for="trainingNum30"]{background-image:url("../img/training_num_30_on.svg");}.timetrialMenu label[for="trialTime010"]{background-image:url("../img/trial_time_010.svg");}.timetrialMenu label[for="trialTime020"]{background-image:url("../img/trial_time_020.svg");}.timetrialMenu label[for="trialTime030"]{background-image:url("../img/trial_time_030.svg");}.timetrialMenu label[for="trialTime060"]{background-image:url("../img/trial_time_060.svg");}.timetrialMenu label[for="trialTime090"]{background-image:url("../img/trial_time_090.svg");}.timetrialMenu label[for="trialTime120"]{background-image:url("../img/trial_time_120.svg");}#trialTime010:checked~.timetrialMenu label[for="trialTime010"]{background-image:url("../img/trial_time_010_on.svg");}#trialTime020:checked~.timetrialMenu label[for="trialTime020"]{background-image:url("../img/trial_time_020_on.svg");}#trialTime030:checked~.timetrialMenu label[for="trialTime030"]{background-image:url("../img/trial_time_030_on.svg");}#trialTime060:checked~.timetrialMenu label[for="trialTime060"]{background-image:url("../img/trial_time_060_on.svg");}#trialTime090:checked~.timetrialMenu label[for="trialTime090"]{background-image:url("../img/trial_time_090_on.svg");}#trialTime120:checked~.timetrialMenu label[for="trialTime120"]{background-image:url("../img/trial_time_120_on.svg");}label[for="menuCheck"].iconButton.setCancel{grid-column:1;grid-row:1;position:absolute;left:calc(var(--container-width) * 10 / 1280);top:calc(var(--container-height) * 10 / 635);}label[for="menuCheck"].iconButton.setCancel>*{visibility:visible;}button[data-for="menuCheck"].setDecide{grid-column:2 / 4;grid-row:1;position:absolute;left:calc(var(--container-width) * 140 / 1280);bottom:calc(var(--container-height) * 32.5 / 635);background-image:url("../img/menu_decide.svg");border-style:none;filter:drop-shadow(0 7px 7px rgba(0,0,0,0.25));}.practice button[data-for="menuCheck"].setDecide{filter:grayscale(100%) drop-shadow(0 7px 7px rgba(0,0,0,0.25));cursor:auto;pointer-events:none;}#loading{display:block;position:fixed;margin:0;padding:0;left:0;top:0;right:0;bottom:0;background-color:var(--color-background);}#loading::before,#loading::after{content:"";display:block;position:fixed;margin:0;padding:0;}#loading::before{width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);border-radius:80px;background-color:var(--color-highlight);background-image:linear-gradient(135deg, var(--color-highlight), 70%, var(--color-background));transform-origin:center center;animation:loadingMove 0.5s linear infinite;}@keyframes loadingMove{0%{ transform:rotate(0deg) }12.5%{ transform:rotate(45deg) }25%{ transform:rotate(90deg) }37.5%{ transform:rotate(135deg) }50%{ transform:rotate(180deg) }62.5%{ transform:rotate(225deg) }75%{ transform:rotate(270deg) }87.5%{ transform:rotate(315deg) }100%{ transform:rotate(360deg) }}#loading::after{width:60px;height:60px;left:calc(50% - 30px);top:calc(50% - 30px);border-radius:60px;background-color:var(--color-background);}#msgNotice{display:var(--msg-notice-display);position:fixed;margin:0;padding:0.5em;top:calc(var(--container-height) + 8px);width:calc(80 * var(--vw));height:auto;font-size:18px;text-align:center;left:calc(8 * var(--vw));background-color:#fff;color:#333;border:solid 2px var(--color-highlight);border-radius:9px;pointer-events:none;user-select:none;}#supportKeyboard{display:block;aspect-ratio:970 / 320;width:73.4375%;min-width:73.4375%;max-width:73.4375%;}.symbolKeyFace{fill:var(--color-keyface);}.symbolKeyFrame{fill:var(--color-keyframe);mix-blend-mode:multiply;}.symbolKeyChar{fill:var(--color-keychar);}.highlight .symbolKeyFace{fill:var(--color-highlight-keyface);}.highlight .symbolKeyFrame{fill:var(--color-highlight-keyframe);mix-blend-mode:multiply;}.highlight .symbolKeyChar{fill:var(--color-highlight-keychar);}#symbolKeySpaceDistinguish{display:none;}.startInfo #supportKeyboard{opacity:1;}.startInfo .symbolKeyFace{fill:var(--color-startinfo-keyface);}.startInfo .symbolKeyFrame{fill:var(--color-startinfo-keyframe);}.startInfo .symbolKeyChar{fill:var(--color-startinfo-keychar);}.startInfo #symbolKeySpace .symbolKeyFace,#symbolKeySpace.startInfo .symbolKeyFace{fill:var(--color-highlight-inner);}.startInfo #symbolKeySpace .symbolKeyFrame,#symbolKeySpace.startInfo .symbolKeyFrame{fill:var(--color-highlight);stroke:var(--color-highlight);stroke-width:2;mix-blend-mode:normal;}.startInfo #symbolKeySpaceDistinguish{display:block;}