#mask[data-v-4d09df7a]{position:absolute;z-index:190;left:0;right:0;top:0;bottom:0;background-color:transparent}html.debug #mask[data-v-4d09df7a]{border:3px dashed red}.modal-wrap[data-v-ab164904]{position:absolute;z-index:199;left:0;right:0;top:0;bottom:0}.slide-main[data-v-6007570e]{font-family:IPAkumon}button[data-v-6b5c33c8],button[disabled][data-v-6b5c33c8]{width:17rem;font-size:3rem}.message.expired[data-v-6b5c33c8]{padding:0 9%;line-height:1.2;text-align:justify;font-size:1.6rem}.listen-record[data-v-6b5c33c8]{font-family:IPAkumon}#updateAlert[data-v-2b0ca4c1]{position:fixed;z-index:300;left:0;top:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center}#updateAlert .alert[data-v-2b0ca4c1]{background:#fff;border-radius:2rem;border:2px solid #000;padding:2rem;text-align:center}#updateAlert .alert p[data-v-2b0ca4c1]{line-height:1.8}#updateAlert .alert button[data-v-2b0ca4c1]{font-size:2rem;background-color:#fff;border:1px solid #aaa;border-radius:3px;padding:.5rem;width:16rem;margin-top:2rem}#loading.box[data-v-37ca9598]{display:flex;justify-content:center;align-items:center}#loading .content[data-v-37ca9598]{padding:10px;transform:translate(0)!important}#loading .inner[data-v-37ca9598]{top:auto;bottom:2%;width:55%;transform:translateX(-50%)}#loading .inner .content[data-v-37ca9598]{width:20%;margin:0 auto}#loading .inner .content img[data-v-37ca9598]{width:100%}#loading .inner .message[data-v-37ca9598]{font-family:IPAkumon}.intro[data-v-37ca9598]{background-color:#fff;position:absolute;left:3%;right:3%;top:10%;bottom:10%}.intro .page[data-v-37ca9598]{width:100%;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.listen-record[data-v-36e89eb7]{font-family:IPAkumon}ul[data-v-171b9ef2]{margin:0 3%}ul li[data-v-171b9ef2]{margin:4rem 0;text-align:center;position:relative}ul li button[data-v-171b9ef2]{position:relative;border:6px solid #43c361;border-radius:1rem;background-color:#fff;width:100%;height:12rem;font-size:2.8rem;box-shadow:0 6px 1px #817f7f;display:flex;justify-content:space-between;align-items:center;padding:0}ul li button span[data-v-171b9ef2]{display:block;flex:1;text-align:left;padding-left:2rem}ul li button figure[data-v-171b9ef2]{width:35%;height:85%;margin:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}ul li button figure img[data-v-171b9ef2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}ul li button .ico[data-v-171b9ef2]{position:absolute;right:-1rem;top:-1rem;width:4rem}.balloon[data-v-171b9ef2]{background-color:#fff;padding:.5rem 1rem;border:2px solid #000;border-radius:1rem;position:absolute;font-size:1.4rem;width:10rem;right:28%;top:10%}.balloon[data-v-171b9ef2]:before{content:"";display:block;width:1rem;height:1rem;background-color:#fff;border-right:2px solid #000;border-top:2px solid #000;transform:rotate(45deg);transform-origin:50% 50%;position:absolute;right:-.6rem;top:1rem}.balloon span[data-v-171b9ef2]{display:inline-block;padding:0;line-height:0}.help[data-v-171b9ef2]{width:4rem;height:4rem;position:absolute;right:-.7rem;top:-1.5rem;cursor:pointer}.help img[data-v-171b9ef2]{width:100%}.maskSafari[data-v-171b9ef2]{display:block;position:absolute;z-index:10000;left:0;right:0;top:0;bottom:0}.mock[data-v-171b9ef2]{height:50px}main[data-v-419baee7]{display:block!important;position:relative;margin-top:0;margin-bottom:0;height:100%}main .yubi[data-v-419baee7]{position:absolute}li[data-v-419baee7],ul[data-v-419baee7]{list-style:none}button[data-v-419baee7]{border:none;background-color:transparent;padding:0}.blockWrap[data-v-419baee7]{display:flex}.block .inner[data-v-419baee7],.block[data-v-419baee7],.blockWrap[data-v-419baee7]{position:relative;width:100%;height:100%}.btn-cont[data-v-419baee7]{background-color:#fff;width:100%;position:relative;border-radius:1rem;border:.25rem solid #43c361;font-size:3.5rem}.open .btn-cont[data-v-419baee7]{background-color:#e0e0e0;color:#9b9b9b;border-color:#939393}.open.animed .btn-cont[data-v-419baee7]{background-color:#fff;border:.25rem solid #43c361;color:initial}.btn-cont[disabled][data-v-419baee7]{opacity:1;background-color:#e0e0e0;color:#9b9b9b;border-color:#939393}.btn-cont .btn-inr[data-v-419baee7]{width:100%}.btn-cont .btn-inr img[data-v-419baee7]{width:30%;margin-bottom:1rem}.btn-cont .btn-inr div[data-v-419baee7]{font-size:1.5rem}.btn-cont .qt[data-v-419baee7]{display:none;font-size:4rem}.btn-cont.btnAnim .btn-inr[data-v-419baee7]{display:none}.btn-cont.btnAnim .qt[data-v-419baee7]{display:block}.btn-next[data-v-419baee7],.btn-prev[data-v-419baee7]{border:none;background-color:transparent;position:absolute;top:53%;width:8%;transform:translateY(-50%);z-index:5;padding:0}.btn-next img.arrow[data-v-419baee7],.btn-prev img.arrow[data-v-419baee7]{width:100%}.btn-next .yubi[data-v-419baee7],.btn-prev .yubi[data-v-419baee7]{position:absolute;width:95px;left:-50%;top:50%;animation-name:anim-yubi;animation-duration:2.1s;animation-iteration-count:infinite;z-index:1000;display:block}.btn-next .yubi.nextYubi[data-v-419baee7],.btn-prev .yubi.nextYubi[data-v-419baee7]{left:-100%;width:190%}.btn-prev[data-v-419baee7]{left:1%}.btn-next[data-v-419baee7]{right:1%}ul[data-v-419baee7]{font-size:4rem;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;margin:0;padding:0}ul li[data-v-419baee7]{width:25%;position:absolute;left:0;transform:translate(-50%,-50%)}ul li.active button[data-v-419baee7]{animation:anim-content .5s ease-in-out forwards}ul li.anim[data-v-419baee7]{z-index:20}ul li .btnAnim[data-v-419baee7]{position:absolute;left:0;top:0;z-index:2}.block1.content10 ul li[data-v-419baee7]{line-height:0}.block1.content10 ul li[data-v-419baee7]:first-child{bottom:1%;left:75%;z-index:9}.block1.content10 ul li[data-v-419baee7]:nth-child(2){bottom:1%;left:35%;z-index:8}.block1.content10 ul li[data-v-419baee7]:nth-child(3){bottom:10%;left:26%;z-index:7}.block1.content10 ul li[data-v-419baee7]:nth-child(4){bottom:10%;left:61%;z-index:6}.block1.content10 ul li[data-v-419baee7]:nth-child(5){bottom:19%;left:70%;z-index:5}.block1.content10 ul li[data-v-419baee7]:nth-child(6){bottom:20%;left:37%;z-index:4}.block1.content10 ul li[data-v-419baee7]:nth-child(7){bottom:29%;left:31%;z-index:3}.block1.content10 ul li[data-v-419baee7]:nth-child(8){bottom:28%;left:66%;z-index:2}.block1.content10 ul li[data-v-419baee7]:nth-child(9){bottom:37%;left:70%;z-index:1}.block1.content10 ul li[data-v-419baee7]:nth-child(10){bottom:38.5%;left:27%;z-index:0}.block1.content10 ul li button[data-v-419baee7]{padding-top:55.55%;line-height:normal}.block1.content10 ul li button .btn-main[data-v-419baee7]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.content6 li[data-v-419baee7]{width:28%;line-height:0}.content6 li[data-v-419baee7]:first-child{bottom:2.5%;left:68%}.content6 li[data-v-419baee7]:nth-child(2){bottom:4.5%;left:32%}.content6 li[data-v-419baee7]:nth-child(3){bottom:19%;left:34%}.content6 li[data-v-419baee7]:nth-child(4){bottom:17.5%;left:70%}.content6 li[data-v-419baee7]:nth-child(5){bottom:32%;left:65%}.content6 li[data-v-419baee7]:nth-child(6){bottom:33%;left:30%}.content6 li button[data-v-419baee7]{padding-top:66.66%;line-height:normal}.content6 li button .btn-main[data-v-419baee7]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.content4 ul li[data-v-419baee7]{width:28%;line-height:0}.content4 ul li[data-v-419baee7]:first-child{bottom:7%;left:69%}.content4 ul li[data-v-419baee7]:nth-child(2){bottom:7%;left:32%}.content4 ul li[data-v-419baee7]:nth-child(3){bottom:26%;left:35%}.content4 ul li[data-v-419baee7]:nth-child(4){bottom:26%;left:71%}.content4 ul li button[data-v-419baee7]{padding-top:66.66%;line-height:normal}.content4 ul li button .btn-main[data-v-419baee7]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.block4.content6 li[data-v-419baee7]{width:37%;line-height:0}.block4.content6 li[data-v-419baee7]:first-child{bottom:30%;left:30%;z-index:2}.block4.content6 li[data-v-419baee7]:nth-child(2){bottom:30%;left:70%}.block4.content6 li[data-v-419baee7]:nth-child(3){bottom:15%;left:30%;z-index:2}.block4.content6 li[data-v-419baee7]:nth-child(4){bottom:15%;left:70%}.block4.content6 li[data-v-419baee7]:nth-child(5){bottom:0;left:30%;z-index:2}.block4.content6 li[data-v-419baee7]:nth-child(6){bottom:0;left:70%}.block4.content6 li button[data-v-419baee7]{padding-top:55.28%;line-height:normal}.block4.content6 li button .btn-main[data-v-419baee7]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}main .yubi[data-v-67283930]{position:absolute}.homeblock[data-v-67283930]{background-repeat:no-repeat;background-position:bottom;background-size:cover;display:block;position:absolute;left:0;right:0;top:8%;bottom:0}.homeblock .bg[data-v-67283930]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}li[data-v-67283930],ul[data-v-67283930]{list-style:none}ul[data-v-67283930]{position:absolute;width:100%;height:100%;left:0;top:0}ul li[data-v-67283930]{width:35%}ul li[data-v-67283930]:first-child{position:absolute;left:25%;top:75%;z-index:10}ul li[data-v-67283930]:nth-child(2){position:absolute;left:75%;top:75%;z-index:10}ul li[data-v-67283930]:nth-child(3){position:absolute;left:25%;top:29%;z-index:9}ul li[data-v-67283930]:nth-child(4){position:absolute;left:75%;top:29%;z-index:9}.button[data-v-67283930]{border:none;background-color:transparent;transform:translate(-50%,-50%);position:relative;padding:0;width:100%;height:100%}.button.anim[data-v-67283930]{z-index:190}.button.anim .img2[data-v-67283930]{display:block;filter:grayscale(100%) brightness(80%)}.button.anim .num[data-v-67283930]{display:block;opacity:0}.button.anim .book[data-v-67283930],.button.anim .key[data-v-67283930]{display:block}.button[disabled][data-v-67283930]{opacity:1}.button[disabled] .key[data-v-67283930]{display:block}.button[disabled] .num[data-v-67283930]{display:none}.button[disabled] .img2[data-v-67283930]{display:block;filter:grayscale(100%) brightness(80%)}.button[disabled] .book[data-v-67283930]{display:block}.button .num[data-v-67283930]{position:absolute;z-index:2;left:50%;top:65%;transform:translate(-50%,-50%);font-size:3.8rem;background-color:#fff;display:flex;justify-content:center;align-items:center;width:4.3rem;height:4.3rem;border-radius:1rem}.button .num div[data-v-67283930]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.button .key[data-v-67283930]{position:absolute;z-index:3;width:45%;left:50%;top:40%;transform:translate(-50%,-50%);display:none}.button .key img[data-v-67283930],.button img.img[data-v-67283930]{width:100%}.button img.img2[data-v-67283930]{display:none;width:100%;position:absolute;left:0;top:0}.button img.board[data-v-67283930]{position:absolute;width:80%;left:0;right:0;top:48%;bottom:0;margin:auto}.button img.anim[data-v-67283930]{display:none}.button.active .anim[data-v-67283930]{display:block;width:100%;position:absolute;left:0;top:0;z-index:2;animation:anim-door-67283930 1s ease-in-out forwards}.button .crown[data-v-67283930]{position:absolute;left:50%;top:-30%;transform:translateX(-50%);width:70%;display:none}.button .crown.active[data-v-67283930]{display:block}.button .crown.anim img[data-v-67283930]{transform:scale(0)}.button .crown img[data-v-67283930]{width:100%;transform-origin:50% 90%}.button .book[data-v-67283930]{position:absolute;right:-30%;top:10%;transform-origin:0 0;width:40%;z-index:2;display:none}.button .book div img[data-v-67283930]{width:100%;transform:translate(-50%,-50%)}.descBg[data-v-67283930]{background-color:hsla(0,0%,66.7%,.8);position:absolute;z-index:10;left:0;right:0;top:0;bottom:0}@keyframes anim-door-67283930{0%{opacity:1}to{opacity:0}}main[data-v-0038764a]{display:block!important;position:absolute;overflow:hidden;left:0;right:0;top:8%;bottom:6%}main .yubi[data-v-0038764a]{position:absolute}.bg[data-v-0038764a]{position:absolute;left:0;right:0;top:0;bottom:0;line-height:0;padding:0;margin:0}.bg img[data-v-0038764a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bookShelfWrap[data-v-0038764a]{display:flex;padding:0;width:100%;height:100%}.bookShelfPage[data-v-0038764a]{width:100%;height:100%;padding:2% 0}.bookShelf[data-v-0038764a]{position:relative;z-index:2;display:flex;justify-content:center;margin:0 3%;height:33.3%}.bookShelf[data-v-0038764a]:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:2rem;background-color:#602601;box-shadow:inset 0 -.5rem 0 #391701}.bookShelf li[data-v-0038764a]{width:29%;margin:0 .2%;height:88.5%;display:flex;position:relative}.btn-next[data-v-0038764a],.btn-prev[data-v-0038764a]{border:none;background-color:transparent;position:absolute;top:50%;width:8%;transform:translateY(-50%);z-index:5;padding:0}.btn-next img[data-v-0038764a],.btn-prev img[data-v-0038764a]{width:100%}.btn-prev[data-v-0038764a]{left:.5%}.btn-next[data-v-0038764a]{right:.5%}main[data-v-4d1b3887]{position:absolute;left:0;right:0;top:8%;bottom:5%}main .bg[data-v-4d1b3887]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}main .yubi[data-v-4d1b3887]{position:absolute;z-index:10}ul[data-v-4d1b3887]{position:absolute;left:0;right:0;top:0;bottom:0}ul li[data-v-4d1b3887]{position:absolute;left:0;top:0;width:40%;transform:translate(-50%,-50%)}ul li .btnWrap[data-v-4d1b3887]{position:relative;padding-top:119.4%}ul li button[data-v-4d1b3887]{width:100%;height:100%;border:none;background-color:transparent;position:absolute;margin:0;padding:0;left:0;top:0}ul li button.anim[data-v-4d1b3887]{z-index:190}ul li button.anim .img2[data-v-4d1b3887]{display:block;filter:brightness(30%)}ul li button.anim .num[data-v-4d1b3887]{display:block;opacity:0}ul li button.anim .book[data-v-4d1b3887],ul li button.anim .key[data-v-4d1b3887]{display:block}ul li button.anim .glitter[data-v-4d1b3887]{display:block;opacity:0}ul li button.anim figure[data-v-4d1b3887]{opacity:0}ul li button[disabled][data-v-4d1b3887]{opacity:1}ul li button[disabled] .img[data-v-4d1b3887]{display:none}ul li button[disabled] .book[data-v-4d1b3887],ul li button[disabled] .img2[data-v-4d1b3887],ul li button[disabled] .key[data-v-4d1b3887]{display:block}ul li button[disabled] figure[data-v-4d1b3887]{display:none}ul li button .img[data-v-4d1b3887]{position:absolute;left:0;top:0;width:100%}ul li button .img2[data-v-4d1b3887]{display:none;filter:brightness(30%)}ul li button .main[data-v-4d1b3887]{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;margin-left:10%}ul li button .main .tit[data-v-4d1b3887]{font-size:2.5rem}ul li button .main figure[data-v-4d1b3887]{position:absolute;left:16%;right:15%;top:8%;bottom:32%;background-color:#fff}ul li button .main figure img[data-v-4d1b3887]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}ul li button .book[data-v-4d1b3887]{position:absolute;right:-30%;top:13%;transform-origin:0 0;width:35%;z-index:2;display:none}ul li button .book div img[data-v-4d1b3887]{width:100%;transform:translate(-50%,-50%)}ul li button .key[data-v-4d1b3887]{width:40%;position:absolute;z-index:3;left:55%;top:50%;transform:translate(-50%,-50%);display:none}ul li button .key img[data-v-4d1b3887]{width:100%}ul li[data-v-4d1b3887]:first-child{left:50%;top:26%}ul li[data-v-4d1b3887]:nth-child(2){left:26%;top:74%}ul li[data-v-4d1b3887]:nth-child(3){left:74%;top:74%}.pen[data-v-4d1b3887]{position:absolute;left:73%;top:42%;z-index:1;width:15%}.descBg[data-v-4d1b3887]{background-color:hsla(0,0%,66.7%,.8);position:absolute;z-index:10;left:0;right:0;top:0;bottom:0}main[data-v-dba37e40]{display:block!important;position:absolute;overflow:hidden;left:0;right:0;top:8%;bottom:6%}main .yubi[data-v-dba37e40]{position:absolute;left:-1000px;z-index:200}.bg[data-v-dba37e40]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.noteWrap[data-v-dba37e40]{height:100%;display:flex}.scroll[data-v-dba37e40]{width:100%;height:100%;overflow:hidden;position:relative}.scroll ul[data-v-dba37e40]{position:absolute;left:12%;right:6%;top:5%;bottom:5%}.scroll ul li[data-v-dba37e40]{margin:0;width:100%;height:25%;display:flex;justify-content:center;align-items:center;position:absolute}.scroll ul li[data-v-dba37e40]:first-child{left:0;top:0}.scroll ul li[data-v-dba37e40]:nth-child(2){left:0;top:25%}.scroll ul li[data-v-dba37e40]:nth-child(3){left:0;top:50%}.scroll ul li[data-v-dba37e40]:nth-child(4){left:0;bottom:0}.scroll ul li .note[data-v-dba37e40]{width:100%;height:98%;border:none;padding:0;background-color:transparent;position:relative}.scroll ul li .note[disabled][data-v-dba37e40]{opacity:1;position:relative}.scroll ul li .note[disabled][data-v-dba37e40]:after{content:"";display:block;position:absolute;left:8%;right:2.5%;top:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:5}.scroll ul li .note[disabled] img.bg.fusen[data-v-dba37e40]{filter:brightness(30%)}.scroll ul li .note img.bg[data-v-dba37e40]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.scroll ul li .note img.bg.fusen[data-v-dba37e40]{position:relative;z-index:10}.scroll ul li .note .no[data-v-dba37e40]{position:absolute;z-index:11;left:1%;top:50%;font-size:3rem;transform:translateY(-50%);display:block;text-align:center;width:15%}.scroll ul li .note figure[data-v-dba37e40]{position:absolute;z-index:2;left:30%;right:40%;top:10%;bottom:10%;margin:0}.scroll ul li .note figure img[data-v-dba37e40]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.scroll ul li .listen[data-v-dba37e40]{cursor:pointer;position:absolute;z-index:11;right:7%;top:50%;font-size:1.6rem;width:6rem;height:6rem;border:2px solid #000;border-radius:.5rem;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%);padding:0}.scroll ul li .listen img[data-v-dba37e40]{width:45%;display:block;margin:0 auto}.scroll ul li .listen[disabled][data-v-dba37e40]{opacity:1;background-color:#aaa}.scroll ul li .listen[disabled] img[data-v-dba37e40]{opacity:.7}.scroll ul li .ico[data-v-dba37e40]{position:absolute;right:0;top:-5%;z-index:4;width:13%}.scroll ul li.disabled .ico[data-v-dba37e40]{display:none}.scroll .stamp[data-v-dba37e40]{position:absolute;width:23%;right:6%;top:18%;bottom:18%}.scroll .stamp img[data-v-dba37e40]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.btn-next[data-v-dba37e40],.btn-prev[data-v-dba37e40]{border:none;background-color:transparent;position:absolute;top:50%;width:8%;transform:translateY(-50%);z-index:20;padding:0}.btn-next img[data-v-dba37e40],.btn-prev img[data-v-dba37e40]{width:100%}.btn-next .yubi[data-v-dba37e40],.btn-prev .yubi[data-v-dba37e40]{position:absolute;width:95px;left:-50%;top:50%;animation-name:anim-yubi;animation-duration:2.1s;animation-iteration-count:infinite;z-index:1000;display:block}.btn-next .yubi.nextYubi[data-v-dba37e40],.btn-prev .yubi.nextYubi[data-v-dba37e40]{left:-100%;width:190%}.btn-prev[data-v-dba37e40]{left:.5%}.btn-next[data-v-dba37e40]{right:.5%}#kotobaejiten[data-v-546acc49]{position:absolute;left:2%;right:2%;top:10%;bottom:0}#kotobaejiten .block[data-v-546acc49]{top:0;bottom:0;background-color:transparent}#kotobaejiten .block .title[data-v-546acc49]{top:8%;border:.2rem solid #000;min-height:30rem;display:flex;justify-content:center;padding:1rem .8rem}#kotobaejiten .block .parson[data-v-546acc49]{left:0;width:74%;bottom:15%}#kotobaejiten .yubi[data-v-546acc49]{position:fixed}.subTitle[data-v-546acc49]{writing-mode:vertical-rl;position:absolute;right:30%;top:5%;white-space:nowrap;font-size:3rem}.btn-owaru[data-v-546acc49]{position:absolute;left:50%;top:80%;transform:translate(-50%);display:block}#kotobaejiten[data-v-90a8f368]{position:absolute;left:2%;right:2%;top:10%;bottom:0}#kotobaejiten .block[data-v-90a8f368]{top:0;bottom:0;background-color:transparent}#kotobaejiten .block .title[data-v-90a8f368]{top:8%;border:.2rem solid #000;min-height:30rem;display:flex;justify-content:center;padding:1rem .8rem}#kotobaejiten .block .parson[data-v-90a8f368]{left:0;width:74%;bottom:15%}#kotobaejiten .yubi[data-v-90a8f368]{position:fixed}.subTitle[data-v-90a8f368]{writing-mode:vertical-rl;position:absolute;right:30%;top:5%;white-space:nowrap;font-size:3rem}.btn-owaru[data-v-90a8f368]{position:absolute;left:50%;top:80%;transform:translate(-50%);display:block}.card[data-v-777badf9]{display:flex;flex-wrap:wrap;padding:0 2%}.card li[data-v-777badf9]{width:45%;margin:4% 2.5%;perspective:1000px}.card li .card-wrap[data-v-777badf9]{width:100%;padding-top:100%}.card li .card1[data-v-777badf9],.card li .card2[data-v-777badf9]{position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d;overflow:hidden}.card li .card1[data-v-777badf9]{background-color:#43c361;z-index:2;color:#fff;font-size:15rem;border-radius:1rem}.card li .card1 div[data-v-777badf9]{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%)}.card li .card2[data-v-777badf9]{border:1px solid #ccc;border-radius:1rem;overflow:hidden}.card li .card2 img[data-v-777badf9]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card li .card2 .word[data-v-777badf9]{font-size:3rem;writing-mode:vertical-rl;background-color:#fff;width:5rem;border:1px solid #000;border-radius:2.5rem;display:flex;justify-content:center;align-items:center;position:absolute;right:.5rem;top:.5rem;z-index:2;padding:.4rem 0}.card li.act .card1[data-v-777badf9]{animation:anime-forward-777badf9 .7s ease-in-out forwards}.card li.act .card2[data-v-777badf9]{animation:anime-backward-777badf9 .7s ease-in-out forwards}.card li:first-child .card1[data-v-777badf9],.card li:first-child .card2[data-v-777badf9]{animation-delay:.1s}.card li:nth-child(2) .card1[data-v-777badf9],.card li:nth-child(2) .card2[data-v-777badf9]{animation-delay:.2s}.card li:nth-child(3) .card1[data-v-777badf9],.card li:nth-child(3) .card2[data-v-777badf9]{animation-delay:.3s}.card li:nth-child(4) .card1[data-v-777badf9],.card li:nth-child(4) .card2[data-v-777badf9]{animation-delay:.4s}@keyframes anime-forward-777badf9{0%{transform:translateZ(0) rotateY(0deg)}50%{transform:translateZ(0) rotateY(90deg)}51%{transform:translateZ(0) rotateY(90deg);display:none}to{transform:translateZ(0) rotateY(90deg);display:none}}@keyframes anime-backward-777badf9{0%{transform:translateZ(0) rotateY(-90deg)}49%{transform:translateZ(0) rotateY(-90deg)}50%{transform:translateZ(0) rotateY(-90deg)}to{transform:translateZ(0) rotateY(0deg)}}.wrap[data-v-1046c041]{position:absolute;left:0;right:0;top:8%;bottom:0}figure[data-v-1046c041]{position:absolute;left:0;right:0;top:0;bottom:60%;margin-bottom:0}figure img[data-v-1046c041]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}footer[data-v-1046c041]{position:absolute;left:0;right:0;top:40%;bottom:0}.btn-word[data-v-1046c041]{height:29rem}.btn-word[disabled=true][data-v-1046c041]{opacity:1}.btn-word[disabled=true] dev[data-v-1046c041],.btn-word[disabled=true] span[data-v-1046c041]{background-color:#9b9b9b}.btn-word[disabled=true]:active dev[data-v-1046c041],.btn-word[disabled=true]:active span[data-v-1046c041]{left:0;top:0}.btn-word[data-v-1046c041]:before{width:calc(100% + 8px);height:calc(100% + 8px);border-radius:calc(4rem + 4px)}.btn-word[data-v-1046c041]:after{width:calc(100% + 4px);height:calc(100% + 4px);border-radius:calc(4rem + 2px);box-shadow:0 3px 6px rgba(0,0,0,.2666666667)}.btn-word div[data-v-1046c041],.btn-word span[data-v-1046c041]{font-size:5rem;width:7.5rem;height:100%;border-radius:4rem;display:flex;justify-content:center;align-items:center}.answer[data-v-1046c041]{border-radius:4rem;border:.3rem solid #000;position:absolute;left:12%;right:12%;top:12%;bottom:11%;display:flex;justify-content:center;align-items:center}.answer .words[data-v-1046c041]{writing-mode:vertical-rl;white-space:nowrap;width:auto;font-size:8rem}.answer .words.words7[data-v-1046c041]{font-size:6.5rem}.answer .words.words8[data-v-1046c041]{font-size:6rem}.answer .words.words9[data-v-1046c041]{font-size:5.4rem}.answer .words.words10[data-v-1046c041]{font-size:4.8rem}.yubiWrap[data-v-f7236e38]{position:absolute;width:15%;z-index:200;transform:rotate(-75deg)}.yubiWrap .yubi[data-v-f7236e38]{position:static!important;width:100%!important}figure[data-v-f7236e38]{position:absolute;top:58%;left:3%;right:3%;bottom:0;padding:0;margin:0}figure img[data-v-f7236e38]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}figure.layout1[data-v-f7236e38]{left:7%;right:7%;bottom:3%}.btn[data-v-f7236e38]{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;bottom:1rem;left:1rem}.btn[data-v-f7236e38]:before{content:"";background-color:#000;display:block;width:calc(4rem + 8px);height:calc(4rem + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn[data-v-f7236e38]:after{content:"";background-color:#949494;display:block;width:calc(4rem + 4px);height:calc(4rem + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn div[data-v-f7236e38]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:4rem;height:4rem;padding:.5rem;border-radius:2rem}html.safari .btn div[data-v-f7236e38]{line-height:2.3!important}.btn div img[data-v-f7236e38]{width:80%}.btn-def.end[data-v-f7236e38]{bottom:1rem}#kotobaejiten[data-v-4664a47e]{position:absolute;left:2%;right:2%;top:10%;bottom:0}#kotobaejiten .block[data-v-4664a47e]{top:0;bottom:0;background-color:transparent}#kotobaejiten .block .title[data-v-4664a47e]{top:8%;border:.2rem solid #000;min-height:30rem;display:flex;justify-content:center;padding:1rem .8rem}#kotobaejiten .block .parson[data-v-4664a47e]{left:0;width:74%;bottom:15%}#kotobaejiten .yubi[data-v-4664a47e]{position:fixed}.subTitle[data-v-4664a47e]{writing-mode:vertical-rl;position:absolute;right:30%;top:5%;white-space:nowrap;font-size:3rem}.btn-owaru[data-v-4664a47e]{position:absolute;left:50%;top:80%;transform:translate(-50%);display:block}.img[data-v-4fef18d7]{margin:0 auto;position:absolute;left:0;right:0;top:10%;width:48%;aspect-ratio:5/8;background-color:#fff;border-radius:1.4rem;overflow:hidden}.img[data-v-4fef18d7]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #9b9b9b}.img img[data-v-4fef18d7]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.7rem}.listen .img[data-v-5f09d81e]{margin:0;position:absolute;left:1%;right:1%;top:8%;bottom:53%;background-color:#fff}.listen .img img[data-v-5f09d81e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen.layout1 .img[data-v-5f09d81e]{bottom:64%}.record[data-v-5f09d81e]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.record .record-main[data-v-5f09d81e]{position:absolute;padding:3rem;width:90%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto}.record .record-main h2[data-v-5f09d81e]{text-align:center;font-size:3rem}.record .record-main figure[data-v-5f09d81e]{text-align:center}.record .record-main figure img[data-v-5f09d81e]{width:70%;max-width:280px}.record .record-main ul[data-v-5f09d81e]{display:flex;justify-content:space-between;margin-top:3rem}.record .record-main ul li[data-v-5f09d81e]{width:45%}.record .record-main ul li button[data-v-5f09d81e]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.record .record-main ul li button[data-v-5f09d81e]:before{content:"";background-color:#000;display:block;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.record .record-main ul li button[data-v-5f09d81e]:after{content:"";background-color:#949494;display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.record .record-main ul li button span[data-v-5f09d81e]{display:flex;justify-content:center;align-items:center;padding:0 .5rem;height:3rem;background-color:#fff;border-radius:2rem;font-size:2rem;position:relative;z-index:3}.record .record-main ul li button[disabled][data-v-5f09d81e]{opacity:1}.record .record-main ul li button[disabled] span[data-v-5f09d81e]{background-color:#aaa}.record .record-main ul li button:active span[data-v-5f09d81e]{left:2px;top:2px}.img[data-v-097e0012]{margin:0 auto;position:absolute;left:0;right:0;top:10%;width:48%;aspect-ratio:5/8;background-color:#fff;border-radius:1.4rem;overflow:hidden}.img[data-v-097e0012]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #9b9b9b}.img img[data-v-097e0012]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.7rem}.listen .img[data-v-d32b3b7e]{margin:0;position:absolute;left:1%;right:1%;top:8%;bottom:53%;background-color:#fff}.listen .img img[data-v-d32b3b7e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen.layout1 .img[data-v-d32b3b7e]{bottom:64%}.record[data-v-d32b3b7e]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.record .record-main[data-v-d32b3b7e]{position:absolute;padding:3rem;width:90%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto}.record .record-main h2[data-v-d32b3b7e]{text-align:center;font-size:3rem}.record .record-main figure[data-v-d32b3b7e]{text-align:center}.record .record-main figure img[data-v-d32b3b7e]{width:70%;max-width:280px}.record .record-main ul[data-v-d32b3b7e]{display:flex;justify-content:space-between;margin-top:3rem}.record .record-main ul li[data-v-d32b3b7e]{width:45%}.record .record-main ul li button[data-v-d32b3b7e]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.record .record-main ul li button[data-v-d32b3b7e]:before{content:"";background-color:#000;display:block;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.record .record-main ul li button[data-v-d32b3b7e]:after{content:"";background-color:#949494;display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.record .record-main ul li button span[data-v-d32b3b7e]{display:flex;justify-content:center;align-items:center;padding:0 .5rem;height:3rem;background-color:#fff;border-radius:2rem;font-size:2rem;position:relative;z-index:3}.record .record-main ul li button[disabled][data-v-d32b3b7e]{opacity:1}.record .record-main ul li button[disabled] span[data-v-d32b3b7e]{background-color:#aaa}.record .record-main ul li button:active span[data-v-d32b3b7e]{left:2px;top:2px}.img[data-v-b2da31d2]{margin:0 auto;position:absolute;left:0;right:0;top:10%;width:48%;aspect-ratio:5/8;background-color:#fff;border-radius:1.4rem;overflow:hidden}.img[data-v-b2da31d2]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #9b9b9b}.img img[data-v-b2da31d2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.7rem}.listen figure[data-v-76fc99d0]{position:absolute;left:1%;right:1%;top:25%;bottom:25%}.listen figure img[data-v-76fc99d0]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.complete[data-v-76fc99d0]{position:absolute;z-index:5;left:0;right:0;top:0;bottom:0;background-color:#fff}.complete .inner[data-v-76fc99d0]{position:absolute;z-index:5;left:0;right:0;top:12%;bottom:50%;text-align:center}.complete .inner img[data-v-76fc99d0]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.complete section[data-v-76fc99d0]{background-color:#fcf1e1;border:3px solid #ff8338;position:absolute;left:3%;right:3%;top:55%;bottom:5%;border-radius:2rem;display:flex;justify-content:center;align-items:center}.complete section ul[data-v-76fc99d0]{display:flex;flex-wrap:wrap;width:90%;justify-content:space-between}.complete section ul li[data-v-76fc99d0]{width:30%;padding:1rem 0}.complete section ul li button[data-v-76fc99d0]{width:100%;padding-top:100%;border:0;position:relative;background-color:transparent;transition:all .5s cubic-bezier(.165,.84,.44,1)}.complete section ul li button img[data-v-76fc99d0]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.modal-tool[data-v-0be0b6db]{left:0;width:100%;padding-left:0;padding-right:0}th[data-v-0be0b6db]{background-color:#eee}td[data-v-0be0b6db],th[data-v-0be0b6db]{white-space:nowrap;border:1px solid #ccc;padding:2px}ul[data-v-4bdd38d4]{list-style:none;margin:0 1rem;padding:0}ul li[data-v-4bdd38d4]{margin-bottom:2rem}.speed[data-v-4bdd38d4]{padding:1rem .5rem}.flex[data-v-4bdd38d4]{list-style:none;margin:0;padding:0;border-top:1px solid #ccc}.flex li[data-v-4bdd38d4]{list-style:none;margin:0 .3rem 0 0;padding:1rem .5rem;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center}.flex li[data-v-4bdd38d4]:hover{background-color:#f4f4f9}.flex li button[data-v-4bdd38d4]{font-size:2rem;width:9rem}.flex li .nav[data-v-4bdd38d4]{padding:0;display:flex}.flex li .nav div[data-v-4bdd38d4]{margin:0 .5rem;color:#0d6efd;text-decoration:underline}.flex li .nav span[data-v-4bdd38d4]{display:block;font-weight:700;margin-left:1.5rem;margin-right:.5rem}.debug[data-v-4bdd38d4]{position:absolute;left:3%;right:0;top:10%;bottom:0;overflow:auto;display:block}.component[data-v-4bdd38d4],.component li[data-v-4bdd38d4]{display:block;margin:0;padding:0}.component li[data-v-4bdd38d4]{border:none}.component li button[data-v-4bdd38d4]{font-size:1rem;width:10rem;margin-bottom:3px}.tab[data-v-4bdd38d4]{display:flex;border-bottom:1px solid #000;justify-content:space-between;margin-bottom:1rem}.tab li[data-v-4bdd38d4]{margin-bottom:0}.tab li button[data-v-4bdd38d4]{text-align:center;display:block;padding:1rem;border:none;background-color:#fff;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000}.tab li button.act[data-v-4bdd38d4]{background-color:#def}.list-note[data-v-4bdd38d4]{display:flex;justify-content:flex-start;flex-wrap:wrap}.list-note li[data-v-4bdd38d4]{width:30%;margin:0 1.5% 2rem 1.5%}.list-note li button[data-v-4bdd38d4]{width:100%;height:4rem;position:relative;white-space:normal}.list-note li button .no[data-v-4bdd38d4]{position:absolute;left:0;top:0}.list-note li button img[data-v-4bdd38d4]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}input[type=number][data-v-4bdd38d4]{width:5rem}input[disabled][data-v-4bdd38d4],select[disabled][data-v-4bdd38d4]{opacity:.3}.bookWrap[data-v-4bdd38d4]{position:absolute;z-index:500;left:0;right:0;top:0;bottom:0}.bookWrap .bookWrapBg[data-v-4bdd38d4]{position:absolute;z-index:400;left:0;right:0;top:0;bottom:0;background-color:transparent}.bookWrap .bookTitle[data-v-4bdd38d4]{position:absolute;z-index:500;left:3%;right:3%;top:3%;bottom:3%;background-color:hsla(0,0%,100%,.9333333333);border:1px solid #000;border-radius:3rem}.bookWrap .bookTitle .title[data-v-4bdd38d4]{writing-mode:vertical-rl;font-size:3rem;border:2px solid #000;background-color:#fff;padding:1rem;border-radius:2.5rem;position:absolute;right:3rem;top:6rem}.bookWrap .bookTitle .btn-menu.close[data-v-4bdd38d4]{right:0}.bookWrap .bookTitle .btn-menu.close span[data-v-4bdd38d4]{margin:0}.bookWrap .bookTitle figure[data-v-4bdd38d4]{position:absolute;left:3%;right:25%;top:10%;bottom:30%}.bookWrap .bookTitle figure img[data-v-4bdd38d4]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bookWrap .bookTitle .start[data-v-4bdd38d4]{font-size:3rem;padding:1rem;color:#fff;background-color:#f89541;border:none;border-radius:2.5rem;position:absolute;left:50%;bottom:8%;transform:translate(-50%,-50%);display:flex;align-items:center;white-space:nowrap}.bookWrap .bookTitle .start[disabled][data-v-4bdd38d4]{background-color:#9b9b9b;opacity:1}.bookWrap .bookTitle .start img[data-v-4bdd38d4]{width:2.2rem;margin-right:.5rem}.bookWrap .bookTitle .start span[data-v-4bdd38d4]{display:inline-block}.appBanner figure[data-v-02061990]{width:100%;max-width:200px;margin:2rem auto 0 auto}.appBanner figure img[data-v-02061990]{width:100%}.appBanner .btnLink[data-v-02061990]{margin-top:2rem}.appBanner .txt[data-v-02061990]{line-height:1.6;padding-left:1rem;font-size:2rem;text-align:center}.appBanner .link[data-v-02061990]{color:#0d6efd}.appBanner .close[data-v-02061990]{border:2px solid #000;border-radius:50%;width:30px;height:30px;position:absolute;left:-5px;top:-5px;background-color:#fff;display:flex;justify-content:center;align-items:center}.appBanner .close[data-v-02061990]:before{transform:rotate(-45deg)}.appBanner .close[data-v-02061990]:after,.appBanner .close[data-v-02061990]:before{content:"";display:block;width:20px;height:1px;background-color:#000;position:absolute}.appBanner .close[data-v-02061990]:after{transform:rotate(45deg)}.descriptionWrap[data-v-02061990]{position:absolute;z-index:10001;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.9333333333)}button[data-v-02061990]{font-size:1rem;white-space:nowrap;color:#000;border:3px solid #000;border-radius:100vw;padding:2% 3%;background:linear-gradient(180deg,#eee 70%,#bbb);-webkit-appearance:button}.btn-center[data-v-02061990]{text-align:center;margin-top:2rem}.inner[data-v-02061990]{position:static;max-width:64px;margin:0 auto}.inner img[data-v-02061990]{width:100%}.notes[data-v-02061990]{color:#c00;margin-top:2rem}.add-button[data-v-02061990]{font-size:2rem;margin:0 auto}.description[data-v-02061990]{background-color:#fff;border:1px solid #000;border-radius:3rem;width:94%;margin:0 auto;padding:2rem 1.5rem}.description h2[data-v-02061990]{font-size:1.7rem;font-weight:700}.description ol li[data-v-02061990]{margin-bottom:1rem}.description ol li img[data-v-02061990]{width:4.5%;display:inline-block;vertical-align:bottom;margin:0 3px}
/*!
 * Bootstrap Reboot v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[type=submit]:disabled{opacity:.2}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}:root{--aspect-ratio:16/9;--aspect-ratio-reciprocal:9/16;--size-base:0.07813vw;--font-size:1.5625vw;--font-size-multi:2.77778vw;--app-width:100vw;--app-height:calc(100vw*var(--aspect-ratio-reciprocal));--padding:1.5vw;--padding-multi:2.66vw;--bwidth-md:var(--size-base);--bwidth-lg:calc(var(--size-base)*2);--bwidth-xl:calc(var(--size-base)*3);--bwidth-xxl:calc(var(--size-base)*4);--bwidth-xxxl:calc(var(--size-base)*5);--bwidth-xxxxl:calc(var(--size-base)*6);--brad-sm:calc(var(--size-base)*4);--brad-md:calc(var(--size-base)*8);--brad-lg:calc(var(--size-base)*12);--brad-xl:calc(var(--size-base)*16);--brad-xxl:calc(var(--size-base)*20);--shadow-md:calc(var(--size-base)*5) calc(var(--size-base)*5) calc(var(--size-base)*5) rgba(0,0,0,0.4);--hbg-size:calc(var(--size-base)*61)}@media screen and (min-aspect-ratio:9/16){:root{--font-size-multi:1.5625vh}.multiplication-table{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#hbg div,#orientation .inner-horizontal,#orientation .inner-vertical,.listen-record main,.multiplication-table main{display:flex;flex-direction:column;justify-content:center}.modal-tool .btn{padding:calc(var(--padding)/3) var(--padding);border:var(--bwidth-md) solid #000;border-radius:100vw;background-color:#fff}.modal-tool .disabled.btn{border-color:#ccc;background-color:#ccc;color:#a6a6a6;pointer-events:none}#hbg,.listen-record #message.message-record .btn-control-box button,.listen-record #nav #btn-finish,.listen-record #overlay .modal .modal-btn-box button,.listen-record .btn-listen,.menu #nav #list,.multiplication-table #nav #btn-finish{border:var(--bwidth-xl) solid #827f7f;border-radius:100vw;box-shadow:0 calc(var(--size-base)*3) 0 #827f7f;background-color:#f7f7f7}#hbg:active,.listen-record #message.message-record .btn-control-box button:active,.listen-record #nav #btn-finish:active,.listen-record #overlay .modal .modal-btn-box button:active,.listen-record .btn-listen:active,.menu #nav #list:active,.multiplication-table #nav #btn-finish:active{transform:translateY(calc(var(--size-base)*2));box-shadow:0 calc(var(--size-base)*1) 0 #827f7f}#restriction.show #finish-restriction a{display:flex;justify-content:flex-end;align-items:flex-end;position:absolute;right:0;bottom:0;width:calc(var(--size-base)*115);height:calc(var(--size-base)*112);padding:calc(var(--padding)*1.7) calc(var(--padding)/1.8);background-color:#00a9e0;color:#fff;border-radius:100% 0 0 0;text-decoration:none}@font-face{font-family:IPAkumon;src:url(../fonts/IPAexGothic_kumon.2e64ae7c.woff) format("woff"),url(../fonts/IPAexGothic_kumon.05f5280e.ttf) format("truetype")}@font-face{font-family:TT-UDDigiKyokashoNP-R;src:url(../fonts/TT-UDDigiKyokashoNP-R.33c213a8.woff) format("woff"),url(../fonts/TT-UDDigiKyokashoNP-R.a98d478f.woff2) format("woff2")}html{font-size:var(--font-size);height:100vh;min-height:100vh;background-color:#ccc}html.portrait{font-size:var(--font-size-multi)}body{font-family:TT-UDDigiKyokashoNP-R,Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;font-size:1.2rem;color:#000;position:relative;width:100%}ruby{ruby-position:over}button{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button[disabled]{opacity:.2}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}#container{width:var(--app-width);min-width:var(--app-width);height:var(--app-height);min-height:var(--app-height);overflow:hidden;margin:0 auto;background-color:#fff;display:flex;flex-direction:column}#container,#hbg{position:relative}#hbg{border-radius:50%;width:var(--hbg-size);height:auto}#hbg:before{content:"";padding-top:100%;display:block}#hbg div{position:absolute;top:0;left:0;width:100%;height:100%;padding:calc(var(--padding)/6);align-items:center}#hbg img{width:60%;vertical-align:baseline}#orientation{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#fff;padding:var(--padding)}#orientation .inner-horizontal,#orientation .inner-vertical{width:100%;height:100%;align-items:center}#orientation .message{text-align:center;font-size:4.5rem;margin-bottom:6rem}#orientation.vertical .inner-horizontal{display:none}#orientation.horizontal .inner-horizontal,#orientation.vertical .inner-vertical{display:flex}#orientation.horizontal .inner-vertical{display:none}#orientation .inner-vertical img{width:50%}#orientation .inner-horizontal img{width:65%}#restriction{display:none}#restriction.show{position:absolute;display:block;background-color:#fff;top:13.85%;left:5%;width:90%;height:72.3%;z-index:300}#restriction.show .modal-inner{display:flex;flex-direction:column;padding-top:2.5rem;height:100%}#restriction.show .modal-inner .modal-message-box .restriction-img{width:100%;display:flex;justify-content:center}#restriction.show .modal-inner .modal-message-box .restriction-img img{width:50%}#restriction.show .modal-inner .modal-message-box .restriction-message-box{margin:1.28rem 1rem 0 1rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-title{font-size:3rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-body{font-size:2rem;line-height:135%;margin-top:.25rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-body span{letter-spacing:-.15rem;font-size:3rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-body ruby{margin:0 .4rem 0 .8rem}#restriction.show rt{font-size:1.25rem}#restriction.show #finish-restriction{position:absolute;bottom:0;right:0;width:10%;height:10%;display:block;font-size:1.2rem}body,html{position:fixed;overflow:hidden;left:0;right:0;top:0;bottom:0}:focus{outline:none}.menu{--stage-label-width:calc(var(--size-base)*199);--stg-pad:calc(var(--size-base)*14)}.menu h1{font-size:1.6rem;color:#1a7fc6;margin:0;padding-top:.2rem;padding-left:.55rem}.menu #solved{padding-top:.2rem;font-size:1.5rem}.menu #solved span{color:#1a7fc6}.menu header{width:100%;height:10%;padding:0 var(--padding);margin-top:1rem}.menu #nav,.menu header{display:flex;justify-content:space-between;align-items:center}.menu #nav{width:29.5%;padding-left:.8rem}.menu #nav #list{padding:calc(var(--padding)/2.2) calc(var(--padding)/1.1);padding-top:.6rem;margin-top:-1%;font-size:1.5rem}.menu #nav #hbg{margin-top:-1%}.menu main{background-color:#e7f7fc;flex-grow:1;position:relative}.multiplication-table{--app-width-multi:100vw;--app-height-multi:calc(100vw*var(--aspect-ratio));--padding:2.66vw;--size-base:0.13889vw;--hbg-size:calc(var(--size-base)*61);--btn-listen-height:6vw;--bwidth-md:var(--size-base);--bwidth-lg:calc(var(--size-base)*2);--bwidth-xl:calc(var(--size-base)*3);--bwidth-xxl:calc(var(--size-base)*4);--brad-xl:calc(var(--size-base)*16);--brad-xxl:calc(var(--size-base)*24)}.multiplication-table#container{width:var(--app-width-multi);min-width:var(--app-width-multi);height:var(--app-height-multi);min-height:var(--app-height-multi)}.multiplication-table header{width:100%;height:5.5%;display:flex;justify-content:flex-end;align-items:center}.multiplication-table #nav{width:43%;display:flex;justify-content:space-between;align-items:center;padding-right:2.8%}.multiplication-table #nav #btn-finish{font-size:1.5rem;padding:calc(var(--padding)/1.6) calc(var(--padding)*1.55) calc(var(--padding)/1.8) calc(var(--padding)*1.55)}.multiplication-table main{flex-grow:1}.multiplication-table #message{flex:0 0 8.3%;display:flex;align-items:center;width:100%;height:8.3%;padding:0 calc(var(--padding))}.multiplication-table #content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.multiplication-table #content .expr-box{height:11.11%;display:flex;justify-content:center;align-items:center}.multiplication-table #content .expr-box.selected{background-color:#fdf2d9}.multiplication-table #content .expr-box .expr{text-align:center;width:100%;height:100%;padding-top:1.9%;padding-left:4.8%}.multiplication-table #content .expr-box .expr img{width:57.5%}.multiplication-table #overlay{display:none}.multiplication-table #overlay.show{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.455);z-index:100}.multiplication-table #play-speed{width:72.5%;height:54%;display:flex;flex-direction:column;justify-content:space-around}.multiplication-table #play-speed #btn-normal,.multiplication-table #play-speed #btn-slow{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border:solid var(--bwidth-xl) #000;border-radius:100vw;background-color:#fff;width:100%;height:25%;padding:0 14%}.multiplication-table #play-speed #btn-normal div,.multiplication-table #play-speed #btn-slow div{flex-grow:1;font-size:3rem;padding-top:1.6%;margin-left:7%}.multiplication-table #play-speed #btn-normal img,.multiplication-table #play-speed #btn-slow img{width:25%;height:53%}.listen-record{--app-width-multi:100vw;--app-height-multi:calc(100vw*var(--aspect-ratio));--padding:2.66vw;--size-base:0.13889vw;--hbg-size:calc(var(--size-base)*61);--btn-listen-height:6vw;--bwidth-md:var(--size-base);--bwidth-lg:calc(var(--size-base)*2);--bwidth-xl:calc(var(--size-base)*3);--bwidth-xxl:calc(var(--size-base)*4);--bwidth-xxxl:calc(var(--size-base)*5);--brad-xl:calc(var(--size-base)*16);--brad-xxl:calc(var(--size-base)*24)}.listen-record#container{width:var(--app-width-multi);min-width:var(--app-width-multi);height:var(--app-height-multi);min-height:var(--app-height-multi)}.listen-record header{width:100%;height:5.5%;display:flex;justify-content:flex-end;align-items:center}.listen-record #nav{width:43%;display:flex;justify-content:space-between;align-items:center;padding-right:2.8%}.listen-record #nav #btn-finish{font-size:1.5rem;padding:calc(var(--padding)/1.6) calc(var(--padding)*1.55) calc(var(--padding)/1.8) calc(var(--padding)*1.55)}.listen-record main{flex-grow:1}.listen-record .btn-listen{display:flex;justify-content:center;align-items:center}.listen-record #message{display:flex;width:100%;height:8.3%;padding-left:var(--padding);font-size:2rem}.listen-record #message.message-listen{align-items:flex-end;padding-bottom:calc(var(--padding)*1.45)}.listen-record #message.message-listen .btn-listen{width:12.2%;padding:.35rem 0}.listen-record #message.message-listen .btn-listen img{width:43%}.listen-record #message.message-listen span{margin-right:-5rem;margin-left:.95rem;letter-spacing:-.04rem}.listen-record #message.message-record{margin-bottom:.6%}.listen-record #message.message-record .timer{align-self:flex-start;width:23.5%;text-align:right;color:#0070c0;margin-top:1.6rem}.listen-record #message.message-record .btn-control-box{align-self:flex-end;display:flex;margin-left:2.3rem;margin-bottom:.55rem;width:70%}.listen-record #message.message-record .btn-control-box button{font-size:1.45rem;width:36.7%;padding:.6rem 0 .45rem 0}.listen-record #message.message-record .btn-control-box button.disabled{pointer-events:none;background-color:#9b9b9b;color:#fff}.listen-record #message.message-record .btn-control-box button+button{margin-left:2.3rem}.listen-record #content.content-listen{margin-bottom:9%}.listen-record #content.content-record{margin-bottom:21.1%}.listen-record #content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.listen-record #content .expr-box{height:11.11%;display:flex;justify-content:center;align-items:center}.listen-record #content .expr-box.selected{background-color:#fdf2d9}.listen-record #content .expr-box .expr{display:flex;justify-content:flex-end;align-items:center;text-align:center;width:100%;height:100%;padding-left:4.8%;padding-right:2.9%}.listen-record #content .expr-box .expr img{width:59.8%;margin-bottom:.05rem}.listen-record #content .expr-box .expr .btn-box{visibility:hidden;width:17.3%;margin-left:.4rem}.listen-record #content .expr-box .expr .btn-box.show{visibility:visible}.listen-record #content .expr-box .expr .btn-listen{width:100%;margin-bottom:.2rem;padding:.45rem 0 .25rem 0}.listen-record #content .expr-box .expr .btn-listen img{width:32%}.listen-record #overlay.show{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.455);z-index:100}.listen-record #overlay .modal{width:72%;height:40.5%;display:flex;flex-direction:column;align-items:center;border:solid var(--bwidth-xxl) #000;background-color:#fff}.listen-record #overlay .modal .modal-message{margin-top:7.1%;text-align:center;font-size:2rem;line-height:4rem}.listen-record #overlay .modal .modal-btn-box{margin-top:4.8%}.listen-record #overlay .modal .modal-btn-box button{padding:.58rem 1.65rem;font-size:1.25rem}.listen-record #overlay .modal-listen .modal-icon{width:25%;height:20%;margin-top:16%;margin-left:4.2%}.listen-record #overlay .modal-speak .modal-icon{width:23.4%;height:20.8%;margin-top:15.2%}.listen-record #overlay .modal-record{position:relative}.listen-record #overlay .modal-record .modal-icon{width:55.5%;height:38.5%;margin-top:15.3%}.listen-record #overlay .modal-record .modal-icon img{width:100%}.listen-record #overlay .modal-record .modal-message{margin-top:0}.listen-record #overlay .modal-record .modal-btn-box{margin-top:3.8%}.listen-record #overlay .modal-record .modal-btn-quit-box{height:calc(var(--size-base)*110)}.listen-record #overlay .modal-record .modal-btn-quit-box .btn-quit{font-size:1.22rem;padding:1.1rem 0 0 1.3rem}.listen-record .modal-btn-quit-box{position:absolute;bottom:0;right:0;width:calc(var(--size-base)*114);height:calc(var(--size-base)*112)}.listen-record .modal-btn-quit-box .btn-quit{width:100%;height:100%;background-color:#00a9e0;border:none;border-radius:100vw 0 0 0;color:#fff;font-size:1.22rem;padding:1.1rem 0 0 1.3rem}.listen-record .welldone{display:none}.listen-record .welldone.show{position:absolute;margin:0 auto;top:20%;left:0;width:100%;height:60%;display:flex;justify-content:center;align-items:center}.listen-record .welldone.show div{display:flex;justify-content:center;align-items:center;width:90%;height:100%}.listen-record .welldone.show div img{width:100%}@media screen and (min-aspect-ratio:9/16){.listen-record,.multiplication-table{--app-width-multi:calc(100vh*var(--aspect-ratio-reciprocal));--app-height-multi:100vh;--padding:1.5vh;--size-base:0.07813vh;--btn-listen-height:3.375vh}}@media screen and (min-aspect-ratio:16/9){.question{--btn-control-height:7.11vh}}html{touch-action:manipulation}body{-webkit-touch-callout:none;-webkit-user-select:none;overscroll-behavior-y:none}#nav #btn-finish:disabled{border-color:#828080;background:#9b9b9b;color:#a6a6a6}#orientation{position:fixed}#overlay{display:none}#overlay.show{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:200}.single.center{display:flex;justify-content:center;align-items:center}.single header{width:100%;height:auto;padding:var(--padding);text-align:center;justify-content:center;display:block}.single header h1{margin:10px 0 2rem 0;font-size:3rem}.single header h2{font-size:2.5rem}.single main{flex-grow:1;text-align:center}.single main fieldset{margin:0 3.1rem 10% 3.1rem;font-size:2rem}.single main fieldset label{display:block;text-align:left}.single main fieldset input{width:100%;padding:2%;border:3px solid #aaa;border-radius:10px}.single main .message{margin:2% 0 2% 0;color:red;font-size:1.8rem}.single main button{font-size:3rem;color:#000;border:3px solid #000;border-radius:100vw;padding:2% 3%;background:linear-gradient(180deg,#eee 70%,#bbb)}.single main button:active{border:3px solid #ddd;background:linear-gradient(180deg,#999 30%,#bbb)}#menu ul{width:100%;height:100%;background:#fff;flex-direction:column}#menu ul,#menu ul li{display:flex;justify-content:center;align-items:center}#menu ul li{margin-top:5%;width:60%;height:15%}#menu ul li div.tap{overflow:hidden;border:1px solid #000;font-size:2rem;color:#000;border-radius:10px}#menu ul li div.tap.restriction{background-color:red;color:#fff}#menu ul li:first-child{margin-top:10%}#menu ul li:active{background:#eee}#menu .tap{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;cursor:pointer}#menu.show{left:50%;width:50%;z-index:500}#menu.show,.portrait #menu.show{position:absolute;display:flex;background-color:#fff;padding:calc(var(--padding)*1);top:0;height:100%}.portrait #menu.show{left:20%;width:80%;z-index:400}.portrait #menu.show ul li{width:80%;height:10%}.portrait #menu.show .contact{top:27%}.close{position:absolute;right:5%;width:15%}.close img{width:100%}.contact{position:absolute;top:10%;left:10%;width:80%;height:auto;padding-bottom:5%;background:#fff;text-align:center;border-radius:2rem;border:2px solid #000}.contact .close{margin:5% 0 0 0}.contact .title{font-size:1.8rem;font-weight:700;margin:20% 0 5% 0}.contact .mail{font-weight:700;margin:5% 0 5% 0}.contact .content{text-align:initial;font-size:1.6rem;margin:10% 0 5% 0;padding:0 6%}.contact .version{text-align:initial;font-size:1.3rem;text-align:center}.contact .notes{font-size:1.3rem;text-align:left;margin:10% 0 5% 0;padding:0 6%}#loading.box{background:#fff;height:100vh;position:relative;text-align:center}#loading.box_serviceworker{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:300}#loading .inner{left:50%;position:absolute;top:50%}#loading .content{padding:20px;transform:translate(-50%,-50%);width:100%}.modal-tool{position:absolute;top:10%;left:5%;width:90%;height:80%;background:#fff;padding:calc(var(--padding)*2);z-index:290}.modal-tool .message{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.modal-tool .message p{width:100%;height:50%;font-size:2.4rem;line-height:240%}.modal-tool .message p span{font-size:3rem;color:#31b6fd}.modal-tool .btn{border:none;background-color:#31b6fd;font-size:1.8rem;color:#fff;width:25%;box-shadow:calc(var(--size-base)*5) calc(var(--size-base)*5) calc(var(--size-base)*5) rgba(0,0,0,.4)}.modal-tool .learning-state-editor .editor{margin-top:20px;width:100%;height:20vw}.modal-tool .learning-state-editor button{margin-right:10px}.modal-tool .history-log .history{margin-top:10px;overflow-y:scroll;height:55vh;border:1px solid #eee;box-sizing:border-box}.modal-tool .history-log .history ul{list-style:none;padding-left:0;font-size:small}.modal-tool .history-log button{margin-right:10px}ul,ul li{margin:0;padding:0;list-style:none}#corenaani .title,#Hiraganakotoba footer .title,#kotobaejiten .block .title,.ex-title{position:absolute;right:5%;top:5%;background-color:#b7d3e5;border:2px solid #000;padding:1rem 1.5rem;writing-mode:vertical-rl;white-space:nowrap;font-size:3rem;border-radius:4rem}#corenaani .large.title,#Hiraganakotoba footer .large.title,#kotobaejiten .block .large.title,.ex-title.large{font-size:4.5rem}.mask{position:absolute;z-index:100;background-color:transparent;left:0;right:0;top:0;bottom:0}.target{z-index:3}.no-target,.target{display:block;position:absolute}.no-target{left:0;right:0;top:0;bottom:0;z-index:1}button{color:#000}.btn-word{border:none;background-color:transparent;height:19rem;position:relative;margin:0;padding:0}.btn-word.none{visibility:hidden;pointer-events:none}.btn-word.is-animation{transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;z-index:2;pointer-events:none}.btn-word:before{background-color:#000;width:calc(6rem + 8px);height:calc(19rem + 8px);z-index:1;left:-2px;top:-2px;border-radius:calc(3rem + 4px)}.btn-word:after,.btn-word:before{content:"";display:block;position:absolute}.btn-word:after{background-color:#949494;width:calc(6rem + 4px);height:calc(19rem + 4px);z-index:2;border-radius:calc(3rem + 2px);left:-1px;top:-1px}.btn-word div,.btn-word span{writing-mode:vertical-rl;display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;padding:.5rem;width:6rem;height:19rem;border-radius:3rem}.btn-word:active div,.btn-word:active span{left:2px;top:2px}.btn-word.large div,.btn-word.large span{font-size:4rem}.btn-word.small div,.btn-word.small span{font-size:2.3rem}.btn-word2{border:none;background-color:transparent;height:11rem;position:relative;margin:0;padding:0}.btn-word2.is-animation{transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;z-index:2;pointer-events:none}.btn-word2:before{background-color:#000;width:calc(100% + 8px);height:calc(100% + 8px);z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn-word2:after,.btn-word2:before{content:"";display:block;position:absolute}.btn-word2:after{background-color:#949494;width:calc(100% + 4px);height:calc(100% + 4px);z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn-word2 div,.btn-word2 span{writing-mode:vertical-rl;display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:2rem;padding:.5rem;width:4rem;height:11rem;border-radius:2rem}.btn-word2:active div,.btn-word2:active span{left:2px;top:2px}.btn-word2.large div,.btn-word2.large span{font-size:4rem}.btn-word2.small div,.btn-word2.small span{font-size:2.3rem}.btn-char{border:none;background-color:transparent;position:relative;margin:0;padding:0}.small .btn-char:before{width:calc(6rem + 8px);height:calc(6rem + 8px)}.small .btn-char:after{width:calc(6rem + 4px);height:calc(6rem + 4px)}.small .btn-char div{font-size:4rem;width:6rem;height:6rem}.btn-char:before{background-color:#000;width:calc(8rem + 8px);height:calc(8rem + 8px);z-index:1;left:-2px;top:-2px;border-radius:calc(4rem + 4px)}.btn-char:after,.btn-char:before{content:"";display:block;position:absolute}.btn-char:after{background-color:#949494;width:calc(8rem + 4px);height:calc(8rem + 4px);z-index:2;border-radius:calc(4rem + 2px);left:-1px;top:-1px}.btn-char div{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:6rem;width:8rem;height:8rem;padding:.5rem;border-radius:4rem}html.safari .btn-char div{writing-mode:inherit}html.safari .btn-char div span:not(.sokuon){line-height:2.3!important}.btn-char div .sokuon{transform:translate(15%,-15%)}.block12-4 .btn-char div{font-size:5.7rem}.btn-char:active span{left:2px;top:2px}.btn-char.active{transition-duration:1s}.btn-char[disabled]{opacity:1}.btn-char[disabled] div{background-color:#9b9b9b}.btn-menu{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;top:.5rem;right:1rem}.btn-menu:before{background-color:#000;width:calc(4rem + 8px);height:calc(4rem + 8px);z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn-menu:after,.btn-menu:before{content:"";display:block;position:absolute}.btn-menu:after{background-color:#949494;width:calc(4rem + 4px);height:calc(4rem + 4px);z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn-menu span.def{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:4rem;height:4rem;padding:.5rem;border-radius:2rem}html.safari .btn-menu span.def{line-height:2.3!important}.btn-menu span.def span{display:block;width:2rem;height:3px;background-color:#000;position:relative}.btn-menu span.def span:before{top:-.7rem}.btn-menu span.def span:after,.btn-menu span.def span:before{content:"";display:block;width:2rem;height:3px;background-color:#000;position:absolute}.btn-menu span.def span:after{top:.7rem}.btn-menu:active span{left:2px;top:2px}.btn-menu.close span.def span{background-color:transparent}.btn-menu.close span.def span:before{transform:rotate(-45deg);transform-origin:50% 50%;top:0}.btn-menu.close span.def span:after{transform:rotate(45deg);transform-origin:50% 50%;top:0}.btn-end{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;top:1rem;right:6.5rem;font-weight:700}.btn-end:before{background-color:#000;width:calc(100% + 8px);height:calc(100% + 8px);z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn-end:after,.btn-end:before{content:"";display:block;position:absolute}.btn-end:after{background-color:#949494;width:calc(100% + 4px);height:calc(100% + 4px);z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn-end span{display:flex;justify-content:center;align-items:center;padding:0 .5rem;height:3rem;background-color:#fff;border-radius:2rem;font-size:2rem;position:relative;z-index:3}.btn-end:active span{left:2px;top:2px}#Dokoniarukana .yubi,#Hiraganakotoba .yubi,#kotobaejiten .yubi,#kotobazukuri .yubi,.ex-yubi,.kotobaatsume .yubi,.kotobaatsumeDore .yubi,.zukan .yubi,main .yubi{width:95px;position:fixed;left:40px;top:45%;z-index:15;animation-name:anim-yubi;animation-duration:2.1s;animation-iteration-count:infinite}.btn-list{width:100%;margin:0;position:absolute;left:0;right:0;top:15px;bottom:15px}.btn-list,.btn-list li{display:flex;justify-content:center;list-style:none;padding:0}.btn-list li{margin:0 2rem;height:100%;align-items:center;position:relative}.btn-list li button.active{transform-origin:50% 50%;animation-name:anim-call-char;animation-duration:.7s}.btn-def{color:#fff;background-color:#f89541;border:none;position:absolute;font-size:3rem;padding:.5rem;border-radius:4rem;margin-top:20px;display:flex;justify-content:center;align-items:center;bottom:7rem;left:50%;transform:translate(-50%)}.btn-def .yubi{position:absolute!important;left:80%!important;top:75%!important;width:75px!important}.btn-def.end{width:4rem;left:3rem;bottom:4rem}.btn-def.end[disabled]{opacity:1;background-color:#aaa}main .finger{position:fixed;z-index:20;width:75px;pointer-events:none}main .finger img{width:100%;transform:translateY(-15px)}#kotobaejiten .block{position:absolute;left:2%;right:2%;top:10%;bottom:10%;background-color:#a3cda1;border-radius:10px}#kotobaejiten .block.orange{background-color:#fde099}#kotobaejiten .block .parson{position:absolute;left:5%;bottom:5%;width:55%}#kotobaejiten .btn-area{position:absolute;left:3%;right:3%;bottom:0;display:flex;align-items:center;height:10%}#kotobaejiten .btn{border-radius:50%;background-color:#fff;border:none;padding:0;margin:0;position:relative}#kotobaejiten .btn:before{background-color:#000;width:65px;height:65px;z-index:1;left:-4px;top:-4px}#kotobaejiten .btn:after,#kotobaejiten .btn:before{content:"";display:block;position:absolute;border-radius:50%}#kotobaejiten .btn:after{background-color:#949494;width:59px;height:59px;z-index:2;left:-2px;top:-2px}#kotobaejiten .btn div{position:relative;z-index:3;width:55px;height:55px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center}#kotobaejiten .btn div img{width:40px}#corenaani{position:relative;width:100%;height:100%}#corenaani .title{margin-top:4rem;z-index:2}html.safari #corenaani .title{line-height:2.85!important;display:block}html.safari #corenaani .title.large{line-height:2.3!important}#corenaani .img1{position:absolute;left:0;bottom:0;width:100%}#Dokoniarukana{height:100%;display:flex;justify-content:center;align-items:center;margin:0 3%}#Dokoniarukana .img-center{width:100%;position:relative}#Dokoniarukana .img-center .picture{width:100%}#Dokoniarukana .complete{text-align:center;width:55%}#Dokoniarukana .complete img{width:100%}.img-name{position:absolute;z-index:2;top:0;left:50%;width:6rem;height:19rem;border:2px solid #000;transform:translate(-50%);transform-origin:50% 50%;writing-mode:vertical-rl;text-align:center;display:flex;align-items:center;justify-content:center;white-space:nowrap;background-color:#fff;font-size:3rem;padding:.5rem;border-radius:6rem}html.safari .img-name{line-height:2.6!important;display:block!important}.img-name.active{animation-name:anim-call-word;animation-duration:.7s}.img-name.large{font-size:4rem}html.safari .img-name.large{line-height:2.2!important}.img-name.small{font-size:2.3rem}html.safari .img-name.small{line-height:2.9!important}#Hiraganakotoba{width:100%;height:100%}#Hiraganakotoba figure{position:absolute;left:3%;right:3%;top:10%;height:50%}#Hiraganakotoba figure img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#Hiraganakotoba footer{position:absolute;left:3%;right:3%;top:60%;bottom:5%;background-color:#fde099;border-radius:10px}#Hiraganakotoba footer .title{position:static}#Hiraganakotoba .yubi{position:fixed}#Hiraganakotoba .yubi.dotch{position:absolute}#Hiraganakotoba .complete{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55%;text-align:center;margin-top:1rem}#Hiraganakotoba .complete img{width:100%}.answer{border-radius:10px;border:5px solid #a0a0a0;position:absolute;left:3%;right:3%;top:10%;bottom:9%;display:flex;justify-content:center;align-items:center}.answer .words{writing-mode:vertical-rl;white-space:nowrap;width:8rem;font-size:8rem}.answer .words.small{font-size:6.5rem}.slide-menu{position:absolute;z-index:400;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6)}.slide-menu .slide-main{position:absolute;z-index:9;background-color:#fff;left:10%;width:90%;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.slide-menu .slide-main li,.slide-menu .slide-main ul{margin:0;padding:0;list-style:none}.slide-menu .slide-main a,.slide-menu .slide-main button{display:block;font-size:2rem;background-color:#fff;border:1px solid #aaa;border-radius:3px;padding:.5rem;width:17rem;text-decoration:none;color:#000;text-align:center}.slide-menu .slide-main a.lift,.slide-menu .slide-main button.lift{background-color:red;color:#fff}.slide-menu .slide-main li+li{margin-top:2rem}.fade-enter{opacity:0}.fade-enter-active{transition:opacity 1s}.fade2-enter{opacity:0;transition-timing-function:linear}.fade2-leave-to{opacity:0;transition-delay:.3s;transition-timing-function:ease-in;pointer-events:none}.fade2-enter-active{transition:opacity 1s;transition-timing-function:linear}.fade2-leave-active{transition:opacity 1s;transition-delay:.3s;transition-timing-function:ease-in}.slide-enter{opacity:0}.slide-enter-active{transition:opacity .5s}.zukan-first{position:absolute;left:3%;right:3%;top:10%;bottom:10%;border-radius:10px;background-color:#000}.zukan-first,.zukan-first .word{display:flex;justify-content:center;align-items:center}.zukan-first .word{background-color:#fff;padding:1rem 0;writing-mode:vertical-rl;white-space:nowrap;width:6rem;font-size:3rem;border-radius:calc(6rem + 2%);animation-duration:1s;animation-name:anim-fadein}html.safari .zukan-first .word{line-height:2.9!important;display:block}.zukan-qst{margin:0 4.5rem;position:relative}.zukan-qst img{width:100%}.zukan-qst .word{position:absolute;border:none;background-color:transparent;padding:0;margin:0;animation-duration:1s;animation-name:anim-fadein;width:6rem}.zukan-qst .word.tr{top:calc(-3rem - 5px);right:-3rem}.zukan-qst .word.tl{top:calc(-3rem - 5px);left:-3rem}.zukan-qst .word.bl{bottom:calc(-3rem - 5px);left:-3rem}.zukan-qst .word.br{bottom:calc(-3rem - 5px);right:-3rem}.zukan-qst .word:before{content:"";background-color:#000;display:block;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(3rem + 4px)}.zukan-qst .word:after{content:"";background-color:#949494;display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;z-index:2;border-radius:calc(3rem + 2px);left:-1px;top:-1px}.zukan-qst .word div,.zukan-qst .word span{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;writing-mode:vertical-rl;white-space:nowrap;background-color:#fff;font-size:3rem;padding:1rem 0;width:6rem;border-radius:3rem}html.safari .zukan-qst .word div,html.safari .zukan-qst .word span{line-height:2.9!important;display:block}.zukan-qst .word:active div,.zukan-qst .word:active span{left:2px;top:2px}.zukan-dotch{list-style:none;margin:0;padding:0;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-flow:column}.zukan-dotch li{list-style:none;margin:4% auto;padding:0;width:70%;height:37%}.zukan-dotch li button{border:none;background-color:transparent;margin:0;padding:0;position:relative;width:100%;height:100%}.zukan-dotch li button:before{background-color:#000;width:calc(100% + 8px);height:calc(100% + 8px);z-index:1;left:-2px;top:-2px}.zukan-dotch li button:after,.zukan-dotch li button:before{content:"";display:block;position:absolute;border-radius:5px}.zukan-dotch li button:after{background-color:#949494;width:calc(100% + 4px);height:calc(100% + 4px);z-index:2;left:-1px;top:-1px}.zukan-dotch li button div,.zukan-dotch li button span{display:block;position:relative;z-index:3;background-color:#fff;border-radius:5px;overflow:hidden;height:100%}.zukan-dotch li button div img,.zukan-dotch li button span img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.zukan-dotch li button:active div,.zukan-dotch li button:active span{left:2px;top:2px}.kotobaatsume section{position:absolute;left:0;right:0;top:0;bottom:0}.kotobaatsume section li,.kotobaatsume section ul{margin:0;padding:0;list-style:none}.kotobaatsume section .char{font-size:11rem;border-radius:50%;border:3px solid #000;padding:1rem;width:13rem;height:13rem;margin:15% auto 0 auto}.kotobaatsume section .char.is-animation{transform-origin:50% 50%;animation-duration:1s;animation-name:anim-call-char}.kotobaatsume section .imgs{display:flex;justify-content:space-between;flex-flow:row-reverse}.kotobaatsume section .imgs.is-animation{opacity:0!important;transition:all 1s cubic-bezier(.165,.84,.44,1)}.kotobaatsume section .imgs li{width:33%}.kotobaatsume section .imgs li img{width:100%}.kotobaatsume section .words{display:flex;justify-content:space-between;flex-flow:row-reverse;position:absolute;left:0;right:0;top:50%;bottom:0}.kotobaatsume section .words li{width:33%;text-align:center}.kotobaatsume section .words li .active{font-size:7rem;width:8rem;height:8rem;padding:.5rem;border:2px solid transparent;border-radius:8rem;margin:0 auto;background-color:#fff}.kotobaatsume section .words li .active.is-animation{font-size:11rem;border-radius:50%;border:3px solid #000;padding:1rem;width:13rem;height:13rem;transition:all 1s cubic-bezier(.165,.84,.44,1);margin:0}.kotobaatsume section .words li .normal{font-size:4rem;opacity:0}.kotobaatsume section .words li .normal.is-animation{opacity:0!important;animation-name:none!important}.kotobaatsume section .words li div div:first-child .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:0ms;animation-fill-mode:forwards}.kotobaatsume section .words li div div:first-child .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:0ms;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(2) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.1s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(2) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.1s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(3) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(3) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(4) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(4) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(5) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(5) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(6) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(6) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(7) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(7) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(8) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.7s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(8) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.7s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(9) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.8s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(9) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.8s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(10) .active{animation-name:anim-fadein-border;animation-duration:1s;animation-delay:.9s;animation-fill-mode:forwards}.kotobaatsume section .words li div div:nth-child(10) .normal{animation-name:anim-fadein;animation-duration:1s;animation-delay:.9s;animation-fill-mode:forwards}.kotobaatsume section footer{position:absolute;left:3%;right:3%;top:60%;bottom:5%;background-color:#fde099;border-radius:10px}.kotobaatsume section footer .btn-list li{margin:0 2rem}#kotobazukuri header{position:absolute;left:0;right:0;top:0;height:60%;display:flex;justify-content:center;align-items:center}#kotobazukuri header li,#kotobazukuri header ul{list-style:none;padding:0;margin:0}#kotobazukuri header ul{border:2px solid transparent;border-radius:calc(8rem + 2px)}#kotobazukuri header ul.is-animation{transition-duration:1s;transition:all .5s cubic-bezier(.165,.84,.44,1);border:2px solid #000}#kotobazukuri footer{position:absolute;left:3%;right:3%;top:60%;bottom:5%;background-color:#fde099;border-radius:10px}#kotobazukuri footer .btn-list li{margin:0 2rem}#kotobazukuri .imgs{position:absolute;left:0;right:0;top:60%;bottom:1%}#kotobazukuri .imgs img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.circle{font-size:6rem;width:8rem;height:8rem;padding:.5rem;border-radius:4rem;border:2px solid #000;display:flex;justify-content:center;align-items:center;color:transparent}.circle.active{color:#000}.is-animation .circle.active{transition-duration:1s;transition:all .5s cubic-bezier(.165,.84,.44,1);border:2px solid transparent}.kotobaatsumeDore{position:relative}.kotobaatsumeDore header{justify-content:center;align-items:flex-start;position:absolute;left:0;right:0;top:10%;bottom:50%;height:50%}.kotobaatsumeDore .img-bottom{width:100%;position:absolute;bottom:0;left:0;right:0}.kotobaatsumeDore .img-bottom .picture{width:100%}.kotobaatsumeDore footer{position:absolute;left:3%;right:3%;top:50%;bottom:3%;background-color:#fde099;border-radius:10px}.kotobaatsumeDore figure{position:absolute;top:10%;left:3%;right:3%;bottom:50%}.kotobaatsumeDore figure img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;left:0;top:0}.puzzle .base{overflow:hidden;margin:0;padding-top:100%}.puzzle .base svg{position:absolute;left:0;top:0}.puzzle .base svg,.puzzle .piece1 svg,.puzzle .piece2 svg{width:100%;height:100%}.puzzle:not(.drag) .act .piece1,.puzzle:not(.drag) .act .piece2{display:block}.puzzle:not(.drag) .act .piece1 svg image,.puzzle:not(.drag) .act .piece2 svg image{display:none}#nazori-main{width:85%;height:85%}ruby,ruby>rb,ruby>rt{overflow:visible}.svg-route{position:relative;z-index:2;width:100%;height:100%}.svg-route svg{position:absolute;left:0;top:0;width:100%;height:100%}.svg-route svg g:nth-child(3) line,.svg-route svg g:nth-child(3) path{display:none}.opened1 .svg-route svg g:nth-child(3) line,.opened1 .svg-route svg g:nth-child(3) path{display:block!important}.cleared1 .svg-route svg g:nth-child(3) line:first-child,.cleared1 .svg-route svg g:nth-child(3) path:first-child,.cleared2 .svg-route svg g:nth-child(3) line:first-child,.cleared2 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared2 .svg-route svg g:nth-child(3) path:first-child,.cleared2 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared3 .svg-route svg g:nth-child(3) line:first-child,.cleared3 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared3 .svg-route svg g:nth-child(3) line:nth-child(3),.cleared3 .svg-route svg g:nth-child(3) path:first-child,.cleared3 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared3 .svg-route svg g:nth-child(3) path:nth-child(3),.cleared4 .svg-route svg g:nth-child(3) line:first-child,.cleared4 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared4 .svg-route svg g:nth-child(3) line:nth-child(3),.cleared4 .svg-route svg g:nth-child(3) line:nth-child(4),.cleared4 .svg-route svg g:nth-child(3) path:first-child,.cleared4 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared4 .svg-route svg g:nth-child(3) path:nth-child(3),.cleared4 .svg-route svg g:nth-child(3) path:nth-child(4),.cleared5 .svg-route svg g:nth-child(3) line:first-child,.cleared5 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared5 .svg-route svg g:nth-child(3) line:nth-child(3),.cleared5 .svg-route svg g:nth-child(3) line:nth-child(4),.cleared5 .svg-route svg g:nth-child(3) line:nth-child(5),.cleared5 .svg-route svg g:nth-child(3) path:first-child,.cleared5 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared5 .svg-route svg g:nth-child(3) path:nth-child(3),.cleared5 .svg-route svg g:nth-child(3) path:nth-child(4),.cleared5 .svg-route svg g:nth-child(3) path:nth-child(5),.cleared6 .svg-route svg g:nth-child(3) line:first-child,.cleared6 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared6 .svg-route svg g:nth-child(3) line:nth-child(3),.cleared6 .svg-route svg g:nth-child(3) line:nth-child(4),.cleared6 .svg-route svg g:nth-child(3) line:nth-child(5),.cleared6 .svg-route svg g:nth-child(3) line:nth-child(6),.cleared6 .svg-route svg g:nth-child(3) path:first-child,.cleared6 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared6 .svg-route svg g:nth-child(3) path:nth-child(3),.cleared6 .svg-route svg g:nth-child(3) path:nth-child(4),.cleared6 .svg-route svg g:nth-child(3) path:nth-child(5),.cleared6 .svg-route svg g:nth-child(3) path:nth-child(6),.cleared7 .svg-route svg g:nth-child(3) line:first-child,.cleared7 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared7 .svg-route svg g:nth-child(3) line:nth-child(3),.cleared7 .svg-route svg g:nth-child(3) line:nth-child(4),.cleared7 .svg-route svg g:nth-child(3) line:nth-child(5),.cleared7 .svg-route svg g:nth-child(3) line:nth-child(6),.cleared7 .svg-route svg g:nth-child(3) line:nth-child(7),.cleared7 .svg-route svg g:nth-child(3) path:first-child,.cleared7 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared7 .svg-route svg g:nth-child(3) path:nth-child(3),.cleared7 .svg-route svg g:nth-child(3) path:nth-child(4),.cleared7 .svg-route svg g:nth-child(3) path:nth-child(5),.cleared7 .svg-route svg g:nth-child(3) path:nth-child(6),.cleared7 .svg-route svg g:nth-child(3) path:nth-child(7),.cleared8 .svg-route svg g:nth-child(3) line:first-child,.cleared8 .svg-route svg g:nth-child(3) line:nth-child(2),.cleared8 .svg-route svg g:nth-child(3) line:nth-child(3),.cleared8 .svg-route svg g:nth-child(3) line:nth-child(4),.cleared8 .svg-route svg g:nth-child(3) line:nth-child(5),.cleared8 .svg-route svg g:nth-child(3) line:nth-child(6),.cleared8 .svg-route svg g:nth-child(3) line:nth-child(7),.cleared8 .svg-route svg g:nth-child(3) line:nth-child(8),.cleared8 .svg-route svg g:nth-child(3) path:first-child,.cleared8 .svg-route svg g:nth-child(3) path:nth-child(2),.cleared8 .svg-route svg g:nth-child(3) path:nth-child(3),.cleared8 .svg-route svg g:nth-child(3) path:nth-child(4),.cleared8 .svg-route svg g:nth-child(3) path:nth-child(5),.cleared8 .svg-route svg g:nth-child(3) path:nth-child(6),.cleared8 .svg-route svg g:nth-child(3) path:nth-child(7),.cleared8 .svg-route svg g:nth-child(3) path:nth-child(8){display:block}@keyframes anim-fadein{0%{opacity:0}to{opacity:1}}@keyframes anim-fadein-border{0%{border:2px solid transparent}to{border:2px solid #000}}@keyframes anim-yubi{0%{transform:translate(0)}50%{transform:translateY(-13px)}to{transform:translate(0)}}@keyframes anim-call-word{0%{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.2);opacity:.8}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes anim-call-char{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.grayscale-effect{filter:grayscale(100%);filter:gray;filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")}.modal-alert[data-v-bf99ab46]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center}.modal-alert .inner[data-v-bf99ab46]{padding:3rem 2rem;width:90%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto}.modal-alert .inner h2[data-v-bf99ab46]{text-align:center;font-size:2.5rem}.modal-alert .inner p[data-v-bf99ab46]{font-size:1.6rem;line-height:1.6}.modal-alert ul li[data-v-bf99ab46]{width:100%}.modal-alert ul li+li[data-v-bf99ab46]{margin-top:3rem}.modal-alert ul li button[data-v-bf99ab46]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.modal-alert ul li button[data-v-bf99ab46]:before{content:"";background-color:#000;display:block;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.modal-alert ul li button[data-v-bf99ab46]:after{content:"";background-color:#949494;display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.modal-alert ul li button span[data-v-bf99ab46]{display:flex;justify-content:center;align-items:center;padding:0 .5rem;height:3rem;background-color:#fff;border-radius:2rem;font-size:2rem;position:relative;z-index:3}.modal-alert ul li button[disabled][data-v-bf99ab46]{opacity:1}.modal-alert ul li button[disabled] span[data-v-bf99ab46]{background-color:#aaa}.modal-alert ul li button:active span[data-v-bf99ab46]{left:2px;top:2px}.btn[data-v-73aaadfe]{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;bottom:1rem;left:1rem}.btn[data-v-73aaadfe]:before{content:"";background-color:#000;display:block;width:calc(4rem + 8px);height:calc(4rem + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn[data-v-73aaadfe]:after{content:"";background-color:#949494;display:block;width:calc(4rem + 4px);height:calc(4rem + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn div[data-v-73aaadfe]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:4rem;height:4rem;padding:.5rem;border-radius:2rem}html.safari .btn div[data-v-73aaadfe]{line-height:2.3!important}.btn div img[data-v-73aaadfe]{width:80%}.btn:active div[data-v-73aaadfe]{left:2px;top:2px}.btn[disabled][data-v-73aaadfe]{opacity:1}.btn[disabled] div[data-v-73aaadfe]{background-color:#aaa}.btn[data-v-55908e42]{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;bottom:1rem;left:1rem}.btn[data-v-55908e42]:before{content:"";background-color:#000;display:block;width:calc(100% + 8px);height:calc(4rem + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn[data-v-55908e42]:after{content:"";background-color:#949494;display:block;width:calc(100% + 4px);height:calc(4rem + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn div[data-v-55908e42]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:100%;height:4rem;padding:.5rem;border-radius:2rem}html.safari .btn div[data-v-55908e42]{line-height:2.3!important}.btn div img[data-v-55908e42]{width:80%}.btn[disabled][data-v-55908e42]{opacity:1}.btn[disabled] div[data-v-55908e42]{background-color:#aaa}.stars[data-v-95d4309c]{position:absolute;left:0;right:0;top:0;z-index:5}.stars li[data-v-95d4309c],.stars ul[data-v-95d4309c]{list-style:none}.stars ul[data-v-95d4309c]{display:flex;padding-left:.5rem;margin-top:1.5rem}.stars ul li[data-v-95d4309c]{width:7.5%}.stars ul li img[data-v-95d4309c]{width:100%}.medal[data-v-1764e018]{position:absolute;right:8%;top:0;transform:translate(50%,-30%);width:30%}.block4 .medal[data-v-1764e018]{width:21%}.medal.left[data-v-1764e018]{right:auto;left:8%;transform:translate(-50%,-30%)}.medal img[data-v-1764e018]{width:100%}.medal.active img[data-v-1764e018]{animation:anim-medal-1764e018 .5s ease-in-out forwards}@keyframes anim-medal-1764e018{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}#time[data-v-e3ee7238]{position:absolute;left:2%;top:7%}#time-box[data-v-e3ee7238]{width:3rem}#time-box img[data-v-e3ee7238]{width:100%}.gold[data-v-5e04c2c2],.silver[data-v-5e04c2c2]{width:45%;position:absolute;left:50%;top:65%;transform:translate(-50%,-50%)}.gold img[data-v-5e04c2c2],.silver img[data-v-5e04c2c2]{width:100%;transform:scale(0)}.sentenceWrap[data-v-2a918512]{position:absolute;left:0;right:0;top:48%;bottom:0;display:flex;justify-content:center}.layout1 .sentenceWrap[data-v-2a918512]{top:37%}[data-length="13"] .sentenceWrap[data-v-2a918512]{top:44%}[data-length="14"] .sentenceWrap[data-v-2a918512]{top:40%}.sentence[data-v-2a918512]{display:flex;flex-direction:row-reverse;z-index:2}.sentence li[data-v-2a918512]{writing-mode:vertical-rl;padding:0 2rem;overflow:visible}.sentence li.ruby[data-v-2a918512]{position:relative;left:.9rem}.sentence li div[data-v-2a918512]{font-size:2.7rem;overflow:visible}.layout1 .sentence li div[data-v-2a918512]{font-size:3rem!important}.recordSentence[data-v-322586f4]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0}.recordSentence .recordSentence-main[data-v-322586f4]{position:absolute;padding:3rem 1.8rem;left:0;right:0;top:0;bottom:0;width:90%;height:65%;background-color:#fff;border:2px solid #000;border-radius:3rem;margin:auto}.sentenceWrap[data-v-322586f4]{display:flex;flex-direction:row-reverse;overflow:visible}html.safari .sentenceWrap[data-v-322586f4]{margin-right:1.25rem;line-height:1.3}.sentenceBlock[data-v-322586f4]{font-size:2.5rem;width:33.3%;display:flex;justify-content:center}.sentenceBlock.column2[data-v-322586f4]{width:50%}.sentenceBlock .wrap[data-v-322586f4]{writing-mode:vertical-rl}.sentenceBlock .item[data-v-322586f4]{overflow:visible}.modal-offline[data-v-142602c0]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center}.modal-offline .inner[data-v-142602c0]{padding:3rem;width:90%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto}.modal-offline .inner h2[data-v-142602c0]{text-align:center;font-size:3rem}.modal-offline .inner p[data-v-142602c0]{font-size:1.6rem;line-height:1.6}.modal-offline ul li[data-v-142602c0]{width:100%}.modal-offline ul li+li[data-v-142602c0]{margin-top:3rem}.modal-offline ul li button[data-v-142602c0]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.modal-offline ul li button[data-v-142602c0]:before{content:"";background-color:#000;display:block;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.modal-offline ul li button[data-v-142602c0]:after{content:"";background-color:#949494;display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.modal-offline ul li button span[data-v-142602c0]{display:flex;justify-content:center;align-items:center;padding:0 .5rem;height:3rem;background-color:#fff;border-radius:2rem;font-size:2rem;position:relative;z-index:3}.modal-offline ul li button[disabled][data-v-142602c0]{opacity:1}.modal-offline ul li button[disabled] span[data-v-142602c0]{background-color:#aaa}.modal-offline ul li button:active span[data-v-142602c0]{left:2px;top:2px}.btn-speaker[data-v-0c74dd9f]{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;top:1.4rem;left:1rem}.btn-speaker[data-v-0c74dd9f]:before{content:"";background-color:#000;display:block;width:calc(3.5rem + 8px);height:calc(3.5rem + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn-speaker[data-v-0c74dd9f]:after{content:"";background-color:#949494;display:block;width:calc(3.5rem + 4px);height:calc(3.5rem + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn-speaker div[data-v-0c74dd9f],.btn-speaker span[data-v-0c74dd9f]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:3.5rem;height:3.5rem;padding:.5rem;border-radius:2rem}.btn-speaker div img[data-v-0c74dd9f],.btn-speaker span img[data-v-0c74dd9f]{width:80%}.btn-speaker div.off[data-v-0c74dd9f]:after,.btn-speaker span.off[data-v-0c74dd9f]:after{content:"";display:block;width:100%;height:4px;background-color:#aaa;position:absolute;transform-origin:50% 50%;transform:rotate(-45deg)}.btn-speaker:active div[data-v-0c74dd9f],.btn-speaker:active span[data-v-0c74dd9f]{left:2px;top:2px}.btn-speaker[data-v-48112e53]{border:none;background-color:transparent;position:fixed;z-index:200;margin:0;padding:0;top:50%}.btn-speaker[data-v-48112e53]:before{content:"";background-color:#000;display:block;width:calc(4rem + 8px);height:calc(4rem + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn-speaker[data-v-48112e53]:after{content:"";background-color:#949494;display:block;width:calc(4rem + 4px);height:calc(4rem + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn-speaker div[data-v-48112e53],.btn-speaker span[data-v-48112e53]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:4rem;height:4rem;padding:.5rem;border-radius:2rem}.btn-speaker div img[data-v-48112e53],.btn-speaker span img[data-v-48112e53]{width:80%}.btn-speaker div.off[data-v-48112e53]:after,.btn-speaker span.off[data-v-48112e53]:after{content:"";display:block;width:100%;height:4px;background-color:#aaa;position:absolute;transform-origin:50% 50%;transform:rotate(-45deg)}.btn-speaker:active div[data-v-48112e53],.btn-speaker:active span[data-v-48112e53]{left:2px;top:2px}.btn-speaker img[data-v-48112e53]{pointer-events:none}.bg[data-v-2e8b4cf3]{position:absolute;z-index:1;left:0;right:0;top:8%;bottom:5%;background-repeat:no-repeat;background-position:bottom;background-size:cover}.puzzle[data-v-2e8b4cf3]{width:94%;overflow:hidden;margin:3% auto 0 auto;border-radius:1rem;position:relative;background-color:#fff}.puzzle[data-v-2e8b4cf3]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #939393;border-radius:1rem}.puzzle .imgBg[data-v-2e8b4cf3]{width:100%;height:100%}.puzzle .imgBg figure[data-v-2e8b4cf3]{margin:0;padding:70.6% 0 0 0;position:relative}.puzzle .imgBg figure img[data-v-2e8b4cf3]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pieces[data-v-2e8b4cf3]{position:absolute;left:0;right:0;top:0;bottom:0}.pieces .piece[data-v-2e8b4cf3]{position:absolute;left:0;top:0;width:23%;height:23%;overflow:hidden}.pieces .piece.clear[data-v-2e8b4cf3]{opacity:0}.pieces .piece.clear.anim[data-v-2e8b4cf3]{opacity:1}.pieces .piece .num[data-v-2e8b4cf3]{background-color:#ccc;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;font-size:1.5rem;border-radius:.5rem;color:#fff}.pieces .piece .num[data-v-2e8b4cf3]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #939393;border-radius:.5rem}.glitter[data-v-5c6962f0]{position:absolute;z-index:20;left:0;top:0;width:100%;height:100%;display:none}.glitter div[data-v-5c6962f0]{position:absolute;left:0;top:0;width:40%;animation-name:kirakira-5c6962f0;animation-duration:.4s;animation-iteration-count:infinite;transform-origin:0 0}.glitter div[data-v-5c6962f0]:first-child{left:50%;top:10%;width:40%}.glitter div[data-v-5c6962f0]:nth-child(2){left:10%;top:50%;width:50%;animation-delay:50ms}.glitter div[data-v-5c6962f0]:nth-child(3){left:90%;top:70%;width:50%;animation-delay:.1s}.glitter div[data-v-5c6962f0]:nth-child(4){left:30%;top:90%;width:30%;animation-delay:.15s}.glitter div[data-v-5c6962f0]:nth-child(5){left:85%;top:35%;width:30%;animation-delay:.2s}.glitter div[data-v-5c6962f0]:nth-child(6){left:29%;top:70%;width:20%;animation-delay:.25s}.glitter div[data-v-5c6962f0]:nth-child(7){left:15%;top:20%;width:20%;animation-delay:.3s}.glitter div[data-v-5c6962f0]:nth-child(8){left:55%;top:45%;width:40%;animation-delay:.35s}.glitter div[data-v-5c6962f0]:nth-child(9){left:65%;top:100%;width:40%;animation-delay:.4s}.glitter div[data-v-5c6962f0]:nth-child(10){left:60%;top:75%;width:20%;animation-delay:.45s}.glitter div img[data-v-5c6962f0]{width:100%;transform:translate(-50%,-50%)}.anim .glitter[data-v-5c6962f0]{display:block;opacity:0}@keyframes kirakira-5c6962f0{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.bookshelf[data-v-2d8447bc]{width:15%;position:absolute;top:2%;left:2%;z-index:3}.bookshelf button[data-v-2d8447bc]{padding:0;width:100%;border:none;background-color:transparent;position:relative}.bookshelf button .img[data-v-2d8447bc]{width:85%}.bookshelf button .ico[data-v-2d8447bc]{width:30%;position:absolute;right:-10%;top:-10%}.balloon[data-v-2d8447bc]{background-color:#fff;padding:.5rem 1rem;border:2px solid #000;border-radius:1rem;position:absolute;font-size:1.4rem;width:10rem;left:110%;top:4%;display:none;transform-origin:0 30%}.balloon[data-v-2d8447bc]:before{content:"";display:block;width:1rem;height:1rem;background-color:#fff;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);transform-origin:50% 50%;position:absolute;left:-.6rem;top:1rem}.copyright[data-v-42848450]{position:absolute;z-index:1;left:.3%;top:0;transform-origin:0 100%;pointer-events:none;background-color:#fff;padding:.1rem .5rem;font-size:.75rem;line-height:1;height:1.8%}.copyright img[data-v-42848450]{height:100%}.puzzle[data-v-0a7b901f]{position:absolute;left:10%;top:10%;width:80%}.puzzle .base[data-v-0a7b901f]{overflow:hidden;margin:0;padding-top:100%}.puzzle .base svg[data-v-0a7b901f]{position:absolute;left:0;top:0;width:100%;height:100%}.puzzle figure[data-v-0a7b901f]{border-radius:3rem;overflow:hidden;margin:0;padding-top:100%}.puzzle figure img[data-v-0a7b901f]{position:absolute;left:0;top:0;width:100.6%;height:100.6%;border-radius:3rem}.puzzle figure[data-v-0a7b901f]:after{content:"";display:block;position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;border:2px solid #000;border-radius:3rem;pointer-events:none}.puzzle ul[data-v-0a7b901f]{position:absolute;left:7%;right:7%;top:7%;bottom:7.3%}.puzzle ul li[data-v-0a7b901f]{width:58.9%;position:relative;z-index:2}.puzzle ul li[data-v-0a7b901f]:first-child{position:absolute;left:0;top:0}.puzzle ul li[data-v-0a7b901f]:nth-child(2){position:absolute;left:40.9%;top:0}.puzzle ul li div[data-v-0a7b901f]{display:none;overflow:hidden;width:100%;height:100%;position:relative}.puzzle ul li.hit div[data-v-0a7b901f]{display:none}.puzzle ul li img[data-v-0a7b901f]{width:285.7142857143%;pointer-events:none}.puzzle ul li:first-child img[data-v-0a7b901f]{transform:translate(-15%,-15%)}.puzzle ul li:nth-child(2) img[data-v-0a7b901f]{transform:translate(-50%,-15%)}.puzzle ul.h[data-v-0a7b901f]{display:block;left:6.3%;right:6%}.puzzle ul.h[data-v-0a7b901f]:after{width:100%;height:1px;left:0;top:50%;transform:translateY(-50%);border-right:none;border-bottom:2px dashed #aaa}.puzzle ul.h li[data-v-0a7b901f]{width:100%;height:59%}.puzzle ul.h li[data-v-0a7b901f]:first-child{position:absolute;left:0;top:0}.puzzle ul.h li[data-v-0a7b901f]:nth-child(2){position:absolute;left:0;top:41%}.puzzle ul.v li[data-v-0a7b901f]{height:100%}.puzzle.drag[data-v-0a7b901f]{left:10%;top:auto;bottom:0}.puzzle.drag figure[data-v-0a7b901f]:after,.puzzle.drag figure img[data-v-0a7b901f],.puzzle.drag ul[data-v-0a7b901f]:after{display:none}.puzzle.drag ul li div[data-v-0a7b901f]{display:block}.puzzle.drag ul li div.hit[data-v-0a7b901f]{display:none}.puzzle.drag ul.v.rnd0 li[data-v-0a7b901f]:first-child{top:-5%;left:-25%}.puzzle.drag ul.v.rnd0 li[data-v-0a7b901f]:nth-child(2){top:5%;left:55%}.puzzle.drag ul.v.rnd1 li[data-v-0a7b901f]:first-child{top:-5%;left:55%}.puzzle.drag ul.v.rnd1 li[data-v-0a7b901f]:nth-child(2){top:5%;left:-20%}.puzzle.drag ul.v.rnd2 li[data-v-0a7b901f]:first-child{top:5%;left:-15%}.puzzle.drag ul.v.rnd2 li[data-v-0a7b901f]:nth-child(2){top:-10%;left:50%}.puzzle.drag ul.v.rnd3 li[data-v-0a7b901f]:first-child{top:0;left:45%}.puzzle.drag ul.v.rnd3 li[data-v-0a7b901f]:nth-child(2){top:10%;left:-10%}.puzzle.drag ul.v.rnd4 li[data-v-0a7b901f]:first-child{top:-7%;left:-15%}.puzzle.drag ul.v.rnd4 li[data-v-0a7b901f]:nth-child(2){top:8%;left:45%}.puzzle.drag ul.v.rnd5 li[data-v-0a7b901f]:first-child{top:5%;left:45%}.puzzle.drag ul.v.rnd5 li[data-v-0a7b901f]:nth-child(2){top:-8%;left:-15%}.puzzle.drag ul.v.rnd6 li[data-v-0a7b901f]:first-child{top:-7%;left:-15%}.puzzle.drag ul.v.rnd6 li[data-v-0a7b901f]:nth-child(2){top:-10%;left:42%}.puzzle.drag ul.v.rnd7 li[data-v-0a7b901f]:first-child{top:-6%;left:42%}.puzzle.drag ul.v.rnd7 li[data-v-0a7b901f]:nth-child(2){top:-7%;left:-10%}.puzzle.drag ul.v.rnd8 li[data-v-0a7b901f]:first-child{top:7%;left:-15%}.puzzle.drag ul.v.rnd8 li[data-v-0a7b901f]:nth-child(2){top:10%;left:42%}.puzzle.drag ul.v.rnd9 li[data-v-0a7b901f]:first-child{top:8%;left:42%}.puzzle.drag ul.v.rnd9 li[data-v-0a7b901f]:nth-child(2){top:10%;left:-10%}.puzzle.drag ul.h.rnd0 li[data-v-0a7b901f]:first-child{top:-5%;left:-20%}.puzzle.drag ul.h.rnd0 li[data-v-0a7b901f]:nth-child(2){top:48%;left:25%}.puzzle.drag ul.h.rnd1 li[data-v-0a7b901f]:first-child{top:-5%;left:20%}.puzzle.drag ul.h.rnd1 li[data-v-0a7b901f]:nth-child(2){top:48%;left:-20%}.puzzle.drag ul.h.rnd2 li[data-v-0a7b901f]:first-child{top:53%;left:-15%}.puzzle.drag ul.h.rnd2 li[data-v-0a7b901f]:nth-child(2){top:-5%;left:23%}.puzzle.drag ul.h.rnd3 li[data-v-0a7b901f]:first-child{top:-10%;left:20%}.puzzle.drag ul.h.rnd3 li[data-v-0a7b901f]:nth-child(2){top:48%;left:-10%}.puzzle.drag ul.h.rnd4 li[data-v-0a7b901f]:first-child{top:-7%;left:-17%}.puzzle.drag ul.h.rnd4 li[data-v-0a7b901f]:nth-child(2){top:48%;left:25%}.puzzle.drag ul.h.rnd5 li[data-v-0a7b901f]:first-child{top:45%;left:20%}.puzzle.drag ul.h.rnd5 li[data-v-0a7b901f]:nth-child(2){top:-7%;left:-10%}.puzzle.drag ul.h.rnd6 li[data-v-0a7b901f]:first-child{top:-7%;left:-15%}.puzzle.drag ul.h.rnd6 li[data-v-0a7b901f]:nth-child(2){top:48%;left:0}.puzzle.drag ul.h.rnd7 li[data-v-0a7b901f]:first-child{top:50%;left:5%}.puzzle.drag ul.h.rnd7 li[data-v-0a7b901f]:nth-child(2){top:-7%;left:-10%}.puzzle.drag ul.h.rnd8 li[data-v-0a7b901f]:first-child{top:-10%;left:-15%}.puzzle.drag ul.h.rnd8 li[data-v-0a7b901f]:nth-child(2){top:48%;left:-10%}.puzzle.drag ul.h.rnd9 li[data-v-0a7b901f]:first-child{top:50%;left:13%}.puzzle.drag ul.h.rnd9 li[data-v-0a7b901f]:nth-child(2){top:-6%;left:18%}.puzzle.rect figure[data-v-0a7b901f]{position:absolute;left:0;top:0;z-index:2;width:100%}.puzzle.rect ul li.hit div[data-v-0a7b901f]{display:block}.puzzle.rect ul li.hit div[data-v-0a7b901f]:after{display:none}.bg[data-v-0a7b901f]{position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.arrow[data-v-0a7b901f]{position:fixed;z-index:10;left:-100px;top:0;width:30px;height:100px;transform-origin:50% 0}.arrow .rect[data-v-0a7b901f]{background-color:#f90;width:100%;height:0;transform:translateX(-50%);position:absolute;left:0;top:30px}.arrow .rect.anim[data-v-0a7b901f]{height:calc(100% - 30px);animation:arrowanim-0a7b901f 1.4s ease-in-out forwards}.arrow .tri[data-v-0a7b901f]{width:180%;height:31px;background-color:#f90;position:absolute;top:0;transform:translateX(-50%);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}@keyframes arrowanim-0a7b901f{0%{height:0}50%{height:calc(100% - 30px)}to{height:0}}main .yubi[data-v-6d58d2c5]{pointer-events:none}.main-wrap[data-v-6d58d2c5]{position:absolute;left:0;right:0;top:10%;bottom:0}figure[data-v-6d58d2c5]{position:absolute;left:0;right:0;top:0;bottom:66.66%}figure img[data-v-6d58d2c5]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section[data-v-6d58d2c5]{position:absolute;left:3%;right:50%;top:33%;bottom:3%;background-color:#fad9bd;border-radius:2rem;display:flex;align-items:center}section .btn-list.reverse[data-v-6d58d2c5]{flex-flow:column;flex-wrap:wrap-reverse}section .btn-list li[data-v-6d58d2c5]{align-items:flex-start;margin:0;width:50%}section .btn-list li .wrap[data-v-6d58d2c5]{width:6rem;position:relative}section .btn-list li .wrap .btn-word2[data-v-6d58d2c5]{height:auto}section .btn-list li .wrap .btn-word2[disabled][data-v-6d58d2c5]{opacity:1}section .btn-list li .wrap .btn-word2[disabled] div[data-v-6d58d2c5],section .btn-list li .wrap .btn-word2[disabled] span[data-v-6d58d2c5]{background-color:#9b9b9b}section .btn-list li .wrap .btn-word2[data-v-6d58d2c5]:before{border-radius:calc(2.75rem + 8px)}section .btn-list li .wrap .btn-word2[data-v-6d58d2c5]:after{border-radius:calc(2.75rem + 4px);box-shadow:0 3px 6px rgba(0,0,0,.2666666667)}section .btn-list li .wrap .btn-word2 div[data-v-6d58d2c5],section .btn-list li .wrap .btn-word2 span[data-v-6d58d2c5]{font-size:2.5rem;width:5.5rem;min-height:14rem;height:auto;border-radius:2.75rem}.sentenceWrap[data-v-6d58d2c5]{position:absolute;left:50%;right:0;top:33.33%;display:flex;justify-content:center;flex-direction:row-reverse}.sentence[data-v-6d58d2c5]{display:flex;flex-flow:column;flex-wrap:wrap-reverse;align-items:center;width:7.5rem}.sentence li[data-v-6d58d2c5]{margin:0 1rem;writing-mode:vertical-rl}.sentence li.one[data-v-6d58d2c5]{margin-top:.4rem}.sentence li.space[data-v-6d58d2c5]{margin-top:2.3rem}.sentence li.spaceH[data-v-6d58d2c5]{margin-top:1.2rem}.sentence li div[data-v-6d58d2c5]{font-size:2.5rem;width:5rem;display:flex;justify-content:center;align-items:center}.sentence li div.word[data-v-6d58d2c5]{position:relative;width:5.5rem;min-height:14rem;border-radius:3rem;display:flex;justify-content:center;align-items:center;color:transparent;font-size:2.5rem;background-color:#fff}.sentence li div.word[data-v-6d58d2c5]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:.2rem solid #000;border-radius:3rem}.sentence li div.word.hint[data-v-6d58d2c5]:after{content:attr(data-hint);display:flex;justify-content:center;align-items:center;width:100%;min-height:14rem;color:#ddd;position:absolute;left:0;top:0}.sentence li div.word.hit[data-v-6d58d2c5],.sentence li div.word.nohit[data-v-6d58d2c5]{color:transparent}.sentence li div.word.hit.correct[data-v-6d58d2c5]{color:#000}.sentence li div.ruby[data-v-6d58d2c5]{transform:translateX(.5rem)}.bg[data-v-6d58d2c5]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.mainWrap[data-v-642ce622]{position:absolute;left:0;right:0;top:8%;bottom:0}.btn-area[data-v-642ce622]{position:absolute;left:0;right:0;top:60%;bottom:0;display:flex;justify-content:center;align-items:center}.btn-def[data-v-642ce622]{position:absolute;z-index:2;font-size:5rem;border:.2rem solid #000;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);width:70%;padding:1.5rem 0;border-radius:9rem;margin-top:0;font-weight:700}.btn-def[disabled][data-v-642ce622]{opacity:1;background-color:#aaa}.other[data-v-642ce622]{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0}.images[data-v-642ce622]{padding:.5rem;position:absolute;left:7%;right:7%;top:3%;bottom:40%;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);border-radius:2rem;overflow:hidden}.images .imgSingle[data-v-642ce622]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}main .yubi[data-v-7422a832]{pointer-events:none}.main-wrap[data-v-7422a832]{position:absolute;left:0;right:0;top:10%;bottom:0}figure[data-v-7422a832]{position:absolute;left:0;right:0;top:0;bottom:66.66%}figure img[data-v-7422a832]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section[data-v-7422a832]{position:absolute;left:5%;right:54%;top:32%;bottom:5%;background-color:#fad9bd;border-radius:2rem;display:flex;align-items:center}section .btn-list.reverse[data-v-7422a832]{flex-flow:column;flex-wrap:wrap-reverse}section .btn-list li[data-v-7422a832]{align-items:flex-start;margin:0;width:50%}section .btn-list li .wrap[data-v-7422a832]{width:6rem;position:relative}section .btn-list li .wrap .btn-word2[data-v-7422a832]{height:auto}section .btn-list li .wrap .btn-word2[disabled][data-v-7422a832]{opacity:1}section .btn-list li .wrap .btn-word2[disabled] div[data-v-7422a832],section .btn-list li .wrap .btn-word2[disabled] span[data-v-7422a832]{background-color:#9b9b9b}section .btn-list li .wrap .btn-word2[data-v-7422a832]:before{border-radius:calc(2.75rem + 8px)}section .btn-list li .wrap .btn-word2[data-v-7422a832]:after{border-radius:calc(2.75rem + 4px);box-shadow:0 3px 6px rgba(0,0,0,.2666666667)}section .btn-list li .wrap .btn-word2 div[data-v-7422a832],section .btn-list li .wrap .btn-word2 span[data-v-7422a832]{font-size:2.5rem;width:5.5rem;min-height:14rem;height:auto;border-radius:2.75rem}.sentenceWrap[data-v-7422a832]{position:absolute;left:48%;right:0;top:32%;bottom:0;display:flex;justify-content:center}.sentence[data-v-7422a832]{display:flex;flex-flow:column;flex-wrap:wrap-reverse;align-items:center;width:8rem}.sentence li[data-v-7422a832]{margin:0 1.3rem;writing-mode:vertical-rl}.sentence li.one[data-v-7422a832]{margin-top:.4rem}.sentence li.space[data-v-7422a832]{margin-top:2.3rem}.sentence li div[data-v-7422a832]{font-size:2.5rem;width:5rem;display:flex;justify-content:center;align-items:center}.sentence li div.word[data-v-7422a832]{position:relative;width:5.5rem;min-height:14rem;border-radius:3rem;display:flex;justify-content:center;align-items:center;color:transparent;font-size:2.5rem;background-color:#fff}.sentence li div.word[data-v-7422a832]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:.2rem solid #000;border-radius:3rem}.sentence li div.word.hint[data-v-7422a832]:after{content:attr(data-hint);display:flex;justify-content:center;align-items:center;width:100%;min-height:14rem;color:#ddd;position:absolute;left:0;top:0}.sentence li div.word.hit[data-v-7422a832],.sentence li div.word.nohit[data-v-7422a832]{color:#000}.bg[data-v-7422a832]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.images[data-v-7422a832]{position:absolute;left:5%;right:5%;top:0;bottom:71%;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);border-radius:2rem;padding:.5rem}.images .imgSvg[data-v-7422a832]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.images .imgSingle[data-v-7422a832]{width:100%;height:100%}.images .imgSingle img[data-v-7422a832]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sentence li ruby{transform:translateX(.5rem)}html.safari .sentence li ruby{transform:translateX(.75rem)}.nazori-image[data-v-26c7a668]{position:absolute;left:5%;right:5%;top:70%;bottom:0;display:flex;justify-content:space-between}.nazori-image li[data-v-26c7a668]{width:48%}.nazori-image li button[data-v-26c7a668]{background-color:#fff;border:.5rem solid #ff9;border-radius:1rem;overflow:hidden;box-shadow:3px 3px 6px rgba(0,0,0,.2);padding-top:calc(100% - 1rem);position:relative;width:100%}.nazori-image li button[disabled][data-v-26c7a668]{opacity:1;filter:grayscale(1) brightness(80%)}.nazori-image img[data-v-26c7a668]{position:absolute;left:0;top:0;-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.nazori-char[data-v-26c7a668]{margin:0;padding:0;list-style:none;position:absolute;z-index:2;left:0;right:0;top:10%;bottom:40%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff}.nazori-char li[data-v-26c7a668]{margin:0;padding:0;list-style:none;position:relative;width:10rem;height:10rem}.nazori-char li.sokuon[data-v-26c7a668]{position:relative;left:4%;top:-2%}.nazori-char li.han .char div[data-v-26c7a668]{width:9.5rem;height:9.5rem}.nazori-char li .char[data-v-26c7a668]{cursor:default;width:10rem;height:10rem;font-size:6rem;display:flex;justify-content:center;align-items:center;padding:0;position:relative;left:0;top:0;transform-origin:50% 50%;overflow:hidden}.nazori-char li .char[data-v-26c7a668]:after{content:"";display:block;position:absolute;z-index:2;left:0;right:0;top:0;bottom:0}.nazori-char li .char div[data-v-26c7a668]{display:flex;justify-content:center;align-items:center}.block12-4 .nazori-char li .char[data-v-26c7a668]{font-size:5.7rem}.nazori-char li.small[data-v-26c7a668]{width:7.5rem;height:7.5rem}.nazori-char li.small .char[data-v-26c7a668]{width:7.5rem;height:7.5rem;font-size:3.5rem;pointer-events:none;border:none;background-color:transparent}.nazori-char li.current[data-v-26c7a668]{margin-bottom:3rem}.nazori-char li button.scale[data-v-26c7a668]{animation:anime-scale-26c7a668 1s ease-in forwards}.nazori-char li.red[data-v-26c7a668]{position:relative;z-index:10}.nazori-char li.red .char[data-v-26c7a668]:after{border:2px solid red;border-radius:50%}.nazori-char li button.correct[data-v-26c7a668]{animation:charLarge-26c7a668 1s ease-in forwards}.nazori-char li button.incorrect[data-v-26c7a668]{visibility:hidden}.nazori-char li.small button.correct[data-v-26c7a668]{animation:charLarge2-26c7a668 1s ease-in forwards}.nazori-char li.small button.incorrect[data-v-26c7a668]{visibility:hidden}.nazori-char.fadeIn li[data-v-26c7a668]{display:block;animation:charFade-26c7a668 0s ease-in backwards}.yubi[data-v-26c7a668]{position:fixed!important}@keyframes charFade-26c7a668{0%{opacity:0}to{opacity:1}}@keyframes anime-scale-26c7a668{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes charLarge-26c7a668{0%{width:8rem;height:8rem;font-size:6rem}to{width:16rem;height:16rem;font-size:12rem}}@keyframes charLarge2-26c7a668{0%{width:5.5rem;height:5.5rem;font-size:3.5rem}to{width:16rem;height:16rem;font-size:12rem}}.order[data-v-26c7a668]{width:10%;z-index:10;position:absolute;display:none}.order div[data-v-26c7a668]{position:relative;left:0;top:0;width:100%;padding-top:100%;border-radius:50%;background-color:red;transform:translate(30%,30%)}main[data-v-df9169d0]{height:100%;position:absolute;width:100%}.nazori-image[data-v-df9169d0]{position:absolute;left:0;right:0;top:50%;bottom:0}.nazori-image img[data-v-df9169d0]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.nazori-char[data-v-df9169d0]{margin:0;padding:0;list-style:none;position:absolute;left:0;right:0;top:10%;bottom:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.nazori-char li[data-v-df9169d0]{margin:0;padding:0;list-style:none;display:none}.nazori-char li button[data-v-df9169d0]{width:8rem;height:8rem;font-size:6rem;border:2px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff}.nazori-char.fadeIn li[data-v-df9169d0]{display:block;animation:charFade-df9169d0 1s ease-in backwards}.nazori-char.fadeIn li[data-v-df9169d0]:nth-child(2){animation-delay:.3s}.nazori-char.fadeIn li button.red[data-v-df9169d0]{border-color:red}.nazori-char.fadeIn li button.scale[data-v-df9169d0]{animation:anime-scale-df9169d0 1s ease-in forwards}.nazori-char.fadeIn.correct li:first-child button[data-v-df9169d0]{animation:charLarge-df9169d0 1s ease-in forwards}.nazori-char.fadeIn.correct li[data-v-df9169d0]:nth-child(2){animation:charSmall-df9169d0 1s ease-in forwards}.nazori[data-v-df9169d0]{width:95%;padding-top:95%;margin:0 auto;position:relative}.nazori .nazori-example[data-v-df9169d0],.nazori .nazori-inr[data-v-df9169d0]{overflow:hidden;border:2px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;height:100%}.nazori .nazori-example[data-v-df9169d0]{pointer-events:none}.yubi[data-v-df9169d0]{position:fixed!important}@keyframes charFade-df9169d0{0%{opacity:0}to{opacity:1}}@keyframes charLarge-df9169d0{0%{width:8rem;height:8rem;font-size:6rem}to{width:16rem;height:16rem;font-size:12rem}}@keyframes anime-scale-df9169d0{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes charSmall-df9169d0{0%{opacity:0;width:8rem;height:8rem;font-size:6rem;overflow:hidden}to{opacity:0;width:0;height:0;font-size:12rem;overflow:hidden}}.order[data-v-df9169d0]{width:15%;z-index:16;position:absolute;opacity:0;left:0;top:0;transform:translate(-1000px,-1000px);pointer-events:none}.han .order img[data-v-df9169d0]{transform:translate(47%,47%)}.order div[data-v-df9169d0]{position:relative;left:0;top:0;width:100%;padding-top:100%;border-radius:50%;background-color:red;transform:translate(30%,30%)}.order img[data-v-df9169d0]{transform:translate(35%,35%)}.nazori.han svg{width:80%!important;height:80%!important}.btn[data-v-8a3fcdca]{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;bottom:1rem;right:1rem;width:4rem;left:auto}.btn[data-v-8a3fcdca]:before{content:"";background-color:#000;display:block;width:calc(4rem + 8px);height:calc(4rem + 8px);position:absolute;z-index:1;left:-2px;top:-2px;border-radius:calc(2rem + 4px)}.btn[data-v-8a3fcdca]:after{content:"";background-color:#949494;display:block;width:calc(4rem + 4px);height:calc(4rem + 4px);position:absolute;z-index:2;border-radius:calc(2rem + 2px);left:-1px;top:-1px}.btn div[data-v-8a3fcdca]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#fff;font-size:3rem;width:4rem;height:4rem;padding:.5rem;border-radius:2rem}.btn div img[data-v-8a3fcdca]{width:80%}.btn:active div[data-v-8a3fcdca]{left:2px;top:2px}.btn[disabled][data-v-8a3fcdca]{opacity:1}.btn[disabled] div[data-v-8a3fcdca]{background-color:#aaa}button[data-v-243c6a50]{position:absolute;left:0;bottom:0;width:100%;height:85%;border:none;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;padding:0;background-color:#fff}button .title[data-v-243c6a50]{background-color:transparent;writing-mode:vertical-rl;white-space:nowrap;text-align:left;position:absolute;z-index:2;right:.5rem;top:1.5rem;line-height:1.5rem;text-shadow:0 0 12px #fff,0 0 12px #fff,0 0 12px #fff,0 0 12px #fff,0 0 12px #fff,0 0 12px #fff;letter-spacing:.3rem}button .clear[data-v-243c6a50]{display:flex;justify-content:center;align-items:center;font-size:2rem;width:3rem;height:3rem;border-radius:1.5rem;border:1px solid #000;position:absolute;z-index:2;left:50%;top:0;background-color:#fff;transform:translate(-50%,-50%)}button .clear.zero[data-v-243c6a50]{border:1px solid #c00}button .clear img[data-v-243c6a50]{width:100%;height:100%}button figure[data-v-243c6a50]{margin:0;padding:3% 3% 0 3%;width:100%;height:100%;position:absolute;left:0;bottom:0}button figure .img[data-v-243c6a50]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}button figure.contain[data-v-243c6a50]{height:50%}button figure.contain img[data-v-243c6a50]{-o-object-fit:contain;object-fit:contain}button.disabled[data-v-243c6a50]:after{content:"";display:block;position:absolute;z-index:10;left:0;right:0;top:0;bottom:-1px;background-color:rgba(0,0,0,.6)}button.disabled .clear[data-v-243c6a50]{display:none}.bookWrap[data-v-54ab5cc8]{position:absolute;z-index:500;left:0;right:0;top:0;bottom:0}.bookWrap .bookWrapBg[data-v-54ab5cc8]{position:absolute;z-index:400;left:0;right:0;top:0;bottom:0;background-color:transparent}.bookWrap .bookTitle[data-v-54ab5cc8]{position:absolute;z-index:500;left:3%;right:3%;top:3%;bottom:3%;background-color:hsla(0,0%,100%,.9333333333);border:1px solid #000;border-radius:3rem}.bookWrap .bookTitle .title[data-v-54ab5cc8]{writing-mode:vertical-rl;font-size:3rem;border:2px solid #000;background-color:#fff;padding:1rem;border-radius:4rem;position:absolute;right:3rem;top:6rem}.bookWrap .bookTitle .btn-menu.close[data-v-54ab5cc8]{right:0}.bookWrap .bookTitle .btn-menu.close span[data-v-54ab5cc8]{margin:0}.bookWrap .bookTitle figure[data-v-54ab5cc8]{position:absolute;left:3%;right:25%;top:10%;bottom:30%}.bookWrap .bookTitle figure img[data-v-54ab5cc8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bookWrap .bookTitle .start[data-v-54ab5cc8]{font-size:3rem;padding:1rem;color:#fff;background-color:#f89541;border:none;border-radius:3rem;position:absolute;left:50%;bottom:8%;transform:translate(-50%,-50%);display:flex;align-items:center;white-space:nowrap}.bookWrap .bookTitle .start[disabled][data-v-54ab5cc8]{background-color:#9b9b9b;opacity:1;z-index:2;pointer-events:none}.bookWrap .bookTitle .start img[data-v-54ab5cc8]{width:2.2rem;margin-right:.5rem}.bookWrap .bookTitle .start span[data-v-54ab5cc8]{display:inline-block}.bookWrap .bookTitle .notStart[data-v-54ab5cc8]{font-size:3rem;padding:1rem;color:hsla(0,0%,100%,0);background-color:#f89541;border:none;border-radius:3rem;position:absolute;left:50%;bottom:8%;transform:translate(-50%,-50%);display:flex;align-items:center;white-space:nowrap;min-width:16.7rem}.sentence[data-v-c1fc0a20]{position:absolute;z-index:2;left:50%;top:10%;display:flex;flex-direction:row-reverse;transform:translate(-50%)}.sentence.brackets[data-v-c1fc0a20]{padding:1.5rem 0}.sentence.brackets[data-v-c1fc0a20]:after,.sentence.brackets[data-v-c1fc0a20]:before{text-shadow:2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff,-2px 0 2px #fff,2px 0 2px #fff,0 -2px 2px #fff,0 2px 2px #fff}.sentence.brackets[data-v-c1fc0a20]:before{content:"「";position:absolute;right:1.5rem;top:-1.5rem;font-size:2.5rem;writing-mode:vertical-rl}.sentence.layout1 li.end div[data-v-c1fc0a20]:after,.sentence.layout1 li div[data-v-c1fc0a20],.sentence.layout1.brackets[data-v-c1fc0a20]:before{font-size:2.2rem}.sentence li[data-v-c1fc0a20]{width:5.5rem;writing-mode:vertical-rl;display:flex;align-items:center}.sentence li.ruby div[data-v-c1fc0a20]{position:relative;left:.3rem}.sentence li.first div[data-v-c1fc0a20]{padding:1.5rem 0;display:inline-block}.sentence li.first div[data-v-c1fc0a20]:before{content:"「";position:absolute;right:0;top:-1.5rem;font-size:2.5rem;writing-mode:vertical-rl}.sentence li.end div[data-v-c1fc0a20]{padding:1.5rem 0;display:inline-block}.sentence li.end div[data-v-c1fc0a20]:after{content:"」";position:absolute;left:0;bottom:-1.5rem;font-size:2.5rem;writing-mode:vertical-rl}.sentence li.end.period div[data-v-c1fc0a20]{display:inline-block;padding-top:0}.sentence li.end.period div[data-v-c1fc0a20]:after{bottom:0}.sentence li.end.end-top div[data-v-c1fc0a20]{padding-top:0}.sentence li.brackets div[data-v-c1fc0a20]{padding:1.5rem 0;display:inline-block}.sentence li.brackets.end.period div[data-v-c1fc0a20]{padding-top:1.5rem}.sentence li.space div[data-v-c1fc0a20]{padding-top:2.2rem}.sentence li div[data-v-c1fc0a20]{position:relative;white-space:nowrap;font-size:2.5rem;text-shadow:2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff,-2px 0 2px #fff,2px 0 2px #fff,0 -2px 2px #fff,0 2px 2px #fff}.listen .img[data-v-d7159370]{margin:0;position:absolute;left:1%;right:1%;top:8%;bottom:53%;background-color:#fff}.listen .img img[data-v-d7159370]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen.layout1 .img[data-v-d7159370]{bottom:64%}.listen .img[data-v-526a8a8e]{margin:0;position:absolute;left:1%;right:1%;top:8%;bottom:53%;background-color:#fff}.listen .img img[data-v-526a8a8e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen.layout1 .img[data-v-526a8a8e]{bottom:64%}.sentenceWrap[data-v-526a8a8e]{position:absolute;left:0;right:0;top:48%;bottom:0;display:flex;justify-content:center;flex-direction:row-reverse}.layout1 .sentenceWrap[data-v-526a8a8e]{top:37%}.sentence li[data-v-526a8a8e]{writing-mode:vertical-rl;padding:0;overflow:visible;position:relative}.sentence li.space[data-v-526a8a8e]{margin-top:3rem}.sentence li .postit[data-v-526a8a8e]{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%}.sentence li .postit .pt1[data-v-526a8a8e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0a0}.sentence li .postit .pt2[data-v-526a8a8e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#060;transform-origin:0 0}.sentence li .txt[data-v-526a8a8e]{font-size:2.7rem;overflow:visible}.layout1 .sentence li .txt[data-v-526a8a8e]{font-size:3rem!important}.bg[data-v-526a8a8e]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.arrow[data-v-526a8a8e]{position:fixed;z-index:10;left:-100px;top:0;width:30px;height:100px;transform-origin:50% 0;pointer-events:none}.arrow .rect[data-v-526a8a8e]{background-color:#f90;width:100%;height:0;position:absolute;left:0;top:30px}.arrow .rect.anim[data-v-526a8a8e]{height:calc(100% - 30px);animation:arrowanim 1.4s ease-in-out forwards}.arrow .tri[data-v-526a8a8e]{width:180%;height:31px;background-color:#f90;position:absolute;top:0;transform:translateX(-22%);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.yubiWrap[data-v-526a8a8e]{position:absolute;width:17%;z-index:200;transform:rotate(-75deg)}.yubiWrap .yubi[data-v-526a8a8e]{position:static!important;width:100%!important}.finger[data-v-526a8a8e]{left:-9999px}.sentenceRow[data-v-526a8a8e]{padding:0 2rem}.listen .img[data-v-b504c056]{margin:0;position:absolute;left:7%;right:7%;top:8%;bottom:55%;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);border-radius:1.5rem;overflow:hidden}.listen .img img[data-v-b504c056]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen.layout1 .img[data-v-b504c056]{bottom:64%}.listen[data-length="13"] .img[data-v-b504c056]{bottom:58%}.listen[data-length="14"] .img[data-v-b504c056]{bottom:63%}.yubiWrap[data-v-b504c056]{position:absolute;width:17%;z-index:200;transform:rotate(-75deg)}.yubiWrap .yubi[data-v-b504c056]{position:static!important;width:100%!important}main .yubi[data-v-f2468e7e]{pointer-events:none}.main-wrap[data-v-f2468e7e]{position:absolute;left:0;right:0;top:10%;bottom:0}figure[data-v-f2468e7e]{position:absolute;left:5%;right:54%;top:0;bottom:72%;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);padding:.5rem;overflow:hidden;border-radius:1.5rem}figure img[data-v-f2468e7e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section[data-v-f2468e7e]{position:absolute;left:5%;right:54%;top:30%;bottom:10%;background-color:#fad9bd;border-radius:2rem;display:flex;align-items:center}section .btn-list.reverse[data-v-f2468e7e]{flex-flow:column;flex-wrap:wrap-reverse}section .btn-list li[data-v-f2468e7e]{align-items:flex-start;margin:0;width:50%}section .btn-list li .wrap[data-v-f2468e7e]{width:6rem;position:relative}section .btn-list li .wrap .btn-word2[data-v-f2468e7e]{height:auto}section .btn-list li .wrap .btn-word2[disabled][data-v-f2468e7e]{opacity:1}section .btn-list li .wrap .btn-word2[disabled] div[data-v-f2468e7e],section .btn-list li .wrap .btn-word2[disabled] span[data-v-f2468e7e]{background-color:#9b9b9b}section .btn-list li .wrap .btn-word2[data-v-f2468e7e]:before{border-radius:calc(2.75rem + 8px)}section .btn-list li .wrap .btn-word2[data-v-f2468e7e]:after{border-radius:calc(2.75rem + 4px);box-shadow:0 3px 6px rgba(0,0,0,.2666666667)}section .btn-list li .wrap .btn-word2 div[data-v-f2468e7e],section .btn-list li .wrap .btn-word2 span[data-v-f2468e7e]{font-size:2.5rem;width:5.5rem;min-height:14rem;height:auto;border-radius:2.75rem}.sentenceWrap[data-v-f2468e7e]{position:absolute;left:50%;right:0;top:0;bottom:3%;display:flex;justify-content:center;flex-direction:row-reverse}.sentence[data-v-f2468e7e]{display:flex;flex-flow:column;flex-wrap:wrap-reverse;align-items:center;width:8rem}.sentence li[data-v-f2468e7e]{margin:.2rem 1.3rem;writing-mode:vertical-rl}.sentence li.space[data-v-f2468e7e]{margin-top:2.5rem}.sentence li div[data-v-f2468e7e]{font-size:2.5rem;width:5rem;display:flex;justify-content:center;align-items:center}.sentence li div.word[data-v-f2468e7e]{position:relative;width:5.5rem;min-height:14rem;border-radius:3rem;display:flex;justify-content:center;align-items:center;color:transparent;font-size:2.5rem;background-color:#fff;padding:.5rem}.sentence li div.word[data-v-f2468e7e]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:.2rem solid #000;border-radius:3rem}.sentence li div.word.hint[data-v-f2468e7e]:after{content:attr(data-hint);display:flex;justify-content:center;align-items:center;width:100%;min-height:14rem;color:#ddd;position:absolute;left:0;top:0;padding:.5rem}.sentence li div.word.hit[data-v-f2468e7e],.sentence li div.word.nohit[data-v-f2468e7e]{color:#000}.bg[data-v-f2468e7e]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.images[data-v-f2468e7e]{position:absolute;left:3%;right:3%;top:0;bottom:70%;display:flex;justify-content:center;align-items:center}.images ul[data-v-f2468e7e]{display:flex;justify-content:space-between}.images ul li[data-v-f2468e7e]{width:48%;border:2px solid #000;border-radius:.5rem;overflow:hidden;background-color:#fff}.images ul li img[data-v-f2468e7e]{width:100%}.yubiWrap[data-v-f2468e7e]{position:absolute;width:17%;z-index:200;transform:rotate(-75deg)}.yubiWrap .yubi[data-v-f2468e7e]{position:static!important;width:100%!important}.listen .img[data-v-64dfcee8]{margin:0;position:absolute;left:7%;right:7%;top:20%;bottom:25%;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);border-radius:1.5rem}.listen .img img[data-v-64dfcee8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}main .yubi[data-v-520b5c12]{pointer-events:none}.main-wrap[data-v-520b5c12]{position:absolute;left:0;right:0;top:10%;bottom:0}figure[data-v-520b5c12]{position:absolute;left:5%;right:54%;top:0;bottom:72%;box-shadow:0 3px 6px rgba(0,0,0,.2666666667);padding:.5rem;overflow:hidden;border-radius:1.5rem}figure img[data-v-520b5c12]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section[data-v-520b5c12]{position:absolute;left:5%;right:54%;top:30%;bottom:10%;background-color:#fad9bd;border-radius:2rem;display:flex;align-items:center}section .btn-list.reverse[data-v-520b5c12]{flex-flow:column;flex-wrap:wrap-reverse}section .btn-list li[data-v-520b5c12]{align-items:flex-start;margin:0;width:50%}section .btn-list li .wrap[data-v-520b5c12]{width:6rem;position:relative}section .btn-list li .wrap .btn-word2[data-v-520b5c12]{height:auto}.wordLen7 section .btn-list li .wrap .btn-word2[data-v-520b5c12]{height:18.5rem}section .btn-list li .wrap .btn-word2[disabled][data-v-520b5c12]{opacity:1}section .btn-list li .wrap .btn-word2[disabled] div[data-v-520b5c12],section .btn-list li .wrap .btn-word2[disabled] span[data-v-520b5c12]{background-color:#9b9b9b}section .btn-list li .wrap .btn-word2[data-v-520b5c12]:before{border-radius:calc(2.75rem + 8px)}section .btn-list li .wrap .btn-word2[data-v-520b5c12]:after{border-radius:calc(2.75rem + 4px);box-shadow:0 3px 6px rgba(0,0,0,.2666666667)}section .btn-list li .wrap .btn-word2 div[data-v-520b5c12],section .btn-list li .wrap .btn-word2 span[data-v-520b5c12]{font-size:2.5rem;width:5.5rem;min-height:14rem;height:auto;border-radius:2.75rem}.wordLen7 section .btn-list li .wrap .btn-word2 div[data-v-520b5c12],.wordLen7 section .btn-list li .wrap .btn-word2 span[data-v-520b5c12]{min-height:18.5rem}.sentenceWrap[data-v-520b5c12]{position:absolute;left:50%;right:0;top:0;bottom:3%;display:flex;justify-content:center;flex-direction:row-reverse}.sentence[data-v-520b5c12]{display:flex;flex-flow:column;flex-wrap:wrap-reverse;align-items:center;width:8rem}.sentence li[data-v-520b5c12]{margin:.2rem 1.3rem;writing-mode:vertical-rl}.sentence li.space[data-v-520b5c12]{margin-top:2.5rem}.sentence li div[data-v-520b5c12]{font-size:2.5rem;width:5rem;display:flex;justify-content:center;align-items:center}.sentence li div.word[data-v-520b5c12]{position:relative;width:5.5rem;min-height:14rem;border-radius:3rem;display:flex;justify-content:center;align-items:center;color:transparent;font-size:2.5rem;background-color:#fff;padding:.5rem}.sentence li div.word[data-v-520b5c12]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:.2rem solid #000;border-radius:3rem}.sentence li div.word.hint[data-v-520b5c12]:after{content:attr(data-hint);display:flex;justify-content:center;align-items:center;width:100%;min-height:14rem;color:#ddd;position:absolute;left:0;top:0;padding:.5rem}.sentence li div.word.hit[data-v-520b5c12],.sentence li div.word.nohit[data-v-520b5c12]{color:#000}.bg[data-v-520b5c12]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.images[data-v-520b5c12]{position:absolute;left:3%;right:3%;top:0;bottom:70%;display:flex;justify-content:center;align-items:center}.images ul[data-v-520b5c12]{display:flex;justify-content:space-between}.images ul li[data-v-520b5c12]{width:48%;border:2px solid #000;border-radius:.5rem;overflow:hidden;background-color:#fff}.images ul li img[data-v-520b5c12]{width:100%}.yubiWrap[data-v-520b5c12]{position:absolute;width:17%;z-index:200;transform:rotate(-75deg)}.yubiWrap .yubi[data-v-520b5c12]{position:static!important;width:100%!important}