body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:radial-gradient(#499283,#6fb3a5)}#root{display:flex;flex-direction:column;height:100%;min-height:100vh}header>a:visited{color:red}header{width:100%}.lastMonthRank{font-size:12px;margin:4px;text-align:right}.lastMonthRank>a{color:red}main{background:#e6e6e6;box-shadow:0 0 24px #00000080;flex:1 1;margin:40px auto 0;max-width:980px;width:100%}#start{color:#fff;font-size:20px;padding:40px;text-align:center;width:100%}.gametitle{color:#329f79;font-size:40px;font-weight:700;text-align:center}.desc-wrap{display:flex;justify-content:center;margin:32px auto 10px;min-height:240px;width:100%}.description{color:#5e5e5e;flex:1 1;font-size:14px;text-align:left}.desc-title{color:#ff84ac;font-size:20px;font-weight:700;margin:0 0 0 10px}.text-left li{line-height:2em}#top-ranking{background-color:#fff;border-radius:5px;box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;color:#fff;margin:0 0 0 10px;padding:10px 15px;width:50%}.ranking-title{background-color:red;border-radius:10px;box-shadow:inset 0 0 6px grey;color:#ececec;font-size:12px;font-weight:700;margin:0 0 10px;z-index:10}.chartBtn{background:gray;color:#fff;cursor:pointer;display:inline-block;font-size:10px;height:24px;line-height:22px;margin:0 10px;width:60px}.not-ranking{font-size:14px}.rank-list-wrap{overflow:hidden}@keyframes slide-down{0%{transform:translateY(-300px)}to{transform:translateY(0)}}.id,.name,.point{font-size:12px;height:18px;line-height:18px}.names{flex:1 1;padding:0 10px;text-align:left}#top-ranking ul{font-size:12px;list-style:none;margin:0 auto;padding:0}#top-ranking li{text-align:left}#start>P{margin:200px}#retry-btn,#start-btn{background-color:#ff173e;border:5px solid #ff173e;border-radius:30px;box-shadow:inset 0 0 5px 4px #ff9393;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin:15px 10px;padding:20px;width:220px}#retry-btn:hover,#start-btn:hover{box-shadow:inset 0 0 10px 5px #f1c1c1}.course-select{background-color:#345dce;border:5px solid #345dce;border-radius:30px;box-shadow:inset 0 0 5px 4px #4b77ce;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin:15px 10px;padding:20px;width:220px}.course-select:hover{box-shadow:inset 0 0 10px 5px #a6baf1}.vs-main-title{animation-duration:1s;animation-iteration-count:infinite;animation-name:move}@keyframes move{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.vs-title{background-color:#dc5353;border-radius:26px;box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;color:#fff;display:inline-block;font-size:13px;font-weight:700;margin-left:calc(50% - 100px);padding:10px;text-align:center;width:200px}.card:hover{box-shadow:0 0 1px 6px #76e0c5c2}#game-main{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.game-main-stanby{background-color:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;transition:.1s;width:100%;z-index:10}.end-message,.start-message{animation-duration:1s;animation-fill-mode:forwards;background:rgba(0,0,0,.533);border-radius:4px;color:#fff;font-size:20px;font-weight:700;height:80px;left:calc(50% - 100px);line-height:78px;opacity:0;position:absolute;text-align:center;top:calc(35% - 30px);width:200px;z-index:10}@keyframes fadeout{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadein{0%{opacity:0}50%{opacity:1}to{opacity:0}}.keybord{background-color:#f2f2f2;border-radius:10px;box-shadow:0 0 3px 0 #88888887;cursor:none;margin:0 auto 20px;padding:10px 0;text-align:center;width:550px;z-index:10}.line1,.line2,.line3,.line4{width:100%}.line4{padding-left:35px}.key{background-color:silver;border-radius:2px;box-shadow:0 0 2px 1px gray;color:#fff;display:inline-block;height:30px;line-height:27px;margin:3px;width:30px}.f1{background-color:red}.f2{background-color:green}.f3{background-color:orange}.f4{background-color:#a2d654}.f5{background-color:blue}.f6{background-color:#8a2be2}.f7{background-color:#7ac6e4}.f8{background-color:#ff8398}.zoom{animation-duration:.3s;animation-fill-mode:forwards;animation-name:zooming;box-shadow:0 0 4px 4px #fc5c5c;font-weight:700;transition:.5s}@keyframes zooming{0%{transform:scale(1)}to{transform:scale(1.2)}}.fingerWrap{margin:20px 0 4px 60px}.finger{border-radius:20px;box-shadow:0 0 3px 1px gray;color:#fff;display:inline-block;font-size:14px;height:30px;line-height:30px;margin:0 5px;text-align:center;width:30px}.finger1{background-color:red}.finger2{background-color:green}.finger3{background-color:orange}.finger4{background-color:#a2d654;margin:0 30px 0 5px}.finger5{background-color:blue}.finger6{background-color:#8a2be2}.finger7{background-color:#7ac6e4}.finger8{background-color:#ff8398}.left{cursor:none;margin:0 auto 20px;max-width:800px;width:100%;z-index:10}.right{height:50px;margin:20px auto;position:relative;text-align:center}.right-cover{background-color:#000;height:100%;opacity:0;position:absolute;transition:.9s;width:100%}canvas{width:360px}.return-to-top{padding:10px}.return-to-top,.time-hyouji1{background-color:#f7f7f7;border:0 solid silver;border-radius:12px;box-shadow:0 0 3px 0 #88888887;color:#6f6f6f;display:inline-block;font-size:14px;margin:5px;text-align:center}.time-hyouji1{height:100%;padding:8px 10px;width:160px}.displays{align-items:center;background-color:#f7f7f7;border:0 solid silver;border-radius:12px;box-shadow:0 0 3px 0 #88888887;color:#6f6f6f;display:flex;font-size:10px;font-size:14px;height:100%;justify-content:center;line-height:100%;margin:3px;padding:16px 0 0;position:relative;text-align:center;width:120px}.displays:first-child:before,.displays:nth-child(2):before,.displays:nth-child(3):before{background-color:#8cdebf;border-radius:10px 10px 0 0;color:#fff;content:"miss";height:20px;left:0;padding:2px 0 0;position:absolute;top:0;width:100%}.displays:nth-child(2):before{content:"total speed"}.displays:nth-child(3):before{content:"now speed"}#time-bar{background:#60a697;border-radius:20px;height:10px;width:100%}.brinking{animation-duration:1s;animation-iteration-count:100;animation-name:brink;font-weight:700}@keyframes brink{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}#enemy-info{bottom:20px;color:#dadada;right:30px;text-shadow:-1px -1px 4px #000,1px -1px 4px #000,-1px 1px 4px #000,1px 1px 4px #000}#enemy-info,.time-hyouji2{font-size:12px;position:absolute}.time-hyouji2{color:red;left:30px;top:0}.fontwrapper{box-shadow:0 0 3px 0 #88888887;padding:0}.window-image{background-color:#60a697;color:#e4e4e4;font-size:14px;height:30px;line-height:30px;padding:0 0 0 10px;position:relative;text-align:left;width:100%}#startMessage{color:red;display:inline-block;font-size:14px;font-weight:700;left:calc(50% - 100px);margin-left:40px;opacity:0;position:absolute;text-align:center;text-shadow:1px 1px 1px #fff;width:100px}.info3wrap{background-color:#f7f7f7;color:#ff7171;font-size:18px;letter-spacing:2px;line-height:0px;padding:24px 0 10px;text-align:center}#info3{margin-left:10px}#info2,#info3{font-size:16px;font-weight:700}#info2{background-color:#f7f7f7;color:#5e5e5e;height:50px;text-align:center}.add-black{font-size:1;opacity:0}span{transition:all .5s ease 0s}#end,#ranking{background:var(--main-color);color:#858585;font-size:40px;padding:20px;text-align:center;width:100%}#ranking{padding-top:20px}.rank-congra{font-size:30px;font-weight:700;margin:10px}#ranking input{border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:10px;padding:10px 15px;z-index:10}input:focus{border:none;box-shadow:0 0 4px 4px silver;outline:0}.ranking-no-btn,.ranking-ok-btn{background-color:red;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:40px;line-height:40px;margin:0 auto 16px;width:200px}.ranking-no-btn{background-color:navy}.small{color:#4a4a4a;font-size:12px}#result{font-weight:700;margin-bottom:20px}.result-title,.result-value{display:inline-block;text-align:left}.result-title div,.result-value div{border-bottom:1px solid silver;line-height:2em;padding:0 10px}.result-value{text-align:right}.result-titlevalue div,.result-value div{padding:0}footer{background-color:#000;color:gray;font-size:12px;font-weight:700;padding:20px;text-align:center;width:100%;z-index:20}.mail-form,.policy{display:inline-block;margin:0 10px 20px}.footer-top{align-items:center;display:flex;justify-content:center;margin:0}.copy-right{font-weight:700}@media screen and (max-width:500px){#start{padding:20px}.gametitle{font-size:30px}.desc-wrap{display:block;min-height:240px;width:100%}#top-ranking{margin:0;width:100%}#game-main{margin-bottom:10px}}
/*# sourceMappingURL=main.2e74a197.css.map*/