.top-page .container[data-v-f9077424]{padding:0 16px 40px}.top-page .contents[data-v-f9077424]{padding:40px 0}.top-page .what-is-this[data-v-f9077424]{text-align:center;font-size:1.2rem;margin:1.5rem 0;text-decoration:underline}.notification.is-small[data-v-07812070]{padding:.25rem;font-weight:700;text-align:center;margin-bottom:0;border-radius:0}@media screen and (max-width:575px){.notification.is-small[data-v-07812070]{font-size:.8rem}}.top-hero .image.is-logo{width:40%;min-width:110px;max-width:240px;margin:8px auto;-webkit-filter:drop-shadow(4px 4px 2px rgba(87,70,52,.6));filter:drop-shadow(4px 4px 2px rgba(87,70,52,.6))}.top-hero .subtitle{font-weight:700;font-size:1rem}.top-hero .hero-body-button{margin-top:20px}.top-hero .hero-body-button .button{box-shadow:2px 2px 2px rgba(87,70,52,.6)}.top-hero .hero{position:relative}.top-hero .hero-background,.top-hero .hero-background:before{position:absolute;top:0;bottom:0;left:0;right:0}.top-hero .hero-background:before{content:"";background-image:linear-gradient(rgba(120,99,74,.7),rgba(181,164,134,.7) 30%,rgba(130,111,89,.7)),url(/img/money_pattern.png);background-size:100% 100%,240px 240px;background-repeat:no-repeat,repeat}.top-hero .container{padding:16px}.top-hero .hero-body{padding-top:0;padding-bottom:20px}@media screen and (max-width:575px){.top-hero .subtitle{font-size:.85rem;margin-bottom:8px}.top-hero .hero-body-button{margin-top:20px;margin-bottom:8px}.top-hero .container{padding:4px 8px}.top-hero .hero-body{padding-bottom:0;padding-left:0;padding-right:0}}.login-button[data-v-543f3a8b]{font-size:1.25rem}@media screen and (max-width:575px){.login-button[data-v-543f3a8b]{font-size:1rem}}.stat[data-v-19f9fe11]{max-width:600px;margin:16px auto;text-align:center}.stat .stat-price[data-v-19f9fe11]{font-size:1.1rem;font-weight:700}.stat-info[data-v-19f9fe11]{display:flex;flex-flow:column;justify-content:center;align-items:center}.stat-target[data-v-19f9fe11]{white-space:nowrap}.stat-target-main[data-v-19f9fe11]{padding-left:3.1rem;font-size:1.2rem;font-weight:700}.stat-target-sub[data-v-19f9fe11]{display:inline-flex;width:3.1rem}@media screen and (max-width:575px){.stat-target-sub[data-v-19f9fe11]{font-size:.8rem}}.stat-rest-side[data-v-19f9fe11]{display:inline-flex;width:2rem}.stat-rest[data-v-19f9fe11]{font-weight:700;font-size:2rem}.stat-progress[data-v-19f9fe11]{margin:4px 0}.stat-update[data-v-19f9fe11]{font-size:.8rem}.ranking-mini{margin:8px 0;height:400px}.ranking-mini.is-user{height:300px}.ranking-mini-title{margin-bottom:.5rem}.ranking-mini-more{text-align:right;margin-top:8px;margin-left:4px}.ranking-mini-more .icon{vertical-align:-2px;margin-left:-8px}.ranking-mini-contents{overflow-x:scroll;width:100%}.ranking-mini-contents-wrapper{display:flex;flex-flow:row nowrap;margin-bottom:4px;min-width:658px}.ranking-mini-item{width:20%;min-width:130px}@media screen and (max-width:575px){.ranking-mini{padding-left:4px;padding-right:4px}.ranking-mini-item{width:130px}}.ranking-title-header{font-size:1.2rem;font-weight:700;color:#776f59;border-bottom:1px solid #b5a486;text-align:center;padding-bottom:1px}.ranking-title-header svg{fill:currentColor}.ranking-title-icon{margin-right:2px;margin-bottom:-4px;width:24px;height:24px}.ranking-title-term{color:#58595b;text-align:right;font-size:.9rem}@media screen and (max-width:575px){.ranking-title-header{font-size:1.1rem}.ranking-title-icon{width:20px;height:20px}.ranking-title-term{height:1.25rem;font-size:.8rem}}.ranking-item{margin:0 6px;padding:8px;display:flex;flex-flow:column;align-items:center}.ranking-item-image{flex-grow:1}.ranking-item-title{width:100%;text-align:center;font-size:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ranking-item-subtitle.is-title{font-weight:700;font-size:1.3rem}.ranking-item-subtitle.is-label{font-size:.8rem}@media screen and (max-width:575px){.ranking-item-title{-webkit-line-clamp:1;font-size:.8rem}}.ranking-image{display:flex;justify-content:center;align-items:center;margin:12px}.ranking-image img{box-shadow:2px 2px 4px rgba(0,0,0,.4)}.ranking-image.is-avator{height:56px;width:56px}.ranking-image.is-avator img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.ranking-image.is-book{height:auto;min-height:140px;width:100px}.ranking-image.is-book img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%}.ranking-image:before{content:"";position:absolute;top:-12px;left:-10px;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;display:block}.ranking-image.is-first:before{background-image:url(/img/crown_gold.png)}.ranking-image.is-second:before{background-image:url(/img/crown_silver.png)}.ranking-image.is-third:before{background-image:url(/img/crown_bronze.png)}.recent-mini{margin:8px 0}.recent-mini-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:700;color:#776f59;border-bottom:1px solid #b5a486;text-align:center}.recent-mini-title svg{fill:currentColor}.recent-mini-icon{margin-right:2px;margin-bottom:-2px;width:24px;height:24px}.recent-mini-more{text-align:right;margin-top:8px;margin-left:4px}.recent-mini-more .icon{vertical-align:-2px;margin-left:-8px}.recent-mini-contents{overflow-x:scroll;width:100%;height:245px}.recent-mini-contents.is-user{height:150px}.recent-mini-contents-wrapper{display:flex;flex-flow:row nowrap;margin-bottom:4px;min-width:658px}.recent-mini-list-item{width:20%;min-width:130px}@media screen and (max-width:575px){.recent-mini-title{font-size:1.1rem}.recent-mini-icon{width:20px;height:20px}.recent-mini-list-item{width:130px}}.recent-mini-item{margin:0 4px;padding:8px;display:flex;flex-flow:column;align-items:center}.recent-mini-item-image{flex-grow:1}.recent-mini-item-title{width:100%;text-align:center;font-size:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media screen and (max-width:575px){.recent-mini-item-title{-webkit-line-clamp:2;font-size:.8rem}}.concept{margin-top:32px;font-size:1.3rem}.concept .concept-image{width:240px;margin:16px auto}.concept p{padding:16px 0}.concept br{display:none}@media screen and (max-width:768px){.concept{margin-top:16px;font-size:1.1rem}.concept br{display:inherit}}.usage-join-label[data-v-be0f7458]{font-size:1.4rem;font-weight:700;padding:32px 0}.usage-other[data-v-be0f7458]{margin:64px 0}@media screen and (max-width:575px){.usage-other[data-v-be0f7458]{margin:28px 0}}.img-eyecatch[data-v-be0f7458]{width:100%;max-width:600px;margin:1rem auto}.usage-items[data-v-be0f7458]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:12px auto}.usage-items .usage-item[data-v-be0f7458]{width:400px;padding:16px 20px;margin:16px auto}.usage-items .usage-item[data-v-be0f7458]:nth-child(odd){margin-left:auto;margin-right:12px}.usage-items .usage-item[data-v-be0f7458]:nth-child(2n){margin-right:auto;margin-left:12px}@media screen and (max-width:900px){.usage-items[data-v-be0f7458]{display:flex;flex-flow:column;margin:12px auto}.usage-items .usage-item[data-v-be0f7458]{width:400px;padding:8px 16px;margin:24px auto}.usage-items .usage-item[data-v-be0f7458]:nth-child(2n),.usage-items .usage-item[data-v-be0f7458]:nth-child(odd){margin-left:auto;margin-right:auto}}@media screen and (max-width:575px){.usage-join-label[data-v-be0f7458]{font-size:1.1rem}}.card-image[data-v-1c2c0624]{width:200px;height:200px;margin:auto}.card-image img[data-v-1c2c0624]{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.card-content[data-v-1c2c0624]{padding:24px 0}.card-content .media[data-v-1c2c0624]{margin-bottom:16px}.media-content[data-v-1c2c0624]{font-weight:600;font-size:1.8rem}.content[data-v-1c2c0624]{font-size:1.1rem}@media screen and (max-width:575px){.media-content[data-v-1c2c0624]{font-size:1.4rem}.content[data-v-1c2c0624]{font-size:1.1rem}}