@font-face{font-family:Inconsolata;src:url(../assets/fonts/Inconsolata-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{--body-color: radial-gradient(hsl(228, 3%, 71%), hsl(221,1%,45%));--header-color: hsl(210, 62%, 63%);--main-color: hsl(0, 0%, 86%);--game-title: hsl(214, 45%, 41%)}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{text-align:center;display:flex;flex-flow:column;min-height:100vh;margin:0;background:var(--body-color)}a{text-decoration:none}a,a:visited{color:#fff}.lastMonthRank{text-align:right;font-size:12px;margin:4px}.lastMonthRank>a{color:red}.header{width:100%;height:40px;line-height:40px;text-align:left;color:#fff;font-size:12px;font-weight:700;background-color:var(--header-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 10px;position:fixed;top:0;z-index:10}h1{font-size:12px;display:inline-block;margin:0}.hiroshiapp{float:right;line-height:40px}#main{width:980px;flex:1;margin:40px auto 0;background-color:var(--main-color);box-shadow:0 0 24px #00000080}#change-info{font-size:12px;cursor:pointer;text-decoration:underline}#game-main{display:none}.left{margin-top:6%;width:calc(100% - 320px)}.right{width:300px}#start{width:100%;background:var(--main-color);font-size:20px;color:#fff;text-align:center;padding:40px}.gametitle{color:var(--game-title);font-size:40px;text-align:center;font-weight:700}.desc-wrap{width:100%;height:240px;display:flex;margin:32px auto 0}.description{text-align:left;flex:1;color:#000;background-color:#edf3ff;box-shadow:0 0 4px 3px silver;padding:15px 30px;border-radius:5px;font-size:14px;font-weight:700}#top-ranking{width:300px;background-color:#000;color:#fff;padding:10px 15px;margin:0 0 0 10px;border-radius:5px}.ranking-title{font-size:12px;font-weight:700;color:#ececec;background-color:red;box-shadow:0 0 6px inset gray;border-radius:10px;margin:0 0 10px;z-index:10}.rank-list-wrap{overflow:hidden}#rank-list{animation-name:slide-down;animation-duration:2s;animation-fill-mode:forwards;transform:translateY(-200px);display:flex;padding:0 10px;z-index:1}@keyframes slide-down{0%{transform:translateY(-300px)}to{transform:translateY(0)}}.id,.point,.name{font-size:12px;display:inline-block}.id>div,.point>div,.name>div{height:18px;line-height:18px;border-bottom:1px dotted gray}.id>div{padding:0 10px 0 0}.name>div{padding:0}.point>div{padding:0 0 0 10px}.name{flex:1;text-align:left}#top-ranking ul{list-style:none;font-size:12px;padding:0;margin:0 auto}#top-ranking li{text-align:left}#start>P{margin:200px}#start-btn,#retry-btn{color:#fff;font-size:16px;box-shadow:0 0 5px 4px #ff9393 inset;width:220px;background-color:#ff173e;margin:15px 10px;padding:20px;border:solid 5px rgb(255,23,62);border-radius:30px;display:inline-block;font-weight:700;cursor:pointer}#start-btn:hover,#retry-btn:hover{box-shadow:0 0 10px 5px #f1c1c1 inset}.course-select{color:#fff;font-size:16px;box-shadow:0 0 5px 4px #4b77ce inset;width:220px;background-color:#345dce;margin:15px 10px;padding:20px;border:solid 5px rgb(52,93,206);border-radius:30px;display:inline-block;font-weight:700;cursor:pointer}.course-select:hover{box-shadow:0 0 10px 5px #6f89d3 inset}#tweet{color:#fff;font-size:16px;box-shadow:0 0 9px #e1e1e1 inset;width:220px;background-color:#161616;margin:15px 10px;padding:20px;border:solid 5px rgb(54 54 54);border-radius:30px;display:inline-block;font-weight:700;cursor:pointer}#tweet:hover{box-shadow:0 0 10px #fff inset}.fadeout{animation-name:fadeout;animation-fill-mode:forwards;animation-duration:3s}@keyframes fadeout{0%{opacity:0}20%{opacity:10}to{opacity:0}}#end,#ranking{width:100%;background:var(--main-color);font-size:40px;color:#858585;text-align:center;padding:20px;display:none}#ranking{padding-top:60px}.rank-congra{margin:10px;font-size:30px;font-weight:700}#ranking input{width:240px;font-size:16px;padding:10px 15px;margin:10px;border-radius:4px;border:none;cursor:pointer;z-index:10}input:focus{outline:0;border:none;box-shadow:0 0 4px 4px silver}.ranking-ok-btn,.ranking-no-btn{width:200px;height:40px;line-height:40px;background-color:red;color:#fff;font-size:16px;font-weight:700;border-radius:8px;margin:0 auto 16px;cursor:pointer}.ranking-no-btn{background-color:navy}.small{font-size:12px;color:#4a4a4a}#result{font-size:16px;box-shadow:0 0 4px 3px silver;margin:5px auto;background-color:#fff;color:#6b6a6a;padding:15px 40px;font-weight:700;border-radius:4px;display:none}.result-title,.result-titlevalue,.result-value{display:inline-block;text-align:left}.result-title div,.result-value div,.result-titlevalue div{border-bottom:1px solid silver;padding:0 10px;height:24px;line-height:24px}.result-value{text-align:right}.result-value div,.result-titlevalue div{padding:0}.congra{margin:0}.bookma{font-size:16px;color:red;font-weight:700;margin-top:10px}.end-point{font-size:20px;font-weight:700;color:#ff9393;margin-top:10px}.end-left{margin:0 0 0 60px;width:360px;text-align:left}.result-left>p{margin-left:30px;color:#fff;font-size:14px;font-weight:700}.billwrapper{width:300px;padding:0 10px 10px;background-image:url(./skyback-DAgcB4fI.jpg);margin:20px auto}.bgimg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAYAAABCHPt+AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAqVJREFUSIntl89r02Acxj9dmqY/166/qDqnsIsTRQZTJjJhHnTgbf4B+qfsoFcFQRAEYeDVo0dBZRdhMOfGNnV168q6tW5d17VNu7RvPaSt6dq13S7u0AdCQj55n3zzfnnzJKapqakyXZ0Z9fzvArqql/noCXsghGRRAAj6vEiSxM+52RpXPF4sDhcAfe5erIpC5McyhVy2I27zBTFbbQD4vX3IZjPhhW+UisWOuD0QwqxYa/6KxcLa4jyapgHgCJ6nR5YBCAX8CCEIf58DwOJyo/R6AHC7nNhtNmJrYTKpPQCsHh+yw1nxdmNVLERWliiouQbu9bhRLP+4pFhxBEL6fWQZr8dNeneH7Y11AEyShDPUX+O+Pg+Z/RSx36utG3J5/GFt4D03KD3w1DAh54ZvE7w+AsCIEwIyvHuvEV6c74gPjN3HPTAIwFgvOCV4EVkjndztiF+6O4HrwqU6/zfxGLFYDIDBiUmsHh8ADzwggGeVhviHbtA/Og7ANTtcVODD5xlmP33Uax+5Q+DqMAA3neCXYVrNsb6y1MBvOcFn4I5AiCuTj/VmmmHUBevxHaZfv9Kb4HAx9OhJHY/uHfD25fPWDTEqK6DYImHyArIlKFaadVKuCjABQohT8Xb+WQGi3PwBCmV97KHWrvbSsbUdx0XFO5svNB1b5blDrYG1bMjXg4rBMROyqK9kdpJ7p+KzGX2fLzQvvB2v+icSiaZ8Jg0lrfGhAX6p+hbdjjflCxXvZCp1Yr5fgi9p2FxebWBGntxovHc31M+YTEc/e42hXtXBZqR2bAztqrKJLYR22BE3hnZVma0o5coqbMfbyRjqAGUhyGxFgfpQr0rdTVDMq0B9aNdqj8cQRa0j3krGUK+qqOZQk3/qr+v+h5wtdV9ZZ0x/AdGjVG4eSMRcAAAAAElFTkSuQmCC);background-size:initial;height:10px;width:100px;margin:0 auto}.create-animation{animation-name:bill-create;animation-duration:1s}@keyframes bill-create{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}to{transform:scale(1)}}.time-hyouji{box-shadow:0 0 1px 1px #e7e7e7,0 0 1px 1px #f2f2f2,0 0 1px #fff inset;width:200px;background-color:#f7f7f7;margin:10px 10px 30px;padding:10px;border:solid 0px silver;border-radius:12px;display:inline-block;font-weight:700;color:#6f6f6f}.brinking{animation-name:brink;animation-duration:1s;animation-iteration-count:10}@keyframes brink{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#bill-1f,#bill-2f,#bill-3f,#bill-4f,#bill-5f,#bill-6f,#bill-7f,#bill-8f,#bill-9f,#bill-10f,#bill-11f,#bill-12f,#bill-13f,#bill-14f,#bill-15f,#bill-16f,#bill-17f,#bill-18f,#bill-19f,#bill-20f,#bill-21f,#bill-22f,#bill-23f,#bill-24f,#bill-25f,#bill-26f,#bill-27f,#bill-28f,#bill-29f,#bill-30f,#bill-31f,#bill-32f,#bill-33f,#bill-34f,#bill-35f,#bill-36f,#bill-37f,#bill-38f,#bill-39f,#bill-40f,#bill-41f,#bill-42f,#bill-43f,#bill-44f,#bill-45f,#bill-46f,#bill-47f,#bill-48f,#bill-49f,#bill-50f,#bill-51f{visibility:hidden}.fontwrapper{width:95%;margin:0 auto 50px;padding:0;box-shadow:1px 1px 4px 2px #a1a3a5}.window-image{width:100%;height:30px;line-height:26px;text-align:left;font-size:14px;color:#616161;background-color:#ececec;padding:0 0 0 10px;position:relative}#startMessage{width:100px;font-size:14px;text-shadow:1px 1px 1px white;font-weight:700;color:red;opacity:0;display:inline-block;margin-left:40px;text-align:center;left:calc((100% - 200px)/2);position:absolute}.money-wrap{width:100px;height:4px;background-color:#ddd;margin:0 auto;border-radius:4px;box-shadow:2px 2px 3px 1px #d3d3d3;display:inline-block;text-align:left;position:absolute;right:20px;top:13px}.money-wrap-animation{animation:.3s moveMoney}@keyframes moveMoney{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.money-wrap:before{content:"$";color:gray;font-size:14px;font-weight:700;width:10px;height:14px;line-height:20px;position:absolute;top:-9.5px;left:-14px}#money{width:0%;height:4px;background-color:gray;border-radius:4px;transition:.2s}.info3wrap{cursor:none;text-align:left;font-size:14px;color:#f5f5f5;line-height:0px;padding:20px;background-color:#000}.meaning{font-size:13px;font-weight:700}#info3{font-size:13px;font-weight:700;color:#e8e8e8;margin-left:10px;display:inline-block}#info2{height:200px;font-size:18px;font-weight:700;color:gray;padding:0 20px;background-color:#000;text-align:left}.cursor{position:relative}.cursor:before{content:"";width:100%;height:2px;background:#fffc;position:absolute;bottom:-2px;left:0;z-index:10;animation:cursor-animation 1s infinite}@keyframes cursor-animation{0%{background:#fffc}to{background:#fff0}}.type-text{font-family:Inconsolata;cursor:none;display:inline-block;vertical-align:bottom;transition:.3s;margin-top:6px}.type-text-tab{font-family:Inconsolata;cursor:none;width:36px;color:#000;display:inline-block;vertical-align:bottom;transition:.3s}.type-text-space{font-family:Inconsolata;cursor:none;width:9px;color:#000;height:18px;vertical-align:bottom;box-sizing:border-box;border:1px dotted gray;opacity:.8;display:inline-block;transition:.3s}.type-text-enter{cursor:none;height:18.4px;line-height:18.4px;margin:0 4px;text-align:center;transition:.3s;vertical-align:bottom;opacity:.9;display:inline-block}.add-black{color:#fff;transition:.3s}.hidden-guide{visibility:hidden;transition:.1s}.anime{position:relative}.asp{width:468px;height:60px;margin:16px auto}.asp2{width:468px;height:60px;margin:20px auto}.footer{font-size:12px;font-weight:700;background-color:#000;width:100%;padding:30px;text-align:center;color:gray}.policy,.mail-form{display:inline-block;margin:0 10px 20px}@media all and (max-width:1030px){#main{width:95%}.time-hyouji{margin:30px 10px;display:inline-block}}@media all and (max-width:820px){#main{flex-flow:column}.time-hyouji{width:150px;background-color:#f7f7f7;margin:100px 10px 30px;padding:5px}#start{padding:10px}.desc-wrap{margin-top:10px}.gametitle{font-size:18px}.left{width:90%;margin:0 auto}.right{width:400px;margin:0 auto}.fontwrapper{width:100%;margin:0 auto;padding:0}#info2{padding:30px 20px;margin:0}.info3wrap{margin:0}}@media all and (max-width:580px){.to-top{color:#fff;font-size:10px;background-color:#000;padding:10px}#start{padding:10px}.gametitle{font-size:18px;margin:0 0 10px}.desc-wrap{height:auto;flex-direction:column;margin:0}.course-select{margin:0}#top-ranking{width:100%;background-color:#000;color:#fff;padding:10px 15px;margin:0 auto;border-radius:5px}#main{width:100%}#game-main{flex-direction:column-reverse}.left{width:90%;margin:0 auto}.billwrapper{width:150px;margin:10px auto;background-size:cover;padding:5px}.bgimg{background-size:cover;height:5px;width:50px;margin:0 auto}.time-hyouji{font-size:10px;width:30%;margin:0 auto;padding:5px;border-radius:30px}#info2{font-size:12px;width:100%;padding:10px}.type-text-space.type-text-tab{height:14px;line-height:14px}.meaning,#info3{font-size:12px}.info3wrap{padding:20px 15px 0}.end-point,.rank-congra{font-size:16px}.small{font-size:10px}#result{width:100%}.congra{font-size:26px}.fontwrapper{width:100%;margin:10px auto 0;padding:0}#asp,#asp2{width:100%}#asp img,#asp2 img{width:100%;height:auto}.footer{font-size:12px}}@media all and (max-width:580px){.header,h1{font-size:10px}.description,#rank-list{font-size:10px;padding:8px}.right{width:200px}#ranking{padding:10px}.window-image,.meaning,#info3{font-size:10px}.time-hyouji{width:40%}.footer{font-size:10px}}