@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);*,:after,:before{box-sizing:border-box}@font-face{font-family:UD Digi Kyokasho N-R;src:url(/assets/fonts/UDDigiKyokashoN-R.ttf) format("truetype");font-weight:400;font-style:normal}html{-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.3}body{padding:1rem;font-family:UD Digi Kyokasho N-R,YuKyo-Medium,Yu Mincho,YuMincho,Rounded Mplus\ 1c Bold,sans-serif;min-height:100%;background-color:#adadad;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{font-family:M PLUS Rounded\ 1c bold,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.fullPage{height:100%;width:100%;max-width:100%;position:fixed;background-position:50%;background-size:cover;left:0;top:0}main{padding:1em;margin:0 auto}.ratio{padding-top:0}@media screen and (max-width:360px){main{width:auto}}h2{margin:0 0 .25em}rb,rt{line-height:1}rt{font-size:40%}p{margin:0 0 .2em}.trans{display:block;background-color:initial;border:2px solid #fff;border-radius:4px;color:#fff;font-size:1em;font-weight:300;outline:none}.ReactNavigationController{height:100%;margin:1em auto 2em;background:#ddd;overflow:hidden}.ReactNavigationControllerView,.ReactNavigationControllerViewContent{position:absolute;top:0;right:0;bottom:0;left:0}.ReactNavigationControllerView{display:flex;overflow:hidden}.ReactNavigationControllerViewContent{color:#fff;position:relative;flex-grow:1;display:flex;overflow:hidden;flex-direction:column}.Navbar{width:200px}.ReactNavigationControllerViewContent header{display:flex;justify-content:space-between;padding:.75em;overflow:hidden}footer{position:relative;bottom:0;background-color:hsla(0,0%,67.1%,.53)}.ReactNavigationControllerViewContent section{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch;color:#585858;background:#fff;overflow:auto}.ReactNavigationControllerViewContent section h3{display:block;margin:0 auto;font-size:2rem;text-align:center}.ReactNavigationControllerViewContent section button{margin:1em auto}.InnerNavigationController{position:relative;margin:auto}.iconleft{float:left;left:0}.iconleft,.iconright{padding-right:10px;width:60px}.iconright{float:right;right:0}.menuitem{max-width:300px;width:80%;margin:10px auto;display:block;font-size:2em;background-color:#6495ed;border:2px solid #fff;border-radius:4px;color:#fff;font-weight:300;outline:none}.menuitem i{float:left;margin-left:30px}.add:before{content:"+"}.sub:before{content:"-"}.mul:before{content:"\D7"}.divi:before{content:"\F7"}header h3{position:absolute;font-size:1.575rem;text-align:center;width:100%;margin:0;padding:initial}.input-group{position:relative;display:inline-block;flex-wrap:wrap;align-items:stretch;width:50%}.input-group label{margin:10px}button:active,button:hover{background-color:rgba(255,166,0,.534)}button:focus{background-color:rgba(4,205,255,.432)}.item,.levelitem{align-items:center;justify-content:center;display:flex}.levelitem{text-align:center;vertical-align:middle;padding:10px}.infinity-menu-container{width:100%;height:100%;max-width:1000px;font-size:1.5em}.infinity-menu-node-container{background-color:orange;color:#fff;padding-left:20px;padding-top:10px;padding-bottom:10px;border:1px solid #fff;margin:10px;border-radius:10px}.infinity-menu-node-container:hover{background-color:#dcd0d0}.infinity-menu-leaf-container{background-color:#fff;color:#249e61;padding-left:20px;padding-top:10px;padding-bottom:10px;border:1px solid #249e61;margin:5px 15px 5px 5px;border-radius:10px;list-style:none}.infinity-menu-leaf-container:hover{background-color:#dcd0d0}.infinity-menu-load-more-container{background-color:#fff;color:#5e6063;padding-left:20px;padding-top:15px;padding-bottom:15px;text-align:center;list-style-type:none;margin:5px 15px 5px 5px;border-radius:10px}.infinity-menu-load-more-container:hover{background-color:#c8c8c8}.infinite-grid-wrapper{max-width:1000px}.infinite-grid-wrapper a{color:#fff}.pagenavi{width:40px;height:40px;border-radius:20px}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;height:100%;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translateZ(0);transform:translateZ(0);max-height:100%}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:inline-flex;float:left;justify-content:center;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:inline-flex}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:inline-flex;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;display:block;width:50px;height:50px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;border:none;z-index:2}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:40px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:25px}[dir=rtl] .slick-prev{right:25px;left:auto}.slick-prev:before{content:"\2190"}[dir=rtl] .slick-prev:before{content:"\2192"}.slick-next{right:25px}[dir=rtl] .slick-next{right:auto;left:25px}.slick-next:before{content:"\2192"}[dir=rtl] .slick-next:before{content:"\2190"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{width:100%;padding:0;margin:0;list-style:none;text-align:center;display:block;z-index:1;left:0;background:rgba(239,138,138,.9);right:0;height:100px}.slick-arrow,.slick-dots{position:fixed;bottom:0}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:28px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"\2022";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000;max-height:100%}.resultOption{margin:10px!important;background:#0ff;border-radius:10px;min-width:50px}.resultItem{margin:20px;letter-spacing:10px;display:inline-grid}.testCorrect{color:#00f}.testWrong{color:red}.untested{color:orange}.selectedMenu{background:#87cefa}.slick-list{height:90%;overflow-y:auto}.slick-current>div,.slick-current>div>div{max-height:100%}.numpad span{flex:32.3333% 1}.numpad span:nth-child(2n){border-right:0}.numpad span:nth-child(-n+9){border-bottom:0}.numpad span:nth-child(odd){border-right:0}.numpad span:nth-child(3n){border-right:1px solid #d8d8d8}.numpad{width:100%;height:180px;display:flex;flex-flow:row wrap;background:transparent;margin:auto;max-width:300px;bottom:200px}.numpad span{display:flex;align-items:center;justify-content:center;flex:24% 1;border:1px solid #d8d8d8;background:#0ff;border-radius:20px;margin:1%}.inputing{background:rgba(136,0,0,0);margin:auto;letter-spacing:10px}.inputing,.rightShow{text-align:right}.form-control{margin:2px;text-align:center;width:1.2em;height:1.5em;padding:0;font-size:.9em}.active{border:solid #249e62}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.hardscroll::-webkit-scrollbar{display:inline;display:initial}.line-arrow:after{font-size:30px;content:"";position:absolute;left:-2px;right:10px;top:-7px;margin:auto 0;width:0;height:0;border-width:0;border-right:10px solid #000;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px}.source-dragging1{bottom:20px;right:20px;top:20px;bottom:10px}.source-dragging1,.source-dragging-full{padding:10px;position:absolute;left:unset;overflow:auto;width:100px}.source-dragging-full{bottom:20px;right:10px;top:80px;bottom:120px}.source-dragging{padding:0;position:"relative";right:0;overflow:auto;top:0;bottom:0;width:100%;display:flex;height:100%}.grid-source{align-items:flex-start;max-height:100%;overflow:hidden;direction:rtl;flex-direction:column;margin:auto}.next-action-button{right:10px;max-width:50px}.next-action-button,.next-step-button{font-size:2em;padding:0;text-align:right;bottom:0}.next-step-button{position:fixed;z-index:13;display:flex;flex-direction:column;margin-left:8px}.main-content-page{width:95%}.main-content-page,.main-page{max-width:1280px;min-width:1280px;background-color:#fff;padding:40px}.main-page{width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;position:relative}.image-app{position:absolute;bottom:100px;right:150px;height:220px}.learn-page{max-width:100%;padding-left:0}@media screen and (max-width:1280px){.slick-slider .slick-list{max-height:70%}.main-content-page{height:100%,}.grid-source{padding-left:10%;height:100%;flex-direction:row-reverse;min-width:unset}.next-action-button{font-size:2em;padding:0;right:10px;text-align:right;bottom:0;max-width:60px}.ReactNavigationControllerViewContent section{display:unset}}@media screen and (max-width:1190px){.Navbar{width:0}.main-page{width:100%;max-width:unset;min-width:unset;height:100%;margin:0 auto;background-color:#fff;padding:40px;display:flex;justify-content:center;position:relative}.image-app{position:absolute;bottom:0;right:0}.learn-page{max-width:100%;padding-left:0;zoom:.9}.ReactNavigationControllerViewContent{position:relative;flex-grow:1}.next-step-button{zoom:.85}}@media (max-height:700px),screen and (max-width:999px){.ratio{display:contents;padding-top:0!important}.image-app{right:0;bottom:0}}@media screen and (max-height:400px){.slick-dots{bottom:0;width:100%;padding:0;margin:0;left:0;height:45px}.slick-next,.slick-prev{top:95%;display:block;width:50px;height:50px}.slick-slider .slick-list{max-height:85%}.next-action-button{padding:0;right:10px;text-align:right;bottom:0;width:100px}.ReactNavigationControllerViewContent section{display:unset}}.hint{background-color:#c9e6f2!important;max-width:450px;max-height:300px;overflow-wrap:break-word;font-family:UD Digi Kyokasho N-R,YuKyo-Medium,Yu Mincho,YuMincho,Rounded Mplus\ 1c Bold,sans-serif;border:1px solid #000;cursor:pointer;line-height:25px}.hint:after{border-bottom-color:#000!important;border-top-color:#000!important}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}#menu-appbar .MuiPaper-root.MuiMenu-paper.MuiPaper-elevation8.MuiPopover-paper{color:"red"}.hover:hover{opacity:.7}.selectSeperator:hover{border-bottom:4px dotted #00f!important}.beginPoint{display:inline-block}@media print{@page{size:A4 landscape;margin:5mm 5mm 5mm 5mm}#Footer,#Header{display:none!important}}.box-1-line:after{border-top:1.6px dashed #000;width:68px;-webkit-transform:rotate(-60deg) translateX(24px);transform:rotate(-60deg) translateX(24px);left:-47px;-webkit-transform-origin:0 0;transform-origin:0 0}.box-1-line-custom:after,.box-1-line:after{content:"";display:block;height:20px;position:absolute;z-index:1}.box-1-line-custom:after{border-top:2.25px dashed #000;width:140px;-webkit-transform:rotate(-60deg) translateX(24px);transform:rotate(-60deg) translateX(24px);left:-70px;top:180px}.box-2-line-top{display:block;height:20px;border-top:1.6px solid #000;width:37px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;top:-7px;right:-1px}.box-2-line-top:after{content:"";display:inline-block;border-top:5px solid transparent;border-left:5px solid #000;border-bottom:5px solid transparent;height:0;width:0;position:relative;right:-33px;top:-13px}.box-2-line-top-custom{display:block;height:20px;border-top:2.25px solid #000;width:100px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;top:-19px;right:30px}.box-2-line-top-custom:after{content:"";display:inline-block;border-top:10px solid transparent;border-left:10px solid #000;border-bottom:10px solid transparent;height:0;width:0;position:relative;right:-91px;top:-11px}.box-2-line-bottom{display:block;height:20px;border-top:1.6px solid #000;width:37px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;bottom:-26px;left:-4px}.box-2-line-bottom:after{content:"";display:inline-block;border-top:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid transparent;height:0;width:0;position:relative;left:-1px;bottom:13px}.box-2-line-bottom-custom{display:block;height:20px;border-top:2.25px solid #000;width:100px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;bottom:-36px;right:32px}.box-2-line-bottom-custom:after{content:"";display:inline-block;border-top:10px solid transparent;border-right:10px solid #000;border-bottom:10px solid transparent;height:0;width:0;position:relative;left:-4px;bottom:11px}.box-3-line-top{display:block;height:20px;border-top:1.6px solid #000;width:37px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;top:20px;right:-14px}.box-3-line-top:after{content:"";display:inline-block;border-top:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid transparent;height:0;width:0;position:relative;left:0;bottom:13px}.box-3-line-top-custom{display:block;height:20px;border-top:2.25px solid #000;width:100px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;top:50px;right:-17px}.box-3-line-top-custom:after{content:"";display:inline-block;border-top:10px solid transparent;border-right:10px solid #000;border-bottom:10px solid transparent;height:0;width:0;position:relative;left:-4px;bottom:12px}.box-3-line-bottom{display:block;height:20px;border-top:1.6px solid #000;width:37px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;bottom:1px;right:-16px}.box-3-line-bottom:after{content:"";display:inline-block;border-top:5px solid transparent;border-left:5px solid #000;border-bottom:5px solid transparent;height:0;width:0;position:relative;right:-33px;top:-12px}.box-3-line-bottom-custom{display:block;height:20px;border-top:2.25px solid #000;width:100px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;bottom:34px;right:-17px}.box-3-line-bottom-custom:after{content:"";display:inline-block;border-top:10px solid transparent;border-left:10px solid #000;border-bottom:10px solid transparent;height:0;width:0;position:relative;right:-91px;top:-11px}@media only screen and (min-device-width:744px) and (max-device-width:1024px){.ipad-text-size{-webkit-text-size-adjust:none;zoom:99.99%}}@media only screen and (min-device-width:768px) and (max-device-width:1366px){rt{font-size:30%}.ipad-text-size{-webkit-text-size-adjust:none;zoom:99.99%}}@media only screen and (min-device-width:768px) and (max-device-width:1366px){.ipad-text-size-90{-webkit-text-size-adjust:none;zoom:90%}}.break-word-ruby-text ruby rt{letter-spacing:5px}.overflow-unset{overflow-y:unset!important}.box_item_component{width:100%}.box_item_component .outer{border-top:none;min-width:140px;max-width:140px;overflow:hidden}.box_item_component .highlighted .outer{border-top:40px solid #ddd}.box_item_component .item{color:#fff;border-radius:5px;padding:10px;margin:3px;background-color:#057}.box_item_component .grabber{font-size:14px;font-weight:700;padding-right:6px}.drag_things_to_boxes{display:flex;flex-direction:row-reverse}.component_box,.drag_things_to_boxes .component_box{float:left}.drag_things_to_boxes .box{border-radius:4px;width:140px;height:276px;position:relative}.paper{display:block;width:100%;-webkit-writing-mode:vertical-rl;-webkit-overflow-scrolling:auto;writing-mode:vertical-rl;font-size:20px;line-height:2em;overflow-x:scroll}.paper-input{background:#fff;border:1px solid}.paper::-webkit-scrollbar{display:block;height:8px}.paper-input::-webkit-scrollbar-track{background:#fff}.paper-detail::-webkit-scrollbar-track{background:#fbf0de}[contenteditable]{outline:0 solid transparent;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.paper p{display:block}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}