body,html{height:100%}body{padding:10px;background-color:#beeffd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:メイリオ,MS Pゴシック,sans-serif}.clearfix:after{content:"";display:block;clear:both}.container[data-v-6614685c]{aspect-ratio:16/9;background-image:url(/home.png);background-size:contain;border:5px solid #fff;width:100%;height:auto;margin:0 auto;max-height:720px;position:relative}.container .menuBtn[data-v-6614685c]{width:100%;height:25%;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center}.container .menuBtn .btn[data-v-6614685c]{width:22%;font-size:3vw;text-align:center;background-color:#fa7e7e;color:#fff;border-radius:3vw;line-height:8vw;font-weight:700;letter-spacing:.6vw;border:.5vw solid #fff;cursor:pointer;margin-right:4vw}.container .menuBtn .btn[data-v-6614685c]:last-child{font-size:2.8vw;margin-right:0;line-height:3.5vw;padding:.5vw 0;color:#fa7e7e;background-color:#ff0}.display[data-v-60fe3b40]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-60fe3b40]{width:50%;background-color:#fff;border-radius:20%;border:5px solid #ff763b;display:flex;justify-content:center;align-items:center;aspect-ratio:10/9}.display .modal .message[data-v-60fe3b40]{text-align:center;font-weight:700;font-size:4vw;display:table-cell;vertical-align:middle;width:30vw;height:26vw}.display .modal .message img[data-v-60fe3b40]{width:auto;height:auto;max-height:70%;max-width:80%;margin-bottom:1vw}.display[data-v-5d9ecec8]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-5d9ecec8]{width:50%;background-color:#fff;border-radius:20%;border:5px solid #334bff;display:flex;justify-content:center;align-items:center;aspect-ratio:10/9}.display .modal .message[data-v-5d9ecec8]{text-align:center;font-weight:700;font-size:4vw}.display[data-v-233a0a5a]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-233a0a5a]{width:50%;background-color:#fff;border-radius:20%;border:5px solid #ff763b;display:flex;justify-content:center;align-items:center;aspect-ratio:10/9}.display .modal .message[data-v-233a0a5a]{text-align:center;font-weight:700;font-size:2.5vw;line-height:3.5vw;letter-spacing:.3vw}.display .modal .message .btn[data-v-233a0a5a]{width:80%;margin:2vw auto;background-color:#ff763b;color:#fff;line-height:2vw;letter-spacing:auto;padding:1.5vw;border-radius:1vw;cursor:pointer}.display .modal .message img[data-v-233a0a5a]{width:40%}.display .modal .countdowntimer[data-v-233a0a5a]{font-size:15vw;font-weight:700}.display[data-v-670e80cf]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-670e80cf]{width:50%;background-color:#fff;border-radius:20%;border:5px solid #ff763b;display:flex;justify-content:center;align-items:center;aspect-ratio:10/9}.display .modal .message[data-v-670e80cf]{text-align:center;font-weight:700;font-size:4vw}.display .modal .message img[data-v-670e80cf]{width:40%}.display .modal .message .result[data-v-670e80cf]{margin:1vw 0}.display .modal .message .resulttime[data-v-670e80cf]{font-size:10vw}.container[data-v-21d4e9e3]{background-color:#beeffd;border:5px solid #fff;margin:0 auto;aspect-ratio:16/9;width:auto;height:auto;max-height:720px}.container .container-left[data-v-21d4e9e3]{width:25%;height:100%;float:left}.container .container-left .animation-area[data-v-21d4e9e3]{background-color:#999;width:100%;height:70%;background-image:url(/farm.png);background-size:contain;position:relative}.container .container-left .animation-area .message[data-v-21d4e9e3]{width:60%;text-align:center;font-size:1.5vw;font-weight:700;color:#59240f;margin:0 auto;padding-top:7.5vw;letter-spacing:.2vw}.container .container-left .animation-area .quiz-image[data-v-21d4e9e3]{width:90%;position:absolute;top:13vw;left:1vw;display:table-cell;text-align:center;vertical-align:middle;height:60%}.container .container-left .animation-area .quiz-image img[data-v-21d4e9e3]{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:top}.container .container-left .menu-area[data-v-21d4e9e3]{background-color:#c0ff91;width:100%;height:30%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.container .container-left .menu-area .menuBtn[data-v-21d4e9e3]{width:40%;height:35%;background-color:#fa7e7e;border-radius:10%;text-align:center;color:#fff;font-size:1.8vw;font-weight:700;line-height:5.2vw;cursor:pointer}.container .container-left .menu-area .active[data-v-21d4e9e3]{color:#fa7e7e;background-color:#ff0}.container .container-right[data-v-21d4e9e3]{width:75%;height:100%;float:left}.container .container-right .answer-area[data-v-21d4e9e3]{width:100%;height:25%;background-image:url(/answer-area.png);background-size:contain}.container .container-right .answer-area .inputted-letter[data-v-21d4e9e3]{letter-spacing:1.3vw}.container .container-right .answer-area .hint-letter[data-v-21d4e9e3],.container .container-right .answer-area .inputted-letter[data-v-21d4e9e3]{padding:2vw;font-size:6.5vw;line-height:8.5vw;text-align:center;font-weight:700}.container .container-right .answer-area .hint-letter .new-hint-letter[data-v-21d4e9e3]{color:#ccc}.container .container-right .input-area[data-v-21d4e9e3]{background-color:#fa7e7e;width:100%;height:75%}.container .container-right .input-area .list-syllabary-ja[data-v-21d4e9e3]{width:98%;height:100%;margin:0 auto;display:flex;flex-direction:column;flex-wrap:wrap-reverse;justify-content:center;align-items:center}.container .container-right .input-area .list-syllabary-ja li[data-v-21d4e9e3]{height:16%;width:9%;background:linear-gradient(150deg,#fff,#e0e0e0 65%,#c4c4c4);margin:1% 0;cursor:pointer;border-radius:10%;box-shadow:2px 2px 15px -5px #777}.container .container-right .input-area .list-syllabary-ja li .letter[data-v-21d4e9e3]{margin:0 auto;font-weight:700;font-size:3vw;line-height:6vw;text-align:center;color:#333}.container .container-right .input-area .list-syllabary-ja li .noevent[data-v-21d4e9e3]{pointer-events:none}.container .container-right .input-area .list-syllabary-ja li.nextEmpty[data-v-21d4e9e3]{margin-bottom:12%}.noevent[data-v-21d4e9e3]{pointer-events:none}.container[data-v-06eb1a98]{background-color:#beeffd;border:5px solid #fff;margin:0 auto;aspect-ratio:16/9;width:100%;height:auto;max-height:720px}.container .container-left[data-v-06eb1a98]{width:25%;height:100%;float:left}.container .container-left .animation-area[data-v-06eb1a98]{background-color:#999;width:100%;height:70%;background-image:url(/farm.png);background-size:contain;position:relative}.container .container-left .animation-area .message[data-v-06eb1a98]{width:60%;text-align:center;font-size:1.5vw;font-weight:700;color:#59240f;margin:0 auto;padding-top:7.5vw;letter-spacing:.2vw}.container .container-left .animation-area .quiz-image[data-v-06eb1a98]{width:90%;position:absolute;top:13vw;left:1vw;display:table-cell;text-align:center;vertical-align:middle;height:60%}.container .container-left .animation-area .quiz-image img[data-v-06eb1a98]{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:top}.container .container-left .menu-area[data-v-06eb1a98]{background-color:#c0ff91;width:100%;height:30%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.container .container-left .menu-area .menu-btn[data-v-06eb1a98]{width:40%;height:35%;background-color:#fa7e7e;border-radius:10%;text-align:center;color:#fff;font-size:1.8vw;font-weight:700;line-height:5.2vw;cursor:pointer}.container .container-right[data-v-06eb1a98]{width:75%;height:100%;float:left}.container .container-right .answer-area[data-v-06eb1a98]{width:100%;height:25%;background-image:url(/answer-area.png);background-size:contain}.container .container-right .answer-area .inputted-letter[data-v-06eb1a98]{padding:2vw;font-size:6.5vw;line-height:8.5vw;text-align:center;font-weight:700;letter-spacing:1.3vw}.container .container-right .input-area[data-v-06eb1a98]{background-color:#fa7e7e;width:100%;height:75%}.container .container-right .input-area .list-syllabary-ja[data-v-06eb1a98]{width:98%;height:100%;margin:0 auto;display:flex;flex-direction:column;flex-wrap:wrap-reverse;justify-content:center;align-items:center}.container .container-right .input-area .list-syllabary-ja li[data-v-06eb1a98]{height:16%;width:9%;background:linear-gradient(150deg,#fff,#e0e0e0 65%,#c4c4c4);margin:1% 0;cursor:pointer;border-radius:10%;box-shadow:2px 2px 15px -5px #777}.container .container-right .input-area .list-syllabary-ja li .letter[data-v-06eb1a98]{margin:0 auto;font-weight:700;font-size:3vw;line-height:6vw;text-align:center;color:#333}.container .container-right .input-area .list-syllabary-ja li.next-empty[data-v-06eb1a98]{margin-bottom:12%}.display[data-v-de9d6f22]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-de9d6f22]{width:40%;background-color:#fff;border-radius:20%;border:5px solid #ff763b;display:flex;justify-content:center;aspect-ratio:7/6}.display .modal .form[data-v-de9d6f22]{text-align:center;margin-top:5.5vw;font-weight:700;width:80%}.display .modal .form .title[data-v-de9d6f22]{font-size:3vw}.display .modal .form .formContents[data-v-de9d6f22]{width:100%}.display .modal .form .formContents .question[data-v-de9d6f22]{margin-top:4vw;font-size:2vw}.display .modal .form .formContents .confirmation[data-v-de9d6f22]{margin-top:1.5vw;font-size:1.6vw}.display .modal .form .formContents .note[data-v-de9d6f22]{margin-top:.5vw;font-size:1vw}.display .modal .form .formContents .errorMessage[data-v-de9d6f22]{color:#ff763b;margin-top:.5vw;font-size:1vw}.display .modal .form .formContents .textbox[data-v-de9d6f22]{font-size:2vw;width:80%;margin-top:1vw;padding:.5vw;border-radius:10px;border:1px solid #888}.display .modal .form .formContents .btnBlock[data-v-de9d6f22]{margin-top:4vw;display:flex;justify-content:center}.display .modal .form .formContents .btn[data-v-de9d6f22]{cursor:pointer;font-size:2vw;width:40%}.display[data-v-2908eecc]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-2908eecc]{width:40%;background-color:#fff;border-radius:20%;border:5px solid #ff763b;display:flex;justify-content:center;aspect-ratio:7/6}.display .modal .form[data-v-2908eecc]{text-align:center;margin-top:5.5vw;font-weight:700;width:80%}.display .modal .form .title[data-v-2908eecc]{font-size:3vw}.display .modal .form .formContents[data-v-2908eecc]{width:100%}.display .modal .form .formContents .question[data-v-2908eecc]{margin-top:4vw;font-size:2vw}.display .modal .form .formContents .confirmation[data-v-2908eecc]{margin-top:1.5vw;font-size:1.6vw}.display .modal .form .formContents .errorMessage[data-v-2908eecc]{color:#ff763b;margin-top:.5vw;font-size:1vw}.display .modal .form .formContents .textbox[data-v-2908eecc]{font-size:2vw;width:80%;margin-top:1vw;padding:.5vw;border-radius:10px;border:1px solid #888}.display .modal .form .formContents .btnBlock[data-v-2908eecc]{margin-top:4vw;display:flex;justify-content:center}.display .modal .form .formContents .btn[data-v-2908eecc]{cursor:pointer;font-size:2vw;width:40%}.display[data-v-97632b2c]{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:hsla(0,0%,100%,.4);display:flex;justify-content:center;align-items:center}.display .modal[data-v-97632b2c]{width:40%;background-color:#fff;border-radius:20%;border:5px solid #ff763b;display:flex;justify-content:center;aspect-ratio:7/7.5}.display .modal .form[data-v-97632b2c]{text-align:center;margin-top:5.5vw;font-weight:700;width:80%}.display .modal .form .title[data-v-97632b2c]{font-size:3vw}.display .modal .form .formContents[data-v-97632b2c]{width:100%}.display .modal .form .formContents .question[data-v-97632b2c]{margin-top:4vw;font-size:2vw}.display .modal .form .formContents .confirmation[data-v-97632b2c]{margin-top:1.5vw;font-size:1.6vw}.display .modal .form .formContents .confirmation .previewImg[data-v-97632b2c]{width:100%;height:13vw;margin-top:.5vw;text-align:center}.display .modal .form .formContents .confirmation .previewImg img[data-v-97632b2c]{width:auto;height:auto;max-width:50%;max-height:100%}.display .modal .form .formContents .note[data-v-97632b2c]{margin-top:.5vw;font-size:1vw}.display .modal .form .formContents .errorMessage[data-v-97632b2c]{color:#ff763b;margin-top:.5vw;font-size:1vw}.display .modal .form .formContents .fileSelectBlock[data-v-97632b2c]{text-align:center;margin-top:2vw}.display .modal .form .formContents .textbox[data-v-97632b2c]{font-size:2vw;width:80%;margin-top:1vw;padding:.5vw;border-radius:10px;border:1px solid #888}.display .modal .form .formContents .btnBlock[data-v-97632b2c]{margin-top:4vw;display:flex;justify-content:center}.display .modal .form .formContents .btn[data-v-97632b2c]{cursor:pointer;font-size:2vw;width:40%}.container[data-v-2994b722]{aspect-ratio:16/9;background-image:url(/list-bg.png);background-size:contain;border:5px solid #fff;width:100%;height:auto;margin:0 auto;max-height:720px;position:relative}.container .menuArea[data-v-2994b722]{background-color:#b3e37d;width:100%;height:20%;padding:1vw 1vw 0 1vw}.container .menuArea .userName[data-v-2994b722]{width:20%;height:100%;background-color:#fff;transform:rotate(-5deg);box-shadow:5px 3px 8px -7px #777;border-radius:10px;text-align:center;padding:.5vw;float:left}.container .menuArea .userName .dotLine[data-v-2994b722]{border:2px dotted #fa7e7e;width:100%;height:100%;padding:1.5vw .5vw}.container .menuArea .userName .dotLine .name[data-v-2994b722]{font-size:2.3vw;font-weight:700}.container .menuArea .userName .dotLine .mrmiss[data-v-2994b722]{font-size:1.8vw}.container .menuArea .menuBtn[data-v-2994b722]{float:left;margin-left:9vw;display:flex;padding-top:1.2vw}.container .menuArea .menuBtn .btn[data-v-2994b722]{width:12vw;height:5vw;font-size:2vw;line-height:4.8vw;text-align:center;color:#fff;font-weight:700;border:.3vw solid #fff;border-radius:10px;background-color:#fa7e7e;margin-left:1.5vw;cursor:pointer}.container .scrollArea[data-v-2994b722]{width:100%;height:80%;overflow-y:auto;overflow-y:scroll}.container .scrollArea[data-v-2994b722]::-webkit-scrollbar{overflow:hidden;width:5px;background:#fafafa;border-radius:10px}.container .scrollArea[data-v-2994b722]::-webkit-scrollbar:horizontal{height:5px}.container .scrollArea[data-v-2994b722]::-webkit-scrollbar-button{display:none}.container .scrollArea[data-v-2994b722]::-webkit-scrollbar-piece{background:#eee}.container .scrollArea[data-v-2994b722]::-webkit-scrollbar-piece:start{background-color:#eee}.container .scrollArea[data-v-2994b722]::-webkit-scrollbar-corner,.container .scrollArea[data-v-2994b722]::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:10px}.container .scrollArea .quizListArea .listTitleBlock[data-v-2994b722]{width:60%;background-color:#fff;border-radius:20px;margin:2vw auto;padding:1vw}.container .scrollArea .quizListArea .listTitleBlock .listTitle[data-v-2994b722]{text-align:center;font-size:4vw;font-weight:700;color:#fa7e7e}.container .scrollArea .quizListArea .listTitleBlock .supplement[data-v-2994b722]{text-align:center;font-size:2vw;font-weight:700;color:#fa7e7e}.container .scrollArea .quizListArea .quizList[data-v-2994b722]{width:100%;display:flex;flex-wrap:wrap;padding:0 2vw}.container .scrollArea .quizListArea .quizList .quiz[data-v-2994b722]{width:23%;background-color:#ab8543;border-radius:10px;margin-left:2vw;margin-bottom:2vw;position:relative}.container .scrollArea .quizListArea .quizList .quiz[data-v-2994b722]:first-child{margin-left:0}.container .scrollArea .quizListArea .quizList .quiz .answer[data-v-2994b722]{width:80%;border-radius:5px;color:#fff;background-color:#6b532a;font-size:1.5vw;text-align:center;margin:1vw auto;padding:.5vw 0}.container .scrollArea .quizListArea .quizList .quiz .answer input[data-v-2994b722]{display:block;width:100%}.container .scrollArea .quizListArea .quizList .quiz .editBlock[data-v-2994b722]{width:100%;position:relative}.container .scrollArea .quizListArea .quizList .quiz .editBlock .editBtn[data-v-2994b722]{position:absolute;width:3vw;height:3vw;top:0;right:1vw;background-color:#ff0;color:red;text-align:center;line-height:3vw;border-radius:50%;font-weight:700;cursor:pointer}.container .scrollArea .quizListArea .quizList .quiz .editBlock .editBtn[data-v-2994b722]:hover{background-color:#fc0}.container .scrollArea .quizListArea .quizList .quiz .imgBlock[data-v-2994b722]{background-color:#fff;width:80%;height:15vw;text-align:center;vertical-align:middle;margin:0 auto 1.5vw auto;border-radius:5px;padding:1vw 0}.container .scrollArea .quizListArea .quizList .quiz .imgBlock img[data-v-2994b722]{width:auto;height:auto;max-width:80%;max-height:100%;line-height:100%}.container .scrollArea .quizListArea .quizList .leftEnd[data-v-2994b722]{margin-left:0}.container .scrollArea .quizListArea .quizList .customMenu[data-v-2994b722]{width:100%;height:100%;border-radius:10px;background-color:hsla(0,0%,46.7%,.7);position:absolute;top:0;left:0}.container .scrollArea .quizListArea .quizList .customMenu .customMenuBtn[data-v-2994b722]{width:60%;margin:9vw auto 0 auto}.container .scrollArea .quizListArea .quizList .customMenu .customMenuBtn .customBtn[data-v-2994b722]{text-align:center;font-size:1vw;color:#fff;background-color:#5946ff;padding:.5vw;margin-bottom:.5vw;border:2px solid #fff;border-radius:6px;cursor:pointer}.container .scrollArea .quizListArea .messageForGuestBlock[data-v-2994b722]{margin-top:3vw}.container .scrollArea .quizListArea .messageForGuestBlock .messageForGuest[data-v-2994b722]{text-align:center;font-size:2vw}.container .scrollArea .quizListArea .messageForGuestBlock .menuBtn[data-v-2994b722]{margin:2vw 0 5vw 0;display:flex;justify-content:center}.container .scrollArea .quizListArea .messageForGuestBlock .menuBtn .btn[data-v-2994b722]{width:12vw;height:5vw;font-size:2vw;line-height:4.8vw;text-align:center;color:#fff;font-weight:700;border:.3vw solid #fff;border-radius:10px;background-color:#fa7e7e;margin-left:1.5vw;cursor:pointer}
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}[hidden],template{display:none}