#home-screen{display:flex;margin-top:calc(3px*var(--v-scale));margin-bottom:calc(3px*var(--v-scale))}#home-screen .panel-1{width:calc(880px*var(--v-scale));height:calc(750px*var(--v-scale));padding:calc(5px*var(--v-scale))}#home-screen .panel-2{width:calc(420px*var(--v-scale));height:calc(758px*var(--v-scale));margin-left:calc(15px*var(--v-scale))}#home-screen .app-title{margin-bottom:calc(10px*var(--v-scale))}#home-screen .tab-container{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:calc(3px*var(--v-scale)) solid #000}#home-screen .tab-container .tab{height:calc(40px*var(--v-scale));cursor:pointer}#home-screen .tab-container .tab img{width:calc(136px*var(--v-scale))}#home-screen .tab-container #tab-grade1{margin-left:calc(10px*var(--v-scale))}#home-screen .tab-container #tab-grade2,#home-screen .tab-container #tab-grade3{margin-left:calc(10px*var(--v-scale))}#home-screen .tab-container #tab-genre{margin-left:calc(10px*var(--v-scale))}#home-screen .tab-container #tab-option{margin-left:auto;margin-right:calc(20px*var(--v-scale))}#home-screen .tab-container:has(#tab-grade1.active){border-bottom-color:#1ca76f}#home-screen .tab-container:has(#tab-grade2.active){border-bottom-color:#ed6d1f}#home-screen .tab-container:has(#tab-grade3.active){border-bottom-color:#dc3545}#home-screen .tab-container:has(#tab-option.active){border-bottom-color:#00a0e9}#home-screen .content-container{height:calc(633px*var(--v-scale));overflow-y:auto}#home-screen .tab-content{padding-top:calc(10px*var(--v-scale));padding-left:calc(5px*var(--v-scale));padding-right:calc(5px*var(--v-scale))}#home-screen .tab-content .genre-item{margin-right:calc(10px*var(--v-scale));cursor:pointer;background-color:#fff;padding:0 calc(3px*var(--v-scale));width:calc(142px*var(--v-scale));display:flex;align-items:center;justify-content:center;text-align:center;border:calc(5px*var(--v-scale)) solid rgba(0,0,0,0);border-radius:calc(5px*var(--v-scale));font-size:calc(16px*var(--v-scale));height:calc(60px*var(--v-scale));line-height:calc(22px*var(--v-scale))}#home-screen .tab-content .genre-item .genre-image{width:calc(162px*var(--v-scale));border-radius:calc(10px*var(--v-scale));border:calc(5px*var(--v-scale)) solid rgba(0,0,0,0);filter:drop-shadow(0 0 calc(2px * var(--v-scale)) rgba(0, 0, 0, 0.3));transform:translateZ(0)}#home-screen .tab-content .genre-item.checked{border-color:#179be6;filter:none}.tab-content .unit-container{width:100%;display:flex;margin-bottom:calc(20px*var(--v-scale));padding-top:calc(5px*var(--v-scale));padding-bottom:calc(5px*var(--v-scale));border-radius:calc(16px*var(--v-scale))}.tab-content .unit-container .unit-title-container{width:calc(78px*var(--v-scale));margin-top:calc(15px*var(--v-scale));text-align:center;font-family:"NHHandwriting"}.tab-content .unit-container .unit-title-container .unit-title-box{font-weight:bold;color:#fff;font-size:calc(14px*var(--v-scale))}.tab-content .unit-container .unit-title-container .unit-title-box .unit-title-index{padding:10%;font-size:calc(36px*var(--v-scale))}.tab-content .unit-container .unit-genre-container{display:flex;flex-wrap:wrap;align-items:center}.tab-content#content-grade1>.unit-container{background-color:#1ca76f}.tab-content#content-grade2>.unit-container{background-color:#ed6d1f}.tab-content#content-grade3>.unit-container{background-color:#dc3545}.tab-content .unit-container.not-unit{padding:calc(15px*var(--v-scale)) calc(25px*var(--v-scale))}.tab-content .unit-container.not-unit .unit-title-container{display:none}.tab-content#content-grade1>.unit-container.not-unit{background-color:#c99f44}.tab-content#content-grade2>.unit-container.not-unit{background-color:#f4c598}.preset-container{display:flex;align-items:center;justify-content:space-around;background-color:#7fcff4;border-radius:calc(12px*var(--v-scale));margin-bottom:calc(30px*var(--v-scale));padding:calc(10px*var(--v-scale))}.preset-container .preset-button{cursor:pointer}.preset-container .preset-button img{border-radius:calc(20px*var(--v-scale));border:calc(5px*var(--v-scale)) solid rgba(0,0,0,0);filter:drop-shadow(0 0 calc(2px * var(--v-scale)) rgba(0, 0, 0, 0.3));transform:translateZ(0)}.preset-container .preset-button.active>img{border-color:#ff7bac;filter:none}.option-container{display:flex;background-color:#7fcff4;border-radius:calc(12px*var(--v-scale));margin-bottom:calc(10px*var(--v-scale));padding:calc(10px*var(--v-scale));width:auto;height:auto}.option-container .option-title{margin-right:calc(3px*var(--v-scale))}.option-container .option-list{display:flex;justify-content:start;width:100%}.option-container .option-title-cardfront{width:calc(153px*var(--v-scale))}.option-container .option-cardfront-wrapper{justify-content:space-around}.option-container .option-cardback-wrapper{justify-content:space-around}.option-container .option-cardback-enble-wrapper{margin-top:calc(5px*var(--v-scale))}.option-container .option-cardback-enble-wrapper img{width:calc(70px*var(--v-scale));height:auto;filter:drop-shadow(0 0 calc(2px * var(--v-scale)) rgba(0, 0, 0, 0.3));transform:translateZ(0)}.option-container .option-audio-wrapper{width:calc(66px*var(--v-scale))}.option-container .option-audio-wrapper img{width:calc(58px*var(--v-scale));height:auto;filter:drop-shadow(0 0 calc(2px * var(--v-scale)) rgba(0, 0, 0, 0.3));transform:translateZ(0)}.option-container .option-btn{display:inline-block;margin-left:calc(5px*var(--v-scale));cursor:pointer}.option-container .option-btn img{border-radius:calc(14px*var(--v-scale));border:calc(5px*var(--v-scale)) solid rgba(0,0,0,0);filter:drop-shadow(0 0 calc(2px * var(--v-scale)) rgba(0, 0, 0, 0.3));transform:translateZ(0)}.option-container input[type=radio]{display:none}.option-container input[type=radio]:disabled+label{opacity:.5}.option-container input[type=radio]:checked+label>img{border-color:#ff7bac;filter:none}.option-container input[type=checkbox]{display:none}.option-container input[type=checkbox]:checked+label>img{border-color:#ff7bac;filter:none}.option-container img.w-auto{width:auto !important}.cardlist-container{height:100%;padding-top:calc(10px*var(--v-scale));padding-left:calc(18px*var(--v-scale));padding-right:calc(18px*var(--v-scale));background-color:#f2f2f2;border-radius:calc(32px*var(--v-scale));position:relative}.cardlist-container .func-container{display:flex;justify-content:space-between}.cardlist-container .func-container .counter-container{position:relative}.cardlist-container .func-container .counter-container #counter{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#fff;font-family:"NHHandwriting";font-weight:bold;font-size:calc(20px*var(--v-scale))}.cardlist-container .func-container .button{background:none;border:none;padding:0;cursor:pointer;margin-left:calc(5px*var(--v-scale))}.cardlist-container .func-container .button img{filter:drop-shadow(0 0 calc(2px * var(--v-scale)) rgba(0, 0, 0, 0.3));transform:translateZ(0)}.cardlist-container .func-container .button:disabled{opacity:.3}.cardlist-container #cardlist{margin-top:calc(5px*var(--v-scale));margin-bottom:calc(12px*var(--v-scale));width:calc(390px*var(--v-scale));height:calc(610px*var(--v-scale));overflow-y:auto;padding-right:calc(8px*var(--v-scale))}.cardlist-container #cardlist .card{margin-top:calc(6px*var(--v-scale));margin-bottom:calc(6px*var(--v-scale));display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(30px*var(--v-scale));padding-left:calc(10px*var(--v-scale));padding-right:calc(5px*var(--v-scale));background-color:#fff;box-shadow:3px 3px 0px rgba(0,0,0,.1)}.cardlist-container #cardlist .card .card-title{font-family:"NHHandwriting";font-weight:bold;font-size:calc(16px*var(--v-scale))}.cardlist-container #cardlist .card .card-image{width:calc(120px*var(--v-scale));height:calc(120px*var(--v-scale));object-fit:cover}.cardlist-container #cardlist .card .remove-button{background:none;border:none;padding:0;cursor:pointer;margin-top:calc(4px*var(--v-scale))}.cardlist-container #cardlist .card .remove-button img{width:calc(25px*var(--v-scale));height:calc(25px*var(--v-scale))}.start-container{text-align:center;position:absolute;bottom:calc(5px*var(--v-scale))}.start-container #start-button{background:none;border:none;padding:0;cursor:pointer}.start-container #start-button.active>img{filter:drop-shadow(0 calc(3px * var(--v-scale)) 0 rgba(0, 0, 0, 0.3));transform:translateZ(0)}.flash-element{animation:flash .5s linear;animation-fill-mode:forwards}@keyframes flash{0%{background-color:#f2f2f2}100%{background-color:#f2f2f2}}#player-screen{position:relative;z-index:0}#player-screen .slide_track{height:calc(620px*var(--v-scale));margin-top:calc(80px*var(--v-scale))}#player-screen .slide_list{margin:0 !important;padding:0 !important}#player-screen .slide_arrows{display:flex;align-items:center}#player-screen .slide_arrow{width:auto;height:auto;padding:0;border:none;background-color:rgba(0,0,0,0);cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}#player-screen .slide_arrow.slide_arrow-prev{left:calc(1em*var(--v-scale))}#player-screen .slide_arrow.slide_arrow-next{right:calc(1em*var(--v-scale))}#player-screen .slide_arrow:disabled{opacity:.3}#player-screen .card-container{width:85%;min-height:calc(300px*var(--v-scale));height:calc(550px*var(--v-scale));margin:auto;padding:10px 0;border:2px solid #ccc;border-radius:calc(10px*var(--v-scale))}#player-screen .card-container .card-label{position:relative;width:100%}#player-screen .card-container .card-label .word-line{position:absolute;width:100%}#player-screen .card-container .card-label .word-line.line1{border-top:calc(3px*var(--v-scale)) solid #727272;top:calc(-6px*var(--v-scale))}#player-screen .card-container .card-label .word-line.line2{border-top:calc(3px*var(--v-scale)) dotted #bfbdb9;top:calc(11px*var(--v-scale))}#player-screen .card-container .card-label .word-line.line3{border-top:calc(3px*var(--v-scale)) solid #4589be;top:calc(42px*var(--v-scale))}#player-screen .card-container .card-label .word-line.line4{border-top:calc(3px*var(--v-scale)) solid #727272;top:calc(60px*var(--v-scale))}#player-screen .card-container .card-label .word{position:relative;font-size:calc(55px*var(--v-scale));font-weight:normal;font-family:"NHHandwriting"}#player-screen .card-container .card-img-container{margin:auto;overflow:hidden}#player-screen .slide{display:none}#player-screen .slide.active{display:grid;place-items:center;text-align:center}#player-screen .slide.layout-0 .card-container{display:grid;place-items:center}#player-screen .slide.layout-0 .card-label{display:block}#player-screen .slide.layout-0 .card-label-ja{display:none}#player-screen .slide.layout-0 .card-img-container{display:none}#player-screen .slide.layout-1 .card-container{display:grid;place-items:center}#player-screen .slide.layout-1 .card-label{display:none}#player-screen .slide.layout-1 .card-label-ja{display:block}#player-screen .slide.layout-1 .card-img-container{display:none}#player-screen .slide.layout-2 .card-label{display:none}#player-screen .slide.layout-2 .card-img-container{height:calc(500px*var(--v-scale))}#player-screen .slide.layout-2 .card-img-container .card-img{height:calc(630px*var(--v-scale));object-fit:contain}#player-screen .slide.layout-3 .card-container{display:grid;place-items:center}#player-screen .slide.layout-3 .card-img-container{display:none}#player-screen .slide.layout-4 .card-label{display:none}#player-screen .slide.layout-4 .card-img-container{display:none}#player-screen .slide .card-label .word-line{display:none}#player-screen .slide .card-label.size-large .word{font-size:calc(180px*var(--v-scale))}#player-screen .slide .card-label.size-middle .word{font-size:calc(140px*var(--v-scale))}#player-screen .slide .card-label.size-small .word{font-size:calc(100px*var(--v-scale))}#player-screen .slide .card-label-ja{font-weight:bold}#player-screen .slide .card-label-ja.size-large{font-size:calc(160px*var(--v-scale))}#player-screen .slide .card-label-ja.size-middle{font-size:calc(120px*var(--v-scale))}#player-screen .slide .card-label-ja.size-small{font-size:calc(100px*var(--v-scale))}#player-screen .slide .card-label-ja .ruby[data-rt]{display:inline-block;min-width:max-content;width:auto;line-height:1em;text-align:center;position:relative}#player-screen .slide .card-label-ja .ruby[data-rt][data-rt-l="2"]{min-width:calc(60px*var(--v-scale)*2.5)}#player-screen .slide .card-label-ja .ruby[data-rt][data-rt-l="3"]{min-width:calc(60px*var(--v-scale)*3.5)}#player-screen .slide .card-label-ja .ruby[data-rt][data-rt-l="4"]{min-width:calc(60px*var(--v-scale)*4.5)}#player-screen .slide .card-label-ja .ruby[data-rt][data-rt-l="5"]{min-width:calc(60px*var(--v-scale)*5.5)}#player-screen .slide .card-label-ja .ruby[data-rt][data-rt-l="6"]{min-width:calc(60px*var(--v-scale)*6.5)}#player-screen .slide .card-label-ja .ruby[data-rt]::after{content:attr(data-rt);font-size:calc(60px*var(--v-scale));line-height:1;display:block;width:100%;height:fit-content;overflow:visible;word-break:keep-all;overflow-wrap:normal;position:absolute;left:0;bottom:calc(100% + 1px)}#player-screen .control-panel{height:calc(60px*var(--v-scale));padding-top:calc(5px*var(--v-scale));padding-left:calc(50px*var(--v-scale));padding-right:calc(50px*var(--v-scale));background-color:#bfe7f9;display:flex;align-items:center;justify-content:space-between}#player-screen .control-panel .option-buttons{display:flex;justify-content:space-around;z-index:1}#player-screen .control-panel .button{background:none;border:none;padding:0;margin-left:calc(5px*var(--v-scale));margin-right:calc(5px*var(--v-scale));cursor:pointer}#player-screen .control-panel .button:disabled{opacity:.3}#player-screen .control-panel #now-index{text-align:end;padding-top:calc(1.5px*var(--v-scale));width:calc(56px*var(--v-scale));font-size:calc(20px*var(--v-scale));font-weight:bold;font-family:"NHHandwriting";transform:translateZ(0)}#player-screen .modal{display:none}#player-screen .modal.active{display:block}#player-screen .modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}#player-screen .modal .modal-content{position:absolute;width:auto;height:auto;bottom:calc(75px*var(--v-scale));background:#fff;border-radius:calc(10px*var(--v-scale));padding:calc(20px*var(--v-scale)) calc(20px*var(--v-scale)) calc(10px*var(--v-scale)) calc(20px*var(--v-scale))}#player-screen .modal .modal-content:has(#modal-card_layout.active){right:calc(55px*var(--v-scale))}#player-screen .modal .modal-content:has(#modal-slide_spped.active){right:calc(55px*var(--v-scale))}#player-screen .modal .modal-content:has(#modal-is_shuffle.active){right:calc(55px*var(--v-scale))}#player-screen .modal .modal-content .modal-option{width:min-content;display:none}#player-screen .modal .modal-content .modal-option.active{display:block}#player-screen .modal .modal-close{border:none;cursor:pointer;position:absolute;top:calc(-50px*var(--v-scale));right:calc(-40px*var(--v-scale));width:calc(50px*var(--v-scale));height:calc(50px*var(--v-scale));background:rgba(255,255,255,.9);border-radius:50%;padding:calc(5px*var(--v-scale))}#player-screen .modal .modal-close img{width:calc(40px*var(--v-scale));height:calc(40px*var(--v-scale))}#player-screen .preset-container{margin-bottom:initial;gap:calc(10px*var(--v-scale))}#player-screen .control-panel .go_first{display:none}#player-screen.finished .slide .card-label,#player-screen.finished .slide .card-label-ja{display:none}#player-screen.finished .control-panel .state_start{display:none}#player-screen.finished .control-panel .go_first{display:block}html *{touch-action:manipulation}#contents img,#contents svg{user-select:none;pointer-events:none}#comReturnBtn{position:absolute;top:5px;right:5px;pointer-events:initial !important;padding:0}.flascard-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:100;display:flex;justify-content:center;align-items:center}.flascard-loading .dot{width:calc(20px*var(--v-scale));height:calc(20px*var(--v-scale));background-color:#fff;border-radius:50%;margin:0 calc(10px*var(--v-scale));animation:bounce .6s infinite alternate}.flascard-loading .dot:nth-child(2){animation-delay:.2s}.flascard-loading .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}100%{transform:translateY(-20px)}}.d-none{display:none !important}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.c-d-none{display:none !important}.c-invisible{visibility:hidden}label.rhythmbox{display:block;cursor:pointer}