[data-v-294846de]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-294846de]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-294846de]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-294846de]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.overlay[data-v-294846de]{position:absolute;top:0;right:0;background-color:rgba(0,0,0,.455);width:var(--app-width);height:var(--app-height);display:flex;justify-content:center;align-items:center}.contact-popup[data-v-294846de]{position:relative;background-color:#fff;width:40%;height:80%;border:3px solid #000;border-radius:50px}.contact-popup__close-button[data-v-294846de]{width:13%;position:absolute;top:5%;right:5%;cursor:pointer}.contact-popup__body[data-v-294846de]{height:100%;padding:20% 5% 5% 5%}.contact-popup__body__heading[data-v-294846de],.contact-popup__body__title[data-v-294846de]{font-size:1.7rem;text-align:center}.contact-popup__body__mail[data-v-294846de]{margin-top:5%;font-size:1.5rem;text-align:center}.contact-popup__body__description[data-v-294846de]{margin-top:10%;font-size:1.5rem;padding:0 5%}.contact-popup__body__version[data-v-294846de]{margin-top:5%;font-size:1.4rem;padding:0 5%;text-align:center}[data-v-c36aedc4]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-c36aedc4]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-c36aedc4]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-c36aedc4]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.debug[data-v-c36aedc4]{background-color:red;color:#fff!important}.version[data-v-c36aedc4]{width:100%!important;margin-top:0!important}[data-v-3f90870e]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-3f90870e]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-3f90870e]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-3f90870e]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.modal[data-v-3f90870e]{z-index:var(--z-index-modal)}.copyright{width:25%;position:absolute;top:10px;left:15px;background-color:#fff;padding:0 5px}.copyright.portrait{width:50%}.copyright.rigid{position:static}[data-v-b054a418]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-b054a418]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-b054a418]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-b054a418]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.caption[data-v-b054a418]{margin-top:10%;padding:0 7%;font-size:3rem}[data-v-39c22d74]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-39c22d74]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-39c22d74]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-39c22d74]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#loading .inner[data-v-39c22d74]{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:100%;top:0;left:0;font-size:1rem}#loading .inner .help[data-v-39c22d74]{width:calc(var(--size-base)*1080)}#loading .inner>img[data-v-39c22d74]{max-width:100%;max-height:100%}#loading .inner .content[data-v-39c22d74]{width:calc(var(--size-base)*100)}#loading.simple .content[data-v-39c22d74]{position:absolute;left:50%;top:50%;width:calc(var(--size-base)*300);transform:translate(-50%,-50%)}[data-v-3f8bfc84]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-3f8bfc84]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-3f8bfc84]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-3f8bfc84]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#container.overlay[data-v-3f8bfc84]:after{content:"";position:absolute;z-index:1000;left:0;right:0;top:0;bottom:0;background-color:#fff}[data-v-84b1b4f6]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-84b1b4f6]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-84b1b4f6]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-84b1b4f6]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.speech_bubble[data-v-84b1b4f6]{--left:50%;position:relative;display:inline-block;padding:.5rem 1.5rem;min-width:20%;color:#1a7fc6;font-weight:700;background:#fff;text-align:center;z-index:var(--z-index-screen);border:calc(var(--size-base)*4) solid #1a7fc6;border-radius:calc(var(--size-base)*20)}.speech_bubble>p[data-v-84b1b4f6]{margin:0;padding:0;font-size:1.2rem}.speech_bubble[data-v-84b1b4f6]:before{top:66%;border-color:#1a7fc6 transparent transparent;translate:-18% 100%}.speech_bubble[data-v-84b1b4f6]:after,.speech_bubble[data-v-84b1b4f6]:before{content:"";position:absolute;border-style:solid;border-width:1rem 2rem 0 0;left:var(--left)}.speech_bubble[data-v-84b1b4f6]:after{top:55%;border-color:#fff transparent transparent;translate:-50% 100%}.speech_bubble.arrow_direction-top_right[data-v-84b1b4f6]:after,.speech_bubble.arrow_direction-top_right[data-v-84b1b4f6]:before{transform:skew(-75deg);transform-origin:top}.speech_bubble.arrow_direction-top_left[data-v-84b1b4f6]:after,.speech_bubble.arrow_direction-top_left[data-v-84b1b4f6]:before{transform:skew(50deg);transform-origin:top}.speech_bubble.arrow_direction-bottom_right[data-v-84b1b4f6]:after,.speech_bubble.arrow_direction-bottom_right[data-v-84b1b4f6]:before{transform:skew(75deg);transform-origin:top}.speech_bubble.arrow_direction-bottom_left[data-v-84b1b4f6]:after,.speech_bubble.arrow_direction-bottom_left[data-v-84b1b4f6]:before{transform:skew(-50deg);transform-origin:top}.speech_bubble.arrow_direction-bottom_left[data-v-84b1b4f6]:before{translate:-76% 100%}[data-v-9fd84502]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-9fd84502]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-9fd84502]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-9fd84502]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.app_introduction[data-v-9fd84502]{position:absolute;top:0;left:0;width:var(--app-width);height:var(--app-height);z-index:var(--z-index-screen)}.app_introduction [class*=speech_bubble][data-v-9fd84502]{position:absolute}.app_introduction .speech_bubble1[data-v-9fd84502]{top:17%;left:5%}.app_introduction .speech_bubble2[data-v-9fd84502],.app_introduction .speech_bubble3[data-v-9fd84502]{top:58%;left:62%}.app_introduction .speech_bubble4[data-v-9fd84502]{top:50%;right:5%}[data-v-4290201c]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-4290201c]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-4290201c]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-4290201c]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.effect-get-item.playing .effect[data-v-4290201c]{position:fixed;top:0;left:0;width:var(--app-width);height:var(--app-height);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal-overlay);background-color:hsla(0,0%,100%,.5);-webkit-clip-path:circle(calc(var(--size-base)*60*3) at 50% 50%);clip-path:circle(calc(var(--size-base)*60*3) at 50% 50%);scale:1}.effect-get-item.playing .effect[data-v-4290201c]>*{position:static!important}[data-v-4082ab0b]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-4082ab0b]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-4082ab0b]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-4082ab0b]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.hermit_crab[data-v-4082ab0b]{width:calc(var(--size-base)*71.48);z-index:var(--z-index-screen)}.hermit_crab[class*=table][data-v-4082ab0b]{position:absolute;transform:translate(-50%,-50%)}.hermit_crab.table2[data-v-4082ab0b]{top:26%;left:14%}.hermit_crab.table3[data-v-4082ab0b]{top:14%;left:38%}.hermit_crab.table4[data-v-4082ab0b]{top:12%;left:70%}.hermit_crab.table5[data-v-4082ab0b]{top:29%;left:87%}.hermit_crab.table6[data-v-4082ab0b]{top:43%;left:63%}.hermit_crab.table7[data-v-4082ab0b]{top:42%;left:38%}.hermit_crab.table8[data-v-4082ab0b]{top:65%;left:28%}.hermit_crab.table9[data-v-4082ab0b]{top:79%;left:55%}[data-v-fa6b2f4e]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-fa6b2f4e]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-fa6b2f4e]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-fa6b2f4e]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.stage-container img.island[data-v-fa6b2f4e]{width:calc(var(--size-base)*153);height:auto}.stage-container img.shadow[data-v-fa6b2f4e]{position:absolute;width:calc(var(--size-base)*174);bottom:32.04%;left:-3.2%}.stage-container .button[data-v-fa6b2f4e]{position:relative;z-index:var(--z-index-stage-button);width:calc(var(--size-base)*160);transition:filter .3s;filter:drop-shadow(0 0 calc(var(--size-base)*10) transparent)}.stage-container .button.glow[data-v-fa6b2f4e]{filter:drop-shadow(0 0 calc(var(--size-base)*10) #FFDE21)}.stage-container .check[data-v-fa6b2f4e]{position:absolute;top:-8%;right:-3.6%;z-index:var(--z-index-stage-button-decoration);width:calc(var(--size-base)*36.18)}.stage-container.single .level-clear-progress[data-v-fa6b2f4e]{cursor:pointer;position:absolute;bottom:40%;left:3%;width:calc(var(--size-base)*153);height:calc(var(--size-base)*162.45)}.stage-container.single .level-clear-progress .land[data-v-fa6b2f4e]{position:relative;width:calc(var(--size-base)*153);height:calc(var(--size-base)*162.45)}.stage-container.single .level-clear-progress .land.left[data-v-fa6b2f4e]{right:22%}.stage-container.single .level-clear-progress .land.left .hermit_crab[data-v-fa6b2f4e]{left:89%}.stage-container.single .level-clear-progress .land .perm_tree_small[data-v-fa6b2f4e]{position:absolute;width:calc(var(--size-base)*46.97);transform:scaleX(-1);top:27%;left:27%;z-index:var(--z-index-stage-illust-front)}.stage-container.single .level-clear-progress .land .perm_tree_large[data-v-fa6b2f4e]{position:absolute;width:calc(var(--size-base)*97.78);top:0;left:30%;z-index:var(--z-index-stage-illust-front)}.stage-container.single .level-clear-progress .land .hibiscus[data-v-fa6b2f4e]{position:absolute;width:calc(var(--size-base)*35.78);z-index:var(--z-index-stage-illust-front)}.stage-container.single .level-clear-progress .land .hibiscus.hibiscus1[data-v-fa6b2f4e]{top:42%;left:28%}.stage-container.single .level-clear-progress .land .hibiscus.hibiscus2[data-v-fa6b2f4e]{top:49%;left:49%}.stage-container.single .level-clear-progress .land .hibiscus.hibiscus3[data-v-fa6b2f4e]{top:42%;left:70%}.stage-container.single .island[data-v-fa6b2f4e]{position:absolute;bottom:0;left:0;z-index:var(--z-index-stage-illust-back)}.stage-container.single .hermit_crab[data-v-fa6b2f4e]{position:absolute;width:calc(var(--size-base)*71.48);top:21%;left:-5%;z-index:var(--z-index-stage-illust-front)}.stage-container.multi[data-v-fa6b2f4e]{flex-direction:row-reverse;align-items:flex-end}.stage-container.multi .button[data-v-fa6b2f4e]{width:calc(var(--size-base)*150)}.stage-container.multi .level-clear-progress[data-v-fa6b2f4e]{position:absolute;bottom:88%;left:23%;z-index:var(--z-index-stage)}.stage-container.multi .level-clear-progress .coral[data-v-fa6b2f4e]{width:calc(var(--size-base)*75.67)}[data-v-f5936240]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-f5936240]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-f5936240]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-f5936240]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.bridge[data-v-f5936240]{z-index:1}.bridge .line[data-v-f5936240]{transition:filter .3s;filter:drop-shadow(0 0 calc(var(--size-base)*10) transparent)}.bridge .line.glow[data-v-f5936240]{filter:drop-shadow(0 0 calc(var(--size-base)*10) #FFDE21)}.bridge .dot[data-v-f5936240]{position:absolute;width:calc(var(--size-base)*16.44)}[data-v-01035293]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-01035293]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-01035293]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-01035293]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.container[data-v-01035293]{position:absolute;top:0;left:0;width:var(--app-width);height:var(--app-height);pointer-events:none;z-index:var(--z-index-bg-waves)}.container [class*=waves][data-v-01035293]{position:absolute;top:0;left:0;width:calc(var(--size-base)*71.64)}.container .waves1[data-v-01035293]{top:20%;left:8%}.container .waves2[data-v-01035293]{top:4%;left:53%}.container .waves3[data-v-01035293]{top:9%;left:72%}.container .waves4[data-v-01035293]{top:11.6%;left:93.6%}.container .waves5[data-v-01035293]{top:32.9%;left:19.9%}.container .waves6[data-v-01035293]{top:33.9%;left:31.9%}.container .waves7[data-v-01035293]{top:29.9%;left:47.6%}.container .waves8[data-v-01035293]{top:34.6%;left:61.3%}.container .waves9[data-v-01035293]{top:31.2%;left:69%}.container .waves10[data-v-01035293]{top:63.9%;left:1.6%}.container .waves11[data-v-01035293]{top:50.9%;left:13.6%}.container .waves12[data-v-01035293]{top:63.9%;left:41.6%}.container .waves13[data-v-01035293]{top:57.9%;left:54.6%}.container .waves14[data-v-01035293]{top:69.9%;left:69.6%}.container .waves15[data-v-01035293]{top:61.9%;left:85.6%}.container .waves16[data-v-01035293]{top:85.9%;left:19.6%}.container .waves17[data-v-01035293]{top:89.9%;left:34.6%}.container .waves18[data-v-01035293]{top:49.9%;left:90.6%}[data-v-587432ae]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-587432ae]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-587432ae]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-587432ae]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}[data-v-70211988]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-70211988]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-70211988]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-70211988]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.popup-overlay[data-v-70211988]{position:absolute;top:0;left:0;width:var(--app-width);height:var(--app-height);z-index:var(--z-index-screen-popup);display:flex;justify-content:center;align-items:center}[data-v-72f2c413]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-72f2c413]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-72f2c413]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-72f2c413]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#container main .toParent[data-v-72f2c413]{border:var(--bwidth-xl) solid #827f7f;border-radius:100vw;box-shadow:0 calc(var(--size-base)*3) 0 #827f7f;background-color:#f7f7f7}#container main .toParent[data-v-72f2c413]:active{transform:translateY(calc(var(--size-base)*2));box-shadow:0 calc(var(--size-base)*1) 0 #827f7f}#container main[data-v-72f2c413]{position:relative;background:var(--bg-image-bg_normal) no-repeat 50%/contain}#container main .stage-name[data-v-72f2c413]{position:absolute;top:0;padding-top:1.5%;width:100%;padding-left:1.5%}#container main #list[data-v-72f2c413]{position:absolute;bottom:2%;left:1.6%}#container main #list .ship[data-v-72f2c413]{width:calc(var(--size-base)*131.67);position:absolute;bottom:92%;left:19%;z-index:0}#container main #list .button[data-v-72f2c413]{position:relative;width:calc(var(--size-base)*214.17);z-index:10}#container main .hamburger[data-v-72f2c413]{position:absolute!important;top:1%;right:1.5%;z-index:var(--z-index-screen-button)}#container main .clear-count[data-v-72f2c413]{position:absolute;top:1%;left:10.52%;display:flex;flex-direction:column;align-items:center;border-radius:50%;color:#fff}#container main .clear-count img[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*130);z-index:0}#container main .clear-count div[data-v-72f2c413]{font-weight:700;font-size:1.2rem;z-index:1}#container main .clear-count div.message-first[data-v-72f2c413]{margin-top:1.1rem}#container main .clear-count div.message-first .number[data-v-72f2c413]{font-size:1.5rem}#container main .clear-count div.message-second[data-v-72f2c413]{margin-top:.1rem}#container main .toParent[data-v-72f2c413]{background-color:#bae3f9;border-color:#3a82c5;box-shadow:0 calc(var(--size-base)*3) 0 #3a82c5;position:absolute;top:1%;right:6%;padding:.3% .75%;z-index:var(--z-index-screen);width:calc(var(--size-base)*162.98)}#container main .toParent>img[data-v-72f2c413]{width:100%}#container main #stages[data-v-72f2c413]{position:relative;width:100%;height:100%;margin-top:2.2%}#container main #stages .stage[data-v-72f2c413]{position:absolute}#container main #stages .stage2[data-v-72f2c413]{top:39.4%;left:2%}#container main #stages .stage3[data-v-72f2c413]{top:19.9%;left:26.3%}#container main #stages .stage4[data-v-72f2c413]{top:16.27%;left:58.4%}#container main #stages .stage5[data-v-72f2c413]{top:35.4%;left:85.9%}#container main #stages .stage6[data-v-72f2c413]{top:54.08%;left:61.64%}#container main #stages .stage7[data-v-72f2c413]{top:46.67%;left:36.3%}#container main #stages .stage8[data-v-72f2c413]{top:69.4%;left:16%}#container main #stages .stage9[data-v-72f2c413]{top:84.6%;left:43.6%}#container main #stages .stage2-3[data-v-72f2c413]{top:8.3%;left:42.6%}#container main #stages .stage2-4[data-v-72f2c413]{top:13.3%;left:75.52%}#container main #stages .stage2-5[data-v-72f2c413]{top:54.35%;left:75.52%}#container main #stages .stage2-6[data-v-72f2c413]{top:34.2%;left:50.31%}#container main #stages .stage2-7[data-v-72f2c413]{top:39.4%;left:23.6%}#container main #stages .stage2-8[data-v-72f2c413]{top:65%;left:31.4%}#container main #stages .stage2-9[data-v-72f2c413]{top:74%;left:59.1%}#container main #stages .go-bonus[data-v-72f2c413]{cursor:pointer;position:absolute;bottom:6.8%;right:1.4%;display:flex;flex-direction:column;align-items:center}#container main #stages .go-bonus .shadow[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*323.52);right:-2.1%;bottom:-9%}#container main #stages .go-bonus .hermit_crab-a[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*71.48);right:119%;bottom:107%;z-index:var(--z-index-stage-illust-front)}#container main #stages .go-bonus .hermit_crab-b[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*71.48);right:79%;bottom:107%;z-index:var(--z-index-stage-illust-front)}#container main #stages .go-bonus .rocket[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*75.55);bottom:106%;right:31%;z-index:var(--z-index-stage-illust-back);transition:filter .3s;filter:drop-shadow(0 0 calc(var(--size-base)*10) transparent)}#container main #stages .go-bonus .rocket.ready[data-v-72f2c413]{width:calc(var(--size-base)*93.55)}#container main #stages .go-bonus .rocket.glow[data-v-72f2c413]{filter:drop-shadow(0 0 calc(var(--size-base)*10) #ff0000)}#container main #stages .go-bonus .image[data-v-72f2c413]{width:calc(var(--size-base)*315);position:absolute;bottom:-3%;right:1%;z-index:10}#container main #stages .go-bonus .button[data-v-72f2c413]{width:calc(var(--size-base)*190);z-index:20}#container main #stages .go-bonus .check[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*36.18);top:-12%;right:.4%;z-index:30}#container main .bridge[data-v-72f2c413]{position:absolute}#container main .bridge.bridge2-3[data-v-72f2c413]{top:16.5%;left:8.5%}#container main .bridge.bridge2-3[data-v-72f2c413] .line{width:calc(var(--size-base)*323.52)}#container main .bridge.bridge2-3[data-v-72f2c413] .dot.dot1{top:52.2%;left:23.3%}#container main .bridge.bridge2-3[data-v-72f2c413] .dot.dot2{top:43%;left:29.8%}#container main .bridge.bridge2-3[data-v-72f2c413] .dot.dot3{top:34.4%;left:37.2%}#container main .bridge.bridge2-3[data-v-72f2c413] .dot.dot4{top:27.5%;left:44.8%}#container main .bridge.bridge2-3[data-v-72f2c413] .dot.dot5{top:20.8%;left:52.7%}#container main .bridge.bridge2-3[data-v-72f2c413] .dot.dot6{top:15.9%;left:60.9%}#container main .bridge.bridge3-4[data-v-72f2c413]{top:-6%;left:35.6%}#container main .bridge.bridge3-4[data-v-72f2c413] .line{width:calc(var(--size-base)*342)}#container main .bridge.bridge3-4[data-v-72f2c413] .dot.dot1{top:59.7%;left:28.2%}#container main .bridge.bridge3-4[data-v-72f2c413] .dot.dot2{top:60.8%;left:34.9%}#container main .bridge.bridge3-4[data-v-72f2c413] .dot.dot3{top:61.1%;left:42%}#container main .bridge.bridge3-4[data-v-72f2c413] .dot.dot4{top:60.9%;left:48.8%}#container main .bridge.bridge3-4[data-v-72f2c413] .dot.dot5{top:60%;left:55.7%}#container main .bridge.bridge3-4[data-v-72f2c413] .dot.dot6{top:58.7%;left:62.7%}#container main .bridge.bridge4-5[data-v-72f2c413]{top:-.3%;left:67.7%}#container main .bridge.bridge4-5[data-v-72f2c413] .line{width:calc(var(--size-base)*295)}#container main .bridge.bridge4-5[data-v-72f2c413] .dot.dot1{top:51%;left:24%}#container main .bridge.bridge4-5[data-v-72f2c413] .dot.dot2{top:54.8%;left:31.1%}#container main .bridge.bridge4-5[data-v-72f2c413] .dot.dot3{top:57.7%;left:38.7%}#container main .bridge.bridge4-5[data-v-72f2c413] .dot.dot4{top:60%;left:46.4%}#container main .bridge.bridge4-5[data-v-72f2c413] .dot.dot5{top:61.6%;left:54.5%}#container main .bridge.bridge4-5[data-v-72f2c413] .dot.dot6{top:62.3%;left:62.5%}#container main .bridge.bridge5-6[data-v-72f2c413]{top:28%;left:69%}#container main .bridge.bridge5-6[data-v-72f2c413] .line{width:calc(var(--size-base)*277)}#container main .bridge.bridge5-6[data-v-72f2c413] .dot.dot1{top:43.3%;left:68.2%}#container main .bridge.bridge5-6[data-v-72f2c413] .dot.dot2{top:52.8%;left:60.9%}#container main .bridge.bridge5-6[data-v-72f2c413] .dot.dot3{top:60.3%;left:53.1%}#container main .bridge.bridge5-6[data-v-72f2c413] .dot.dot4{top:66.2%;left:44.8%}#container main .bridge.bridge5-6[data-v-72f2c413] .dot.dot5{top:71.1%;left:36.5%}#container main .bridge.bridge5-6[data-v-72f2c413] .dot.dot6{top:75.2%;left:27.8%}#container main .bridge.bridge6-7[data-v-72f2c413]{top:29.16%;left:46%}#container main .bridge.bridge6-7[data-v-72f2c413] .line{width:calc(var(--size-base)*261)}#container main .bridge.bridge6-7[data-v-72f2c413] .dot.dot1{top:56.19%;left:65.41%}#container main .bridge.bridge6-7[data-v-72f2c413] .dot.dot2{top:56.5%;left:56.3%}#container main .bridge.bridge6-7[data-v-72f2c413] .dot.dot3{top:55.7%;left:47.3%}#container main .bridge.bridge6-7[data-v-72f2c413] .dot.dot4{top:54.2%;left:38.4%}#container main .bridge.bridge6-7[data-v-72f2c413] .dot.dot5{top:52.2%;left:29.3%}#container main .bridge.bridge6-7[data-v-72f2c413] .dot.dot6{top:49.3%;left:20.7%}#container main .bridge.bridge7-8[data-v-72f2c413]{top:42.2%;left:21.22%}#container main .bridge.bridge7-8[data-v-72f2c413] .line{width:calc(var(--size-base)*256)}#container main .bridge.bridge7-8[data-v-72f2c413] .dot.dot1{top:32.5%;left:71%}#container main .bridge.bridge7-8[data-v-72f2c413] .dot.dot2{top:42.6%;left:63.9%}#container main .bridge.bridge7-8[data-v-72f2c413] .dot.dot3{top:51.4%;left:56.5%}#container main .bridge.bridge7-8[data-v-72f2c413] .dot.dot4{top:59.5%;left:48.7%}#container main .bridge.bridge7-8[data-v-72f2c413] .dot.dot5{top:66.5%;left:40.5%}#container main .bridge.bridge7-8[data-v-72f2c413] .dot.dot6{top:72.3%;left:32.1%}#container main .bridge.bridge8-9[data-v-72f2c413]{top:51.5%;left:24.1%}#container main .bridge.bridge8-9[data-v-72f2c413] .line{width:calc(var(--size-base)*307)}#container main .bridge.bridge8-9[data-v-72f2c413] .dot.dot1{top:53.1%;left:28.68%}#container main .bridge.bridge8-9[data-v-72f2c413] .dot.dot2{top:56.6%;left:35.6%}#container main .bridge.bridge8-9[data-v-72f2c413] .dot.dot3{top:59.1%;left:42.8%}#container main .bridge.bridge8-9[data-v-72f2c413] .dot.dot4{top:61.2%;left:50.1%}#container main .bridge.bridge8-9[data-v-72f2c413] .dot.dot5{top:63%;left:57.8%}#container main .bridge.bridge8-9[data-v-72f2c413] .dot.dot6{top:63.8%;left:65.4%}#container main .bridge.bridge9-0[data-v-72f2c413]{top:60.5%;left:52.8%}#container main .bridge.bridge9-0[data-v-72f2c413] .line{width:calc(var(--size-base)*323)}#container main .bridge.bridge9-0[data-v-72f2c413] .dot.dot1{top:59.15%;left:28.6%}#container main .bridge.bridge9-0[data-v-72f2c413] .dot.dot2{top:60.4%;left:35.8%}#container main .bridge.bridge9-0[data-v-72f2c413] .dot.dot3{top:60.7%;left:43.2%}#container main .bridge.bridge9-0[data-v-72f2c413] .dot.dot4{top:60.7%;left:50.6%}#container main .bridge.bridge9-0[data-v-72f2c413] .dot.dot5{top:60.1%;left:57.8%}#container main .bridge.bridge9-0[data-v-72f2c413] .dot.dot6{top:58.5%;left:65.1%}#container main .illust-clear[data-v-72f2c413]{position:absolute;z-index:var(--z-index-bg-illust)}#container main .illust-clear>img[data-v-72f2c413]{width:100%}#container main .illust-clear1[data-v-72f2c413]{width:calc(var(--size-base)*70.61);top:58.65%;left:47.32%}#container main .illust-clear2[data-v-72f2c413]{width:calc(var(--size-base)*76.82);top:3.78%;left:21.88%;transform:scaleX(-1) rotate(14.5deg)}#container main .illust-clear3[data-v-72f2c413]{transform:scaleX(-1) rotate(-21deg);width:calc(var(--size-base)*70);top:54.7%;left:1.88%}#container main .illust-clear4[data-v-72f2c413]{width:calc(var(--size-base)*59.61);top:49.7%;left:88.4%}#container main .illust-clear5[data-v-72f2c413]{transform:scaleX(-1) rotate(-12deg);width:calc(var(--size-base)*73.43);top:11.6%;left:88.3%}#container main .illust-clear6[data-v-72f2c413]{width:calc(var(--size-base)*78.02);top:58%;left:8.72%}#container main .illust-clear7[data-v-72f2c413]{transform:rotate(-7deg);width:calc(var(--size-base)*42.71);top:33.7%;left:75.25%}#container main .illust-clear8[data-v-72f2c413]{transform:rotate(42deg);width:calc(var(--size-base)*69.63);top:65.5%;left:54.95%}#container main .illust-clear9[data-v-72f2c413]{width:calc(var(--size-base)*84.25);top:16.4%;left:17.2%}#container main .illust-clear10[data-v-72f2c413]{width:calc(var(--size-base)*66.41);top:84.7%;left:26.2%}#container main .illust-clear11[data-v-72f2c413]{width:calc(var(--size-base)*67.39);top:3%;left:39%}#container main .illust-clear12[data-v-72f2c413]{width:calc(var(--size-base)*68.78);top:17.7%;left:1.6%}#container main .illust-clear13[data-v-72f2c413]{width:calc(var(--size-base)*75.95);top:38.4%;left:17%}#container main .illust-clear14[data-v-72f2c413]{width:calc(var(--size-base)*84.89);top:60.5%;left:92%}#container footer[data-v-72f2c413]{padding-left:1.3%;background-color:#fff;height:4.5%}.stage2-3[data-v-72f2c413] .level-clear-progress .step1{width:67%;top:-7%;left:-9%}.stage2-3[data-v-72f2c413] .level-clear-progress .step2{width:64%;top:25.7%;left:47.6%}.stage2-4[data-v-72f2c413] .level-clear-progress .step1{width:76%;top:-4.8%;left:-10%}.stage2-4[data-v-72f2c413] .level-clear-progress .step2{width:54%;top:21%;left:49%}.stage2-5[data-v-72f2c413] .level-clear-progress .step1{width:70%;top:-7%;left:14%}.stage2-5[data-v-72f2c413] .level-clear-progress .step2{width:60%;top:45%;left:69%}.stage2-6[data-v-72f2c413] .level-clear-progress .step1{width:62%;top:-4%;left:-7%}.stage2-6[data-v-72f2c413] .level-clear-progress .step2{width:66%;top:47%;left:42%}.stage2-7[data-v-72f2c413] .level-clear-progress .step1{width:73%;top:-16%;left:-15%}.stage2-7[data-v-72f2c413] .level-clear-progress .step2{width:59%;top:35%;left:54%}.stage2-8[data-v-72f2c413] .level-clear-progress .step1{width:60%;top:2%;left:5%}.stage2-8[data-v-72f2c413] .level-clear-progress .step2{width:58%;top:29%;left:60%}.stage2-9[data-v-72f2c413] .level-clear-progress .step1{width:49%;top:-22%;left:40%}.stage2-9[data-v-72f2c413] .level-clear-progress .step2{width:67%;top:20%;left:5%}.modal-to_parent[data-v-72f2c413]{position:fixed;width:var(--app-width);min-width:var(--app-width);height:var(--app-height);min-height:var(--app-height);background-color:#fff;z-index:var(--z-index-screen-popup)}.modal-to_parent .image[data-v-72f2c413]{width:100%}.modal-to_parent .close[data-v-72f2c413]{position:absolute;top:1%;right:3%;width:calc(var(--size-base)*60)}.modal-to_parent .copyright[data-v-72f2c413]{position:absolute;top:unset;bottom:1%;left:0;padding-left:1.7%}[class*=speech_bubble][data-v-72f2c413]{position:absolute;z-index:var(--z-index-screen)}.speech_bubble7[data-v-72f2c413]{bottom:39%;right:5%}.popup-tap_prompt[data-v-72f2c413]{width:calc(var(--size-base)*900);height:calc(var(--size-base)*312)}.popup-tap_prompt-finger[data-v-72f2c413]{position:absolute;width:calc(var(--size-base)*100);top:65%;left:63%}[data-v-5838dd01]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-5838dd01]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-5838dd01]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-5838dd01]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.stage a[data-v-5838dd01]{display:flex;flex-direction:column;align-items:center}.stage a .star[data-v-5838dd01]{height:calc(var(--size-base)*120);margin-bottom:10%}[data-v-769551ff]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-769551ff]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-769551ff]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-769551ff]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#container[data-v-769551ff]{background:var(--bg-image-bg_bonus) no-repeat bottom 100% left 0;background-size:cover}#container .row-2nd[data-v-769551ff]{margin-top:3%}#container .btn-box[data-v-769551ff]{display:flex;justify-content:center;width:100%}#container .btn-box img[data-v-769551ff]{width:calc(var(--size-base)*100);cursor:pointer}#container .rocket[data-v-769551ff]{position:absolute;top:40%;left:2%;width:calc(var(--size-base)*100)}#container .speech_bubble[data-v-769551ff]{position:absolute;top:26%;left:8%}#container footer[data-v-769551ff]{padding-left:1.3%;background-color:#fff;height:4.5%}[data-v-1339894d]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-1339894d]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-1339894d]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-1339894d]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.container[data-v-1339894d]{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(../img/background_rocket.9b84fb04.png);background-size:cover;background-position:0 100%}.container .rocket[data-v-1339894d]{width:calc(var(--size-base)*200);position:relative;bottom:10%;z-index:10}.container .fire[data-v-1339894d]{width:calc(var(--size-base)*200);position:absolute;bottom:20%;left:50%;transform:translateX(-50%);z-index:9}[data-v-3cdafbac]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-3cdafbac]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-3cdafbac]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-3cdafbac]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#listen .button[data-v-3cdafbac]{display:flex;flex-direction:column;justify-content:center;align-items:center}#listen .button .image[data-v-3cdafbac]{margin-left:5%;width:30%}.timestable-enter-active{transition:opacity .5s}.timestable-leave-active{transition:opacity 3s}.timestable-enter,.timestable-leave-to{opacity:0}[data-v-10ad380d]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-10ad380d]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-10ad380d]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-10ad380d]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}.learning-state-editor[data-v-10ad380d]{height:100%}.learning-state-editor .close[data-v-10ad380d]{position:absolute;top:0;right:0;margin:.5% 1%}.learning-state-editor .tab-nav[data-v-10ad380d]{display:flex;list-style:none;padding:0;margin:0}.learning-state-editor .tab-nav li[data-v-10ad380d]{flex:1;text-align:center;padding:10px;cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;border-bottom:none}.learning-state-editor .tab-nav li.selecting[data-v-10ad380d]{background-color:#fff}.learning-state-editor .tab-nav li[data-v-10ad380d]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.learning-state-editor .tab-nav li[data-v-10ad380d]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.learning-state-editor .tab-nav li[data-v-10ad380d]:hover{background-color:#e0e0e0}.learning-state-editor .tab-content[data-v-10ad380d]{border:1px solid #ccc;border-top:none;padding:10px;height:90%}.learning-state-editor .tab-content .error[data-v-10ad380d]{height:100%}.learning-state-editor .tab-content .error .error-list[data-v-10ad380d]{list-style:none;padding:0;margin:0;height:100%;overflow-y:scroll}.learning-state-editor .tab-content .error .error-list .error-item[data-v-10ad380d]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #ccc;margin-bottom:5px;padding:5px}.learning-state-editor .tab-content .error .error-list .error-item .info[data-v-10ad380d]{display:flex;justify-content:space-between;margin-bottom:.5rem}.learning-state-editor .tab-content .error .error-list .error-item .info .datetime[data-v-10ad380d],.learning-state-editor .tab-content .error .error-list .error-item .info .source[data-v-10ad380d],.learning-state-editor .tab-content .error .error-list .error-item .info .view[data-v-10ad380d]{font-size:.8em;color:#666}.learning-state-editor .tab-content .error .error-list .error-item .error-message[data-v-10ad380d]{font-weight:700;background-color:#fcebeb}.learning-state-editor .tab-content .error .error-list .error-item .stack[data-v-10ad380d]{padding-top:.5rem;font-size:.8em;background-color:#fcebeb;color:#444}.learning-state-editor .editor[data-v-10ad380d]{width:100%;height:300px}.learning-state-editor button[data-v-10ad380d]{margin:5px}[data-v-3cf4ed5d]: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)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@media screen and (min-aspect-ratio:9/16){[data-v-3cf4ed5d]:root{--font-size-multi:1.5625vh}.multiplication-table[data-v-3cf4ed5d]{--size-base:0.07813vh}}@media screen and (min-aspect-ratio:16/9){[data-v-3cf4ed5d]:root{--size-base:0.13889vh;--font-size:2.77778vh;--app-width:calc(100vh*var(--aspect-ratio));--app-height:100vh;--padding:2.66vh}}#container[data-v-3cf4ed5d]{width:100vw;height:100vh}.appBanner.landscape figure[data-v-3cf4ed5d]{max-width:120px}.appBanner figure[data-v-3cf4ed5d]{width:100%;max-width:200px;margin:2rem auto 0 auto}.appBanner figure img[data-v-3cf4ed5d]{width:100%}.appBanner .btnLink[data-v-3cf4ed5d]{margin-top:2rem}.appBanner .txt[data-v-3cf4ed5d]{line-height:1.6;padding-left:1rem;font-size:2rem;text-align:center}.appBanner .link[data-v-3cf4ed5d]{color:#0d6efd}.appBanner .close[data-v-3cf4ed5d]{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-3cf4ed5d]:before{transform:rotate(-45deg)}.appBanner .close[data-v-3cf4ed5d]:after,.appBanner .close[data-v-3cf4ed5d]:before{content:"";display:block;width:20px;height:1px;background-color:#000;position:absolute}.appBanner .close[data-v-3cf4ed5d]:after{transform:rotate(45deg)}.descriptionWrap[data-v-3cf4ed5d]{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%,.9333333333333333)}button[data-v-3cf4ed5d]{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-3cf4ed5d]{text-align:center;margin-top:2rem}.inner[data-v-3cf4ed5d]{position:static;max-width:64px;margin:0 auto}.inner img[data-v-3cf4ed5d]{width:100%}.notes[data-v-3cf4ed5d]{color:#c00;margin-top:2rem}.add-button[data-v-3cf4ed5d]{font-size:2rem;margin:0 auto}.description[data-v-3cf4ed5d]{background-color:#fff;border:1px solid #000;border-radius:3rem;width:94%;margin:0 auto;padding:2rem 1.5rem}.description h2[data-v-3cf4ed5d]{font-size:1.7rem;font-weight:700}.description ol li[data-v-3cf4ed5d]{margin-bottom:1rem}.description ol li img[data-v-3cf4ed5d]{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{border-radius:0}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}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}:root{--aspect-ratio:16/9;--aspect-ratio-reciprocal:9/16;--size-base:0.07813vw;--font-size:1.5625vw;--font-size-multi:2.77778vw;--app-width:100vw;--app-height:calc(100vw*var(--aspect-ratio-reciprocal));--padding:1.5vw;--padding-multi:2.66vw;--bwidth-md:var(--size-base);--bwidth-lg:calc(var(--size-base)*2);--bwidth-xl:calc(var(--size-base)*3);--bwidth-xxl:calc(var(--size-base)*4);--bwidth-xxxl:calc(var(--size-base)*5);--bwidth-xxxxl:calc(var(--size-base)*6);--brad-sm:calc(var(--size-base)*4);--brad-md:calc(var(--size-base)*8);--brad-lg:calc(var(--size-base)*12);--brad-xl:calc(var(--size-base)*16);--brad-xxl:calc(var(--size-base)*20);--shadow-md:calc(var(--size-base)*5) calc(var(--size-base)*5) calc(var(--size-base)*5) rgba(0,0,0,0.4);--hbg-size:calc(var(--size-base)*53);--z-index-bg:0;--z-index-bg-waves:1;--z-index-bg-illust:2;--z-index-stage:1000;--z-index-stage-button:1001;--z-index-stage-button-decoration:1002;--z-index-stage-illust-back:1001;--z-index-stage-illust-front:1002;--z-index-screen:1100;--z-index-screen-button:1101;--z-index-screen-popup:1200;--z-index-modal-overlay:1999;--z-index-modal:2000;--z-index-menu_button-open:2001;--z-index-menu:3000}@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,.level #grid-container .grid-item,.level #grid-container .grid-item .btn_level,.level #grid-container .grid-item a,.level h1,.level main,.listen-record main,.menu-bonus .btn-box,.multiplication-table main,.question.show-hint .hint-box .hint-card .close .btn-close div,.question main{display:flex;flex-direction:column;justify-content:center}.menu-bonus .stage-row .stage p,.modal-tool .btn{padding:calc(var(--padding)/3) var(--padding);border:var(--bwidth-md) solid #000;border-radius:100vw;background-color:#fff}.menu-bonus .stage-row .stage p.disabled,.modal-tool .disabled.btn{border-color:#ccc;background-color:#ccc;color:#a6a6a6;pointer-events:none}#hbg,.level .btn_back,.level .listen-table .btn-box .btn-finish,.level .listen_btn_box.show .btn_listen,.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,.menu-bonus #nav #list,.menu-bonus .btn-box button,.multiplication-table #message #btn-listen,.multiplication-table #nav #btn-finish,.question #message .btn-speaker,.question #modal-box.show .btn-forward,.question #nav #btn-finish,.question .btn-light,.question .btn-speaker,.question.show-hint .hint-box .hint-card .close .btn-close{border:var(--bwidth-xl) solid #827f7f;border-radius:100vw;box-shadow:0 calc(var(--size-base)*3) 0 #827f7f;background-color:#f7f7f7}#hbg:active,.level .btn_back:active,.level .listen-table .btn-box .btn-finish:active,.level .listen_btn_box.show .btn_listen: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,.menu-bonus #nav #list:active,.menu-bonus .btn-box button:active,.multiplication-table #message #btn-listen:active,.multiplication-table #nav #btn-finish:active,.question #message .btn-speaker:active,.question #modal-box.show .btn-forward:active,.question #nav #btn-finish:active,.question .btn-light:active,.question .btn-speaker:active,.question.show-hint .hint-box .hint-card .close .btn-close:active{transform:translateY(calc(var(--size-base)*2));box-shadow:0 calc(var(--size-base)*1) 0 #827f7f}.question #message .btn-speaker{border:var(--bwidth-lg) solid #827f7f;box-shadow:0 calc(var(--size-base)*2) 0 #827f7f}.question #message .btn-speaker:active{transform:translateY(calc(var(--size-base)*1))}.listen-record #finish a,.question #finish a,.question #modal-box.show #result-message.show #finish-modal a{display:flex;justify-content:flex-end;align-items:flex-end;position:absolute;right:0;bottom:0;width:calc(var(--size-base)*115);height:calc(var(--size-base)*112);padding:calc(var(--padding)*1.7) calc(var(--padding)/1.8);background-color:#00a9e0;color:#fff;border-radius:100% 0 0 0;text-decoration:none}@font-face{font-family:IPAkumon;src:url(../fonts/IPAexGothic_kumon.2e64ae7c.woff) format("woff"),url(../fonts/IPAexGothic_kumon.05f5280e.ttf) format("truetype")}html{font-size:var(--font-size);height:100vh;min-height:100vh;background-color:#ccc}html.portrait{font-size:var(--font-size-multi)}body{font-family:IPAkumon,Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;font-size:1.2rem;color:#000;position:relative;width:100%}ruby{ruby-position:over}#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:7.75%;width:84.5%;height:72.3%;z-index:var(--z-index-modal)}#restriction.show .modal-inner{display:flex;flex-direction:column;padding-top:2.5rem}#restriction.show .modal-inner .modal-message-box{flex-grow:1;display:flex}#restriction.show .modal-inner .modal-message-box .restriction-img{width:29.5%;display:flex;justify-content:flex-end}#restriction.show .modal-inner .modal-message-box .restriction-img img{width:71%}#restriction.show .modal-inner .modal-message-box .restriction-message-box{width:58%;display:flex;flex-direction:column;margin-top:1.28rem;margin-left:3.1rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-title{font-size:3rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-body{font-size:2rem;line-height:135%;margin-top:.25rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-body span{letter-spacing:-.15rem;font-size:3rem}#restriction.show .modal-inner .modal-message-box .restriction-message-box .restriction-message-body ruby{margin:0 .4rem 0 .8rem}#restriction.show rt{font-size:1.25rem}.menu{--stage-label-width:calc(var(--size-base)*150);--stg-pad:calc(var(--size-base)*14)}.menu h1{font-size:1.6rem;color:#1a7fc6;margin:0;padding-top:.2rem;padding-left:.55rem}.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}.menu-bonus h1{width:30%;font-size:1.6rem;padding-left:.7%;padding-top:.5%;color:#fff;margin:0}.menu-bonus header{width:100%;height:10%;padding:var(--padding);display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.menu-bonus #nav{width:30%;display:flex;justify-content:flex-end;align-items:center}.menu-bonus #nav #list{padding:calc(var(--padding)/1.6) calc(var(--padding)/1.15) calc(var(--padding)/2) calc(var(--padding)/1.15);font-size:1.5rem;margin-right:11%}.menu-bonus main{padding:0 var(--padding);background-size:cover;flex-grow:1;position:relative;height:90%}.menu-bonus #stages{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.menu-bonus .stage-row{width:93%;height:37.25%;display:flex;justify-content:space-between}.menu-bonus .stage-row .stage{width:17.25%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.menu-bonus .stage-row .stage img{width:100%}.menu-bonus .stage-row .stage a{width:100%;text-align:center;text-decoration:none}.menu-bonus .stage-row .stage p{width:100%;border:var(--bwidth-xl) solid #fdcd1a;background-color:#fff3d6;color:#000;margin:0;padding:calc(var(--padding)/4) 0;font-size:1.8rem;letter-spacing:calc(var(--size-base)*-1)}.menu-bonus .stage-row .stage p span{font-size:1.2rem}.menu-bonus .stage-row .stage.cleared p{color:#73acf8;background:#fff;background:linear-gradient(5deg,#fbe7b7 25%,#fff 50%,#fbe7b7 75%)}.menu-bonus .btn-box{flex-grow:1;margin-top:.5%}.menu-bonus .btn-box button{font-size:1.26rem;padding:calc(var(--padding)/1.5) calc(var(--padding)*2) calc(var(--padding)/1.7) calc(var(--padding)*2)}.level header{width:100%;height:10%;padding:0 var(--padding);display:flex;justify-content:flex-end;align-items:center;margin-top:1rem}.level h1{align-items:center;margin:.15rem auto .15rem auto;padding-top:.1rem;background-color:#0056df;border-radius:var(--brad-xxl);text-align:center;width:23.5%;height:6.9%;font-size:2rem;color:#fff}.level #current-stage{position:absolute;top:9px;left:9.4%;width:10%;height:32.5%;display:flex;align-items:flex-end}.level #current-stage img{width:100%;height:auto}.level #current-stages{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.level #current-stages img{position:absolute;height:auto}.level #current-stages #stage2{width:9.9%;top:8.4%;left:22.5%}.level #current-stages #stage3{width:9.9%;top:10%;left:7.8%}.level #current-stages #stage4{width:8.4%;top:64.4%;left:8.6%}.level #current-stages #stage5{width:10.4%;top:67.7%;left:22%}.level #current-stages #stage6{width:11.8%;top:69.5%;left:63.5%}.level #current-stages #stage7{width:7.8%;top:64.7%;left:83%}.level #current-stages #stage8{width:10.8%;top:9.7%;left:81.4%}.level #current-stages #stage9{width:8.5%;top:11.7%;left:66.2%}.level main{flex-grow:1}.level main.main-single{height:66%}.level main.main-multi{height:58%}.level .listen_btn_box{display:none}.level .listen_btn_box.show{display:block;position:absolute;top:64.6%;left:13.6%}.level .listen_btn_box.show .btn_listen{background:var(--bg-image-speaker) no-repeat center left 24%;background-size:17%;font-size:2.05rem;padding:calc(var(--padding)/1.5) calc(var(--padding)*2.1) calc(var(--padding)/1.9) calc(var(--padding)*4.3)}.level #grid-container{justify-content:center;height:95%;display:flex}.level #grid-container.single #level-box{width:56.25%;display:flex;flex-wrap:wrap}.level #grid-container.single #listen{width:18.75%}.level #grid-container.single #level1,.level #grid-container.single #level2,.level #grid-container.single #level3,.level #grid-container.single #level4,.level #grid-container.single #level5,.level #grid-container.single #level6{width:33.333%}.level #grid-container.multi #content{width:75%;display:flex;justify-content:space-around;align-items:center;padding:0 4.4%}.level #grid-container.multi #content .grid-item{width:28.5%;height:57%;margin-top:4.6%}.level #grid-container #listen{z-index:113;padding:6.5rem .55rem 7.5rem .55rem}.level #grid-container #listen .btn_level{background-color:#fff;padding-top:0;padding-right:.3rem;font-size:1.9rem;letter-spacing:-.3rem;border-color:#87c2ef}.level #grid-container #listen .btn_level .before_dot{letter-spacing:-.5rem}.level #grid-container #level1{z-index:111}.level #grid-container #level1 .btn_level{background:#fff var(--bg-image-level-tobi1) no-repeat right calc(var(--size-base)*26) bottom calc(var(--size-base)*35);background-size:calc(var(--size-base)*17) calc(var(--size-base)*20)}.level #grid-container #level1.locked .btn_level{background-image:var(--bg-image-level-tobi1_locked);background-color:#e0e0e0}.level #grid-container #level2{z-index:109}.level #grid-container #level2 .btn_level{background:#fff var(--bg-image-level-tobi2) no-repeat right calc(var(--size-base)*27) bottom calc(var(--size-base)*39);background-size:calc(var(--size-base)*22) calc(var(--size-base)*22)}.level #grid-container #level2.locked .btn_level{background-image:var(--bg-image-level-tobi2_locked);background-color:#e0e0e0}.level #grid-container #level3{z-index:107}.level #grid-container #level3 .btn_level{background:#fff var(--bg-image-level-tobi3) no-repeat right calc(var(--size-base)*21) bottom calc(var(--size-base)*36);background-size:calc(var(--size-base)*31) calc(var(--size-base)*40)}.level #grid-container #level3.locked .btn_level{background-image:var(--bg-image-level-tobi3_locked);background-color:#e0e0e0}.level #grid-container #level4{z-index:105}.level #grid-container #level4 .btn_level{background:#fff var(--bg-image-level-tobi4) no-repeat right calc(var(--size-base)*15) bottom calc(var(--size-base)*38);background-size:calc(var(--size-base)*40) calc(var(--size-base)*46)}.level #grid-container #level4.locked .btn_level{background-image:var(--bg-image-level-tobi4_locked);background-color:#e0e0e0}.level #grid-container #level5{z-index:103}.level #grid-container #level5 .btn_level{background:#fff var(--bg-image-level-tobi5) no-repeat right calc(var(--size-base)*12) bottom calc(var(--size-base)*38);background-size:calc(var(--size-base)*50) calc(var(--size-base)*55)}.level #grid-container #level5.locked .btn_level{background-image:var(--bg-image-level-tobi5_locked);background-color:#e0e0e0}.level #grid-container #level6{z-index:101}.level #grid-container #level6 .btn_level{background:#fff var(--bg-image-level-tobi6) no-repeat right calc(var(--size-base)*10) bottom calc(var(--size-base)*36);background-size:calc(var(--size-base)*52) calc(var(--size-base)*67)}.level #grid-container #level6.locked .btn_level{background-image:var(--bg-image-level-tobi6_locked);background-color:#e0e0e0}.level #grid-container .level-select{padding:1.25rem .55rem}.level #grid-container .grid-item{text-align:center}.level #grid-container .grid-item a{height:100%;position:relative;color:#000;text-decoration:none}.level #grid-container .grid-item .btn_level{height:100%;padding-top:.8rem;border:solid var(--bwidth-xxxxl) #1e1e1e;border-radius:var(--brad-xxl);font-size:1.16rem}.level #grid-container .grid-item .btn_level .level-num{font-size:3rem;margin-top:.3rem;margin-bottom:.4rem}.level #grid-container .grid-item.locked a{pointer-events:none}.level #grid-container .grid-item.locked .btn_level{border-color:#939393;background-color:#e0e0e0;color:#9b9b9b}.level #grid-container .grid-item .new{display:none}.level #grid-container .grid-item .new.on{display:block;position:absolute;top:0;left:0;background-color:#0056df;font-size:1.5rem;color:#fff;border-radius:var(--brad-lg);padding:calc(var(--padding)/3) calc(var(--padding)/1.2) calc(var(--padding)/5.6) calc(var(--padding)/1.2)}.level #grid-container .grid-item .cleared{display:none}.level #grid-container .grid-item .cleared.on{display:block;position:absolute;top:-13%;width:19.5%;height:33%;background:var(--bg-image-level-medal) no-repeat top;background-size:contain}.level #grid-container .grid-item .cleared.on.cleared1{left:16%}.level #grid-container .grid-item .cleared.on.cleared2{left:40.5%}.level #grid-container .grid-item .cleared.on.cleared3{left:65%}.level .single .inner-box{margin-top:-.4rem}.level .single #prev .inner-box{margin-right:1rem}.level .single #next .inner-box{margin-left:1rem}.level .multi #next .inner-box,.level .multi #prev .inner-box{margin:1.2rem .5rem 0 .5rem}.level #prev{width:12.5%}.level #prev .inner-box.locked .arrow{background:var(--bg-image-level-arrow_left_locked) no-repeat top;background-size:contain}.level #next{width:12.5%}.level #next .inner-box.locked .arrow{background:var(--bg-image-level-arrow_right_locked) no-repeat top;background-size:contain}.level #next,.level #prev{font-size:1.5rem;padding:0 1rem}.level #next .inner-box,.level #prev .inner-box{display:flex;flex-direction:column;padding-bottom:.8rem;height:48%}.level #next .inner-box .arrow,.level #prev .inner-box .arrow{display:flex;align-items:center;margin-bottom:22%}.level #next .inner-box .arrow img,.level #prev .inner-box .arrow img{width:59%}.level #next .inner-box.locked .arrow,.level #prev .inner-box.locked .arrow{pointer-events:none}.level #next .inner-box.locked .arrow img,.level #prev .inner-box.locked .arrow img{visibility:hidden}.level #next .inner-box .stage,.level #prev .inner-box .stage{background-color:#0056df;border-radius:var(--brad-xxl);font-size:1.6rem;color:#fff;margin-bottom:10%;padding:.4rem 0}.level #next .inner-box.locked .stage,.level #prev .inner-box.locked .stage{pointer-events:none;background-color:#e0e0e0}.level #next .inner-box.locked span,.level #prev .inner-box.locked span{color:#9b9b9b}.level #next .inner-box span:last-child,.level #prev .inner-box span:last-child{line-height:105%;letter-spacing:-.1rem}.level footer{display:flex;justify-content:center;height:15%;padding:calc(var(--padding)/2) 0}.level .footer-single{height:15%}.level .footer-multi{height:23.3%}.level .btn_back{display:block;font-size:1.25rem;text-decoration:none;padding:calc(var(--padding)/1.8) calc(var(--padding)*2.35) calc(var(--padding)/1.8) calc(var(--padding)*2.35);color:#000}.level #overlay{display:none}.level #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:115}.level .listen-table{width:30.3%;height:94.5%;background:#fff;position:relative;display:flex;align-items:center}.level .listen-table img{margin-left:1.68rem;height:91.8%}.level .listen-table .btn-box{position:absolute;top:.48rem;right:.44rem}.level .listen-table .btn-box .btn-finish{background-color:#ff7f3b;color:#fff;padding:.58rem .9rem .54rem .9rem;font-size:1.24rem}.level .modal-tutorial{position:absolute;top:8%;left:9.3%;width:35.3%}.level .modal-tutorial .tooltip-box{position:relative;padding:.8rem 0 1rem 0;background-color:#fff;border:solid var(--bwidth-xxxl) #28a7e1;border-radius:var(--brad-lg);text-align:center;font-size:1.55rem;line-height:145%;letter-spacing:-.05rem}.level .modal-tutorial .tooltip-box:before{content:"";position:absolute;left:calc(50% - var(--size-base)*10);bottom:-31%;width:calc(var(--size-base)*25);height:calc(var(--size-base)*25);background:var(--bg-image-tooltip_arrow_reverse) no-repeat;background-size:100%}.question{--numkey-height:calc(var(--app-height)*0.16);--btn-speaker-width:calc(var(--size-base)*116);--btn-speaker-message-width:calc(var(--size-base)*52);--btn-control-height:4vw;--tooltip-width:calc(var(--app-width)*0.4);--size-base-expr:calc(var(--size-base)*11)}.question header{width:100%;height:10%;padding:var(--padding);display:flex;justify-content:flex-end;margin-top:1rem}.question.show-hint header{visibility:hidden}.question #nav{width:30%;display:flex;justify-content:flex-end;align-items:center;padding-bottom:calc(var(--size-base))}.question #nav #btn-finish{padding:calc(var(--padding)/1.65) calc(var(--padding)*1.55) calc(var(--padding)/1.85) calc(var(--padding)*1.55);font-size:1.5rem;margin-right:15%}.question main{flex-grow:1;height:90%}.question .hint-box{display:none}.question.show-hint .hint-box{display:flex;position:absolute;top:0;right:0;width:33.33%;height:100%}.question.show-hint .hint-box .hint-card{flex-grow:1;position:relative;margin:var(--padding) calc(var(--padding)/1.2) var(--padding) calc(var(--padding)*1.2);padding:calc(var(--padding)*1.38) calc(var(--padding)*3.72) calc(var(--padding)*1.4) calc(var(--padding)*4.55);text-align:center;box-shadow:calc(var(--size-base)*0) calc(var(--size-base)*2) calc(var(--size-base)*5) rgba(0,0,0,.2)}.question.show-hint .hint-box .hint-card .close{position:absolute;top:calc(var(--padding)/1.8);right:calc(var(--padding)/2.3)}.question.show-hint .hint-box .hint-card .close .btn-close{border-radius:50%;background-color:#ff7f3b;width:var(--hbg-size);position:relative;height:auto}.question.show-hint .hint-box .hint-card .close .btn-close:before{content:"";padding-top:100%;display:block}.question.show-hint .hint-box .hint-card .close .btn-close div{position:absolute;top:0;left:0;width:100%;height:100%;padding:calc(var(--padding)/6);align-items:center}.question.show-hint .hint-box .hint-card .close .btn-close img{width:42%;vertical-align:baseline}.question.show-hint .hint-box .hint-card img{width:100%}.question #content{width:100%;height:100%;position:relative;display:flex;justify-content:space-between;flex-grow:1}.question #content #question{width:63%;display:flex;flex-direction:column}.question #content #answer{width:33.33%}.question.show-hint #answer{display:none}.question #message{height:7.2%;display:flex;align-items:flex-end;font-size:1.53rem;letter-spacing:-.042rem;margin-left:9.4%}.question #message.hide{visibility:hidden}.question #message .message-inner{display:flex;align-items:flex-end;margin-bottom:calc(var(--size-base)*-0.4)}.question #message .message-inner .btn-speaker{align-self:center}.question #controls{margin-top:5.5%;margin-left:15%;height:15%;display:flex;align-items:flex-end}.question #controls #hint,.question #controls #time{display:flex;align-items:center}.question #controls #hint.hide,.question #controls #time.hide{visibility:hidden}.question #controls #time{flex:0 0 50.9%;height:87%}.question #controls #hint{flex:0 0 49.1%}.question #controls #time-box{flex-grow:1;align-self:stretch}.question #controls #time-box.state1{background:var(--bg-image-question-timer1) no-repeat 0}.question #controls #time-box.state2{background:var(--bg-image-question-timer2) no-repeat 0}.question #controls #time-box.state3{background:var(--bg-image-question-timer3) no-repeat 0}.question #controls #time-box.state4{background:var(--bg-image-question-timer4) no-repeat 0}.question #controls #time-box.state5{background:var(--bg-image-question-timer5) no-repeat 0}.question #controls #time-box.state6{background:var(--bg-image-question-timer6) no-repeat 0}.question #controls #time-limit{align-self:flex-end;position:relative;display:flex;align-items:center;border-radius:100vw;height:2.2rem;background-color:#dcebf5;padding-left:3.2rem;padding-right:1.8rem;color:#0171c0;font-size:1.55rem}.question #controls #time-limit span{padding:0 0 .4rem .3rem}.question #controls #time-limit:before{content:"";position:absolute;left:-.05rem;bottom:-.05rem;width:2.5rem;height:2.75rem;background:var(--bg-image-question-timer_intime) no-repeat 0}.question #controls #time-limit.timeup{background-color:#fde7e7;color:red}.question #controls #time-limit.timeup:before{background:var(--bg-image-question-timer_timeover) no-repeat 0}.question #controls #hint-limited{border-radius:100vw;background-color:#f2f2f2;display:flex;align-items:center;line-height:80%}.question #controls #hint-limited .btn-light{margin-right:.2rem}.question #controls #hint-limited span{width:1.28rem;margin-left:.38rem}.question #controls #hint-limited span.used{background:var(--bg-image-question-hintlimit_disable) no-repeat 0}.question #controls #hint-limited span.used img{visibility:hidden}.question #controls #hint-limited span:last-child{margin-right:var(--padding)}.question #controls #tooltip-hint-box{display:none}.question #controls #tooltip-hint-box.show{position:absolute;display:block;top:0;left:35.4%}.question #controls .tooltip-hint{position:relative;margin-top:-.1rem;padding:.27rem .1rem .14rem .1rem;background-color:#ff7f3b;color:#fff;border-radius:var(--brad-sm);text-align:center;font-size:1.5rem}.question #controls .tooltip-hint:before{content:"";position:absolute;left:calc(50% - var(--size-base)*12);top:84%;width:calc(var(--size-base)*25);height:calc(var(--size-base)*25);background:var(--bg-image-question-tooltip_arrow_hint) no-repeat;background-size:100%}.question .btn-speaker{width:var(--btn-speaker-width);height:calc(var(--btn-speaker-width)*0.52);background:#fff var(--bg-image-speaker) no-repeat 50%;background-size:28%;margin-bottom:var(--bwidth-xl)}.cleared .question .btn-speaker,.question .btn-speaker.disabled{border-color:#828080;background:#9b9b9b var(--bg-image-speaker_disable) no-repeat 50%;pointer-events:none;background-size:28%}.question #message .btn-speaker{width:var(--btn-speaker-message-width);height:calc(var(--btn-speaker-message-width)*0.5);background:#fff var(--bg-image-speaker) no-repeat 50%;background-size:28%;margin:0 .35em var(--bwidth-xl) .4em}.question .btn-light{width:var(--btn-speaker-width);height:calc(var(--btn-speaker-width)*0.52);background:#fff var(--bg-image-light) no-repeat 50%;background-size:25%;margin-bottom:var(--bwidth-xl);z-index:200}.cleared .question .btn-light,.question .btn-light.disabled{border-color:#828080;background:#9b9b9b var(--bg-image-light_disable) no-repeat 50%;pointer-events:none;background-size:25%}.question .btn-light.suggest:after{content:"";position:absolute;top:19.6%;left:42.3%;width:calc(var(--size-base)*57);height:calc(var(--size-base)*57);background:var(--bg-image-finger) no-repeat;background-size:contain}.question .btn-light.suggest:active:after{display:none}.question #expr{flex-grow:1;display:flex;align-items:flex-start;margin-left:5.2%}.question #expr .expr-inner{width:100%;display:flex;align-items:center;font-size:5rem;line-height:100%;margin-top:6.2%}.question #result{width:8.5%;background-image:none;margin-top:-1.2%;margin-right:.3%}.question #result.correct{background:var(--bg-image-ok) no-repeat 100%;background-size:100%}.question #result.wrong{background:var(--bg-image-ng) no-repeat 100%;background-size:100%}.question #result.hide{visibility:hidden}.question #expr-content{width:91.1%;display:flex;justify-content:flex-start;align-items:center}.question #expr-content div{display:flex;justify-content:center;align-items:center;margin:0;padding:0}.question #expr-content #multiplicand{flex:0 0 calc(var(--size-base-expr)*16);margin-left:calc(var(--size-base)*-24)}.question #expr-content #times{margin:0 calc(var(--size-base)*-12);margin-top:calc(var(--size-base)*-12)}.question #expr-content #multiplier{flex:0 0 calc(var(--size-base-expr)*15)}.question #expr-content #equal{margin:0 calc(var(--size-base)*-6);margin-top:calc(var(--size-base)*-12)}.question #expr-content #product{flex-grow:1}.question #expr-content #product input{padding:0;margin:0;padding-left:calc(var(--size-base)*42);border:none;width:100%}.question #progress{width:67.7%;height:32%;display:flex;flex-direction:column;justify-content:flex-start;margin-left:13.2%}.question .progress-bar{display:flex;justify-content:space-between;width:100%;height:33.8%;overflow:hidden;background-color:#f7f7f7;border-radius:calc(var(--size-base)*14);padding:calc(var(--size-base)*12.8) calc(var(--size-base)*13.5)}.question .progress-bar .meter{width:4.6%;height:100%;border-radius:calc(var(--size-base)*6);background-color:#9b9b9b}.question .progress-bar .meter.active{background-color:#00a9e0}.question #progress.progress-multi{width:89.2%}.question #progress.progress-multi .meter{width:3.42%}.question #numpad{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#f7f7f7;padding:var(--padding)}.question #numpad .numrow{height:21%;display:flex;justify-content:space-between}.question #numpad .numrow.row-last{height:27.8%}.question #numpad .numrow .numkey{padding:var(--padding);height:var(--numkey-height);flex:0 0 30%;background-color:red;display:flex;justify-content:center;align-items:center}.question #numpad .numrow .numkey:before{content:"";display:inline-block;height:var(--numkey-height);vertical-align:middle}.question #numpad .numrow .numkey.clear,.question #numpad .numrow .numkey.enter{border-radius:var(--brad-md);margin-bottom:0}.question #numpad .numrow .numkey.enter{height:100%}.question #numpad .numrow .numkey.clear{align-self:flex-end}.question #numpad .numrow .numkey.num-1{background:var(--bg-image-numpad-n_1) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-1:active{background:var(--bg-image-numpad-p_1) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-2{background:var(--bg-image-numpad-n_2) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-2:active{background:var(--bg-image-numpad-p_2) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-3{background:var(--bg-image-numpad-n_3) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-3:active{background:var(--bg-image-numpad-p_3) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-4{background:var(--bg-image-numpad-n_4) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-4:active{background:var(--bg-image-numpad-p_4) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-5{background:var(--bg-image-numpad-n_5) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-5:active{background:var(--bg-image-numpad-p_5) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-6{background:var(--bg-image-numpad-n_6) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-6:active{background:var(--bg-image-numpad-p_6) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-7{background:var(--bg-image-numpad-n_7) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-7:active{background:var(--bg-image-numpad-p_7) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-8{background:var(--bg-image-numpad-n_8) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-8:active{background:var(--bg-image-numpad-p_8) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-9{background:var(--bg-image-numpad-n_9) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-9:active{background:var(--bg-image-numpad-p_9) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-0{background:var(--bg-image-numpad-n_0) no-repeat;background-size:contain}.question #numpad .numrow .numkey.num-0:active{background:var(--bg-image-numpad-p_0) no-repeat;background-size:contain}.question #numpad .numrow .numkey.clear{background:var(--bg-image-numpad-n_clear) no-repeat;background-size:contain}.question #numpad .numrow .numkey.clear:active{background:var(--bg-image-numpad-p_clear) no-repeat;background-size:contain}.question #numpad .numrow .numkey.enter{background:var(--bg-image-numpad-n_enter) no-repeat;background-size:contain}.question #numpad .numrow .numkey.enter:active{background:var(--bg-image-numpad-p_enter) no-repeat;background-size:contain}.question #finish,.question #modal-box.show #result-message.show #finish-modal,.question #welldone{display:none}.question.cleared{background:#fc9}.question.cleared #numpad{display:none}.question.cleared #finish,.question.cleared #modal-box.show #result-message.show #finish-modal{display:block}.question.cleared #welldone{position:absolute;display:flex;justify-content:center;align-items:center;top:0;right:14%;width:44%;height:100%;z-index:200}.question.cleared #welldone img{margin-top:8%;width:100%}.question #overlay{display:none}.question #overlay.show{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:100}.question #tooltip-box{display:none}.question #tooltip-box.show{position:absolute;display:block;top:39.4%;left:calc(41% - var(--size-base)*225);width:calc(var(--size-base)*450);z-index:200}.question #tooltip-box.show.tooltip-level3{left:calc(41% - var(--size-base)*264);width:calc(var(--size-base)*531)}.question .tooltip{position:relative;padding:calc(var(--padding)/1.5) 0 calc(var(--padding)/1) 0;background-color:#fff;border:solid var(--bwidth-xxxl) #28a7e1;border-radius:var(--brad-lg);text-align:center;font-size:1.55rem;line-height:145%;letter-spacing:-.05rem}.question .tooltip:before{content:"";position:absolute;left:calc(50% - var(--size-base)*10);top:calc(var(--size-base)*-20);width:calc(var(--size-base)*25);height:calc(var(--size-base)*25);background:var(--bg-image-tooltip_arrow_blue) no-repeat;background-size:100%}.question .tooltip span{color:#1a7fc6}.question .tooltip-level3 .tooltip{padding-bottom:.6rem;line-height:148%}.question #modal-box{display:none}.question #modal-box.show{position:absolute;display:block;background-color:#fff;top:13.85%;left:7.75%;width:84.5%;height:72.3%;z-index:300}.question #modal-box.show .modal-inner{display:flex;flex-direction:column;justify-content:space-between}.question #modal-box.show .modal-inner .modal-message-box{flex-grow:1}.question #modal-box.show .modal-inner .modal-btn-box,.question #modal-box.show .modal-inner .modal-listen-box{display:flex}.question #modal-box.show .modal-inner .modal-btn-box{height:31%;justify-content:center;align-items:center}.question #modal-box.show .modal-inner .modal-listen-box{height:43%}.question #modal-box.show .btn-forward{padding:.6rem 2.2rem .5rem 2.2rem;font-size:1.25rem}.question #modal-box.show .btn-forward.disabled{pointer-events:none;color:#fff;background-color:#9b9b9b}.question #modal-box.show rt{font-size:1.25rem}.question #modal-box.show .listen-exprs{display:flex;justify-content:space-between;padding:0 .45rem}.question #modal-box.show .listen-exprs .listen-expr{display:flex;justify-content:space-between;align-items:center;width:46.6%;font-size:3.1rem;letter-spacing:.2rem;color:red}.question #modal-box.show .modal-listen-box .listen-exprs{padding:0 .35rem}.question #modal-box.show .modal-expr{display:flex;justify-content:flex-start;align-items:center;--size-base-modal-expr:calc(var(--size-base)*6.1)}.question #modal-box.show .modal-expr div{display:flex;justify-content:center;align-items:center;margin:0;padding:0}.question #modal-box.show .modal-expr .multiplicand{width:calc(var(--size-base-modal-expr)*16);margin-left:calc(var(--size-base)*-28)}.question #modal-box.show .modal-expr .times{font-size:2.8rem;margin:0 calc(var(--size-base)*-6);margin-top:calc(var(--size-base)*-7)}.question #modal-box.show .modal-expr .multiplier{width:calc(var(--size-base-modal-expr)*15)}.question #modal-box.show .modal-expr .equal{font-size:2.8rem;margin:0 calc(var(--size-base)*-3);margin-top:calc(var(--size-base)*-7)}.question #modal-box.show .modal-expr .product{flex-grow:1;padding-left:calc(var(--size-base)*22)}.question #modal-box.show #first-message{display:none}.question #modal-box.show #first-message.show{width:100%;height:100%;display:flex}.question #modal-box.show #first-message.show p{width:100%;padding:1.6rem 6.8rem;font-size:2rem;line-height:225%}.question #modal-box.show #first-message.show p .emphasis{color:#31b6fd;margin-right:.8rem}.question #modal-box.show #first-message.show p .emphasis .num{letter-spacing:-.1rem;font-size:2.9rem;margin-left:.3rem;margin-right:.5rem}.question #modal-box.show #first-message.show .btn-forward{padding:.6rem 2.2rem .5rem 2.2rem}.question #modal-box.show #listen-message{display:none}.question #modal-box.show #listen-message.show{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.question #modal-box.show #listen-message.show .modal-message-box{font-size:2rem;padding:2.5rem 1.7rem}.question #modal-box.show #listen-message.show .modal-message-box .message{margin-bottom:.7rem}.question #modal-box.show #listen-message.show .btn-forward{padding:.6rem 1.6rem .5rem 1.6rem}.question #modal-box.show #result-message{display:none}.question #modal-box.show #result-message.show{display:flex;flex-direction:column;justify-content:space-around;width:100%;height:100%;font-size:2.4rem}.question #modal-box.show #result-message.show .result-box{display:none}.question #modal-box.show #result-message.show .result-box.show{display:flex;align-items:center;padding-top:1.5rem}.question #modal-box.show #result-message.show .result-box .result-img{width:21%}.question #modal-box.show #result-message.show .result-box .result-img img{width:100%;height:50%}.question #modal-box.show #result-message.show .result-box .result-message-box{align-self:flex-start;display:flex;flex-direction:column;margin-top:2.2rem}.question #modal-box.show #result-message.show .result-box .result-message-box p{margin:0}.question #modal-box.show #result-message.show .result-box .result-message-box .result-message-title{font-size:3rem}.question #modal-box.show #result-message.show .result-box .result-message-box .result-message-body{font-size:2rem;line-height:140%}.question #modal-box.show #result-message.show .result-box .result-message-box .result-message-body span{letter-spacing:-.15rem;font-size:3rem;margin-left:.3rem}.question #modal-box.show #result-message.show .result-box .result-message-box .result-message-body ruby{margin:0 .4rem 0 .5rem}.question #modal-box.show #result-message.show .result-box .q-count{display:flex;justify-content:space-between;align-items:baseline}.question #modal-box.show #result-message.show .result-box .q-count .q-count-img{width:7%;align-self:center;margin-bottom:.4rem}.question #modal-box.show #result-message.show .result-box .q-count .q-count-img img{width:100%}.question #modal-box.show #result-message.show .result-box .retry{display:flex;justify-content:flex-end}.question #modal-box.show #result-message.show .result-box .retry .btn-forward{font-size:1.5rem;padding:.6rem 2.3rem .5rem 2.3rem}.question #modal-box.show #result-message.show .result-box#finished-complete .result-img{margin-top:1.1rem;width:41.6%;display:flex;justify-content:flex-end}.question #modal-box.show #result-message.show .result-box#finished-complete .result-img img{width:50%}.question #modal-box.show #result-message.show .result-box#finished-complete .result-message-box{width:42.7%}.question #modal-box.show #result-message.show .result-box#finished-complete .result-message-box .result-message-title{margin-left:1.5rem}.question #modal-box.show #result-message.show .result-box#finished-complete .result-message-box .result-message-body{margin-top:.3rem;text-align:center}.question #modal-box.show #result-message.show .result-box#finished-good .result-img,.question #modal-box.show #result-message.show .result-box#finished-played .result-img{margin-top:.4rem;width:29.3%;display:flex;justify-content:flex-end}.question #modal-box.show #result-message.show .result-box#finished-good .result-img img,.question #modal-box.show #result-message.show .result-box#finished-played .result-img img{width:71%}.question #modal-box.show #result-message.show .result-box#finished-good .result-message-box,.question #modal-box.show #result-message.show .result-box#finished-played .result-message-box{width:56.3%;margin-left:1.4rem}.question #modal-box.show #result-message.show .result-box#finished-good .result-message-box .result-message-body,.question #modal-box.show #result-message.show .result-box#finished-played .result-message-box .result-message-body{margin-top:1rem}.question #modal-box.show #result-message.show .result-box#finished-good .result-message-box .result-message-body span,.question #modal-box.show #result-message.show .result-box#finished-played .result-message-box .result-message-body span{color:#1a7fc6;font-size:3rem;margin:0 1.2rem 0 1rem}.question #modal-box.show #result-message.show .result-box#finished-good .result-message-box .retry,.question #modal-box.show #result-message.show .result-box#finished-played .result-message-box .retry{margin-top:.4rem}.question #modal-box.show #result-message.show.result-time #finished-complete .result-message-box{width:40%;margin-left:1.5rem}.question #modal-box.show #result-message.show.result-time #finished-complete .result-message-box .result-message-title{margin:0}.question #modal-box.show #result-message.show.result-time #finished-complete .result-message-box .result-message-body{margin-top:1.2rem;text-align:left}.question #modal-box.show #result-message.show.result-time #finished-complete .result-message-box .result-message-body span{color:#3688f8;margin:0;font-size:2.9rem}.question #modal-box.show #result-message.show.result-time #finished-complete .result-message-box .result-message-body ruby{margin:0 .8rem}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box{width:58.5%}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body{margin-top:.3rem}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body div{display:flex;align-items:flex-end}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body ruby{margin:0 .2rem 0 0}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body span{color:#000;margin:0 0 .1rem 0;letter-spacing:0}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body .q-count-img{margin:.8rem 0 0 .8rem}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body .emphasis{margin-top:-.5rem;font-size:2.9rem;color:#3688f8}.question #modal-box.show #result-message.show.result-time #finished-good .result-message-box .result-message-body .emphasis ruby{margin:0 .5rem}.question #modal-box.show #result-message.show.result-time #finished-good .retry{margin-right:1.2rem}.question #modal-box.show #result-message.show.result-time #finished-played .result-img{width:41.8%}.question #modal-box.show #result-message.show.result-time #finished-played .result-img img{width:49.5%}.question #modal-box.show #result-message.show.result-time #finished-played .result-message-box{width:43.5%;margin-left:1.6rem}.question #modal-box.show #result-message.show.result-time #finished-played .result-message-box .result-message-body{margin-top:-.1rem}.question #modal-box.show #result-message.show.result-time #finished-played .result-message-box .result-message-body span{font-size:2.9rem;margin:0 -.3rem 0 .4rem;letter-spacing:0}.question #modal-box.show #result-message.show.result-time #finished-played .result-message-box .result-message-body ruby{margin:0 .5rem}.question #modal-box.show #result-message.show.result-time #finished-played .result-message-box .retry{margin-top:0}.question #modal-box.show #result-message.show #listen-repeat{display:flex;flex-direction:column;padding:0 1.7rem;width:100%}.question #modal-box.show #result-message.show #listen-repeat .message{font-size:2rem;margin-bottom:.8rem}.question #modal-box.show #result-message.show #listen-repeat .listen-expr{width:50%}.question #modal-box.show #result-message.show #listen-repeat .listen-expr+.listen-expr{margin-right:-3.3%}.question #modal-box.show #result-message.show #listen-repeat .modal-expr{margin-right:1.2rem}.question #modal-box.show #result-message.show #finish-modal{position:absolute;bottom:0;right:0;width:10%;height:10%;display:block;font-size:1.2rem}.question #modal-box.show #result-message.show.stage-clear{background:var(--bg-image-question-bg_stageclear) no-repeat 50%;background-size:cover;background-color:hsla(0,0%,100%,.4);background-blend-mode:lighten}.question #modal-box.show #result-message.show.all-clear{background:var(--bg-image-question-bg_allclear) no-repeat 50%;background-size:cover;background-color:hsla(0,0%,100%,.4);background-blend-mode:lighten}.question #modal-box.show #result-message.show.all-clear .result-img{margin-top:1.05rem;width:33.3%;display:flex;justify-content:flex-end}.question #modal-box.show #result-message.show.all-clear .result-img img{width:62.5%}.question #modal-box.show #result-message.show.all-clear .result-message-box{width:50.5%;margin-left:1.4rem;text-align:center}.question #modal-box.show #result-message.show.all-clear .result-message-box .result-message-body{margin-top:3rem}.question #modal-box.show #result-message.show.all-clear .modal-listen-box{visibility:hidden}.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 #message #btn-listen{font-size:2rem;background:#fff var(--bg-image-speaker) no-repeat left calc(var(--size-base)*42) center;background-size:17%;padding:calc(var(--padding)/1.5) calc(var(--padding)*2.1) calc(var(--padding)/2);padding-left:calc(var(--padding)*4.4)}.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;font-size:1.25rem;letter-spacing:-.08rem}.multiplication-table #stages .btn-stage img{width:100%}.multiplication-table #overlay{display:none}.multiplication-table #overlay.show{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.455);z-index:100}.multiplication-table #play-speed{width:72.5%;height:54%;display:flex;flex-direction:column;justify-content:space-around}.multiplication-table #play-speed #btn-normal,.multiplication-table #play-speed #btn-slow{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border:solid var(--bwidth-xl) #000;border-radius:100vw;background-color:#fff;width:100%;height:25%;padding:0 14%}.multiplication-table #play-speed #btn-normal div,.multiplication-table #play-speed #btn-slow div{flex-grow:1;font-size:3rem;padding-top:1.6%;margin-left:7%}.multiplication-table #play-speed #btn-normal img,.multiplication-table #play-speed #btn-slow img{width:25%;height:53%}.listen-record{--app-width-multi:100vw;--app-height-multi:calc(100vw*var(--aspect-ratio));--padding:2.66vw;--size-base:0.13889vw;--hbg-size:calc(var(--size-base)*61);--btn-listen-height:6vw;--bwidth-md:var(--size-base);--bwidth-lg:calc(var(--size-base)*2);--bwidth-xl:calc(var(--size-base)*3);--bwidth-xxl:calc(var(--size-base)*4);--bwidth-xxxl:calc(var(--size-base)*5);--brad-xl:calc(var(--size-base)*16);--brad-xxl:calc(var(--size-base)*24)}.listen-record#container{width:var(--app-width-multi);min-width:var(--app-width-multi);height:var(--app-height-multi);min-height:var(--app-height-multi)}.listen-record header{width:100%;height:5.5%;display:flex;justify-content:flex-end;align-items:center}.listen-record #nav{width:43%;display:flex;justify-content:space-between;align-items:center;padding-right:2.8%}.listen-record #nav #btn-finish{font-size:1.5rem;padding:calc(var(--padding)/1.6) calc(var(--padding)*1.55) calc(var(--padding)/1.8) calc(var(--padding)*1.55)}.listen-record main{flex-grow:1}.listen-record .btn-listen{display:flex;justify-content:center;align-items:center}.listen-record #message{display:flex;width:100%;height:8.3%;padding-left:var(--padding);font-size:2rem}.listen-record #message.message-listen{align-items:flex-end;padding-bottom:calc(var(--padding)*1.45)}.listen-record #message.message-listen .btn-listen{width:12.2%;padding:.35rem 0}.listen-record #message.message-listen .btn-listen img{width:43%}.listen-record #message.message-listen span{margin-right:-5rem;margin-left:.95rem;letter-spacing:-.04rem}.listen-record #message.message-record{margin-bottom:.6%}.listen-record #message.message-record .timer{align-self:flex-start;width:23.5%;text-align:right;color:#0070c0;margin-top:1.6rem}.listen-record #message.message-record .btn-control-box{align-self:flex-end;display:flex;margin-left:2.3rem;margin-bottom:.55rem;width:70%}.listen-record #message.message-record .btn-control-box button{font-size:1.45rem;width:36.7%;padding:.6rem 0 .45rem 0}.listen-record #message.message-record .btn-control-box button.disabled{pointer-events:none;background-color:#9b9b9b;color:#fff}.listen-record #message.message-record .btn-control-box button+button{margin-left:2.3rem}.listen-record #content.content-listen{margin-bottom:9%}.listen-record #content.content-record{margin-bottom:21.1%}.listen-record #content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.listen-record #content .expr-box{height:11.11%;display:flex;justify-content:center;align-items:center}.listen-record #content .expr-box.selected{background-color:#fdf2d9}.listen-record #content .expr-box .expr{display:flex;justify-content:flex-end;align-items:center;text-align:center;width:100%;height:100%;padding-left:4.8%;padding-right:2.9%}.listen-record #content .expr-box .expr img{width:59.8%;margin-bottom:.05rem}.listen-record #content .expr-box .expr .btn-box{visibility:hidden;width:17.3%;margin-left:.4rem}.listen-record #content .expr-box .expr .btn-box.show{visibility:visible}.listen-record #content .expr-box .expr .btn-listen{width:100%;margin-bottom:.2rem;padding:.45rem 0 .25rem 0}.listen-record #content .expr-box .expr .btn-listen.disabled{pointer-events:none;background:#9b9b9b var(--bg-image-speaker_disable) no-repeat 50%;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 #finish,.listen-record .question #modal-box.show #result-message.show #finish-modal,.question #modal-box.show #result-message.show .listen-record #finish-modal{display:none}.listen-record.cleared #finish,.listen-record.cleared .question #modal-box.show #result-message.show #finish-modal,.question #modal-box.show #result-message.show .listen-record.cleared #finish-modal{display:block}.listen-record #overlay{display:none}.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}.level #hbg{z-index:111}.level main.intoroduction .grid-item a{pointer-events:none}.level #grid-container #listen.intoro{z-index:116}.level #grid-container #level1 .btn_level{background-image:var(--bg-image-level-tobi1);background-color:#fff}.level #grid-container #level1.intoro{z-index:116}.level #grid-container #level2 .btn_level{background-image:var(--bg-image-level-tobi2);background-color:#fff}.level #grid-container #level2.intoro{z-index:116}.level #grid-container #level3 .btn_level{background-image:var(--bg-image-level-tobi3);background-color:#fff}.level #grid-container #level3.intoro{z-index:116}.level #grid-container #level4 .btn_level{background-image:var(--bg-image-level-tobi4);background-color:#fff}.level #grid-container #level4.intoro{z-index:116}.level #grid-container #level5 .btn_level{background-image:var(--bg-image-level-tobi5);background-color:#fff}.level #grid-container #level5.intoro{z-index:116}.level #grid-container #level6 .btn_level{background-image:var(--bg-image-level-tobi6);background-color:#fff}.level #grid-container #level6.intoro{z-index:116}.level .listen_btn_box.show .btn_listen{position:fixed;z-index:115}.level #grid-container.multi,.level .footer-multi{z-index:111}.question #expr-content #product input{background-color:transparent;color:#000;-webkit-text-fill-color:#000;opacity:1}.question #numpad button{border:none}.question .btn-speaker .suggest:after{content:"";position:absolute;margin-top:1%;margin-left:2%;width:calc(var(--size-base)*57);height:calc(var(--size-base)*57);background:var(--bg-image-finger) no-repeat;background-size:contain}.question .btn-speaker .suggest:active:after{display:none}.question .btn-speaker.pickup{z-index:200}.question .btn-light{z-index:auto}.question .btn-light.pickup{z-index:200}.question.show-hint #answer{display:block}.question.show-hint .hint-box .hint-card .close .btn-close.disabled{pointer-events:none;color:#fff;background-color:#9b9b9b}.question #modal-box.show #result-message.show.result-time #finished-complete .result-message-box{width:47%}.question #modal-box.show #result-message #finish-modal a.disabled{background-color:#9b9b9b;color:#fff;pointer-events:none}.listen-record #message.message-listen .speak{font-size:1.4rem}.listen-record .welldone img{width:80%}.listen-record .btn-start:disabled{pointer-events:none;color:#fff;background-color:#9b9b9b!important}.multiplication-table #message #btn-listen{background-image:var(--bg-image-speaker)}.multiplication-table #message #btn-listen:disabled{pointer-events:none;background-image:var(--bg-image-speaker_disable);background-color:#9b9b9b;background-size:17%;padding:calc(var(--padding)/1.5) calc(var(--padding)*2.1) calc(var(--padding)/2);padding-left:calc(var(--padding)*4.4)}#hbg div:hover{cursor:pointer}#hbg.restriction{background:#fff;z-index:var(--z-index-menu_button-open)!important}#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:var(--z-index-modal-overlay)}.single header{width:100%;padding:var(--padding);text-align:center}.single header h1{margin:10px 0 5px 0;font-size:3.5rem}.single header h2{font-size:2.5rem}.single main{flex-grow:1;text-align:center}.single main fieldset{margin:0 0 3% 0;font-size:2rem}.single main fieldset label{width:20%;text-align:right;margin-left:-17%;padding-right:25px}.single main fieldset input{width:40%;padding:2%;border:3px solid #aaa;border-radius:10px}.single main .message{margin:2% 0 2% 0;color:red;font-size:1.8rem;padding:0 10%}.single main button{font-size:2.1rem;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)}.single.center{justify-content:center;align-items:center}#menu .close{position:absolute;right:5%;width:var(--hbg-size)}#menu .close img{width:100%}#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 .tap{overflow:hidden;border:1px solid #000;font-size:2rem;color:#000;border-radius:10px;text-decoration:none}#menu ul li .tap.restriction{background-color:red;color:#fff}#menu ul li:first-child{margin-top:10%}#menu ul li:active{background:#eee}#menu .tap{justify-content:center;align-items:center;width:100%;text-align:center;cursor:pointer}#menu.show,#menu .tap{display:flex;height:100%}#menu.show{position:absolute;background-color:#fff;padding:calc(var(--padding)*1);top:0;left:50%;width:50%;z-index:var(--z-index-menu)}#menu .contact{position:absolute;top:10%;left:10%;width:80%;height:auto;padding-bottom:5%;background:#fff;text-align:center;border-radius:15%;border:2px solid #000}#menu .contact .close{margin:5% 0 0 0}#menu .contact .title{font-size:1.8rem;font-weight:700;margin:20% 0 5% 0}#menu .contact .mail{font-weight:700;margin:5% 0 5% 0}#menu .contact .content{text-align:initial;font-size:1.6rem;margin:10% 0 5% 0;padding:0 6% 0 10%}#menu .contact .version{text-align:initial;font-size:1.3rem;text-align:center}.portrait #menu.show{position:absolute;display:flex;background-color:#fff;padding:calc(var(--padding)*1);top:0;left:20%;width:80%;height:100%;z-index:400}.portrait #menu.show ul li{width:80%;height:10%}.portrait #menu.show .contact{top:27%}#loading.box{background:#fff;height:var(--app-height);position:relative;text-align:center}#loading.box_serviceworker{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-modal)}#loading .inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#loading .content{padding:20px;width:30%}.modal-tool{position:absolute;top:10%;left:10%;width:80%;height:80%;background:#fff;padding:calc(var(--padding)*2);z-index:300}.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:fs-lg;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:20vw;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}