.japan-map path{fill:#fff;stroke:#000;stroke-width:.5;transition:fill .3s}.japan-map path.jp-active{fill:#2e7d32!important}.japan-map path.jp-in-progress{fill:#0288d1!important}@media (max-width: 600px){.japan-map path{stroke-width:.3}}.banner-wrapper{position:fixed;top:80px;right:0;width:320px;height:150px;margin:15px;z-index:10;background:transparent;cursor:move}.line{position:absolute;top:0;transform:rotate(-15deg);font-weight:700;white-space:nowrap;color:#000}.line.deadline{font-size:48px;left:0}.line.until{font-size:20px;display:flex;flex-direction:column;line-height:1.1;left:95px;top:6px}.line.day{left:155px;display:flex;align-items:center;gap:4px}.number{background-color:#3788d8;color:#000;font-size:38px;padding:5px 20px;font-weight:700}.unit{color:#000;font-size:20px;font-weight:700;margin-left:2px}.message-bar{position:absolute;top:80px;left:0;width:320px;background-color:#3788d8;color:#000;font-size:18px;font-weight:700;text-align:center;padding:8px 0}.close-button{position:absolute;top:0;right:0;background:#3788d8;color:#000;font-size:20px;font-weight:700;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer}@media screen and (max-width: 600px){.banner-wrapper{position:static!important;width:100%!important;height:auto;margin:0 auto;padding:8px;box-sizing:border-box;z-index:auto}.line.deadline,.line.until,.line.day{position:static!important;transform:none!important;text-align:center;left:auto!important;top:auto!important}.line.deadline{font-size:32px;font-weight:700}.line.until{font-size:16px;flex-direction:column;margin-top:4px}.line.day{font-size:16px;justify-content:center;gap:4px;margin-top:4px}.number{font-size:28px;padding:4px 12px}.unit{font-size:16px}.message-bar{position:static!important;width:100%;font-size:16px;padding:6px 0;margin-top:8px}.close-button{position:absolute;top:4px;right:4px;width:24px;height:24px;font-size:16px}}@keyframes loadingAnim{0%{transform:translate(-100%);width:100%}to{transform:translate(100%);width:100%}}