.index-cover{display:flex}.index-cover .cover-wrapper{width:300px;text-align:left}.index-cover .cover-wrapper .cover{border:solid 1px gray;box-shadow:2px 2px 4px gray}.index-cover .help-btn-wrapper{flex-grow:2}.index-title{margin-top:1em}.index .m-btn-simple.index-btn{text-align:left;font-size:120%}.index ul li{display:flex}.index ul li .learned-date,.index ul li .wpm-record{width:6em;margin-left:.5em;border:solid 2px #007099;border-radius:5px;color:#007099;display:flex;justify-content:center;align-items:center}.index ul li:nth-child(2){margin-top:0 !important}.index ul .index-header .unit-title-header{width:100%}.index ul .index-header .learned-date-header,.index ul .index-header .wpm-record-header{width:6em;text-align:center;color:#007099;margin-left:.5em}.help .tejun{background-color:#00afec;display:inline-block;padding:.1em .5em .1em .5em;border-radius:.2em;margin-right:1em;color:#fff;font-size:90%}.help .play-icon{color:#00afec;font-size:200%}.help .dummy-btn{margin-left:.4em;margin-right:.4em}.help .screen-image{border:solid 1px #777;box-shadow:2px 2px 4px #aaa}.characters{padding-top:2em}.characters img{width:100%}.about .authors th{font-weight:bold;width:4em;text-align:left;padding:.5em 1em .5em 1em;vertical-align:top}.about .authors td{padding:.5em 1em .5em 1em}#l-content .content-inner.unit-content{max-width:none;padding-left:20px;padding-right:20px;position:relative;display:flex;justify-content:space-between;padding-top:20px}#l-content .content-inner.unit-content .left-box{max-width:85%;position:relative}#l-content .content-inner.unit-content .left-box .page-image{border:solid 1px gray;position:relative}#l-content .content-inner.unit-content .left-box .page-image img{width:100%;display:block}#l-content .content-inner.unit-content .left-box .page-image .overwrap{position:absolute;width:100%;left:0;z-index:2}#l-content .content-inner.unit-content .left-box .page-image .align-top{top:0}#l-content .content-inner.unit-content .left-box .page-image .align-bottom{bottom:0}#l-content .content-inner.unit-content .left-box .page-image .correct-answer{z-index:1}#l-content .content-inner.unit-content .left-box .page-image .empty-body{left:100px;top:250px;font-size:150%;font-weight:bold;width:auto;height:200px;padding:.2em 1em .2em 1em;border-radius:.5em;z-index:3}#l-content .content-inner.unit-content .left-box .page-image .empty-body .play-btn-wrapper{text-align:center}#l-content .content-inner.unit-content .left-box .page-image .empty-body .play-btn-wrapper .play-btn{background-color:rgba(0,0,0,0);border:none;font-size:250%}#l-content .content-inner.unit-content .left-box .page-image .answer-canvas{position:absolute;top:0;left:0;z-index:3}#l-content .content-inner.unit-content .left-box .answer{position:relative;height:250px}#l-content .content-inner.unit-content .left-box .answer .answer-box{position:absolute;width:100%;background-color:#fff;padding:0 0 2em 0;border:solid 1px gray;border-radius:.5rem;box-shadow:2px 2px 4px;margin-top:1rem}#l-content .content-inner.unit-content .left-box .answer .answer-box p{margin:.5em 1em .5em 1em}#l-content .content-inner.unit-content .left-box .answer .answer-box .answer-title{font-size:1.1em;padding:.2rem 0 .2rem 1em;background-color:gray;color:#fff;border-top-left-radius:.5rem;border-top-right-radius:.5rem}#l-content .content-inner.unit-content .controls-wrapper{flex-grow:2;padding-left:1em;position:relative;z-index:2}#l-content .content-inner.unit-content .controls-wrapper .controls{position:fixed;top:0;bottom:0;margin-top:20px;margin-right:20px;padding-bottom:20px;overflow-y:auto;width:calc(15% - 20px)}#l-content .content-inner.unit-content .controls-wrapper .controls .m-btn-common{width:100%;margin-bottom:.5em}#l-content .content-inner.unit-content .controls-wrapper .controls .timer{border:solid 1px #aaa;border-radius:.5em;padding:.5em;margin-bottom:1em}#l-content .content-inner.unit-content .controls-wrapper .controls .timer .wpm-title{font-size:1.2em;text-align:center}#l-content .content-inner.unit-content .controls-wrapper .controls .timer .counter{font-family:"Gugi",monospace;text-align:center;font-size:1.5em}#l-content .content-inner.unit-content .controls-wrapper .controls .timer .wpm{font-family:"Gugi",monospace;text-align:center;font-size:1.5em;color:crimson}#l-content .content-inner.unit-content .controls-wrapper .controls .sound-range input[type=range]{width:100%}.additional-question-box{border:solid 1px gray;padding:1em 3em 1em 3em;background-color:#fff;margin:1em 0 1em 0;width:100%}.additional-title span{background-color:#777;color:#fff;padding:.2em .5em .2em .5em;margin-right:1em}.m-form-select.small-select{margin-top:0;margin-bottom:10px}.m-form-select.small-select select{font-size:90%;padding:4px 12px 4px 12px}.sound-box{display:flex;justify-content:space-between;align-items:end;position:fixed;flex-direction:column;z-index:10;width:300px;background-color:#fff;bottom:10px;right:20px;border:solid 1px #777;box-shadow:2px 2px 4px #777;border-radius:5px;padding:5px 10px 5px 10px}.sound-box .audio-wrapper{width:100%}.sound-box .sound-speed{width:150px}.question-box{position:fixed;bottom:10px;width:50%;left:30px;z-index:10}.question-box .question-tabs{display:flex;padding-left:10px}.question-box .question-tabs .question-tab-item{line-height:1}.question-box .question-tabs .question-tab-item button{padding:6px 12px 6px 12px;line-height:1;border-top:solid 1px #d3d3d3;border-bottom:none;border-left:solid 1px #d3d3d3;border-right:solid 1px #d3d3d3;border-top-left-radius:6px;border-top-right-radius:6px;font-size:.9em;color:#007099;text-decoration:underline;background-color:beige}.question-box .question-tabs .question-tab-item .additional-question{background-color:#ffefef}.question-box .question-tabs .question-tab-item button[data-selected]{font-weight:bold;border-top:solid 1px #666;border-bottom:none;border-left:solid 1px #666;border-right:solid 1px #666;border-top-left-radius:6px;border-top-right-radius:6px;color:#000;text-decoration:none}.question-box .question-tab-pane{background-color:#fff;border:solid 1px #777;box-shadow:2px 2px 4px #777;border-radius:5px;padding:8px 10px 8px 10px;height:6em;display:flex;justify-content:space-between}.question-box .question-tab-pane .question-col{width:calc(100% - 88px)}.question-box .question-tab-pane .question-col p{margin:0;padding:0;line-height:1.5}.question-box .question-tab-pane .question-col .sentence{font-size:90%;margin-bottom:.5em}.question-box .question-tab-pane .answer-button-col{width:80px;display:flex;flex-direction:row;align-items:end}.question-box .question-tab-pane .answer-button-col .answer-btn{padding:10px;width:100%}.answer-controls{position:fixed;top:20px;left:20px;width:48px;z-index:4;line-height:1}.answer-controls .m-btn-common.control-button{width:48px;height:48px;font-size:24px;margin-bottom:5px;padding:12px}.hidden{visibility:hidden}.pb200{padding-bottom:200px}.no-scroll{touch-action:none}