.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 .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:transparent;border:none;font-size:250%}#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:center;position:fixed;z-index:10;width:50%;background-color:#fff;bottom:20px;left:20px;border:solid 1px #777;box-shadow:2px 2px 4px #777;border-radius:5px;padding:5px}.sound-box .audio-wrapper{width:75%}.sound-box .sound-speed{width:20%}.hidden{visibility:hidden}.pb200{padding-bottom:200px}