#mask[data-v-2c4ce79a]{position:absolute;z-index:190;left:0;right:0;top:0;bottom:0;background-color:transparent}.modal-wrap[data-v-60f4542c]{position:absolute;z-index:199;left:0;right:0;top:0;bottom:0}#updateAlert[data-v-41c6bcf4]{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-41c6bcf4]{background:#fff;border-radius:2rem;border:2px solid #000;padding:2rem;text-align:center}#updateAlert .alert p[data-v-41c6bcf4]{line-height:1.8}#updateAlert .alert button[data-v-41c6bcf4]{font-size:2rem;background-color:#fff;border:1px solid #aaa;border-radius:3px;padding:.5rem;width:16rem;margin-top:2rem}.slide-main[data-v-1051ac5c]{font-family:IPAkumon}button[data-v-ed78948e],button[disabled][data-v-ed78948e]{width:17rem;font-size:3rem}.message.expired[data-v-ed78948e]{padding:0 9%;line-height:1.2;text-align:justify;font-size:1.6rem}.listen-record[data-v-ed78948e]{font-family:IPAkumon}#loading.box[data-v-e067b16a]{display:flex;justify-content:center;align-items:center}#loading .content[data-v-e067b16a]{padding:10px;transform:translate(0)!important}#loading .inner[data-v-e067b16a]{top:auto;bottom:2%;width:55%;transform:translateX(-50%)}#loading .inner .content[data-v-e067b16a]{width:20%;margin:0 auto}#loading .inner .content img[data-v-e067b16a]{width:100%}#loading .inner .message[data-v-e067b16a]{font-family:IPAkumon}.intro[data-v-e067b16a]{background-color:#fff;position:absolute;left:3%;right:3%;top:10%;bottom:10%}.intro .page[data-v-e067b16a]{width:100%;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.debug[data-v-e067b16a]{position:absolute;z-index:300;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.1333333333);word-break:break-all;pointer-events:none}.listen-record[data-v-19135520]{font-family:IPAkumon}ul[data-v-78a050a8]{position:absolute;left:0;right:0;top:8%;bottom:8%}ul li[data-v-78a050a8]{position:absolute;left:0;top:0;width:42%;transform:translate(-50%,-50%)}ul li .btnWrap[data-v-78a050a8]{padding-top:166.666%}ul li button[data-v-78a050a8]{position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid #43c361;border-radius:1rem;background-color:#fff;box-shadow:0 5px 0 #817f7f;font-size:1.5rem;padding-top:1rem}ul li button .ico[data-v-78a050a8]{position:absolute;right:-1.5rem;top:-1.5rem;width:4rem}ul li button figure[data-v-78a050a8]{margin:.5rem auto 0 auto;width:82%}ul li button figure img[data-v-78a050a8]{width:100%}ul li[data-v-78a050a8]:first-child{left:25%;top:29%}ul li[data-v-78a050a8]:nth-child(2){left:50%;top:80%}ul li:nth-child(2) button[data-v-78a050a8]{padding-top:1.5rem}ul li[data-v-78a050a8]:nth-child(3){left:72%;top:29%}ul li:nth-child(3) button[data-v-78a050a8]{padding-top:.7rem}.help[data-v-78a050a8]{width:4rem;height:4rem;position:absolute;right:-1.5rem;top:-1.5rem;cursor:pointer}.help img[data-v-78a050a8]{width:100%}.maskSafari[data-v-78a050a8]{display:block;position:absolute;z-index:10000;left:0;right:0;top:0;bottom:0}main .yubi[data-v-086959e4]{position:absolute}.homeblock[data-v-086959e4]{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-086959e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}li[data-v-086959e4],ul[data-v-086959e4]{list-style:none}ul[data-v-086959e4]{position:absolute;width:100%;height:100%;left:0;top:0}ul li[data-v-086959e4]{width:35%}ul li[data-v-086959e4]:first-child{position:absolute;left:25%;top:75%;z-index:10}ul li[data-v-086959e4]:nth-child(2){position:absolute;left:75%;top:75%;z-index:10}ul li[data-v-086959e4]:nth-child(3){position:absolute;left:25%;top:29%;z-index:9}ul li[data-v-086959e4]:nth-child(4){position:absolute;left:75%;top:29%;z-index:9}.button[data-v-086959e4]{border:none;background-color:transparent;transform:translate(-50%,-50%);position:relative;padding:0;width:100%;height:100%}.button.anim[data-v-086959e4]{z-index:190}.button.anim .img2[data-v-086959e4]{display:block;filter:brightness(30%)}.button.anim .num[data-v-086959e4]{display:block;opacity:0}.button.anim .book[data-v-086959e4],.button.anim .key[data-v-086959e4]{display:block}.button[disabled][data-v-086959e4]{opacity:1}.button[disabled] .key[data-v-086959e4]{display:block}.button[disabled] .num[data-v-086959e4]{display:none}.button[disabled] .img2[data-v-086959e4]{display:block;filter:brightness(30%)}.button[disabled] .book[data-v-086959e4]{display:block}.button .num[data-v-086959e4]{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-086959e4]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.button .key[data-v-086959e4]{position:absolute;z-index:3;width:45%;left:50%;top:40%;transform:translate(-50%,-50%);display:none}.button .key img[data-v-086959e4],.button img.img[data-v-086959e4]{width:100%}.button img.img2[data-v-086959e4]{display:none;width:100%;position:absolute;left:0;top:0}.button img.anim[data-v-086959e4]{display:none}.button.active .anim[data-v-086959e4]{display:block;width:100%;position:absolute;left:0;top:0;z-index:2;animation:anim-door-086959e4 1s ease-in-out forwards}.button .crown[data-v-086959e4]{position:absolute;left:50%;top:-30%;transform:translateX(-50%);width:70%;display:none}.button .crown.active[data-v-086959e4]{display:block}.button .crown.anim img[data-v-086959e4]{transform:scale(0)}.button .crown img[data-v-086959e4]{width:100%;transform-origin:50% 90%}.button .book[data-v-086959e4]{position:absolute;right:-30%;top:10%;transform-origin:0 0;width:40%;z-index:2;display:none}.button .book div img[data-v-086959e4]{width:100%;transform:translate(-50%,-50%)}.descBg[data-v-086959e4]{background-color:hsla(0,0%,66.7%,.8);position:absolute;z-index:10;left:0;right:0;top:0;bottom:0}@keyframes anim-door-086959e4{0%{opacity:1}to{opacity:0}}main[data-v-08af51fa]{display:block!important;position:absolute;overflow:hidden;left:0;right:0;top:8%;bottom:6%}main .yubi[data-v-08af51fa]{position:fixed}.bg[data-v-08af51fa]{position:absolute;left:0;right:0;top:0;bottom:0;line-height:0;padding:0;margin:0}.bg img[data-v-08af51fa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bookShelfWrap[data-v-08af51fa]{display:flex;padding:0;width:100%;height:100%}.bookShelfPage[data-v-08af51fa]{width:100%;height:100%;padding:2% 0}.bookShelf[data-v-08af51fa]{position:relative;z-index:2;display:flex;justify-content:center;margin:0 3%;height:33.3%}.bookShelf[data-v-08af51fa]: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-08af51fa]{width:29%;margin:0 .2%;height:88.5%;display:flex;position:relative}.btn-next[data-v-08af51fa],.btn-prev[data-v-08af51fa]{border:none;background-color:transparent;position:absolute;top:50%;width:8%;transform:translateY(-50%);z-index:5;padding:0}.btn-next img[data-v-08af51fa],.btn-prev img[data-v-08af51fa]{width:100%}.btn-next .yubi[data-v-08af51fa],.btn-prev .yubi[data-v-08af51fa]{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-08af51fa],.btn-prev .yubi.nextYubi[data-v-08af51fa]{left:-100%;width:190%}.btn-prev[data-v-08af51fa]{left:.5%}.btn-next[data-v-08af51fa]{right:.5%}main[data-v-10f02b7e]{display:block!important;position:absolute;overflow:hidden;left:0;right:0;top:8%;bottom:6%}main .yubi[data-v-10f02b7e]{z-index:200}.bg[data-v-10f02b7e]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.noteWrap[data-v-10f02b7e]{height:100%;display:flex}.scroll[data-v-10f02b7e]{width:100%;height:100%;overflow:hidden;position:relative}.scroll ul[data-v-10f02b7e]{position:absolute;left:12%;right:6%;top:5%;bottom:5%}.scroll ul li[data-v-10f02b7e]{margin:0;width:100%;height:25%;display:flex;justify-content:center;align-items:center;position:absolute}.scroll ul li[data-v-10f02b7e]:first-child{left:0;top:0}.scroll ul li[data-v-10f02b7e]:nth-child(2){left:0;top:25%}.scroll ul li[data-v-10f02b7e]:nth-child(3){left:0;top:50%}.scroll ul li[data-v-10f02b7e]:nth-child(4){left:0;bottom:0}.scroll ul li .note[data-v-10f02b7e]{width:100%;height:98%;border:none;padding:0;background-color:transparent;position:relative}.scroll ul li .note[disabled][data-v-10f02b7e]{opacity:1;position:relative}.scroll ul li .note[disabled][data-v-10f02b7e]: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-10f02b7e]{filter:brightness(30%)}.scroll ul li .note img.bg[data-v-10f02b7e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.scroll ul li .note img.bg.fusen[data-v-10f02b7e]{position:relative;z-index:10}.scroll ul li .note .no[data-v-10f02b7e]{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-10f02b7e]{position:absolute;z-index:2;left:30%;right:40%;top:10%;bottom:10%;margin:0}.scroll ul li .note figure img[data-v-10f02b7e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.scroll ul li .listen[data-v-10f02b7e]{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-10f02b7e]{width:45%;display:block;margin:0 auto}.scroll ul li .listen[disabled][data-v-10f02b7e]{opacity:1;background-color:#aaa}.scroll ul li .listen[disabled] img[data-v-10f02b7e]{opacity:.7}.scroll ul li .ico[data-v-10f02b7e]{position:absolute;right:0;top:-5%;z-index:4;width:13%}.scroll ul li.disabled .ico[data-v-10f02b7e]{display:none}.scroll .stamp[data-v-10f02b7e]{position:absolute;width:23%;right:6%;top:18%;bottom:18%}.scroll .stamp img[data-v-10f02b7e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.btn-next[data-v-10f02b7e],.btn-prev[data-v-10f02b7e]{border:none;background-color:transparent;position:absolute;top:50%;width:8%;transform:translateY(-50%);z-index:20;padding:0}.btn-next img[data-v-10f02b7e],.btn-prev img[data-v-10f02b7e]{width:100%}.btn-next .yubi[data-v-10f02b7e],.btn-prev .yubi[data-v-10f02b7e]{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-10f02b7e],.btn-prev .yubi.nextYubi[data-v-10f02b7e]{left:-100%;width:190%}.btn-prev[data-v-10f02b7e]{left:.5%}.btn-next[data-v-10f02b7e]{right:.5%}main[data-v-24819183]{position:absolute;left:0;right:0;top:8%;bottom:5%}main .bg[data-v-24819183]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}main .yubi[data-v-24819183]{position:absolute;z-index:10}ul[data-v-24819183]{position:absolute;left:0;right:0;top:0;bottom:0}ul li[data-v-24819183]{position:absolute;left:0;top:0;width:40%;transform:translate(-50%,-50%)}ul li .btnWrap[data-v-24819183]{position:relative;padding-top:119.4%}ul li button[data-v-24819183]{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-24819183]{z-index:190}ul li button.anim .img2[data-v-24819183]{display:block;filter:brightness(30%)}ul li button.anim .num[data-v-24819183]{display:block;opacity:0}ul li button.anim .book[data-v-24819183],ul li button.anim .key[data-v-24819183]{display:block}ul li button.anim .glitter[data-v-24819183]{display:block;opacity:0}ul li button.anim figure[data-v-24819183]{opacity:0}ul li button[disabled][data-v-24819183]{opacity:1}ul li button[disabled] .img[data-v-24819183]{display:none}ul li button[disabled] .book[data-v-24819183],ul li button[disabled] .img2[data-v-24819183],ul li button[disabled] .key[data-v-24819183]{display:block}ul li button[disabled] figure[data-v-24819183]{display:none}ul li button .img[data-v-24819183]{position:absolute;left:0;top:0;width:100%}ul li button .img2[data-v-24819183]{display:none;filter:brightness(30%)}ul li button .main[data-v-24819183]{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;margin-left:10%}ul li button .main .tit[data-v-24819183]{font-size:2.5rem}ul li button .main figure[data-v-24819183]{position:absolute;left:16%;right:15%;top:8%;bottom:32%;background-color:#fff}ul li button .main figure img[data-v-24819183]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}ul li button .book[data-v-24819183]{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-24819183]{width:100%;transform:translate(-50%,-50%)}ul li button .key[data-v-24819183]{width:40%;position:absolute;z-index:3;left:55%;top:50%;transform:translate(-50%,-50%);display:none}ul li button .key img[data-v-24819183]{width:100%}ul li[data-v-24819183]:first-child{left:50%;top:26%}ul li[data-v-24819183]:nth-child(2){left:26%;top:74%}ul li[data-v-24819183]:nth-child(3){left:74%;top:74%}.pen[data-v-24819183]{position:absolute;left:73%;top:42%;z-index:1;width:15%}.descBg[data-v-24819183]{background-color:hsla(0,0%,66.7%,.8);position:absolute;z-index:10;left:0;right:0;top:0;bottom:0}main[data-v-7a81c7fc]{display:block!important;position:relative;margin-top:0;margin-bottom:0;height:100%}li[data-v-7a81c7fc],ul[data-v-7a81c7fc]{list-style:none}button[data-v-7a81c7fc]{border:none;background-color:transparent;padding:0}.blockWrap[data-v-7a81c7fc]{display:flex}.block .inner[data-v-7a81c7fc],.block[data-v-7a81c7fc],.blockWrap[data-v-7a81c7fc]{position:relative;width:100%;height:100%}.btn-cont[data-v-7a81c7fc]{background-color:#fff;width:100%;position:relative;border-radius:1rem;border:.25rem solid #43c361;font-size:3.5rem}.open .btn-cont[data-v-7a81c7fc]{background-color:#e0e0e0;color:#9b9b9b;border-color:#939393}.open.animed .btn-cont[data-v-7a81c7fc]{background-color:#fff;border:4px solid #43c361;color:initial}.btn-cont[disabled][data-v-7a81c7fc]{opacity:1;background-color:#e0e0e0;color:#9b9b9b;border-color:#939393}.btn-cont .btn-inr[data-v-7a81c7fc]{width:100%}.btn-cont .btn-inr img[data-v-7a81c7fc]{width:30%;margin-bottom:1rem}.btn-cont .qt[data-v-7a81c7fc]{display:none;font-size:4rem}.btn-cont.btnAnim .btn-inr[data-v-7a81c7fc]{display:none}.btn-cont.btnAnim .qt[data-v-7a81c7fc]{display:block}.btn-next[data-v-7a81c7fc],.btn-prev[data-v-7a81c7fc]{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-7a81c7fc],.btn-prev img.arrow[data-v-7a81c7fc]{width:100%}.btn-next .yubi[data-v-7a81c7fc],.btn-prev .yubi[data-v-7a81c7fc]{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-7a81c7fc],.btn-prev .yubi.nextYubi[data-v-7a81c7fc]{left:-100%;width:190%}.btn-prev[data-v-7a81c7fc]{left:1%}.btn-next[data-v-7a81c7fc]{right:1%}ul[data-v-7a81c7fc]{font-size:4rem;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;margin:0;padding:0}ul li[data-v-7a81c7fc]{width:25%;position:absolute;left:0;transform:translate(-50%,-50%)}ul li.active button[data-v-7a81c7fc]{animation:anim-content .5s ease-in-out forwards}ul li.anim[data-v-7a81c7fc]{z-index:20}ul li .btnAnim[data-v-7a81c7fc]{position:absolute;left:0;top:0;z-index:2}.block2 ul li[data-v-7a81c7fc]{line-height:0}.block2 ul li button[data-v-7a81c7fc]{font-size:1.8rem;width:100%;padding-top:62.592%;line-height:normal}.block2 ul li button .btn-main[data-v-7a81c7fc]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.block1.content4 ul li[data-v-7a81c7fc]{width:28%;line-height:0}.block1.content4 ul li[data-v-7a81c7fc]:first-child{bottom:7%;left:69%}.block1.content4 ul li[data-v-7a81c7fc]:nth-child(2){bottom:7%;left:32%}.block1.content4 ul li[data-v-7a81c7fc]:nth-child(3){bottom:26%;left:35%}.block1.content4 ul li[data-v-7a81c7fc]:nth-child(4){bottom:26%;left:71%}.block1.content4 ul li button[data-v-7a81c7fc]{padding-top:66.66%;line-height:normal}.block1.content4 ul li button .btn-main[data-v-7a81c7fc]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.block2.content4 ul li[data-v-7a81c7fc]{width:37%}.block2.content4 ul li[data-v-7a81c7fc]:first-child{bottom:30%;left:30%}.block2.content4 ul li[data-v-7a81c7fc]:nth-child(2){bottom:30%;left:70%}.block2.content4 ul li[data-v-7a81c7fc]:nth-child(3){bottom:15%;left:30%}.block2.content4 ul li[data-v-7a81c7fc]:nth-child(4){bottom:15%;left:70%}.block4.content5 ul li[data-v-7a81c7fc]{width:28%;line-height:0}.block4.content5 ul li[data-v-7a81c7fc]:first-child{bottom:2.5%;left:68%}.block4.content5 ul li[data-v-7a81c7fc]:nth-child(2){bottom:4.5%;left:32%}.block4.content5 ul li[data-v-7a81c7fc]:nth-child(3){bottom:19%;left:34%}.block4.content5 ul li[data-v-7a81c7fc]:nth-child(4){bottom:17.5%;left:70%}.block4.content5 ul li[data-v-7a81c7fc]:nth-child(5){bottom:33.5%;left:50%}.block4.content5 ul li button[data-v-7a81c7fc]{padding-top:66.666%;line-height:normal}.block4.content5 ul li button .btn-main[data-v-7a81c7fc]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.block2.content6 li[data-v-7a81c7fc]{width:37%}.block2.content6 li[data-v-7a81c7fc]:first-child{bottom:30%;left:30%}.block2.content6 li[data-v-7a81c7fc]:nth-child(2){bottom:30%;left:70%}.block2.content6 li[data-v-7a81c7fc]:nth-child(3){bottom:15%;left:30%}.block2.content6 li[data-v-7a81c7fc]:nth-child(4){bottom:15%;left:70%}.block2.content6 li[data-v-7a81c7fc]:nth-child(5){bottom:0;left:30%}.block2.content6 li[data-v-7a81c7fc]:nth-child(6){bottom:0;left:70%}.block1.content8 ul li[data-v-7a81c7fc],.block3 ul li[data-v-7a81c7fc],.block4.content8 ul li[data-v-7a81c7fc]{line-height:0}.block1.content8 ul li[data-v-7a81c7fc]:first-child,.block3 ul li[data-v-7a81c7fc]:first-child,.block4.content8 ul li[data-v-7a81c7fc]:first-child{bottom:3%;left:75%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(2),.block3 ul li[data-v-7a81c7fc]:nth-child(2),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(2){bottom:3%;left:35%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(3),.block3 ul li[data-v-7a81c7fc]:nth-child(3),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(3){bottom:15%;left:26%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(4),.block3 ul li[data-v-7a81c7fc]:nth-child(4),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(4){bottom:13%;left:61%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(5),.block3 ul li[data-v-7a81c7fc]:nth-child(5),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(5){bottom:26%;left:70%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(6),.block3 ul li[data-v-7a81c7fc]:nth-child(6),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(6){bottom:27%;left:37%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(7),.block3 ul li[data-v-7a81c7fc]:nth-child(7),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(7){bottom:37%;left:31%}.block1.content8 ul li[data-v-7a81c7fc]:nth-child(8),.block3 ul li[data-v-7a81c7fc]:nth-child(8),.block4.content8 ul li[data-v-7a81c7fc]:nth-child(8){bottom:38%;left:66%}.block1.content8 ul li button[data-v-7a81c7fc],.block3 ul li button[data-v-7a81c7fc],.block4.content8 ul li button[data-v-7a81c7fc]{padding-top:55.55%;line-height:normal}.block1.content8 ul li button .btn-main[data-v-7a81c7fc],.block3 ul li button .btn-main[data-v-7a81c7fc],.block4.content8 ul li button .btn-main[data-v-7a81c7fc]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#corenaani .title{padding:2rem 0!important}html.safari #corenaani .title ruby rt{transform:translateX(-.5rem)}main .yubi.finger2[data-v-51baa9a2]{z-index:30!important;animation-name:none!important}.bg[data-v-51baa9a2]{z-index:10;background-color:rgba(0,0,0,.4666666667)}.bg[data-v-51baa9a2],.zukan-dotch li button div[data-v-6101ac09]{position:absolute;left:0;right:0;top:0;bottom:0}main[data-v-49bbe194]{position:absolute;left:0;right:0;top:7%;bottom:0}.listen-record main[data-v-49bbe194]{display:block}main .yubi[data-v-49bbe194]{position:fixed;z-index:100}.card[data-v-49bbe194]{position:absolute;left:0;right:0;top:0;bottom:0}.card li[data-v-49bbe194]{width:65%;margin:11% auto 0 auto}.card li .card-wrap[data-v-49bbe194]{perspective:800px;width:100%;padding-top:100%}.card li .card1[data-v-49bbe194],.card li .card2[data-v-49bbe194]{position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d;overflow:hidden;border-radius:2.5rem;box-shadow:2px 2px 2px rgba(0,0,0,.4)}.card li .card1[data-v-49bbe194]{border:1px solid #ccc;background-color:#090;z-index:2}.card li .card2[data-v-49bbe194]{border:1px solid #ccc;background-color:#fff}.card li .card2 img[data-v-49bbe194]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card li .card2 .word[data-v-49bbe194]{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}.card li:first-child.act[data-v-49bbe194]{z-index:10;position:relative}.card li:first-child.act .card1[data-v-49bbe194]{animation:anime-forward-49bbe194 .5s ease-in-out forwards}.card li:first-child.act .card2[data-v-49bbe194]{animation:anime-backward-49bbe194 .5s ease-in-out forwards}.card li:first-child.hide[data-v-49bbe194]{z-index:10;position:relative}.card li:first-child.hide .card1[data-v-49bbe194]{animation:anime-backward-49bbe194 .5s ease-in-out forwards}.card li:first-child.hide .card2[data-v-49bbe194]{animation:anime-forward-49bbe194 .5s ease-in-out forwards}.card li:nth-child(2).act[data-v-49bbe194]{z-index:10;position:relative}.card li:nth-child(2).act .card1[data-v-49bbe194]{animation:anime-forward2-49bbe194 .5s ease-in-out forwards}.card li:nth-child(2).act .card2[data-v-49bbe194]{animation:anime-backward2-49bbe194 .5s ease-in-out forwards}.card li:nth-child(2).hide[data-v-49bbe194]{z-index:10;position:relative}.card li:nth-child(2).hide .card1[data-v-49bbe194]{animation:anime-backward2-49bbe194 .5s ease-in-out forwards}.card li:nth-child(2).hide .card2[data-v-49bbe194]{animation:anime-forward2-49bbe194 .5s ease-in-out forwards}.card li:first-child .card1[data-v-49bbe194],.card li:first-child .card2[data-v-49bbe194]{animation-delay:.1s}.card li:nth-child(2) .card1[data-v-49bbe194],.card li:nth-child(2) .card2[data-v-49bbe194]{animation-delay:.2s}.card li:nth-child(3) .card1[data-v-49bbe194],.card li:nth-child(3) .card2[data-v-49bbe194]{animation-delay:.3s}.card li:nth-child(4) .card1[data-v-49bbe194],.card li:nth-child(4) .card2[data-v-49bbe194]{animation-delay:.4s}@keyframes anime-forward-49bbe194{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.3) translateY(-15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}60%{opacity:1;transform:scale(1.3) rotateY(90deg) translateY(-15%)}60.1%{opacity:0;transform:scale(1.3) rotateY(90deg) translateY(-15%)}to{opacity:0;transform:scale(1.3) rotateY(90deg) translateY(-15%)}}@keyframes anime-backward-49bbe194{0%{opacity:0;transform:scale(1.3) rotateY(-90deg) translateY(-15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}59.9%{opacity:0;transform:scale(1.3) rotateY(-90deg) translateY(-15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}60%{opacity:1;transform:scale(1.3) rotateY(-90deg) translateY(-15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}80%{opacity:1;transform:scale(1.3) rotateY(0deg) translateY(-15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}to{opacity:1;transform:scale(1) rotateY(0deg) translateY(0);box-shadow:2px 2px 2px rgba(0,0,0,.4)}}@keyframes anime-forward2-49bbe194{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.3) translateY(15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}60%{opacity:1;transform:scale(1.3) rotateY(90deg) translateY(15%)}60.1%{opacity:0;transform:scale(1.3) rotateY(90deg) translateY(15%)}to{opacity:0;transform:scale(1.3) rotateY(90deg) translateY(15%)}}@keyframes anime-backward2-49bbe194{0%{opacity:0;transform:scale(1.3) rotateY(-90deg) translateY(15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}59.9%{opacity:0;transform:scale(1.3) rotateY(-90deg) translateY(15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}60%{opacity:1;transform:scale(1.3) rotateY(-90deg) translateY(15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}80%{opacity:1;transform:scale(1.3) rotateY(0deg) translateY(15%);box-shadow:20px 40px 10px rgba(0,0,0,.4)}to{opacity:1;transform:scale(1) rotateY(0deg) translateY(0);box-shadow:2px 2px 2px rgba(0,0,0,.4)}}main .yubi[data-v-141bf5de]{position:fixed;z-index:20;pointer-events:none}figure[data-v-141bf5de]{position:absolute;left:50%;right:5%;top:8%;bottom:65%;pointer-events:none;line-height:0;margin:0;padding:0}figure img[data-v-141bf5de]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section[data-v-141bf5de]{position:absolute;left:3%;right:50%;top:35%;bottom:3%;background-color:#fde099;border-radius:10px;display:flex;align-items:center}section .btn-list[data-v-141bf5de]{display:block}section .btn-list li[data-v-141bf5de]{margin:0;height:auto}.col0 section .btn-list[data-v-141bf5de]{position:absolute}.col0 section .btn-list li[data-v-141bf5de]:first-child{left:13%}.col0 section .btn-list li[data-v-141bf5de]:nth-child(2){left:57%}.col1 section .btn-list[data-v-141bf5de]{position:absolute}.col1 section .btn-list li[data-v-141bf5de]:first-child{left:57%}.col1 section .btn-list li[data-v-141bf5de]:nth-child(2){left:13%}.row0 section .btn-list[data-v-141bf5de]{position:absolute}.row0 section .btn-list li[data-v-141bf5de]:first-child{top:5%}.row0 section .btn-list li[data-v-141bf5de]:nth-child(2){bottom:5%}.row1 section .btn-list[data-v-141bf5de]{position:absolute}.row1 section .btn-list li[data-v-141bf5de]:first-child{top:15%}.row1 section .btn-list li[data-v-141bf5de]:nth-child(2){bottom:15%}.row2 section .btn-list[data-v-141bf5de]{position:absolute}.row2 section .btn-list li[data-v-141bf5de]:first-child{top:20%}.row2 section .btn-list li[data-v-141bf5de]:nth-child(2){bottom:20%}.row3 section .btn-list[data-v-141bf5de]{position:absolute}.row3 section .btn-list li[data-v-141bf5de]:first-child{top:25%}.row3 section .btn-list li[data-v-141bf5de]:nth-child(2){bottom:25%}.row4 section .btn-list[data-v-141bf5de]{position:absolute}.row4 section .btn-list li[data-v-141bf5de]:first-child{top:30%}.row4 section .btn-list li[data-v-141bf5de]:nth-child(2){bottom:5%}.row5 section .btn-list[data-v-141bf5de]{position:absolute}.row5 section .btn-list li[data-v-141bf5de]:first-child{bottom:5%}.row5 section .btn-list li[data-v-141bf5de]:nth-child(2){top:10%}.row6 section .btn-list[data-v-141bf5de]{position:absolute}.row6 section .btn-list li[data-v-141bf5de]:first-child{bottom:10%}.row6 section .btn-list li[data-v-141bf5de]:nth-child(2){top:5%}.row7 section .btn-list[data-v-141bf5de]{position:absolute}.row7 section .btn-list li[data-v-141bf5de]:first-child{bottom:15%}.row7 section .btn-list li[data-v-141bf5de]:nth-child(2){top:30%}.row8 section .btn-list[data-v-141bf5de]{position:absolute}.row8 section .btn-list li[data-v-141bf5de]:first-child{bottom:20%}.row8 section .btn-list li[data-v-141bf5de]:nth-child(2){top:15%}.row9 section .btn-list[data-v-141bf5de]{position:absolute}.row9 section .btn-list li[data-v-141bf5de]:first-child{bottom:18%}.row9 section .btn-list li[data-v-141bf5de]:nth-child(2){top:10%}section .btn-list li[data-v-141bf5de]{position:absolute}section .btn-list li .wrap[data-v-141bf5de]{width:5.2rem;height:100%;position:relative}section .btn-list li .wrap .btn-word2[data-v-141bf5de]{height:100%}section .btn-list li .wrap .btn-word2 div[data-v-141bf5de],section .btn-list li .wrap .btn-word2 span[data-v-141bf5de]{height:100%;width:5.2rem;padding:1rem 0;border-radius:2.6rem;font-size:3.6rem}section .btn-list li .wrap .btn-word2[data-v-141bf5de]:before{width:calc(5.2rem + 8px);height:calc(100% + 8px);border-radius:3.6rem}section .btn-list li .wrap .btn-word2[data-v-141bf5de]:after{width:calc(5.2rem + 4px);height:calc(100% + 4px);border-radius:3.6rem}section .btn-list li .wrap .btn-word2[disabled][data-v-141bf5de]{opacity:1}section .btn-list li .wrap .btn-word2[disabled] div[data-v-141bf5de],section .btn-list li .wrap .btn-word2[disabled] span[data-v-141bf5de]{background-color:#999}section .btn-list li .wrap .btn-word2.hit[data-v-141bf5de],section .btn-list li .wrap .btn-word2.nohit[data-v-141bf5de]{display:none}.sentence[data-v-141bf5de]{position:absolute;right:15%;top:35%;bottom:3%;display:flex;flex-flow:column;justify-content:center;align-items:center}.sentence li[data-v-141bf5de]{margin:0 1rem;display:flex;align-items:center;position:relative}.sentence li div[data-v-141bf5de]{writing-mode:vertical-rl;font-size:3.6rem;width:4rem;display:flex;justify-content:center;align-items:center;background-color:#fff}.sentence li div.word[data-v-141bf5de]{position:relative;border:1px solid #000;width:5.2rem;border-radius:2.6rem;display:flex;justify-content:center;align-items:center;color:transparent}.sentence li div.word[data-v-141bf5de]:after{content:attr(data-hint);display:flex;justify-content:center;align-items:center;width:5.2rem;color:#ddd;position:absolute;left:0;top:0;height:100%}.sentence li div.word.hit[data-v-141bf5de],.sentence li div.word.nohit[data-v-141bf5de]{color:#000}.sentence li div.word.hit[data-v-141bf5de]:after,.sentence li div.word.nohit[data-v-141bf5de]:after{display:none}.bg[data-v-141bf5de]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.yubiWrap[data-v-0e6f9a9a]{position:absolute;width:15%;z-index:200;transform:rotate(-70deg)}.yubiWrap .yubi[data-v-0e6f9a9a]{position:static!important;width:100%!important}#kotobaejiten[data-v-0e6f9a9a]{position:absolute;left:0;right:0;top:0;bottom:0}.listen[data-v-f812714e]{width:100%;height:100%}.listen .image[data-v-f812714e]{position:absolute;left:0;right:0;width:85%;top:5%;bottom:0;margin:auto;display:flex;align-items:center}.listen figure[data-v-f812714e]{padding-top:160%;background-color:#fff;border-radius:1.4rem;overflow:hidden;position:relative;margin:auto;width:100%}.listen figure[data-v-f812714e]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen figure img[data-v-f812714e]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ico[data-v-719fd864]{position:absolute;width:15%;left:7.5%;top:30%}.ico img[data-v-719fd864]{transition:opacity .2s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen[data-v-719fd864]{position:relative;width:100%;height:100%}.listen .img[data-v-719fd864]{margin:0;position:absolute;right:5%;top:10%;width:65%;background-color:#fff;border-radius:1.4rem;overflow:hidden}.listen .img[data-v-719fd864]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen .img figure[data-v-719fd864]{padding-top:149.5%;margin:0}.listen .img figure img[data-v-719fd864]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cols.listening .ico .ico-listen[data-v-719fd864],.cols.shadowing .ico .ico-speak[data-v-719fd864]{opacity:1}.img[data-v-031cdb35]{margin:0 auto;position:absolute;left:0;right:0;top:10%;width:48%;background-color:#fff;border-radius:1.4rem;overflow:hidden}.img[data-v-031cdb35]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.img img[data-v-031cdb35]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.7rem}.ico[data-v-46fac7e6]{position:absolute;width:15%;left:7.5%;top:30%}.ico img[data-v-46fac7e6]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen[data-v-46fac7e6]{position:relative;width:100%;height:100%}.listen .img[data-v-46fac7e6]{margin:0;position:absolute;right:5%;top:10%;width:65%;background-color:#fff;border-radius:1.4rem;overflow:hidden}.listen .img[data-v-46fac7e6]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen .img img[data-v-46fac7e6]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.record[data-v-46fac7e6]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0}.record .record-main[data-v-46fac7e6]{position:absolute;padding:3rem 1.8rem;left:0;right:0;top:0;bottom:0;width:90%;height:25%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto}.record .record-main h2[data-v-46fac7e6]{text-align:center;font-size:3rem}.record .record-main ul li[data-v-46fac7e6]{width:100%}.record .record-main ul li+li[data-v-46fac7e6]{margin-top:3rem}.record .record-main ul li button[data-v-46fac7e6]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.record .record-main ul li button[data-v-46fac7e6]: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-46fac7e6]: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-46fac7e6]{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-46fac7e6]{opacity:1}.record .record-main ul li button[disabled] span[data-v-46fac7e6]{background-color:#aaa}.record .record-main ul li button:active span[data-v-46fac7e6]{left:2px;top:2px}.countDown[data-v-46fac7e6]{left:0;right:0;top:0;bottom:0;margin:auto;font-size:6rem;width:10rem;height:10rem;color:#fff;border-radius:5rem}.countDown[data-v-46fac7e6],.ico_mic[data-v-46fac7e6]{position:absolute;z-index:50;background-color:#c00;display:flex;justify-content:center;align-items:center}.ico_mic[data-v-46fac7e6]{left:17%;top:40%;width:4rem;height:4rem;border-radius:50%}.ico_mic img[data-v-46fac7e6]{height:75%}.listen[data-v-6054f070]{position:relative;width:100%;height:100%}.listen .img[data-v-6054f070]{margin:0;position:absolute;right:5%;top:10%;width:65%;background-color:#fff;border-radius:1.4rem;overflow:hidden}.listen .img[data-v-6054f070]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen .img figure[data-v-6054f070]{padding-top:149.5%;margin:0}.listen .img figure img[data-v-6054f070]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen[data-v-839dfe58]{position:relative;width:100%;height:100%}.ico[data-v-771fc49d]{position:absolute;width:30%;right:0;top:42%}.ico img[data-v-771fc49d]{transition:opacity .2s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.count1.listening .col:first-child .sentence div[data-v-771fc49d]{background-color:#c1d4af}.count1.listening .col:first-child .ico .ico-listen[data-v-771fc49d]{opacity:1}.count1.shadowing .col:first-child .sentence div[data-v-771fc49d]{background-color:#c1d4af}.count1.shadowing .col:first-child .ico .ico-speak[data-v-771fc49d]{opacity:1}.count2.listening .col:nth-child(2) .sentence div[data-v-771fc49d]{background-color:#c1d4af}.count2.listening .col:nth-child(2) .ico .ico-listen[data-v-771fc49d]{opacity:1}.count2.shadowing .col:nth-child(2) .sentence div[data-v-771fc49d]{background-color:#c1d4af}.count2.shadowing .col:nth-child(2) .ico .ico-speak[data-v-771fc49d]{opacity:1}.listen[data-v-771fc49d]{position:relative;width:100%;height:100%}.listen .cols[data-v-771fc49d]{position:absolute;left:8%;right:8%;top:8%;bottom:0}.listen .cols .col[data-v-771fc49d]{position:absolute;top:0;width:48%;height:100%}.listen .cols .col[data-v-771fc49d]:first-child{right:0}.listen .cols .col[data-v-771fc49d]:nth-child(2){left:0}.listen .cols .col .img[data-v-771fc49d]{margin:0;width:100%;padding-top:149.5%;background-color:#fff;border-radius:1.4rem;overflow:hidden;position:relative}.listen .cols .col .img[data-v-771fc49d]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen .cols .col .img img[data-v-771fc49d]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen .cols .col .sentence[data-v-771fc49d]{writing-mode:vertical-rl;margin-top:1rem;overflow:visible;display:flex;justify-content:center;align-items:center;width:100%}.listen .cols .col .sentence.ruby[data-v-771fc49d]{position:relative;left:.9rem}.listen .cols .col .sentence div[data-v-771fc49d]{padding:1rem;font-size:3rem;overflow:visible;transition:opacity .2s;background-color:transparent}.layout1 .listen .cols .col .sentence div[data-v-771fc49d]{font-size:3rem!important}.listen .cols .col .sentence.small div[data-v-771fc49d]{font-size:2.6rem}.listen .cols .col .sentence.small2 div[data-v-771fc49d]{font-size:2.4rem}.listen[data-v-634787f3]{position:relative;width:100%;height:100%}.cols[data-v-634787f3]{position:absolute;left:0;right:0;top:0;bottom:0}.cols.listening .ico .ico-listen[data-v-634787f3],.cols.shadowing .ico .ico-speak[data-v-634787f3]{opacity:1}.listen[data-v-49968d12]{position:relative;width:100%;height:100%}.listen .cols[data-v-49968d12]{position:absolute;left:0;right:0;top:10%;bottom:0}.listen .cols .col[data-v-49968d12]{position:absolute;left:0;right:0;top:0;width:48%;height:100%;margin:0 auto}.listen .cols .col .img[data-v-49968d12]{margin:0;width:100%;background-color:#fff;border-radius:1.4rem;overflow:hidden;position:relative}.listen .cols .col .img[data-v-49968d12]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen .cols .col .img img[data-v-49968d12]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:relative}.listen .cols .col .sentence[data-v-49968d12]{writing-mode:vertical-rl;margin-top:3rem;overflow:visible;display:flex;justify-content:center;align-items:center;width:100%}.listen .cols .col .sentence.ruby[data-v-49968d12]{position:relative;left:.9rem}.listen .cols .col .sentence div[data-v-49968d12]{padding:1rem;font-size:3rem;overflow:visible;transition:opacity .2s;background-color:transparent}.layout1 .listen .cols .col .sentence div[data-v-49968d12]{font-size:3rem!important}.ico[data-v-5fcb747f]{position:absolute;width:30%;right:0;top:42%}.ico img[data-v-5fcb747f]{transition:opacity .2s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.count1.listening .col:first-child .ico .ico-listen[data-v-5fcb747f],.count1.shadowing .col:first-child .ico .ico-speak[data-v-5fcb747f],.count2.listening .col:nth-child(2) .ico .ico-listen[data-v-5fcb747f],.count2.shadowing .col:nth-child(2) .ico .ico-speak[data-v-5fcb747f]{opacity:1}.listen[data-v-5fcb747f]{position:relative;width:100%;height:100%}.listen .cols[data-v-5fcb747f]{position:absolute;left:8%;right:8%;top:10%;bottom:0}.listen .cols .col[data-v-5fcb747f]{position:absolute;left:0;right:0;margin:0 auto;top:0;width:48%;height:100%;overflow:hidden;border-radius:1.4rem}.listen .cols .col .img[data-v-5fcb747f]{margin:0;width:100%;background-color:#fff;position:relative;overflow:hidden;border-radius:1.4rem}.listen .cols .col .img[data-v-5fcb747f]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1.4rem;border:2px solid #999}.listen .cols .col .img img[data-v-5fcb747f]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen .cols .col .sentence[data-v-5fcb747f]{writing-mode:vertical-rl;margin-top:1rem;overflow:visible;display:flex;justify-content:center;align-items:center;width:100%}.listen .cols .col .sentence.ruby[data-v-5fcb747f]{position:relative;left:.9rem}.listen .cols .col .sentence div[data-v-5fcb747f]{padding:1rem;font-size:3rem;overflow:visible;transition:opacity .2s;background-color:transparent}.layout1 .listen .cols .col .sentence div[data-v-5fcb747f]{font-size:3rem!important}.countDown[data-v-5fcb747f]{left:0;right:0;top:0;bottom:0;margin:auto;font-size:6rem;width:10rem;height:10rem;color:#fff;border-radius:5rem}.countDown[data-v-5fcb747f],.ico_mic[data-v-5fcb747f]{position:absolute;z-index:50;background-color:#c00;display:flex;justify-content:center;align-items:center}.ico_mic[data-v-5fcb747f]{left:57%;top:45%;width:4rem;height:4rem;border-radius:50%}.ico_mic img[data-v-5fcb747f]{height:75%}.ico[data-v-229c5460]{position:absolute;width:15%;right:13%;top:32%}.ico img[data-v-229c5460]{transition:opacity .2s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen[data-v-229c5460]{position:relative;width:100%;height:100%}.listen .cols[data-v-229c5460]{position:absolute;left:0;right:0;top:8%;bottom:0}.listen .cols .image[data-v-229c5460]{position:absolute;left:12%;right:12%}.listen .cols .img[data-v-229c5460]{margin:0;width:100%;background-color:#fff}.listen .cols .img img[data-v-229c5460]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen .cols.listening .ico .ico-listen[data-v-229c5460],.listen .cols.shadowing .ico .ico-speak[data-v-229c5460]{opacity:1}.sentenceWrap[data-v-229c5460]{position:absolute;left:0;right:0;top:33%;bottom:0;display:flex;justify-content:center}.layout1 .sentenceWrap[data-v-229c5460]{top:37%}.sentence[data-v-229c5460]{display:flex;flex-direction:row-reverse;z-index:2}.sentence li[data-v-229c5460]{writing-mode:vertical-rl;padding:0 2rem;overflow:visible;width:7rem}.sentence li.ruby[data-v-229c5460]{position:relative;left:.9rem}.sentence li div[data-v-229c5460]{font-size:3rem;overflow:visible}.layout1 .sentence li div[data-v-229c5460]{font-size:3rem!important}.sentence.small li[data-v-229c5460]{padding:0 2.2rem}.sentence.small li div[data-v-229c5460]{font-size:2.6rem}.sentence.xsmall li[data-v-229c5460]{padding:0 2.2rem}.sentence.xsmall li div[data-v-229c5460]{font-size:2.4rem}.countDown[data-v-229c5460]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;font-size:6rem;width:10rem;height:10rem;color:#fff;border-radius:5rem}.countDown[data-v-229c5460],.ico_mic[data-v-229c5460]{z-index:50;background-color:#c00;display:flex;justify-content:center;align-items:center}.ico_mic[data-v-229c5460]{position:fixed;left:68%;top:36%;width:4rem;height:4rem;border-radius:50%}.ico_mic img[data-v-229c5460]{height:75%}.zukan-dotch li button div[data-v-352031af]{position:absolute;left:0;right:0;top:0;bottom:0}.zukan-dotch li button div img[data-v-352031af]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:1rem}.yubiWrap[data-v-131ed2ea]{position:absolute;width:15%;z-index:200;transform:rotate(-70deg)}.yubiWrap .yubi[data-v-131ed2ea]{position:static!important;width:100%!important}.yubiSpeakerWrap[data-v-131ed2ea]{position:absolute;width:15%;z-index:200}.yubiSpeakerWrap .yubi[data-v-131ed2ea]{position:static!important;width:100%!important}.ico[data-v-131ed2ea]{position:absolute;width:15%;right:13%;top:40%}.ico img[data-v-131ed2ea]{transition:opacity .2s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen[data-v-131ed2ea]{position:relative;width:100%;height:100%}.listen .cols[data-v-131ed2ea]{position:absolute;left:0;right:0;top:0;bottom:0}.listen .cols .image[data-v-131ed2ea]{position:absolute;top:8%;left:1%;right:1%;bottom:53%}.listen .cols .img[data-v-131ed2ea]{margin:0;width:100%;height:100%;background-color:#fff}.listen .cols .img img[data-v-131ed2ea]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen .cols.listening .ico .ico-listen[data-v-131ed2ea],.listen .cols.shadowing .ico .ico-speak[data-v-131ed2ea]{opacity:1}.listen .cols.first .btn-speaker[data-v-131ed2ea]{z-index:301!important;pointer-events:none!important}.listen .cols.first .btn[data-v-131ed2ea]{z-index:1!important}.sentenceWrap[data-v-131ed2ea]{position:absolute;left:0;right:0;top:50%;bottom:0;display:flex;justify-content:center}.layout1 .sentenceWrap[data-v-131ed2ea]{top:37%}.sentence[data-v-131ed2ea]{display:flex;flex-direction:row-reverse;z-index:2}.sentence li[data-v-131ed2ea]{writing-mode:vertical-rl;overflow:visible;width:7rem;display:flex;align-items:center}.sentence li.ruby[data-v-131ed2ea]{position:relative;left:.9rem}.sentence li div[data-v-131ed2ea]{font-size:3rem;overflow:visible}.layout1 .sentence li div[data-v-131ed2ea]{font-size:3rem!important}.sentence.small li[data-v-131ed2ea]{padding:0 2.2rem}.sentence.small li div[data-v-131ed2ea]{font-size:2.6rem}.btn-speaker[data-v-131ed2ea]{border:none;background-color:transparent;position:fixed;z-index:200;margin:0;padding:0;top:50%}.btn-speaker[data-v-131ed2ea]: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-131ed2ea]: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-131ed2ea],.btn-speaker span[data-v-131ed2ea]{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-131ed2ea],.btn-speaker span img[data-v-131ed2ea]{width:80%}.btn-speaker div.off[data-v-131ed2ea]:after,.btn-speaker span.off[data-v-131ed2ea]: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-131ed2ea],.btn-speaker:active span[data-v-131ed2ea]{left:2px;top:2px}.bg[data-v-131ed2ea]{position:absolute;z-index:300;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.finger[data-v-131ed2ea]{position:absolute;z-index:400;width:12%;left:77%;top:43%;pointer-events:none}.finger img[data-v-131ed2ea]{opacity:0;width:100%}.finger.anim img[data-v-131ed2ea]{animation:finger-anim-131ed2ea 1s linear forwards}@keyframes finger-anim-131ed2ea{0%{opacity:0}25%{opacity:1}50%{transform:scale(1.3)}75%{opacity:1;transform:scale(1)}to{opacity:0}}.listen[data-v-2979e209]{position:relative;width:100%;height:100%}.listen .cols[data-v-2979e209]{position:absolute;left:0;right:0;top:15%;bottom:0}.listen .cols .image[data-v-2979e209]{position:absolute;left:10%;right:10%}.listen .cols .img[data-v-2979e209]{margin:0;width:100%;background-color:#fff}.listen .cols .img img[data-v-2979e209]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen .cols.listening .ico .ico-listen[data-v-2979e209],.listen .cols.shadowing .ico .ico-speak[data-v-2979e209]{opacity:1}.record[data-v-2979e209]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0}.record .record-main[data-v-2979e209]{position:absolute;padding:2.5rem 3rem;width:90%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto;left:0;right:0;bottom:5%}.record .record-main h2[data-v-2979e209]{text-align:center;font-size:3rem}.record .record-main figure[data-v-2979e209]{text-align:center}.record .record-main figure img[data-v-2979e209]{width:70%;max-width:280px}.record .record-main ul[data-v-2979e209]{display:flex;justify-content:space-between}.record .record-main ul li[data-v-2979e209]{width:45%}.record .record-main ul li button[data-v-2979e209]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.record .record-main ul li button[data-v-2979e209]: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-2979e209]: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-2979e209]{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-2979e209]{opacity:1}.record .record-main ul li button[disabled] span[data-v-2979e209]{background-color:#aaa}.record .record-main ul li button:active span[data-v-2979e209]{left:2px;top:2px}.yubiWrap[data-v-7c0bd7f0]{position:absolute;width:15%;z-index:200;transform:rotate(-70deg)}.yubiWrap .yubi[data-v-7c0bd7f0]{position:static!important;width:100%!important}.ico[data-v-7c0bd7f0]{position:absolute;width:15%;right:13%;top:32%}.ico img[data-v-7c0bd7f0]{transition:opacity .2s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen[data-v-7c0bd7f0]{position:relative;width:100%;height:100%}.listen .cols[data-v-7c0bd7f0]{position:absolute;left:0;right:0;top:8%;bottom:0}.listen .cols .image[data-v-7c0bd7f0]{position:absolute;left:12%;right:12%}.listen .cols .img[data-v-7c0bd7f0]{margin:0;width:100%;background-color:#fff}.listen .cols .img img[data-v-7c0bd7f0]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.listen .cols.listening .ico .ico-listen[data-v-7c0bd7f0],.listen .cols.shadowing .ico .ico-speak[data-v-7c0bd7f0]{opacity:1}.sentenceWrap[data-v-7c0bd7f0]{position:absolute;left:0;right:0;top:33%;bottom:0;display:flex;justify-content:center}.layout1 .sentenceWrap[data-v-7c0bd7f0]{top:37%}.sentence[data-v-7c0bd7f0]{display:flex;flex-direction:row-reverse;z-index:2}.sentence li[data-v-7c0bd7f0]{writing-mode:vertical-rl;padding:0 2rem;overflow:visible;width:7rem}.sentence li.ruby[data-v-7c0bd7f0]{position:relative;left:.9rem}.sentence li div[data-v-7c0bd7f0]{font-size:3rem;overflow:visible}.layout1 .sentence li div[data-v-7c0bd7f0]{font-size:3rem!important}.sentence.small li[data-v-7c0bd7f0]{padding:0 2.2rem}.sentence.small li div[data-v-7c0bd7f0]{font-size:2.6rem}.sentence.xsmall li[data-v-7c0bd7f0]{padding:0 2.2rem}.sentence.xsmall li div[data-v-7c0bd7f0]{font-size:2.4rem}.countDown[data-v-7c0bd7f0]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;font-size:6rem;width:10rem;height:10rem;color:#fff;border-radius:5rem}.countDown[data-v-7c0bd7f0],.ico_mic[data-v-7c0bd7f0]{z-index:50;background-color:#c00;display:flex;justify-content:center;align-items:center}.ico_mic[data-v-7c0bd7f0]{position:fixed;left:68%;top:36%;width:4rem;height:4rem;border-radius:50%}.ico_mic img[data-v-7c0bd7f0]{height:75%}.listen-record main[data-v-2ef70b9a]{display:block;height:100%}.listen figure[data-v-2ef70b9a]{position:absolute;left:1%;right:1%;top:25%;bottom:25%}.listen figure img[data-v-2ef70b9a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.complete[data-v-2ef70b9a]{position:absolute;z-index:5;left:0;right:0;top:0;bottom:0;background-color:#fff}.complete .inner[data-v-2ef70b9a]{position:absolute;z-index:5;left:0;right:0;top:12%;bottom:50%;text-align:center}.complete .inner img[data-v-2ef70b9a]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.complete section[data-v-2ef70b9a]{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-2ef70b9a]{display:flex;flex-wrap:wrap;width:90%;justify-content:space-between}.complete section ul li[data-v-2ef70b9a]{width:30%;padding:1rem 0}.complete section ul li button[data-v-2ef70b9a]{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-2ef70b9a]{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-4cd6817c]{list-style:none;margin:0 1rem;padding:0}ul li[data-v-4cd6817c]{margin-bottom:2rem}.speed[data-v-4cd6817c]{padding:1rem .5rem}.flex[data-v-4cd6817c]{list-style:none;margin:0;padding:0;border-top:1px solid #ccc}.flex li[data-v-4cd6817c]{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-4cd6817c]:hover{background-color:#f4f4f9}.flex li button[data-v-4cd6817c]{font-size:2rem;width:9rem}.flex li .nav[data-v-4cd6817c]{padding:0;display:flex}.flex li .nav div[data-v-4cd6817c]{margin:0 .5rem;color:#0d6efd;text-decoration:underline}.flex li .nav span[data-v-4cd6817c]{display:block;font-weight:700;margin-left:1.5rem;margin-right:.5rem}.debug[data-v-4cd6817c]{position:absolute;left:3%;right:0;top:10%;bottom:0;overflow:auto;display:block}.component[data-v-4cd6817c],.component li[data-v-4cd6817c]{display:block;margin:0;padding:0}.component li[data-v-4cd6817c]{border:none}.component li button[data-v-4cd6817c]{font-size:1rem;width:10rem;margin-bottom:3px}.tab[data-v-4cd6817c]{display:flex;border-bottom:1px solid #000;justify-content:space-between;margin-bottom:1rem}.tab li[data-v-4cd6817c]{margin-bottom:0}.tab li button[data-v-4cd6817c]{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-4cd6817c]{background-color:#def}.list-note[data-v-4cd6817c]{display:flex;justify-content:flex-start;flex-wrap:wrap}.list-note li[data-v-4cd6817c]{width:30%;margin:0 1.5% 2rem 1.5%}.list-note li button[data-v-4cd6817c]{width:100%;height:4rem;position:relative;white-space:normal}.list-note li button .no[data-v-4cd6817c]{position:absolute;left:0;top:0}.list-note li button img[data-v-4cd6817c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}input[type=number][data-v-4cd6817c]{width:5rem}input[disabled][data-v-4cd6817c],select[disabled][data-v-4cd6817c]{opacity:.3}.bookWrap[data-v-4cd6817c]{position:absolute;z-index:500;left:0;right:0;top:0;bottom:0}.bookWrap .bookWrapBg[data-v-4cd6817c]{position:absolute;z-index:400;left:0;right:0;top:0;bottom:0;background-color:transparent}.bookWrap .bookTitle[data-v-4cd6817c]{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-4cd6817c]{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-4cd6817c]{right:0}.bookWrap .bookTitle .btn-menu.close span[data-v-4cd6817c]{margin:0}.bookWrap .bookTitle figure[data-v-4cd6817c]{position:absolute;left:3%;right:25%;top:10%;bottom:30%}.bookWrap .bookTitle figure img[data-v-4cd6817c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bookWrap .bookTitle .start[data-v-4cd6817c]{font-size:3rem;padding:1rem;color:#fff;background-color:#f5912f;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-4cd6817c]{background-color:#999;opacity:1}.bookWrap .bookTitle .start img[data-v-4cd6817c]{width:2.2rem;margin-right:.5rem}.bookWrap .bookTitle .start span[data-v-4cd6817c]{display:inline-block}ul li[data-v-47c4950c]{text-align:center;margin:3rem 0}.listen-record[data-v-f991dad6]{font-family:IPAkumon}.appBanner figure[data-v-f991dad6]{width:100%;max-width:200px;margin:2rem auto 0 auto}.appBanner figure img[data-v-f991dad6]{width:100%}.appBanner .btnLink[data-v-f991dad6]{margin-top:2rem}.appBanner .txt[data-v-f991dad6]{line-height:1.6;padding-left:1rem;font-size:2rem;text-align:center}.appBanner .link[data-v-f991dad6]{color:#0d6efd}.appBanner .close[data-v-f991dad6]{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-f991dad6]:before{transform:rotate(-45deg)}.appBanner .close[data-v-f991dad6]:after,.appBanner .close[data-v-f991dad6]:before{content:"";display:block;width:20px;height:1px;background-color:#000;position:absolute}.appBanner .close[data-v-f991dad6]:after{transform:rotate(45deg)}.descriptionWrap[data-v-f991dad6]{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-f991dad6]{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-f991dad6]{text-align:center;margin-top:2rem}.inner[data-v-f991dad6]{position:static;max-width:64px;margin:0 auto}.inner img[data-v-f991dad6]{width:100%}.notes[data-v-f991dad6]{color:#c00;margin-top:2rem}.add-button[data-v-f991dad6]{font-size:2rem;margin:0 auto}.description[data-v-f991dad6]{background-color:#fff;border:1px solid #000;border-radius:3rem;width:94%;margin:0 auto;padding:2rem 1.5rem}.description h2[data-v-f991dad6]{font-size:1.7rem;font-weight:700}.description ol li[data-v-f991dad6]{margin-bottom:1rem}.description ol li img[data-v-f991dad6]{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;white-space:nowrap}::-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.05f5280e.ttf) format("truetype"),url(../fonts/IPAexGothic_kumon.2e64ae7c.woff) format("woff")}@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,html.portrait{position:fixed;left:0;right:0;top:0;bottom:0}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;width:100%;overflow:hidden}ruby{ruby-position:over}ruby,ruby rt{overflow:visible}.rb{position:relative}.rb .rt{display:flex;justify-content:center;position:absolute;left:110%;top:0;font-size:1.25rem;height:100%;letter-spacing:.5rem}button{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}button[disabled]{opacity:.2}button:focus{outline:none}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{position:absolute;left:0;right:0;top:2.5rem;bottom:12.25%}#restriction.show .modal-inner .modal-message-box .restriction-img{position:absolute;left:0;top:0;width:100%;height:63.4%;display:flex;justify-content:center}#restriction.show .modal-inner .modal-message-box .restriction-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#restriction.show .modal-inner .modal-message-box .restriction-message-box{position:absolute;left:1rem;right:1rem;bottom:0}#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}.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 #stages{height:12.85%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:0 calc(var(--padding)*1.05);padding-bottom:2.2%}.multiplication-table #stages .btn-stage{flex:0 0 18.8%;height:42%;border:none;border-radius:var(--brad-xxl);background-color:#f7f7f7;padding:0;padding-top:.7%;font-size:1.25rem;letter-spacing:-.08rem}.multiplication-table #stages .btn-stage.current{border:solid var(--bwidth-xl) #000;background-color:#00a8df;color:#fff}.multiplication-table #stages .btn-stage .ten,.multiplication-table #stages .btn-stage span{font-weight:600;font-size:2rem;letter-spacing:0}.multiplication-table #stages .btn-stage .ten{display:inline-block;margin:0;margin-left:-.15rem}.multiplication-table #stages .btn-stage .ten:first-letter{letter-spacing:-.3rem}.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}.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.disabled{pointer-events:none;background-size:32%}.listen-record #content .expr-box .expr .btn-listen.disabled img{visibility:hidden}.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:5%;width:90%;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:#fff;border:2px solid #000;padding:3% 0;writing-mode:vertical-rl;display:flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap;font-size:3rem;border-radius:3.5rem;width:7rem}#corenaani .large.title,#Hiraganakotoba footer .large.title,#kotobaejiten .block .large.title,.ex-title.large{font-size:4.5rem}.mask{z-index:100;background-color:transparent;left:0;right:0;top:0;bottom:0}.mask,.target{position:absolute}.target{display:block;z-index:3}.target.circle{border-radius:50%;border:none}.no-target{display:block;position:absolute;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.is-animation{transition:all 1s cubic-bezier(.165,.84,.44,1);position:relative;z-index:2;pointer-events:none}.btn-word.active{animation-name:anim-call-char;animation-duration:.7s;z-index:20}.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(4rem + 8px);height:calc(11rem + 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(4rem + 4px);height:calc(11rem + 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}.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,.btn-char 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:6rem;width:8rem;height:8rem;padding:.5rem;border-radius:4rem}.btn-char:active span{left:2px;top:2px}.btn-char.active{transition-duration:1s}.btn-char2{border:none;background-color:transparent;position:relative;margin:0;padding:0}.btn-char2:before{background-color:#000;width:calc(6rem + 8px);height:calc(6rem + 8px);z-index:1;left:-2px;top:-2px;border-radius:calc(3rem + 4px)}.btn-char2:after,.btn-char2:before{content:"";display:block;position:absolute}.btn-char2:after{background-color:#949494;width:calc(6rem + 4px);height:calc(6rem + 4px);z-index:2;border-radius:calc(3rem + 2px);left:-1px;top:-1px}.btn-char2 div,.btn-char2 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:4rem;width:6rem;height:6rem;padding:.5rem;border-radius:3rem}.btn-char2:active span{left:2px;top:2px}.btn-char2.active{transition-duration:1s}.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}.btn-menu span.def span{position:relative}.btn-menu span.def span,.btn-menu span.def span:before{display:block;width:2rem;height:3px;background-color:#000}.btn-menu span.def span:before{content:"";position:absolute;top:-.7rem}.btn-menu span.def span:after{content:"";display:block;width:2rem;height:3px;background-color:#000;position:absolute;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:absolute;left:40px;top:45%;z-index:5;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}.btn-owaru{color:#fff;background-color:#f5912f;border:none;position:relative;font-size:3rem;padding:.5rem;border-radius:4rem;margin-top:20px}.btn-owaru .yubi{position:absolute!important;left:80%!important;top:75%!important;width:75px!important}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 .block .title div.ruby{position:relative;left:.8rem}#kotobaejiten .btn-area{position:absolute;left:3%;right:3%;bottom:0;display:flex;align-items:center;height:10%}#kotobaejiten .btn-area .btn div{position:relative;left:0;top:0}#kotobaejiten .btn-area .btn:before{left:-2px;top:-2px}#kotobaejiten .btn-area .btn:after{left:-1px;top:-1px}#kotobaejiten .btn-area .btn:active div{left:2px;top:2px}#kotobaejiten .btn{border-radius:50%;background-color:#fff;border:none;padding:0;margin:0;position:relative}#kotobaejiten .btn:before{background-color:#000;width:calc(4rem + 8px);height:calc(4rem + 8px);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:calc(4rem + 4px);height:calc(4rem + 4px);z-index:2;left:-2px;top:-2px}#kotobaejiten .btn div{position:relative;z-index:3;width:4rem;height:4rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center}#kotobaejiten .btn div img{width:80%}#corenaani{position:relative;width:100%;height:100%}#corenaani .title{margin-top:4rem;z-index:2}#corenaani .title ruby rt{font-size:1.25rem}#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:30%;left:50%;width:6rem;height:19rem;border:2px solid #000;transform:translate(-50%);transform-origin:50% 50%;text-align:center;display:flex;align-items:center;justify-content:center;white-space:nowrap;background-color:#fff;font-size:3rem;border-radius:6rem}.img-name.active{animation-name:anim-call-word;animation-duration:.7s;z-index:20}.img-name.large{font-size:4rem}.img-name.small{font-size:2.3rem}.img-name div{line-height:1;writing-mode:vertical-rl}#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;z-index:30}#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%}.answerWrap{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff}.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;font-size:8rem;line-height:1}.answer .words .ys{font-size:6.4rem}.answer .words.small{font-size:6.5rem}.answer .words.small .ys{font-size:5.2rem}.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{font-size:2rem;background-color:#fff;border:1px solid #aaa;border-radius:3px;padding:.5rem;width:17rem;text-decoration:none;display:block;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}.fadeFast-enter{opacity:0}.fadeFast-enter-active{transition:opacity .1s}.fade2-enter,.fade2-leave-to{opacity:0}.fade2-enter-active,.fade2-leave-active{transition:opacity 1s}.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}.zukan-qst{margin:0 1rem;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}.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:10.9rem;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}html.safari .kotobaatsume section .char{line-height:1.1}.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:6.9rem;width:8.1rem;height:8.1rem;padding:.5rem;border:2px solid #000;border-radius:8rem;margin:0 auto;background-color:#fff;opacity:0}.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}html.safari .kotobaatsume section .words li .active{line-height:1.1}.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 .atsume .normal.ys{writing-mode:vertical-rl;font-size:3.2rem;margin:0 auto}.kotobaatsume section .words li div div:first-child .active,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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%}.btn-def{color:#fff;background-color:#f5912f;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}.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)}}.modal-offline[data-v-bf7682fa]{position:absolute;z-index:100;left:0;right:0;top:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center}.modal-offline .inner[data-v-bf7682fa]{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-bf7682fa]{text-align:center;font-size:3rem}.modal-offline .inner p[data-v-bf7682fa]{font-size:1.6rem;line-height:1.6}.modal-offline ul li[data-v-bf7682fa]{width:100%}.modal-offline ul li+li[data-v-bf7682fa]{margin-top:3rem}.modal-offline ul li button[data-v-bf7682fa]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.modal-offline ul li button[data-v-bf7682fa]: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-bf7682fa]: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-bf7682fa]{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-bf7682fa]{opacity:1}.modal-offline ul li button[disabled] span[data-v-bf7682fa]{background-color:#aaa}.modal-offline ul li button:active span[data-v-bf7682fa]{left:2px;top:2px}.stars[data-v-b84a6796]{position:absolute;left:0;right:0;top:0;z-index:5}.stars li[data-v-b84a6796],.stars ul[data-v-b84a6796]{list-style:none}.stars ul[data-v-b84a6796]{display:flex;padding-left:.5rem;margin-top:1.2rem}.stars ul li[data-v-b84a6796]{width:8%}.stars ul li img[data-v-b84a6796]{width:100%}.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}.yubi[data-v-07a9f4eb]{position:fixed;z-index:200}.yubi img[data-v-07a9f4eb]{width:100%;transform:rotate(-60deg)}.btn[data-v-07a9f4eb]{border:none;background-color:transparent;position:absolute;left:0;right:0;bottom:1rem;width:14rem;z-index:200;margin:0 auto;padding:0}.btn[data-v-07a9f4eb]: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-07a9f4eb]:after{content:"";background-color:#714620;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-07a9f4eb]{display:flex;justify-content:center;align-items:center;position:relative;left:0;top:0;z-index:3;white-space:nowrap;background-color:#f5912f;color:#fff;font-size:3rem;width:100%;height:4rem;padding:.5rem;border-radius:2rem}.btn div img[data-v-07a9f4eb]{width:80%}.btn[disabled][data-v-07a9f4eb]{opacity:1}.btn[disabled][data-v-07a9f4eb]:after{background-color:#5e5e5e}.btn[disabled] div[data-v-07a9f4eb]{background-color:#aaa}.medal[data-v-2f202288]{position:absolute;right:0;top:0;transform:translate(35%,-45%);z-index:2}.block2 .medal[data-v-2f202288]{width:20%}.block1 .medal[data-v-2f202288],.block3 .medal[data-v-2f202288],.block4 .medal[data-v-2f202288]{width:30%}.medal.left[data-v-2f202288]{position:absolute;right:auto;left:0;transform:translate(-50%,-50%);z-index:2}.medal img[data-v-2f202288]{width:100%}.anim .medal img[data-v-2f202288]{transform:scale(0)}@keyframes anim-medal-2f202288{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.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[data-v-1ab0a172]{border:none;background-color:transparent;position:absolute;z-index:200;margin:0;padding:0;bottom:1rem;left:1rem}.btn[data-v-1ab0a172]: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-1ab0a172]: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-1ab0a172]{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-1ab0a172]{width:80%}.btn:active div[data-v-1ab0a172]{left:2px;top:2px}.btn[disabled][data-v-1ab0a172]{opacity:1}.btn[disabled] div[data-v-1ab0a172]{background-color:#aaa}.gold[data-v-13ad81eb],.silver[data-v-13ad81eb]{width:45%;position:absolute;left:50%;top:65%;transform:translate(-50%,-50%)}.gold img[data-v-13ad81eb],.silver img[data-v-13ad81eb]{width:100%;transform:scale(0)}.modal-alert[data-v-e062cb30]{position:absolute;z-index:200;left:0;right:0;top:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center}.modal-alert .inner[data-v-e062cb30]{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-e062cb30]{text-align:center;font-size:2.5rem}.modal-alert .inner p[data-v-e062cb30]{font-size:1.6rem;line-height:1.6}.modal-alert ul li[data-v-e062cb30]{width:100%}.modal-alert ul li+li[data-v-e062cb30]{margin-top:3rem}.modal-alert ul li button[data-v-e062cb30]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.modal-alert ul li button[data-v-e062cb30]: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-e062cb30]: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-e062cb30]{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-e062cb30]{opacity:1}.modal-alert ul li button[disabled] span[data-v-e062cb30]{background-color:#aaa}.modal-alert ul li button:active span[data-v-e062cb30]{left:2px;top:2px}.bookshelf[data-v-76753e9c]{width:15%;position:absolute;top:2%;left:2%;z-index:3}.bookshelf button[data-v-76753e9c]{padding:0;width:100%;border:none;background-color:transparent;position:relative}.bookshelf button .img[data-v-76753e9c]{width:85%}.bookshelf button .ico[data-v-76753e9c]{width:30%;position:absolute;right:-10%;top:-10%}.balloon[data-v-76753e9c]{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-76753e9c]: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}.bookshelf[data-v-26b1d486]{width:13%;position:absolute;transform:translate(-50%);top:1%;left:8%;z-index:5}.bookshelf button[data-v-26b1d486]{padding:0;width:100%;border:none;background-color:transparent;position:relative}.bookshelf button .img[data-v-26b1d486]{width:100%}.bookshelf button .ico[data-v-26b1d486]{width:40%;position:absolute;right:-10%;top:-10%}.balloon[data-v-26b1d486]{background-color:#fff;padding:.5rem 1rem;border:2px solid #000;border-radius:1rem;position:absolute;font-size:1.4rem;width:10rem;left:110%;top:10%;display:none;transform-origin:0 30%}.balloon[data-v-26b1d486]: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}.bg[data-v-5d8ec482]{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-5d8ec482]{width:94%;overflow:hidden;margin:3% auto 0 auto;border-radius:1rem;position:relative;background-color:#fff}.puzzle[data-v-5d8ec482]: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-5d8ec482]{width:100%;height:100%}.puzzle .imgBg figure[data-v-5d8ec482]{margin:0;padding:70.6% 0 0 0;position:relative}.puzzle .imgBg figure img[data-v-5d8ec482]{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pieces[data-v-5d8ec482]{position:absolute;left:0;right:0;top:0;bottom:0}.pieces .piece[data-v-5d8ec482]{position:absolute;left:0;top:0;width:23%;height:23%;overflow:hidden}.pieces .piece.clear[data-v-5d8ec482]{opacity:0}.pieces .piece.clear.anim[data-v-5d8ec482]{opacity:1}.pieces .piece .num[data-v-5d8ec482]{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-5d8ec482]:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #939393;border-radius:.5rem}.glitter[data-v-69ae99d4]{position:absolute;z-index:20;left:0;top:0;width:100%;height:100%;display:none}.glitter div[data-v-69ae99d4]{position:absolute;left:0;top:0;width:40%;animation-name:kirakira-69ae99d4;animation-duration:.4s;animation-iteration-count:infinite;transform-origin:0 0}.glitter div[data-v-69ae99d4]:first-child{left:50%;top:10%;width:40%}.glitter div[data-v-69ae99d4]:nth-child(2){left:10%;top:50%;width:50%;animation-delay:50ms}.glitter div[data-v-69ae99d4]:nth-child(3){left:90%;top:70%;width:50%;animation-delay:.1s}.glitter div[data-v-69ae99d4]:nth-child(4){left:30%;top:90%;width:30%;animation-delay:.15s}.glitter div[data-v-69ae99d4]:nth-child(5){left:85%;top:35%;width:30%;animation-delay:.2s}.glitter div[data-v-69ae99d4]:nth-child(6){left:29%;top:70%;width:20%;animation-delay:.25s}.glitter div[data-v-69ae99d4]:nth-child(7){left:15%;top:20%;width:20%;animation-delay:.3s}.glitter div[data-v-69ae99d4]:nth-child(8){left:55%;top:45%;width:40%;animation-delay:.35s}.glitter div[data-v-69ae99d4]:nth-child(9){left:65%;top:100%;width:40%;animation-delay:.4s}.glitter div[data-v-69ae99d4]:nth-child(10){left:60%;top:75%;width:20%;animation-delay:.45s}.glitter div img[data-v-69ae99d4]{width:100%;transform:translate(-50%,-50%)}.anim .glitter[data-v-69ae99d4]{display:block;opacity:0}@keyframes kirakira-69ae99d4{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.copyright[data-v-178cb0ca]{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-178cb0ca]{height:100%}main .yubi[data-v-6bd0da43]{position:fixed;z-index:10;pointer-events:none}.puzzle[data-v-6bd0da43]{position:absolute;left:3%;top:8%;width:94%}.puzzle .base[data-v-6bd0da43]{overflow:hidden;margin:0;pointer-events:none;border-radius:3rem}.puzzle .base img[data-v-6bd0da43],.puzzle .base svg[data-v-6bd0da43]{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3rem}.puzzle .base[data-v-6bd0da43]: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 figure[data-v-6bd0da43]{border-radius:3rem;overflow:hidden;margin:0;padding-top:100%}.puzzle figure img[data-v-6bd0da43]{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3rem;transition:all .3s cubic-bezier(.165,.84,.44,1)}.puzzle figure img.gray[data-v-6bd0da43]{opacity:0;filter:grayscale(1) brightness(80%)}.puzzle figure img.gray.is_active[data-v-6bd0da43]{opacity:1}.puzzle figure img.clip[data-v-6bd0da43]{opacity:0}.puzzle figure img.clip.is_active[data-v-6bd0da43]{opacity:1}.puzzle figure[data-v-6bd0da43]:after{content:"";display:block;z-index:2;border:2px solid #000;border-radius:3rem;pointer-events:none}.puzzle figure[data-v-6bd0da43]:after,.puzzle ul[data-v-6bd0da43]{position:absolute;left:0;right:0;top:0;bottom:0}.puzzle ul li[data-v-6bd0da43]{width:48%;height:48%;position:absolute;z-index:9}.puzzle ul li .piece1[data-v-6bd0da43]{overflow:hidden;width:100%;height:100%;position:relative}.puzzle ul li .piece1 .img[data-v-6bd0da43]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;-webkit-clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.puzzle ul li .piece1 .img.hex[data-v-6bd0da43]{-webkit-clip-path:polygon(50% 0,66.67% 25%,100% 25%,83.33% 50%,100% 75%,66.67% 75%,50% 100%,33.33% 75%,0 75%,16.67% 50%,0 25%,33.33% 25%);clip-path:polygon(50% 0,66.67% 25%,100% 25%,83.33% 50%,100% 75%,66.67% 75%,50% 100%,33.33% 75%,0 75%,16.67% 50%,0 25%,33.33% 25%)}.puzzle ul li .piece1 .img.pen[data-v-6bd0da43]{-webkit-clip-path:polygon(50% 0,100% 38.2%,80.9% 100%,19.1% 100%,0 38.2%);clip-path:polygon(50% 0,100% 38.2%,80.9% 100%,19.1% 100%,0 38.2%)}.puzzle ul li .piece1 .img.rho[data-v-6bd0da43]{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.puzzle ul li .piece1 .img.cir[data-v-6bd0da43]{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.puzzle ul li .piece1 .svg[data-v-6bd0da43]{position:absolute;left:0;top:0;width:100%;z-index:2}.puzzle ul li.hit .piece1[data-v-6bd0da43]{display:none}.puzzle ul li img[data-v-6bd0da43]{width:208.336%;pointer-events:none}.puzzle.drag[data-v-6bd0da43]{left:3%;top:62%}.puzzle.drag figure[data-v-6bd0da43]:after,.puzzle.drag figure img[data-v-6bd0da43],.puzzle.drag ul[data-v-6bd0da43]:after{display:none}.puzzle.drag ul li[data-v-6bd0da43]{z-index:10}.puzzle.drag ul li .piece1[data-v-6bd0da43]{display:block}.puzzle.drag ul li .piece1.hit[data-v-6bd0da43]{display:none}.puzzle.rect figure[data-v-6bd0da43]{position:absolute;left:0;top:0;z-index:2;width:100%}.puzzle.rect ul li .piece1 img[data-v-6bd0da43]{display:none}.puzzle.rect ul li.hit .piece1 img[data-v-6bd0da43]{display:block}.bg[data-v-6bd0da43]{position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}.arrow[data-v-6bd0da43]{position:fixed;z-index:9;left:-100px;top:0;width:30px;height:100px;transform-origin:50% 0}.arrow .rect[data-v-6bd0da43]{background-color:#f90;width:100%;height:0;transform:translateX(-50%);position:absolute;left:0;top:30px}.arrow .rect.anim[data-v-6bd0da43]{height:calc(100% - 30px);animation:arrowanim-6bd0da43 1.4s ease-in-out forwards}.arrow .tri[data-v-6bd0da43]{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-6bd0da43{0%{height:0}50%{height:calc(100% - 30px)}to{height:0}}main .yubi[data-v-c35105d0]{position:fixed;z-index:20;pointer-events:none}.img[data-v-c35105d0]{position:absolute;left:14.445%;right:14.445%;top:10%;bottom:50%;z-index:0}.img figure[data-v-c35105d0]{height:100%;position:relative;margin:0 auto;pointer-events:none}.img figure[data-v-c35105d0]: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}.img figure img[data-v-c35105d0]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:3rem;position:absolute;left:0;top:0;transition:all .3s cubic-bezier(.165,.84,.44,1)}.img figure img.gray[data-v-c35105d0]{opacity:0;filter:grayscale(1) brightness(80%)}.img figure img.gray.is_active[data-v-c35105d0]{opacity:1}.img figure img.clip[data-v-c35105d0]{opacity:0}.img figure img.clip.is_active[data-v-c35105d0]{opacity:1}section[data-v-c35105d0]{position:absolute;left:3%;right:50%;top:52%;bottom:3%;background-color:#fde099;border-radius:10px;display:block;align-items:center}section .btn-list[data-v-c35105d0]{display:block}section .btn-list.layout1 li[data-v-c35105d0]:first-child{left:30%;top:3%}section .btn-list.layout1 li[data-v-c35105d0]:nth-child(2){left:35%;top:68%}section .btn-list.layout1 li[data-v-c35105d0]:nth-child(3){left:5%;top:39%}section .btn-list.layout1 li[data-v-c35105d0]:nth-child(4){left:53%;top:33%}section .btn-list.layout2 li[data-v-c35105d0]:first-child{left:35%;top:72%}section .btn-list.layout2 li[data-v-c35105d0]:nth-child(2){left:30%;top:5%}section .btn-list.layout2 li[data-v-c35105d0]:nth-child(3){left:53%;top:45%}section .btn-list.layout2 li[data-v-c35105d0]:nth-child(4){left:3%;top:38%}section .btn-list.layout3 li[data-v-c35105d0]:first-child{left:10%;top:5%}section .btn-list.layout3 li[data-v-c35105d0]:nth-child(2){left:50%;top:70%}section .btn-list.layout3 li[data-v-c35105d0]:nth-child(3){left:53%;top:16%}section .btn-list.layout3 li[data-v-c35105d0]:nth-child(4){left:9%;top:50%}section .btn-list.layout4 li[data-v-c35105d0]:first-child{left:50%;top:3%}section .btn-list.layout4 li[data-v-c35105d0]:nth-child(2){left:5%;top:72%}section .btn-list.layout4 li[data-v-c35105d0]:nth-child(3){left:12%;top:25%}section .btn-list.layout4 li[data-v-c35105d0]:nth-child(4){left:53%;top:48%}section .btn-list.layout5 li[data-v-c35105d0]:first-child{left:50%;top:72%}section .btn-list.layout5 li[data-v-c35105d0]:nth-child(2){left:10%;top:5%}section .btn-list.layout5 li[data-v-c35105d0]:nth-child(3){left:10%;top:50%}section .btn-list.layout5 li[data-v-c35105d0]:nth-child(4){left:53%;top:20%}section .btn-list.layout6 li[data-v-c35105d0]:first-child{left:10%;top:68%}section .btn-list.layout6 li[data-v-c35105d0]:nth-child(2){left:40%;top:5%}section .btn-list.layout6 li[data-v-c35105d0]:nth-child(3){left:50%;top:50%}section .btn-list.layout6 li[data-v-c35105d0]:nth-child(4){left:11%;top:29%}section .btn-list.layout7 li[data-v-c35105d0]:first-child{left:10%;top:30%}section .btn-list.layout7 li[data-v-c35105d0]:nth-child(2){left:50%;top:47%}section .btn-list.layout7 li[data-v-c35105d0]:nth-child(3){left:50%;top:5%}section .btn-list.layout7 li[data-v-c35105d0]:nth-child(4){left:19%;top:71%}section .btn-list.layout8 li[data-v-c35105d0]:first-child{left:10%;top:50%}section .btn-list.layout8 li[data-v-c35105d0]:nth-child(2){left:50%;top:30%}section .btn-list.layout8 li[data-v-c35105d0]:nth-child(3){left:21%;top:5%}section .btn-list.layout8 li[data-v-c35105d0]:nth-child(4){left:53%;top:63%}section .btn-list.layout9 li[data-v-c35105d0]:first-child{left:10%;top:50%}section .btn-list.layout9 li[data-v-c35105d0]:nth-child(2){left:53%;top:70%}section .btn-list.layout9 li[data-v-c35105d0]:nth-child(3){left:45%;top:20%}section .btn-list.layout9 li[data-v-c35105d0]:nth-child(4){left:5%;top:0}section .btn-list.layout10 li[data-v-c35105d0]:first-child{left:10%;top:40%}section .btn-list.layout10 li[data-v-c35105d0]:nth-child(2){left:50%;top:10%}section .btn-list.layout10 li[data-v-c35105d0]:nth-child(3){left:46%;top:65%}section .btn-list.layout10 li[data-v-c35105d0]:nth-child(4){left:4%;top:1%}section .btn-list li[data-v-c35105d0]{margin:0;width:6rem;height:6rem;display:block;position:absolute}section .btn-list li .wrap[data-v-c35105d0]{width:7.2rem;height:7.2rem;position:relative}section .btn-list li .wrap .btn-char2[data-v-c35105d0]{width:7.2rem;height:7.2rem}section .btn-list li .wrap .btn-char2 div[data-v-c35105d0],section .btn-list li .wrap .btn-char2 span[data-v-c35105d0]{font-size:5.2rem;width:7.2rem;height:7.2rem;border-radius:50%}section .btn-list li .wrap .btn-char2[data-v-c35105d0]:before{width:calc(7.2rem + 8px);height:calc(7.2rem + 8px);border-radius:50%}section .btn-list li .wrap .btn-char2[data-v-c35105d0]:after{width:calc(7.2rem + 4px);height:calc(7.2rem + 4px);border-radius:50%}section .btn-list li .wrap .btn-char2[disabled][data-v-c35105d0]{opacity:1}section .btn-list li .wrap .btn-char2[disabled] div[data-v-c35105d0],section .btn-list li .wrap .btn-char2[disabled] span[data-v-c35105d0]{background-color:#999}section .btn-list li .wrap .btn-char2.hit[data-v-c35105d0],section .btn-list li .wrap .btn-char2.nohit[data-v-c35105d0]{display:none}.sentence[data-v-c35105d0]{position:absolute;right:14%;top:52%;bottom:3%;display:flex;flex-flow:column;flex-wrap:wrap-reverse;align-items:center}.sentence li[data-v-c35105d0]{margin:0 1rem;writing-mode:vertical-rl}.sentence li div[data-v-c35105d0]{font-size:5.2rem;width:5.2rem;display:flex;justify-content:center;align-items:center}.sentence li div.word[data-v-c35105d0]{position:relative;border:1px solid #000;width:7.2rem;height:7.2rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:transparent;background-color:#fff}.sentence li div.word[data-v-c35105d0]:after{content:attr(data-hint);display:flex;justify-content:center;align-items:center;width:7.2rem;height:7.2rem;color:#ddd;position:absolute;left:0;top:0}.sentence li div.word.hit[data-v-c35105d0],.sentence li div.word.nohit[data-v-c35105d0]{color:#000}.sentence li div.word.hit[data-v-c35105d0]:after{display:none}.bg[data-v-c35105d0]{position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4666666667)}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-f34507a8]{position:absolute;z-index:500;left:0;right:0;top:0;bottom:0}.bookWrap .bookWrapBg[data-v-f34507a8]{position:absolute;z-index:400;left:0;right:0;top:0;bottom:0;background-color:transparent}.bookWrap .bookTitle[data-v-f34507a8]{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-f34507a8]{writing-mode:vertical-rl;font-size:3rem;border:2px solid #000;background-color:#fff;padding:1rem;border-radius:3rem;position:absolute;right:3rem;top:6rem}.bookWrap .bookTitle .btn-menu.close[data-v-f34507a8]{right:0}.bookWrap .bookTitle .btn-menu.close span[data-v-f34507a8]{margin:0}.bookWrap .bookTitle figure[data-v-f34507a8]{position:absolute;left:3%;right:25%;top:10%;bottom:30%}.bookWrap .bookTitle figure img[data-v-f34507a8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bookWrap .bookTitle .start[data-v-f34507a8]{font-size:3rem;padding:1rem;color:#fff;background-color:#f5912f;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-f34507a8]{background-color:#999;opacity:1}.bookWrap .bookTitle .start img[data-v-f34507a8]{width:2.2rem;margin-right:.5rem}.bookWrap .bookTitle .start span[data-v-f34507a8]{display:inline-block}.bookWrap .bookTitle .notStart[data-v-f34507a8]{font-size:3rem;padding:1rem;color:hsla(0,0%,100%,0);background-color:rgba(245,145,47,0);border:none;border-radius:2.5rem;position:absolute;left:50%;bottom:8%;transform:translate(-50%,-50%);display:flex;align-items:center;white-space:nowrap;min-width:16.7rem}.yubiWrap[data-v-56a798a0]{position:absolute;width:15%;z-index:200;transform:rotate(-70deg)}.yubiWrap .yubi[data-v-56a798a0]{position:static!important;width:100%!important}figure[data-v-56a798a0]{position:absolute;top:50%;left:3%;right:3%;bottom:0;padding:0;margin:0}figure img[data-v-56a798a0]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.btn-def.end[data-v-56a798a0]{bottom:1rem;white-space:normal}.sentence[data-v-2bdbfaa4]{position:absolute;z-index:2;left:50%;top:10%;display:flex;flex-direction:row-reverse;transform:translate(-50%)}.sentence.brackets[data-v-2bdbfaa4]{padding:1.5rem 0}.sentence.brackets[data-v-2bdbfaa4]:after,.sentence.brackets[data-v-2bdbfaa4]: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-2bdbfaa4]:before{content:"「";position:absolute;right:1.5rem;top:-1.5rem;font-size:2.5rem;writing-mode:vertical-rl}.sentence li[data-v-2bdbfaa4]{width:7rem;writing-mode:vertical-rl;display:flex;align-items:center}.sentence li.ruby[data-v-2bdbfaa4]{transform:translateX(-.5rem)}.sentence li.ruby div[data-v-2bdbfaa4]{position:relative;left:1rem}.sentence li.first div[data-v-2bdbfaa4]{padding:1.5rem 0;display:inline-block}.sentence li.first div[data-v-2bdbfaa4]:before{content:"「";position:absolute;right:0;top:-1.5rem;font-size:2.5rem;writing-mode:vertical-rl}.sentence li.end div[data-v-2bdbfaa4]{padding:1.5rem 0;display:inline-block}.sentence li.end div[data-v-2bdbfaa4]:after{content:"」";position:absolute;left:0;bottom:-1.5rem;font-size:2.5rem;writing-mode:vertical-rl}.sentence li.end.period div[data-v-2bdbfaa4]{display:inline-block;padding-top:0}.sentence li.end.period div[data-v-2bdbfaa4]:after{bottom:0}.sentence li.end.end-top div[data-v-2bdbfaa4]{padding-top:0}.sentence li.brackets div[data-v-2bdbfaa4]{padding:1.5rem 0;display:inline-block}.sentence li.brackets.end.period div[data-v-2bdbfaa4]{padding-top:1.5rem}.sentence li div[data-v-2bdbfaa4]{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}.sentenceWrap[data-v-866aef6e]{position:absolute;left:4%;top:45%;bottom:0}.layout1 .sentenceWrap[data-v-866aef6e]{top:37%}.sentenceWrap.block2[data-v-866aef6e]{top:30%}.sentence[data-v-866aef6e]{display:flex;height:100%;justify-content:center;z-index:2}.sentence li[data-v-866aef6e]{overflow:visible;writing-mode:vertical-rl;width:3rem}.sentence li.ruby[data-v-866aef6e]{position:relative;left:.9rem}.sentence li div[data-v-866aef6e]{font-size:3rem;overflow:visible}.layout1 .sentence li div[data-v-866aef6e]{font-size:3rem!important}.sentenceWrap[data-v-ced54060]{position:absolute;left:0;right:0;top:50%;bottom:0;display:flex;justify-content:center}.layout1 .sentenceWrap[data-v-ced54060]{top:37%}.sentence[data-v-ced54060]{display:flex;flex-direction:row-reverse;z-index:2}.sentence li[data-v-ced54060]{writing-mode:vertical-rl;padding:0 2rem;overflow:visible;width:7rem}.sentence li.ruby[data-v-ced54060]{position:relative;left:.9rem}.sentence li div[data-v-ced54060]{font-size:3rem;overflow:visible}.layout1 .sentence li div[data-v-ced54060]{font-size:3rem!important}.sentence.small li[data-v-ced54060]{padding:0 2.2rem}.sentence.small li div[data-v-ced54060]{font-size:2.6rem}.image[data-v-4c3cc32e]{position:absolute;top:8%;left:1%;right:1%;bottom:53%}.image .img[data-v-4c3cc32e]{margin:0;width:100%;height:100%;background-color:#fff}.image .img img[data-v-4c3cc32e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.record[data-v-5e04e9e6]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0}.record .record-main[data-v-5e04e9e6]{position:absolute;padding:2.5rem 3rem;width:90%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto;left:0;right:0;bottom:2%}.record .record-main h2[data-v-5e04e9e6]{text-align:center;font-size:3rem}.record .record-main figure[data-v-5e04e9e6]{text-align:center}.record .record-main figure img[data-v-5e04e9e6]{width:70%;max-width:280px}.record .record-main p[data-v-5e04e9e6]{font-size:2rem;margin-bottom:8rem}.record .record-main ul li[data-v-5e04e9e6]{text-align:center}.record .record-main ul li button[data-v-5e04e9e6]{width:70%;border:none;background-color:transparent;position:relative;margin:0;padding:0}.record .record-main ul li button.ok[data-v-5e04e9e6]{margin-top:2rem}.record .record-main ul li button.ok[data-v-5e04e9e6]:before{border-radius:calc(3rem + 4px)}.record .record-main ul li button.ok[data-v-5e04e9e6]:after{border-radius:calc(3rem + 2px);background-color:#714620}.record .record-main ul li button.ok span[data-v-5e04e9e6]{font-size:4rem;height:6rem;border-radius:3rem;align-items:center;background-color:#f5912f;color:#fff}.record .record-main ul li button.ok span figure[data-v-5e04e9e6]{width:15%;line-height:0;margin:0 1rem 0 0}.record .record-main ul li button.ok span figure img[data-v-5e04e9e6]{width:100%}.record .record-main ul li button.cancel[data-v-5e04e9e6]{margin-top:4rem;width:60%}.record .record-main ul li button.cancel span[data-v-5e04e9e6]{position:relative;padding-left:2rem}.record .record-main ul li button.cancel span[data-v-5e04e9e6]:before{content:"";display:block;width:10%;height:2px;background-color:#000;transform:rotate(-45deg);position:absolute;left:2rem}.record .record-main ul li button.cancel span[data-v-5e04e9e6]:after{content:"";display:block;width:10%;height:2px;background-color:#000;transform:rotate(45deg);position:absolute;left:2rem}.record .record-main ul li button[data-v-5e04e9e6]: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-5e04e9e6]: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-5e04e9e6]{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-5e04e9e6]{opacity:1}.record .record-main ul li button[disabled] span[data-v-5e04e9e6]{background-color:#aaa}.record .record-main ul li button:active span[data-v-5e04e9e6]{left:2px;top:2px}.record[data-v-1576eb91]{position:absolute;z-index:100;background-color:hsla(0,0%,100%,0);left:0;right:0;top:0;bottom:0}.record .record-main[data-v-1576eb91]{position:absolute;padding:3rem 1.8rem;left:0;right:0;top:0;bottom:0;width:90%;height:35%;background-color:hsla(0,0%,100%,.9333333333);border:2px solid #000;border-radius:3rem;margin:auto}.record .record-main h2[data-v-1576eb91]{text-align:center;font-size:3rem}.record .record-main ul li[data-v-1576eb91]{width:100%;text-align:center}.record .record-main ul li button[data-v-1576eb91]{border:none;background-color:transparent;position:relative;margin:0;padding:0;width:100%}.record .record-main ul li button.cancel[data-v-1576eb91]{margin-top:2rem;width:60%}.record .record-main ul li button.cancel[data-v-1576eb91]:before{border-radius:calc(3rem + 4px)}.record .record-main ul li button.cancel[data-v-1576eb91]:after{border-radius:calc(3rem + 2px);background-color:#714620}.record .record-main ul li button.cancel span[data-v-1576eb91]{font-size:4rem;height:6rem;border-radius:3rem;align-items:center;background-color:#f5912f;color:#fff}.record .record-main ul li button.ok[data-v-1576eb91]{margin-top:4rem;width:60%}.record .record-main ul li button.ok span[data-v-1576eb91]{position:relative;padding-left:2rem}.record .record-main ul li button.ok span figure[data-v-1576eb91]{width:10%;line-height:0;margin:0 1rem 0 0}.record .record-main ul li button.ok span figure img[data-v-1576eb91]{width:100%}.record .record-main ul li button[data-v-1576eb91]: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-1576eb91]:after{content:"";background-color:#999;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-1576eb91]{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-1576eb91]{opacity:1}.record .record-main ul li button[disabled] span[data-v-1576eb91]{background-color:#aaa}.record .record-main ul li button:active span[data-v-1576eb91]{left:2px;top:2px}