@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap);.basic-colors{--back-color:transparent;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#fff;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.status-available{--back-color:#717989;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#a1adc5;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.status-busy{--back-color:#4d7d28;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#6db933;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.status-wait{--back-color:#977221;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#d3d61d;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.status-exceeded{--back-color:#c05259;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#c81958;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.status-not-in-service{--back-color:#3e4248;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#fff;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.reservation-colors{--back-color:transparent;--text-color1:#28282c;--text-color2:#fff;--accent-color1:#fff;--accent-color2:#fff;--accent-color3:#ffffffb0;--shadow-color1:gray}.hidden{display:none}html{font-size:.833vw}body{background-color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Noto Sans JP,sans-serif;overflow:hidden}.layout{display:grid;grid-template-rows:10% 70% 20%;grid-auto-flow:row}.ctrl-button{font-size:2vh;font-weight:600;padding:.7vh 2vw;border-radius:.8rem;height:14vh;margin:0 1vw;border:.3vw solid color-mix(in srgb,var(--back-color) 50%,#fff 50%);background-color:var(--back-color);color:color-mix(in srgb,var(--back-color) 20%,#fff 80%);box-shadow:8px 8px 12px 3px rgba(0,0,0,.6)}.ctrl-button .caption{font-size:3.6vh}.ctrl-button .caption-en{font-size:2.4vh}.ctrl-button:active{opacity:.9;transform:translate(2px,2px);box-shadow:none}.default-ctrl-button{color:var(--text-color2);background-color:#fff!important;border:.3vw solid color-mix(in srgb,var(--back-color) 40%,#d3d3d3 60%)!important}@media screen and (orientation:portrait){.layout{grid-template-rows:7% 79% 14%}.current-time{font-size:3.5vw}.ctrl-button{font-size:2vw;height:10vh}.ctrl-button .caption{font-size:3.6vw}.ctrl-button .caption-en{font-size:2.4vw}}:root{--base-font-size:0.83vw}body{margin:0}#app,body{width:100vw;height:100vh}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;position:relative}.message-mask{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:rgba(48,48,48,.627);z-index:100}.message-mask-box{width:40vw;height:30vh;margin:35vh auto;background-color:transparent;border-radius:1vw;text-align:center;font-size:calc(var(--base-font-size)*3);display:flex;flex-direction:column;justify-content:center;align-items:center}.message-mask-box div{color:#f0f0f0}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.home{width:100%;height:100%;background-color:#f0f0f0;display:flex}.home-message{margin:auto;font-size:2em}