body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#06c;text-decoration:underline}a:hover{color:#004999}.App{text-align:center}.app-container{background:linear-gradient(180deg,#b8dae8,#d5f5d5);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.app-container:after{background-image:url(/static/media/ariake_sea.59790457a2b13caea7a2.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;bottom:38px;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:0 1rem 2rem;position:relative;width:100%;z-index:2}.main-content:after,.main-content:before{background-repeat:no-repeat;background-size:contain;content:"";height:150px;pointer-events:none;position:absolute;top:40px;width:150px;z-index:1}.main-content:before{background-image:url(/static/media/mudskipper_f.5fd6bdc35db0ae37b99b.svg);left:-150px}.main-content:after{background-image:url(/static/media/mudskipper_m.6803c4bb06516dd46b6f.svg);right:-150px}.expand-info.MuiButton-root{background-color:#ff6b4a;border-radius:20px;color:#fff;font-size:1rem;padding:8px 24px;text-transform:none;transition:background-color .3s}.expand-info.MuiButton-root:hover{background-color:#f05538}.expand-info.MuiButton-root .MuiButton-endIcon{margin-left:8px}@media screen and (max-width:768px){.app-container:after{bottom:120px}.main-content:before{height:100px;width:100px}.expand-info.MuiButton-root{width:100%}}@media screen and (max-width:1440px){.main-content:after,.main-content:before{display:none}}.forecast-legend{background:#ffffffe6;border-radius:6px;bottom:16px;box-shadow:0 1px 4px #0003;color:#111;font-size:12px;left:16px;max-width:320px;padding:8px 10px;position:absolute;width:70%;z-index:20000}.forecast-legend-main{align-items:center;display:flex;gap:12px;width:100%}.forecast-legend-item{font-weight:600;min-width:30px}.forecast-legend-values{align-items:center;display:flex;flex-grow:1;gap:8px}.forecast-legend-max,.forecast-legend-min{min-width:30px;text-align:left}.forecast-legend-max{text-align:right}.forecast-legend-gradient{border:1px solid #00000014;border-radius:6px;flex-grow:1;height:12px;position:relative}.forecast-legend-marker{color:#111;font-size:12px;line-height:12px;opacity:.95;pointer-events:none;position:absolute;text-align:center;top:-8px;transform:translateX(-50%)}.towers-info{cursor:default}.forecast-hover{display:inline-block;position:relative}.forecast-hover-content{background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000002e;color:#111;font-size:13px;margin-left:-30px;min-width:60px;padding:6px 12px;text-align:center}.forecast-hover-arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #fffffff2;height:0;left:0;position:absolute;top:100%;width:0}.data-last-updated{background-color:#f5f5f5b3;color:#111;font-size:10px;left:10px;padding:1px 6px;position:absolute;top:10px;white-space:nowrap;z-index:20000}.data-last-updated-date{color:#666;line-height:1.2}.gm-style .gm-style-iw-c[aria-label^=\89B3\6E2C\5730\70B9\FF08]{padding:1px 6px!important}.gm-style .gm-style-iw-c[aria-label^=\89B3\6E2C\5730\70B9\FF08]+.gm-style-iw-tc{display:none!important}.gm-style .gm-style-iw-c[aria-label^=\89B3\6E2C\5730\70B9\FF08] .gm-style-iw-d{overflow:hidden!important}.towers-info-title{font-size:.7rem;font-weight:700;margin-bottom:2px}.info-link{color:#1976d2;font-weight:700}.tower-frame{box-sizing:border-box;height:100%;padding:8px}.tower-frame h2{font-size:1.2rem;height:32px;margin:0 0 8px}.tower-frame iframe{border:none;height:calc(100% - 40px);width:100%}.tidechart-loading-overlay{align-items:center;background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.tidechart-dialog{overflow:visible!important}.tidechart-dialog-content{border:none!important}.tidechart-close-button{background-color:#00838f!important;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2196f326;color:#fff!important;height:36px;position:absolute!important;right:-18px;top:-18px;transition:background-color .3s ease;width:36px;z-index:10}.tidechart-close-button:hover{background-color:#26c6da!important}.tidechart-canvas-wrapper{height:400px}.tidechart-error,.tidechart-loading{align-items:center;background:#fffc;color:#d32f2f;display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.tower-toggle-group-wrapper{display:flex;justify-content:center;margin-bottom:16px}.tower-toggle-group-wrapper .MuiToggleButton-root{padding:8px 24px;transition:background .2s}.tower-toggle-group-wrapper .MuiToggleButton-root.Mui-selected{background-color:#317eb9!important;color:#fff!important}.tower-toggle-group-wrapper .MuiToggleButton-root.Mui-selected:hover{background-color:#3a8ec2!important}.tidechart-toggle-group-wrapper{display:flex;justify-content:center;margin-bottom:16px;margin-top:16px}.tidechart-toggle-group-wrapper .MuiToggleButton-root{font-weight:600;min-width:120px;padding:4px 48px;transition:background .2s}.tidechart-toggle-group-wrapper .MuiToggleButton-root:first-of-type{border-bottom-left-radius:24px;border-top-left-radius:24px}.tidechart-toggle-group-wrapper .MuiToggleButton-root:last-of-type{border-bottom-right-radius:24px;border-top-right-radius:24px}.tidechart-toggle-group-wrapper .MuiToggleButton-root.Mui-selected{background-color:#317eb9!important;color:#fff!important}.tidechart-toggle-group-wrapper .MuiToggleButton-root.Mui-selected:hover{background-color:#3a8ec2!important}@media screen and (max-width:768px){.tower-toggle-group-wrapper .MuiToggleButton-root{padding:4px 8px}.tidechart-toggle-group-wrapper .MuiToggleButton-root{padding:4px 24px}}.tide-info-box{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.tide-info-box h2{color:#4179a3;font-size:1.5rem;font-weight:500;margin:0 0 16px;padding-left:12px;position:relative}.tide-info-box h2:before{background-color:#4179a3;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.tide-info-header{align-items:baseline;background-color:#fff;border:2px solid #4179a3;border-radius:10px;color:#333;display:flex;font-size:1.1rem;justify-content:space-between;margin:0 0 24px;padding:12px 18px;position:relative;text-align:center}.tide-info-header #now-date{font-weight:600}.tide-info-header #now-time{font-size:1.6rem;font-weight:600;margin-left:8px}.tide-info-header #marine-tide{align-items:center;display:flex}.tide-info-header #tide-direction{font-size:1.2rem;margin-left:8px}.tide-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tide-info-label{border-radius:4px;color:#fff;margin:0 auto;padding:5px;text-align:center;width:50px}#flood-tide-label{background-color:#e53935}#low-tide-label{background-color:#1976d2}.tide-info-buttons{margin-top:12px;text-align:center}@media (max-width:768px){.tide-info-header{padding:6px 9px}.tide-info-header #now-time-label{font-size:.9rem}.tide-info-header #now-time{font-size:1.5rem;margin-left:4px}.tide-info-label{margin-bottom:8px;padding:2px 5px}}.banner{align-items:center;display:flex;flex-direction:column;justify-content:center}.banner .banner-content{align-items:center;font-size:1.2rem;margin-bottom:8px;padding:6px 64px}.banner .info-alert{background-color:#2196f3;color:#fff;display:inline-flex}.banner .warning-alert{background-color:#d32f2f;color:#fff;display:inline-flex}.banner .error-alert{background-color:#f57c00;color:#fff;display:inline-flex}.banner .error-alert .MuiAlert-icon,.banner .info-alert .MuiAlert-icon,.banner .warning-alert .MuiAlert-icon{color:#fff;font-size:1.7rem}.right-panel h2{background:linear-gradient(135deg,#4179a3,#00838f);border-bottom:2px solid #fffc;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:1.4rem;font-weight:500;margin:1.5rem 0 .7rem;padding:.8rem 1.2rem;transition:all .3s ease}.right-panel h2:first-child{margin-top:0}@media screen and (max-width:768px){.banner .banner-content{padding:4px 16px}.banner .warning-alert{font-size:1rem;padding:6px 16px}.right-panel h2{font-size:1.2rem;padding:.6rem 1rem}}.forecastchart-loading-overlay{align-items:center;background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.forecastchart-dialog{max-height:90vh!important;overflow:visible!important}.forecastchart-dialog-content{border:none!important}.forecastchart-close-button{background-color:#00838f!important;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2196f326;color:#fff!important;height:36px;position:absolute!important;right:-18px;top:-18px;transition:background-color .3s ease;width:36px;z-index:10}.forecastchart-close-button:hover{background-color:#26c6da!important}.forecastchart-canvas-wrapper{max-height:600px}.forecastchart-error,.forecastchart-loading{align-items:center;background:#fffc;color:#d32f2f;display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.ocean-forecast h2{background:linear-gradient(135deg,#4179a3,#00838f);border-bottom:2px solid #fffc;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:1.4rem;font-weight:500;margin:1.5rem 0 .7rem;padding:.8rem 1.2rem;transition:all .3s ease}.ocean-forecast h2:first-child{margin-top:0}.ocean-forecast-form{background-color:#ffffff0d;border-radius:4px;margin-bottom:20px;padding:1rem}.form-row{align-items:center;display:flex;margin-bottom:1rem}.form-label{margin-right:1rem;min-width:80px}.form-field{flex:1 1}.datetime-field{align-content:stretch;align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-wrap:wrap;gap:.7rem;min-width:0;width:100%}.date-nav-group,.time-nav-group{display:flex;flex-grow:1;gap:0}.date-nav-group .date-field,.time-nav-group .time-field{flex-grow:1}.date-nav-group .date-nav-btn,.time-nav-group .time-nav-btn{align-items:center;background:#fff;border:1px solid #bdbdbd;box-shadow:none;color:#1976d2;display:flex;height:42px;justify-content:center;min-width:0;padding:0;transition:border-color .2s,color .2s;width:24px}.date-nav-group .date-nav-btn:focus,.date-nav-group .date-nav-btn:hover,.time-nav-group .time-nav-btn:focus,.time-nav-group .time-nav-btn:hover{background:#f0f7ff;border-color:#1976d2;color:#1565c0}.date-nav-group .date-nav-btn.date-nav-btn-prev,.time-nav-group .time-nav-btn.time-nav-btn-prev{border-radius:4px 0 0 4px;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.date-nav-group .date-nav-btn.date-nav-btn-next,.time-nav-group .time-nav-btn.time-nav-btn-next{border-left:none;border-radius:0 4px 4px 0;border-bottom-left-radius:0;border-top-left-radius:0}.date-field .MuiInputBase-root,.time-field .MuiInputBase-root{border-radius:0!important}.date-field>.MuiInputBase-root,.form-field>.MuiInputBase-root,.time-field>.MuiInputBase-root{box-sizing:border-box;font-size:.95rem;height:42px!important;min-height:42px!important;padding-bottom:2px;padding-top:2px}.date-field>.MuiInputBase-root,.time-field>.MuiInputBase-root{font-size:.8rem}.ocean-forecast-buttons{margin-top:12px;text-align:center}.form-row .MuiSwitch-root{margin-right:8px}.simulation-controls{display:flex;justify-content:center}.simulation-controls .MuiButton-icon{margin:0}.simulation-controls .play-button-custom{background:#fff!important;border:1px solid #1976d2!important;box-shadow:none;color:#1976d2!important;min-width:48px;transition:background .2s,border-color .2s}.simulation-controls .play-button-custom:hover{background:#e3f2fd!important;border-color:#1565c0!important}.simulation-controls .play-icon-custom{color:#1976d2!important}.date-separator{align-items:center;display:flex}@media (max-width:600px){.datetime-field{align-items:stretch;flex-direction:column;gap:.5rem}.date-nav-group,.time-nav-group{flex-direction:row;justify-content:center;width:100%}.date-field,.time-field{min-width:0!important;width:100%}}.weatherinfo-dialog{overflow:visible!important}.weatherinfo-close-button{background-color:#00838f!important;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2196f326;color:#fff!important;height:36px;position:absolute!important;right:-18px;top:-18px;transition:background-color .3s ease;width:36px;z-index:10}.weatherinfo-close-button:hover{background-color:#26c6da!important}.wind-arrow{position:relative;z-index:1}.weatherinfo-table .MuiTableHead-root{z-index:10}.weatherinfo-table .MuiTableCell-root{position:relative;z-index:2}.weatherinfo-table .MuiTableContainer-root::-webkit-scrollbar{height:6px}.weatherinfo-table .MuiTableContainer-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.weatherinfo-table .MuiTableContainer-root::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.weatherinfo-table .MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.weatherinfo-table .MuiTableCell-root{font-size:.8rem;padding:6px 8px!important}.weatherinfo-table .MuiTableHead-root .MuiTableCell-root{font-size:.75rem;font-weight:600}.weatherinfo-table .wind-direction-cell{min-width:70px!important}.wind-direction-content{align-items:center;display:flex;flex-wrap:nowrap;gap:.3em}.wind-direction-text{font-size:.7rem;white-space:nowrap}.wind-arrow .MuiSvgIcon-root{font-size:.9rem}}@media (max-width:480px){.weatherinfo-dialog{margin:8px!important}.weatherinfo-dialog-content{padding:8px!important}.weatherinfo-table .MuiTableCell-root{font-size:.7rem;padding:4px 6px!important}.weatherinfo-table .MuiTableHead-root .MuiTableCell-root{font-size:.65rem;line-height:1.2;padding:8px 6px!important}.wind-direction-content{gap:.2em}.wind-direction-text{font-size:.65rem}.wind-arrow .MuiSvgIcon-root{font-size:.8rem}}.ocean-info .news-info,.ocean-info .nori-info,.ocean-info .ocean-guide-info,.ocean-info .tide-gauge-info,.ocean-info .weather-info{padding:0 .5rem}.ocean-info .tide-gauge-info-table{border-spacing:20px 8px}.ocean-info .tide-gauge-info-table,.ocean-info .weather-info-table{border-collapse:collapse;border-collapse:initial;margin-bottom:1.5rem}.ocean-info .weather-info-table{border-spacing:8px}.ocean-info .weather-info-buttons{margin-top:12px;text-align:center}.wind-arrow{color:#1976d2;font-size:1.3em;margin-left:.2em;transition:transform .3s;-webkit-user-select:none;user-select:none}.weather-frame{box-sizing:border-box;height:100%;padding:8px}.weather-frame h2{font-size:1.2rem;height:32px;margin:0 0 8px}.weather-frame iframe{border:none;height:calc(100% - 40px);width:100%}@media (max-width:768px){.ocean-info .news-info,.ocean-info .nori-info,.ocean-info .ocean-guide-info,.ocean-info .tide-gauge-info,.ocean-info .weather-info{font-size:.9rem;padding:0 .3rem}.ocean-info .tide-gauge-info-table,.ocean-info .weather-info-table{border-spacing:4px;font-size:.85rem}}.dot-bullet:before{color:inherit;content:"・";margin-right:.5em}.related-links .external-links,.related-links .harmful-algae-links,.tide-forecast .deviation-trend,.tide-forecast .tide-levels{padding:0 .5rem}.deviation-trend,.tide-levels{margin-bottom:20px}.deviation-value,.tide-level{padding:10px;text-align:center}.table{border-collapse:collapse;width:100%}.table th{background-color:#fff;width:20%}.table td{text-align:center}.table tbody tr:nth-child(odd){background-color:#d9e0fc}thead{position:-webkit-sticky;position:sticky;top:0}.closest-to-now{font-weight:700}.tide-levels{height:330px;overflow-y:auto}.deviation-trend,.tide-levels{border:1px solid #cfcfcf}.header{background-color:#fff;border-bottom:3px solid #1e88e5;box-shadow:none!important;padding:.5rem .5rem 1rem;width:100%}.header-content{display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1100px;width:100%}.header-content h1{align-self:flex-start;font-size:1.5rem;font-weight:500}.header-title{padding-top:.5rem}.header-title a{color:#333;text-decoration:none}.header-nav{align-self:flex-end;padding-top:.75rem}.header-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.header-nav a{background-color:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#333;font-size:.85rem;padding:.5rem 1.75rem;text-decoration:none;transition:all .3s ease}.header-nav a.active{background:linear-gradient(90deg,#4179a3,#00838f);border-color:#0288d1;color:#fff}.header-nav a:hover{background:linear-gradient(90deg,#4891bb,#26c6da);border-color:#03a9f4;color:#fff;text-decoration:none}.header-nav button{background-color:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#333;font-size:.85rem;padding:.5rem 1.75rem;text-decoration:none;text-transform:none;transition:all .3s ease}.header-nav button.active{background:linear-gradient(90deg,#4179a3,#00838f);border-color:#0288d1;color:#fff}.header-nav button:hover{background:linear-gradient(90deg,#4891bb,#26c6da);border-color:#03a9f4;color:#fff;text-decoration:none}.header-nav .header-nav-icon,.mobile-nav{display:none}.mobile-nav{background:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;left:0;position:fixed;width:100%;z-index:1000}.mobile-nav ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:10px 0}.mobile-nav a{color:#333;font-size:.8rem;text-decoration:none}@media screen and (max-width:768px){.header-nav{background:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;left:0;margin:0;padding:0;position:fixed;width:100%;z-index:1000}.header{padding:.5rem 0}.header:after,.header:before{background-repeat:no-repeat;background-size:contain;bottom:auto;content:"";height:50px;pointer-events:none;position:absolute;top:auto;width:50px;z-index:1}.header:before{background-image:url(/static/media/mudskipper_f.5fd6bdc35db0ae37b99b.svg);left:5px}.header:after{background-image:url(/static/media/mudskipper_m.6803c4bb06516dd46b6f.svg);right:5px}.header-content{align-items:center;flex-direction:column;gap:0;height:auto;justify-content:center;width:auto}.header-title{padding-top:.25rem;text-align:center;width:100%}.header-nav ul{background-color:#f5f5f5;gap:2px;justify-content:space-around;margin:0;padding:8px}.header-nav a,.header-nav button{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;font-size:.75rem;gap:4px;justify-content:center;min-height:50px;padding:8px 4px;text-align:center;width:100%}.header-nav a.active,.header-nav button.active{background:linear-gradient(180deg,#4179a3,#00838f);border-radius:4px}.header-nav .header-nav-icon{color:#333;cursor:pointer;display:block;font-size:1.5rem}}.footer{background-color:#000;color:#fff;height:20px;margin-top:10%;padding:10px 0;position:relative;z-index:3}.footer-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px}.footer-content p{font-size:.9rem;margin:0}@media screen and (max-width:768px){.footer{padding-bottom:90px}.footer-content{flex-direction:column;text-align:center}.footer-content p{font-size:.8rem}}.side-panel{background:#fff;box-shadow:-2px 0 8px #00000026;height:100vh;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);z-index:2000}.side-panel.open{opacity:1;pointer-events:auto;transform:translateX(0)}.side-panel-close-btn{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1.5rem;position:absolute!important;right:8px;top:8px;z-index:10}.side-panel-content{height:100vh;overflow-y:auto}.side-panel-overlay{background:#0000004d;height:100vh;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:100vw;z-index:1999}.side-panel--small{max-width:80vw;width:400px}.side-panel--medium{max-width:90vw;width:700px}.side-panel--large{max-width:98vw;width:1200px}
/*# sourceMappingURL=main.d0048906.css.map*/