html,body{overflow:hidden}.App{text-align:center;width:100%;height:100%;min-height:100%}.Map-header{position:absolute;width:100%;top:0;left:0;height:40px;z-index:20}.Map-container{position:absolute;inset:40px 0 0}.Map-footer{position:absolute;color:gray;width:100%;bottom:0;left:0;height:30px;z-index:10}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#61dafb}.Header-frame{background-color:#154bb6;color:#fff;z-index:20;position:relative}.search-box{background-color:#154bb6;position:absolute;top:0;right:90px;padding:6px;height:40px;vertical-align:middle;transform:scaleX(.1);transform-origin:100% 0;visibility:hidden}@media screen and (min-width:500px){.search-box{width:280px}}@media screen and (max-width:500px){.search-box{padding-left:50px;left:0}}.search-box.enter{transform:scaleX(.1);visibility:visible}.search-box.enter-active{transition:all .1s ease-out;transition-delay:1ms;transform:scaleX(1);visibility:visible}.search-box.enter-done{transform:scaleX(1);visibility:visible}.Action-button{width:30px;height:30px;cursor:pointer}.Action-button:hover{filter:drop-shadow(2px 2px 2px grey)}.Action-button.search,.Action-button.help{margin-right:10px}.Action-setting:hover{filter:drop-shadow(2px 2px 2px grey)}.setting.container{position:absolute;top:40px;right:0;width:240px;pointer-events:none;padding:10px}.setting.modal{position:relative;width:100%;height:fit-content;z-index:10;transform:translateY(-120%);color:gray;padding:20px 5px 5px;background-color:#ffffffe6;border-radius:4px;box-shadow:2px 2px 4px gray;pointer-events:all;text-align:center}.setting.modal.enter{transform:translateY(-120%)}.setting.modal.enter-active{transition:all .3s ease-out;transition-delay:10ms;transform:translateY(0)}.setting.modal.enter-done,.setting.modal.exit{transform:translateY(0)}.setting.modal.exit-active{transition:all .3s ease-in;transition-delay:10ms;transform:translateY(-120%)}.Setting-title{padding:8px;width:100%;font-size:small;text-align:start;color:#444}.Setting-title.new{font-size:x-small;font-weight:700;padding:3px;margin-left:5px;margin-bottom:-5px;color:#fff;background-color:red;border-radius:5px;width:fit-content}.Setting-slider{text-align:center;font-size:xx-small}.Action-button.close{position:absolute;top:10px;right:10px}.toggle-input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer;display:none}.toggle-label{width:75px;height:42px;background:#ccc;position:relative;display:inline-block;border-radius:46px;transition:.4s;box-sizing:border-box;cursor:pointer}.toggle-label:after{content:"";position:absolute;width:42px;height:42px;border-radius:100%;left:0;top:0;z-index:2;background:#fff;box-shadow:0 0 5px #0006;transition:.4s}.toggle-input[type=checkbox]:checked+.toggle-label{background-color:#154bb6}.toggle-input[type=checkbox]:checked+.toggle-label:after{left:40px}.toggle-switch{position:relative;width:75px;height:42px;margin:auto;transform:scale(.6)}.switch-container{display:flex;margin-top:10px;width:100%}.suggestion-container{position:relative;width:100%;height:100%}.suggestion-input{width:100%;height:100%}.react-autosuggest__container{position:relative;width:100%;height:100%}.react-autosuggest__input{width:100%;height:100%;font-family:Helvetica,sans-serif;font-weight:300;font-size:small;border:1px solid #aaa;border-radius:4px}::placeholder{color:#aaa;opacity:1}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:100%;width:100%;border:1px solid #aaa;background-color:#fff;font-family:Helvetica,sans-serif;font-weight:300;font-size:x-small;color:#000;text-align:start;border-bottom-left-radius:4px;border-bottom-right-radius:4px;max-height:320px;overflow-y:auto;z-index:2}.react-autosuggest__section-title{padding:2px;font-size:small}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:3px;overflow-x:hidden;white-space:nowrap}.suggestion-prefecture{color:#154bb6;font-weight:600;margin-right:5px}.suggestion-extra{background-color:gray;color:#fff;border-radius:4px;padding:1px 4px 2px;font-weight:800;margin-left:8px}.react-autosuggest__suggestion--highlighted{background-color:#ddd}.suggestion-loading{position:absolute;top:2px;right:2px;width:26px;height:26px;visibility:hidden}.suggestion-loading.show{visibility:visible}.help-container{background-color:#fff;width:100%;height:100%}.content-container{position:absolute;inset:40px 0 0;overflow-y:scroll}.content-align{text-align:left;margin-left:auto;margin-right:auto;display:block;width:min(100%,600px);height:100%}.image{width:100%}.icon{vertical-align:middle}.icon.header{filter:contrast(0)}h1{white-space:normal;text-align:center}h2{padding:.4em;border-left:solid 5px #154bb6;background-color:#154bb617}h4{color:#0e327a;font-size:1.2em;position:relative;padding-left:1.5em}h4:before{font-family:"Font Awesome 5 Free";content:"✔";font-weight:900;position:absolute;font-size:1.4em;left:0;top:-.2em;color:#154bb6}.header-container{background-color:#154bb6;color:#fff;z-index:20;position:fixed;top:0;left:0;width:100%;height:40px}.App-title{display:table-cell;vertical-align:middle;text-align:start;height:40px;padding-left:12px;font-size:1.5rem}.Action-container{position:absolute;right:10px;top:5px}.Action-app{color:#fff;height:40px}.Tool-title{color:#000;font-size:1.2em}*{box-sizing:border-box}.info-dialog{color:gray;padding:5px;background-color:#ffffffe6;pointer-events:all}.container-main{width:100%;padding-right:40px;position:relative}.container-main.station-title{height:45px}.container-expand{width:100%;height:100%;position:relative;transform-origin:top;opacity:1}.container-expand.radar{padding-right:40px}@media screen and (max-width:900px){.info-dialog{margin:10px;width:calc(100% - 20px);height:fit-content;border-radius:4px;box-shadow:2px 2px 4px gray}.container-expand.radar{height:0;visibility:hidden}.container-expand.station-detail{height:var(--expand-height)}}.container-expand.enter{visibility:visible;height:0;transform:scaleY(0);opacity:0}.container-expand.enter-active{transition:all .3s ease-out;height:var(--expand-height);transform:scaleY(1);opacity:1;visibility:visible}.container-expand.enter-done{height:var(--expand-height);transform:scaleY(1);visibility:visible}.container-expand.exit{height:var(--expand-height);transform:scaleY(1);visibility:visible;opacity:1}.container-expand.exit-active{transition:all .3s ease-out;height:0;transform:scaleY(0);opacity:0;visibility:visible}.container-expand.exit-done{height:0;transform:scaleY(0);visibility:hidden}.container-accordion{width:100%;position:relative;height:var(--accordion-height-base)}.container-accordion.enter-active{transition:all .3s ease-out;height:calc(var(--accordion-height-base) * 2)}.container-accordion.enter-done,.container-accordion.exit{height:calc(var(--accordion-height-base) * 2)}.container-accordion.exit-active{transition:all .3s ease-out;height:var(--accordion-height-base)}.container-accordion.exit-done{height:var(--accordion-height-base)}:root{--expand-height: 0px;--accordion-height-base: 0px}@media screen and (max-width:900px)and (max-height:800px){.scroll-container.lines{height:60px}.container-expand.radar{--expand-height: 200px}.container-accordion.station-list{--accordion-height-base: 150px}.container-expand.station-detail{--expand-height: 140px}}@media screen and (max-width:900px)and (min-height:800px){.scroll-container.lines{height:100px}.container-expand.radar{--expand-height: 200px}.container-accordion.station-list{--accordion-height-base: 200px}.container-expand.station-detail{--expand-height: 180px}}@media screen and (min-width:900px){.info-dialog{width:100%;height:100%;box-shadow:2px 0 4px gray}.container-main.radar{height:calc(100% - 180px)}.container-main.radar.position{height:calc(100% - 220px)}.container-expand.station-detail{--expand-height: 180px;height:180px;transform:scaleY(1);visibility:visible}.container-expand.radar{--expand-height: 100%;height:100%;transform:scaleY(1);visibility:visible}.scroll-container.lines{height:100px}.icon-action.radar,.icon-action.current-pos{visibility:hidden;pointer-events:none}.container-accordion.station-list{height:calc(100% - 80px)}.bottom-container{display:none}}.container-main.radar{padding:3px;width:100%}.container-main.line{height:80px}.container-main.stations{padding:3px;width:100%}.title-name{font-size:large;width:fit-content;margin:auto;height:fit-content;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.title-name.kana{font-size:x-small;margin-top:-5px;padding-bottom:1px}.title-container{width:fit-content;height:fit-content;padding:3px;color:#000;max-width:100%}.title-container.line{max-width:calc(100% - 36px)}.icon-station{width:27px;height:27px;margin:3px}.container-description{font-size:small;text-align:start;height:fit-content;overflow-x:hidden;white-space:nowrap;text-overflow:clip;margin:auto auto auto 0}.container-description.location{margin-top:-2px}.container-description.loading-mes{padding:10px}.horizontal-container{display:flex;width:100%;height:fit-content}.horizontal-container.position{margin-top:5px}.horizontal-container.radar-title{margin-bottom:-10px}.icon-line{width:16px;height:16px;margin-right:4px;margin-top:2px;margin-bottom:2px;border-radius:2px}.icon-line.big{width:26px;height:26px;margin:5px}table{table-layout:fixed;width:100%;max-width:100%;word-wrap:break-word;word-break:break-all;border-collapse:collapse}.list-cell{cursor:pointer}.list-cell:hover{background-color:#0000000d;border-radius:2px}.line-item.icon{width:20px}.line-item.line{font-size:small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.station-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.station-item.name{font-size:small;color:#000}.station-item.name-kana{font-size:x-small;color:gray}.scroll-container{overflow-y:scroll;width:100%;-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-container.lines{padding:7px;width:100%;margin-top:5px}.scroll-container.radar{height:calc(100% - 30px)}.scroll-container.stations{padding:7px;width:100%;height:100%}.button-container{position:absolute;z-index:20;right:0;top:0;bottom:0;width:40px}.icon-action{cursor:pointer;position:relative;width:30px;height:30px;top:0;right:0}.bottom-container{position:absolute;right:5px;bottom:0}.icon-action:hover{filter:drop-shadow(2px 2px 2px grey)}.toggle-button{display:inline-block;cursor:pointer;width:30px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiMAABYjAclRYGsAAAOaSURBVHhe7ZtPaxNBGMYTbYtg6EEQ4z96CN7Eg3gQwS/gB9YPIHhR9OJNWohamyB4aKNIjMb33ewb0jRNszOz+7xDnx+83c0sm+48P4bdCTvt6XTaIjiulFsCggLAUAAYCgBDAWAoAAwFgKEAMBQAhgLAUAAYCgBDAWAoAAwFgKEAMBQAhgLAUAAYCgBDAWAoAAwFgKEAMBQAJujNuHa7Xe5B2Za6I/VP6khqIgUlKMtMBTySejrbnfNG6uNsF8NlEVCEv7u7e73b7d7XhsFg8OX4+Pin7EIlXAYB8/D39vYe7OzsXNXG8Xj8t9/vf0JLCMkyp5vwyvAV3dc2PSYfn0k9LA5kQNQICDk3BPl/54a/yPJIkOtrZCTE5OF+BGwavrI8EuRc9yPBtYAq4Ru5SXArICR8IycJLgXEhG/kIsGdgBThGzlIcCUgZfiGdwluBNQRvuFZggsBdYZveJUAF9BE+IZHCVABseFPJpOiquBNAkxAivAPDg6+auUsASIgVfgnJydDrZwlNC4gZfjycayVs4RGBdQQ/quyspXQmIA6wp9Op7qvla2ERgTUGL6RrYTaBTQQvpGlhFoFNBi+kZ2E2gQAwjeyklCLAGD4RjYSkgtwEL5xSsL+/v6hRwlJBTgK35hLGI1GA48Skr2W4jD8gvJab0m9kNrudDrdXq93d2trS9s3Zt0rL6vy2JQkI8Br+IqGUn7XS6k/3kZCtADP4S/iVUKUgFzCNzxKiBGQVfhGHRKkgiWECtDFEdmFb9QkodpdvSRUgK5Maen7+bmFb6SSYGsUhNvlthIxI0A7MXv+2hAv4RspJCxQZFKVUAHf9M9wOPysz8dFywV4C9+IkaB919U55ccik6qECvgl9U4nJTo5uUiC1/CNEAlLE7O3Ur+LAxUJFaC8l7pQgvfwjSoSVoT/oTgQQIwAvei1EnIJ39hEwnL4ck5w+EqUAOU8CbmFb6yTkDp8JeWPcY9l80Sfi+XR7J7cnA7lQkfSlk34i0h/5j/gSZ86ZZ9sOeyp8FflsSlJF+lJu84IdVJi/JB6nVv4RinhudSNomHGmcV/bgQockxnhDop+S7Hg54MvCF9uiabm1JH0qczd2ZXAi4jMXlE34RJHBQAhgLAUAAYCgBDAWAoAAwFgKEAMBQAhgLAUAAYCgBDAWAoAAwFgKEAMBQAhgLAUAAYCgBDAWAoAAwFgIl6MatuUrz41dS1KtWvt9X6D/WoXeUmgU05AAAAAElFTkSuQmCC);background-size:contain}#toggle-list{display:none}.icon-action.expand{transform:rotate(180deg)}.toggle-button,.icon-action.toggle>input[type=checkbox]{transform:rotate(180deg)}.icon-action.toggle>input[type=checkbox]:checked~.toggle-button{transform:rotate(0)}.icon-radar{width:24px;height:24px;margin:3px}.radar-k{margin:3px;height:30px;width:fit-content;font-size:medium}.radar-item{color:gray;font-size:small;vertical-align:middle}.radar-item.index{color:#00f;width:20px}.radar-item.dist{color:#000;width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;text-align:center}.radar-item.station{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;text-align:start}.position-title{font-size:smaller;background-color:#154bb6;color:#fff;border-radius:5px;width:fit-content}.station-distance{color:#000}.arrow-right{width:16px;height:16px;margin:auto 2px;transform:rotate(90deg) scaleX(.8) scale(1.2)}.info-modal.container{position:absolute;top:0;left:0;width:100%;max-width:320px;pointer-events:none}.info-modal.holder{position:relative;pointer-events:all}.info-modal.holder.current-position{z-index:5}@media screen and (min-width:900px){.info-modal.container{bottom:0}.info-modal.holder,.info-modal.holder.enter{height:100%;transform:translate(-120%)}.info-modal.holder.enter-active{transition:all .3s ease-out;transition-delay:10ms;transform:translate(0)}.info-modal.holder.enter-done{transform:translate(0)}.info-modal.holder.exit,.info-modal.holder.exit-active{transform:translate(-120%)}}@media screen and (max-width:900px){.info-modal.holder,.info-modal.holder.enter{transform:translateY(-120%);height:fit-content}.info-modal.holder.enter-active{transition:all .3s ease-out;transition-delay:10ms;transform:translateY(0)}.info-modal.holder.enter-done{transform:translateY(0)}.info-modal.holder.exit,.info-modal.holder.exit-active{transform:translateY(-120%)}}.Map{position:absolute;top:0;left:0;width:100%;bottom:0;z-index:5}.menu.mylocation{position:absolute;background-color:#ffffffe6;box-shadow:1px 1px 5px gray;width:40px;height:40px;right:10px;bottom:120px;border-radius:2px}.icon.mylocation{width:100%;height:100%;filter:brightness(90%);cursor:pointer}.icon.mylocation:hover{filter:drop-shadow(2px 2px 2px grey)}.progress-message{display:inline-block;font-size:small;height:30px;line-height:18px;width:fit-content;text-align:left;vertical-align:middle;padding:6px}.progress-container{width:fit-content;height:22px;margin:4px}.progress-banner{position:relative;width:fit-content;height:30px;background-color:#ffffff80;border-radius:4px;box-shadow:2px 2px 4px gray;display:none;transform-origin:center}.progress-banner.enter-done{display:flex}.progress-banner-container{position:absolute;height:fit-content;bottom:15px;left:0;right:0;display:flex;justify-content:center}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}