#contents{padding-top:80px;background-color:#87cbca}header{position:absolute;top:0;padding:0;background-color:#87cbca}header .back{padding:0 24px}header .dropdown{position:relative;width:80px;height:80px}header .details-menu{position:absolute;width:200px!important;min-width:inherit;margin:0;padding:0;left:inherit;right:18px;top:100px;border:none;border-radius:10px;box-shadow:0 3px 0 rgb(0 0 0 / .16);font-size:14px;text-align:left;list-style:none;background-color:#fff;padding:10px 8px 10px 12px}header .details-menu:before{content:"";position:absolute;top:-28px;right:17px;border:14px solid #fff0;border-bottom:15px solid #fff}header .details-menu img{width:40px;margin-right:5px;top:0;transform:translateY(0)}header .details-menu>li>a{color:#7ebdbc;font-size:16px;padding:10px 8px 10px 12px;margin:4px 0;cursor:pointer}header .details-menu>li>a:focus,header .details-menu>li>a:hover{background-color:inherit;color:#4a8988}header .details-menu .divider{margin:0}#Cover div.visual-cont-box{height:calc(100vh - 280px)}#button{z-index:100;width:1024px}.flexbox{display:flex;justify-content:flex-start;flex-wrap:wrap}.StepList{background-color:#fff0;height:200px;width:100%}.StepList .btn{font-family:'Bangla Sangam MN',sans-serif;border-radius:0;height:100%;padding:inherit;flex:1 1 20%;line-height:1}.StepList .btn.col6{flex:1 1 33%}.StepList .btn.col8{flex:1 1 25%}.StepList .btn img{display:block;height:80px;margin:0 auto 16px}.StepList a{box-shadow:none;color:#fff}.StepList a:hover{opacity:.7;box-shadow:0 1px 1px rgb(0 0 0 / .1);color:#fff}.count{margin:0 auto;font-size:16px;font-weight:700}a.step1,a.step1:hover{background-color:#2a9fbd}a.step2,a.step2:hover{background-color:#48807a}a.step3,a.step3:hover{background-color:#d17d7d}a.step4,a.step4:hover{background-color:#a1a0a0}a.step5,a.step5:hover{background-color:#838349}a.step6,a.step6:hover{background-color:#866e5d}a.step7,a.step7:hover{background-color:#b189ac}a.step8,a.step8:hover{background-color:#6d768c}.StepList a.btn.btn-empty{padding:0;background:0 0;cursor:default;pointer-events:none;background-image:url(/karaokejapanese/images/common/btn_empty.png);background-size:100% 100%}#Cover.point #contents{height:auto}#Cover.point footer#copyright{visibility:visible;display:block;padding-bottom:16px}#point-text-container{padding:0 0 30px;height:auto;max-height:none}#point-text-container .point-title{color:#87cbca}#point-text-container .point-text{text-align:left;background-color:rgb(255 255 255 / .8);color:#505050;margin:0 auto 40px;border-radius:8px;height:inherit;max-height:inherit}#point-text-container .point-text.last{margin-bottom:0}#point-text-container .point-text h2,#point-text-container .point-text h3,#point-text-container .point-text h4{border-color:#87cbca}#point-text-container .point-text h5:before{color:#87cbca}@media screen and (max-width:1023px){#button{width:800px}}@media screen and (max-height:1365px){#Cover div.visual-cont-box{height:calc(100vh - 260px)}.StepList{height:180px}.StepList .btn img{height:72px;margin-bottom:10px}.clear{width:36px;height:36px;line-height:42px;font-size:22px}}@media screen and (max-height:1230px){header .details-menu img{width:26px}header .details-menu>li>a{padding:8px 12px}}@media screen and (max-height:1079px){#contents{padding-top:56px}header .dropdown{width:56px;height:56px}#Cover div.visual-cont-box{height:calc(100vh - 206px)}.StepList{height:140px;min-height:inherit}.StepList .btn img{height:64px}.clear{width:28px;height:28px;line-height:34px;font-size:18px}}@media screen and (max-height:799px){#contents{padding-top:48px}#Cover div.visual-cont-box{height:calc(100vh - 168px)}#button{width:800px}.StepList{height:120px}.StepList .btn img{height:48px;margin-bottom:8px}.clear{width:22px;height:22px;line-height:26px;font-size:14px}}@media screen and (max-height:630px){#contents{padding-top:40px}.StepList{height:90px}.StepList .btn img{height:40px;margin-bottom:6px}.clear{width:20px;height:20px;line-height:22px;font-size:12px}}@media screen and (max-width:800px){header .details-menu>li>a{padding:12px}#Cover div.visual-cont-box{height:calc(100vh - 226px)}#Cover div.visual-img-box{max-height:none}#button{width:100%}.StepList{height:180px}.StepList .btn img{height:72px;margin-bottom:10px}.clear{width:36px;height:36px;line-height:42px;font-size:22px}}@media screen and (max-width:599px){header{height:56px}header .details-menu{top:92px;right:9px}#contents{padding-top:56px}.StepList{height:180px}.StepList .btn img{height:64px}.clear{width:28px;height:28px;line-height:32px;font-size:16px}}@media screen and (max-width:480px){.dropdown-content{width:180px!important}.dropdown-content li>a{font-size:12px}#Cover div.visual-cont-box{height:calc(100vh - 196px)}.StepList{height:140px}.StepList .btn img{height:56px}.count{font-size:13px}}@media screen and (max-width:375px){#Cover div.visual-cont-box{height:calc(100vh - 166px)}.StepList{height:100px}.StepList .btn img{height:48px}.clear{width:20px;height:20px;line-height:22px;font-size:12px}}@media screen and (max-width:320px){header .details-menu>li>a{font-size:13px}.StepList .btn img{height:40px}}