:root{--bg-color: #D52020;--success: #55AE28;--warning: #EB8A1A;--airport-bg: #5F7E1B;--approach: #AD761D;--secondary: #4D3098;--primary: #0074D3}:root{--txt-danger: #c84141;--risk-01: #80B82C;--risk-02: #F4A000;--risk-03: #E11410;--risk-04: #7F0002}.ocean-tit{font-weight:bold;color:#0074d3;font-size:clamp(2rem,.125rem + 5.2083333333vw,2.625rem)}.top-level{height:60px}@media(min-width: 768px){.top-level{height:auto}}.sport-label{width:100%;margin-bottom:.5rem}@media(min-width: 768px){.sport-label{width:auto;margin-bottom:0;margin-right:1rem}}.btn-sport{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem .25rem;color:#0074d3;background-color:#fff;border:1px solid #0074d3;border-radius:.5rem}.btn-sport:not(:last-child){margin-right:.25rem}.btn-sport::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;margin-right:.25rem;background-repeat:no-repeat;background-position:center;background-size:cover}.btn-sport:hover,.btn-sport:focus,.btn-sport.active{color:#fff;background-color:#0074d3}@media(min-width: 768px){.btn-sport{padding:1rem 1.25rem;font-size:1.25em;border-radius:22px}.btn-sport::before{width:40px;height:40px;margin-right:.5rem}.btn-sport:not(:last-child){margin-right:.5rem}}.sport01::before{background-image:url(../images/ocean/sport-icon01.svg)}.sport01:hover::before,.sport01:focus::before,.sport01.active::before{background-image:url(../images/ocean/sport-icon01-white.svg)}.sport02::before{background-image:url(../images/ocean/sport-icon02.svg)}.sport02:hover::before,.sport02:focus::before,.sport02.active::before{background-image:url(../images/ocean/sport-icon02-white.svg)}.sport03::before{background-image:url(../images/ocean/sport-icon03.svg)}.sport03:hover::before,.sport03:focus::before,.sport03.active::before{background-image:url(../images/ocean/sport-icon03-white.svg)}.sport04::before{background-image:url(../images/ocean/sport-icon04.svg)}.sport04:hover::before,.sport04:focus::before,.sport04.active::before{background-image:url(../images/ocean/sport-icon04-white.svg)}.ocean-list-item{display:block;background-color:#fff}.ocean-list-item:hover .ocean-list-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}.ocean-list-img{overflow:hidden;border-radius:12px}.ocean-list-tit{margin:.5rem 0;font-size:1.5rem}.ocean-list-badge{display:inline-block;padding:.25rem 1rem;font-size:1.25em;color:#0074d3;border:1px solid #0074d3;border-radius:2rem}.ocean-card{padding:1.25rem;border-radius:20px;-webkit-box-shadow:0 0 12px rgba(0,0,0,.1);box-shadow:0 0 12px rgba(0,0,0,.1)}.ocean-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px}@media(min-width: 768px){.ocean-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.ocean-grid{grid-template-columns:repeat(3, 1fr)}}.detail-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0074d3;font-weight:700;font-size:1.875rem}.risk-item{padding:.75rem;background-color:#fff;-webkit-box-shadow:0 0 1rem rgba(0,0,0,.1);box-shadow:0 0 1rem rgba(0,0,0,.1);border-radius:6px;border-bottom:4.5px solid #b8b8bf}.risk-item-01{border-color:var(--risk-01)}.risk-item-02{border-color:var(--risk-02)}.risk-item-03{border-color:var(--risk-03)}.risk-item-04{border-color:var(--risk-04)}.risk-desc{color:#6c6666}@media(min-width: 768px){.risk-desc{font-size:1.25em}}.risk-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.risk-level{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.risk-level li{margin-right:.75rem;margin-bottom:.75rem}.risk-level li::before{content:"";display:inline-block;width:14px;height:14px;margin-right:.25rem;background-color:#b8b8bf}.risk-level li:nth-child(1)::before{background-color:var(--risk-04)}.risk-level li:nth-child(2)::before{background-color:var(--risk-03)}.risk-level li:nth-child(3)::before{background-color:var(--risk-02)}.risk-level li:nth-child(4)::before{background-color:var(--risk-01)}.facility-item{color:#6c6666;font-size:1.25em}@media(min-width: 992px){.facility-item{margin:0 .5rem}}.photo-scroll{padding-bottom:1rem;overflow-x:scroll}.photo-scroll::-webkit-scrollbar{height:8px}.photo-scroll::-webkit-scrollbar-thumb{width:4px;background-color:#0074d3;border-radius:4px}.photo-scroll::-webkit-scrollbar-thumb:hover{background-color:#005bb5}.photo-scroll::-webkit-scrollbar-track{background:#f5f5f5}.photo-scroll ul{display:-webkit-box;display:-ms-flexbox;display:flex}.photo-scroll li{-ms-flex-negative:0;flex-shrink:0;width:150px;margin-right:1rem}@media(min-width: 768px){.photo-scroll li{width:240px}}.btn-loaction{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem;color:#0074d3;background-color:#fff;border:1px solid #0074d3;border-radius:.25rem}.btn-loaction:hover,.btn-loaction:focus{color:#fff;background-color:#0074d3}@media(max-width: 767px){.sport-mobile-sticky{position:sticky;top:0;padding-block:1rem;background-color:#fff}}.risk-danger{padding:1.5rem 0;text-align:center;font-size:1.125rem;line-height:1.5}@media(min-width: 992px){.risk-danger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:480px;font-size:1.5rem}}.map-wrap{height:calc(100vh - 50px)}@media(min-width: 768px){.map-wrap{height:calc(100vh - 180px)}}@media(min-width: 992px){.map-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 128px)}}@media(min-width: 992px){.map-side{width:560px}}.map-content{position:relative;height:calc(100dvh - 301px);background-color:#d3d0d0}@media(min-width: 768px){.map-content{height:calc(100dvh - 459px)}}@media(min-width: 992px){.map-content{width:calc(100dvw - 560px);height:100%}}.map-wrap:has(.map-side-location) .map-content{height:calc(100dvh - 351px)}@media(min-width: 768px){.map-wrap:has(.map-side-location) .map-content{height:calc(100dvh - 509px)}}@media(min-width: 992px){.map-wrap:has(.map-side-location) .map-content{width:calc(100dvw - 560px);height:100%}}.map-side-head{background-color:#e6e3e3}.map-side-search{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.75rem}.map-side-search select,.map-side-search input{margin-right:.5rem;padding:.5rem;color:#6c6666;background-color:#fff;border:1px solid #ada6a6;border-radius:8px}.map-side-search select::-webkit-input-placeholder, .map-side-search input::-webkit-input-placeholder{color:#6c6666}.map-side-search select::-moz-placeholder, .map-side-search input::-moz-placeholder{color:#6c6666}.map-side-search select:-ms-input-placeholder, .map-side-search input:-ms-input-placeholder{color:#6c6666}.map-side-search select::-ms-input-placeholder, .map-side-search input::-ms-input-placeholder{color:#6c6666}.map-side-search select::placeholder,.map-side-search input::placeholder{color:#6c6666}.map-side-search select:focus,.map-side-search select:focus-visible,.map-side-search input:focus,.map-side-search input:focus-visible{outline:2px dotted #7c65b8}.map-side-search select{width:120px}.map-side-search input{width:calc(100% - (168px + 1rem))}.map-search-btn{display:inline-block;-ms-flex-negative:0;flex-shrink:0;padding:.5rem;color:#fff;background-color:#0074d3;border:none;border-radius:8px}.map-search-btn:focus,.map-search-btn:focus-visible{outline:2px dotted #7c65b8}.map-side-location{padding:1rem;background-color:#fff;border-top:1px solid #e6e3e3;border-bottom:1px solid #e6e3e3}@media(max-width: 992px){.map-side-content{position:fixed;bottom:35px}}.map-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;border-top:1px solid #e6e3e3;overflow-x:auto;-ms-scroll-snap-type:both mandatory;scroll-snap-type:both mandatory}@media(min-width: 992px){.map-list{display:block;width:100%;height:calc(100vh - 347px);border-top:none;border-bottom:1px solid #e6e3e3;overflow-y:auto}}@media(min-width: 992px){.map-wrap:has(.map-side-location) .map-list{height:calc(100vh - 397px)}}.map-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 9px;border-bottom:1px solid #e6e3e3}.map-list-item .ocean-list-img{-ms-flex-negative:0;flex-shrink:0;width:214px;margin-right:18px}.map-list-item .ocean-list-tit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media(max-width: 992px){.map-list-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:1;flex-shrink:1;width:350px;border-right:1px solid #e6e3e3;scroll-snap-align:start}.map-list-item .ocean-list-img{width:100px;margin-right:10px;border-radius:8px}.map-list-item .level-img{width:40px}.map-list-item .ocean-list-tit{font-size:1.125em}.map-list-item .ocean-list-badge{font-size:.875em}}.map-side-foot{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background-color:#fff;position:fixed;bottom:0}@media(min-width: 992px){.map-side-foot{position:static;padding:1.5rem 1rem}}.map-foot-txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:calc(100% - 80px);padding:.5rem}@media(min-width: 992px){.map-foot-txt{min-width:calc(100% - (42px + 1rem)*2)}}.map-foot-nav{display:-webkit-box;display:-ms-flexbox;display:flex}.map-foot-nav a[class^=map-foot-]{position:relative;display:block;width:40px;height:35px}.map-foot-nav a[class^=map-foot-]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:url(../images/ocean/map-foot-arrow.svg) no-repeat center;background-size:13px 21px}@media(min-width: 992px){.map-foot-nav a[class^=map-foot-]{width:42px;height:42px;margin:0 .25rem;border-radius:50%;border:1px solid #0074d3}.map-foot-nav a[class^=map-foot-]:focus,.map-foot-nav a[class^=map-foot-]:hover{background-color:#0074d3}.map-foot-nav a[class^=map-foot-]:focus:after,.map-foot-nav a[class^=map-foot-]:hover:after{background:url(../images/ocean/map-foot-arrow-hover.svg) no-repeat center;background-size:13px 21px}}.map-foot-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.btn-card{position:absolute;z-index:1;top:60px;left:10px;display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.map-popup{width:200px;padding:.5rem;background-color:#fff}.map-popup .level-img{width:56px}.map-popup .ocean-list-tit{font-size:1.25em}.map-popup .ocean-list-badge{padding:.125rem .75rem;font-size:.875em}.map-popup .btn-primary{padding-block:6px;width:100%;text-align:center}@media(min-width: 992px){.map-popup{width:280px}.map-popup .btn-primary{padding-block:8px}}.popup-img{border-radius:.5rem;overflow:hidden}.map-legend{position:absolute;z-index:1;top:60px;right:10px}.btn-legend-menu{width:40px;height:40px;border-radius:2px;-webkit-box-sizing:0 0 8px rgba(0,0,0,.1);box-sizing:0 0 8px rgba(0,0,0,.1);background-color:#fff;background-image:url(../images/ocean/btn-level-menu.svg);background-repeat:no-repeat;background-position:center;border:none}.btn-legend-menu.open{background-image:url(../images/ocean/btn-level-close.svg)}.map-legend-content{display:none;position:absolute;top:0;right:calc(40px + .5rem);width:122px;padding:.5rem .75rem;background-color:#fff}.map-legend-content.open{display:block}.map-legend-content .level-img{width:22px;margin-right:.25rem}.map-legend-content li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.25rem}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.d-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-item-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.gap-20{gap:20px}.w-100{width:100%}.m-0{margin:0}.mt-2{margin-top:.5rem}.mx-1{margin:0 .25rem}.mt-3{margin-top:1rem}.my-2{margin-block:.5rem}.my-3{margin-block:1rem}.mt-4{margin-top:1.5rem}.mt-7{-webkit-margin-before:2.5rem;margin-block-start:2.5rem}.my-4{margin:1.5rem 0}.mt-5{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:1.75rem}.mb-6{margin-bottom:2rem}.ms-auto{-webkit-margin-start:auto;margin-inline-start:auto}.ms-2{margin-left:.5rem}.ms-3{margin-left:1rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.p-3{padding:1rem}.py-2{padding-block:.5rem}.py-3{padding-block:1rem}.py-6{padding-block:2rem}.py-7{padding-block:2.5rem}.px-3{padding-inline:1rem}.pb-3{padding-bottom:1rem}.lh-base{line-height:1.5}.text-danger{color:var(--txt-danger)}.text-primary{color:#0074d3}.text-gray{color:#6c6666}.text-black{color:#000}.text-amber-brown{color:var(--amber-brown)}.text-center{text-align:center}.text-truncate{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.text-truncate-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ratio-3-2,.ratio-4-3{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ratio-3-2{aspect-ratio:3/2}.ratio-4-3{aspect-ratio:4/3}.fw-bold{font-weight:bold}.fw-700{font-weight:700}.border{border:1px solid #d3d0d0}.border-bottom{border-bottom:1px solid #d3d0d0}.border-top-primary{border-top:1px solid #0074d3}.rounded-16{border-radius:1rem}.btn-primary{display:inline-block;padding:.75rem;color:#fff;background-color:#0074d3;border-radius:6px}.btn-primary:hover{background-color:#005bb5}.btn-outline-primary{display:inline-block;padding:.35rem 1rem;color:#0074d3;border:1px solid #0074d3}.outline-btn-primary{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.75rem .75rem;color:#0074d3;background-color:rgba(0,0,0,0);border:1px solid #0074d3;border-radius:4px}.outline-btn-primary:hover{color:#fff;background-color:#0074d3}.position-relative{position:relative}.no-bg{background:#fff !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.25rem .5rem;border-radius:50em}.badge::before{content:"";display:inline-block;width:8px;height:8px;-webkit-margin-end:4px;margin-inline-end:4px;border-radius:50%}.badge-soft-success{color:var(--success);background-color:var(--soft-success)}.badge-soft-success::before{background-color:var(--success)}.badge-soft-danger{color:var(--danger);background-color:var(--soft-danger)}.badge-soft-danger::before{background-color:var(--danger)}.badge-soft-warning{color:var(--warning);background-color:var(--soft-warning)}.badge-soft-warning::before{background-color:var(--warning)}.fs-xxl{font-size:2em}.fs-lg{font-size:1.25em}@media(min-width: 768px){.d-md-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.mt-md-0{margin-top:0}.me-md-3{margin-right:1rem}.mt-mt-4{margin-top:1.5rem}}@media(min-width: 992px){.d-lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col-lg-6{width:50%}.pe-lg-3{padding-right:1rem}.ps-lg-3{padding-left:1rem}}.full-width{width:100vw;margin-left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}