@charset "UTF-8";.page-map .routeButton,.page-map .shareButton{display:flex;align-items:center;justify-content:center;gap:8px;padding:0;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.page-map .routeButton:hover,.page-map .shareButton:hover{text-decoration:underline}.page-map .map-search-container{position:fixed;top:90px;left:10px;max-width:calc(100% - 80px);width:100%;z-index:101}.page-map .map-search-container .inputGroup{max-width:376px;position:relative;z-index:102}.page-map .map-search-container .inputGroup .searchIcon{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:16px;height:16px}.page-map .map-search-container .buttonGroupContainer{position:absolute;top:50px;left:0;width:100%;padding:0 10px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;z-index:101}.page-map .map-search-container .buttonGroupContainer::-webkit-scrollbar{display:none}.page-map .map-search-container .buttonGroup{width:max-content;display:flex;gap:8px}.page-map .map-search-container .actionButton{padding:2px 12px;background-color:#fff;border:1px solid #17288b;border-radius:999px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:#17288b}.page-map .map-search-container .actionButton:hover,.page-map .map-search-container .actionButton.active{background-color:#17288b;color:#fff}.page-map .custom-place-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;display:none;box-shadow:0 4px 12px #00000026}.page-map .custom-place-suggestions .suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;display:flex;align-items:center;gap:12px}.page-map .custom-place-suggestions .suggestion-icon{width:40px;height:40px;border-radius:50%;font-size:16px;text-align:center}.page-map .custom-place-suggestions .suggestion-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.page-map .custom-place-suggestions .suggestion-content{flex:1;min-width:0}.page-map .custom-place-suggestions .suggestion-name{font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-map .custom-place-suggestions .suggestion-address{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-map .floatingPanel{position:fixed;top:80px;left:20px;z-index:1000}@media (max-width: 767px){.page-map .floatingPanel{top:20px}}.page-map .controlsContainer{display:flex;flex-direction:column;gap:12px}.page-map .inputField{width:100%;box-sizing:border-box;border:1px solid #ccc;font-size:14px;height:40px;border-radius:24px;background-color:#fff;color:#333;padding-left:1rem}.page-map .inputField:focus{border-color:#4285f4;outline:none;box-shadow:0 0 0 2px #4285f433}.page-map .travelModeSelect{opacity:0;height:0;overflow:hidden}.page-map .travelModeSelect:focus{border-color:#4285f4;outline:none;box-shadow:0 0 0 2px #4285f433}.page-map .searchButton{width:100%;height:36px;background-color:#fff;color:#4285f4;border:1px solid #4285f4;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.page-map .searchButton:hover{background-color:#f0f7ff}.page-map .searchButton:active{background-color:#e6f0ff}.page-map .routeInfo{margin-top:15px;background-color:#f8f9fa;border-radius:4px;overflow:hidden}.page-map .routeInfoContainer{padding:12px}.page-map .routeInfoHeader{font-weight:700;font-size:14px;margin-bottom:8px;color:#202124}.page-map .routeInfoDetails{font-size:13px;line-height:1.5;color:#5f6368;margin-bottom:12px}.page-map .modeComparison{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:10px;margin-top:10px}.page-map .routeComparison{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.page-map .routeOption{background-color:#f1f3f4;padding:6px 8px;border-radius:4px;font-size:13px;text-align:center}.page-map .searchingIndicator{padding:12px;text-align:center;color:#5f6368;font-size:14px;background-color:#f8f9fa;border-radius:4px}.page-map .errorMessage{padding:12px;color:#d32f2f;background-color:#fde7e7;border-radius:4px;font-size:13px;margin-top:10px}body .page-map{margin:0;min-width:320px;min-height:100vh;color:#213547;background-color:#fff;position:relative}.page-map #map{position:absolute;top:0;left:0;width:100%;height:100%}.page-map .pac-container{z-index:1051!important}.page-map .gm-style .gm-style-iw-c{z-index:1001}.page-map #map-top{width:100%;height:420px;display:block;position:relative;z-index:1}.page-map .map-container{position:relative;width:100%;height:400px;margin-bottom:spacing(2);border-radius:.25rem;overflow:hidden}.page-map .map{width:100%;height:100%;border:0}.page-map .map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500}.page-map .map-marker{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid white;cursor:pointer}.page-map .map-popup{position:absolute;background-color:#fff;padding:spacing(1);border-radius:.25rem;box-shadow:0 2px 4px #0000001a;max-width:200px;z-index:1}.page-map .map-popup-title{font-weight:500;margin-bottom:spacing(.5)}.page-map .recommended-spot-marker{cursor:pointer;width:40px;height:40px;border-radius:50%;border:2px solid white;box-shadow:0 0 6px #0006;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-map .recommended-spot-marker img{width:100%;height:100%;object-fit:cover;border-radius:50%}.page-map #hotel-carousel{width:100%;position:fixed;bottom:20px;left:0;z-index:100}@media (max-width: 767px){.page-map #hotel-carousel{bottom:80px}}.page-map #hotel-carousel .swiper-slide .hotel-card-img img{border-radius:6px}.page-map #hotel-carousel .swiper-slide .hotel-card-links .link__booking{display:none}.page-map #bottom-sheet{position:fixed;left:10px;top:90px;z-index:101;background:#fff;box-shadow:0 -2px 16px #00000026;max-height:calc(100vh - 300px);max-width:100%;height:100%;transform:translate(-200%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s;will-change:transform,opacity;overflow:hidden;border-radius:24px}@media (max-width: 767px){.page-map #bottom-sheet{border-top:1px solid #17288b;inset:auto 0 0;max-height:calc(100svh - 60px);width:100%;height:45vh;transform:translateY(100%);border-radius:0}}.page-map #bottom-sheet.active{transform:translate(0);opacity:1;pointer-events:auto}@media (max-width: 767px){.page-map #bottom-sheet.active{transform:translate(0)}}.page-map #bottom-sheet.expanded{height:100vh}.page-map #bottom-sheet-return-button{display:none;width:40px;background-color:#fffc;font-size:14px;position:absolute;top:28px;left:16px}.page-map #bottom-sheet-return-button.is-active{display:block}.page-map #bottom-sheet-drag-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:100px;height:20px;cursor:grab;z-index:103;touch-action:none;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.page-map #bottom-sheet-drag-handle{display:none}}.page-map #bottom-sheet-drag-handle:before{display:block;content:"";width:40px;height:4px;background:#17288b;border-radius:2px;transition:background-color .2s ease;margin-left:auto;margin-right:auto}@media (hover: none) and (pointer: coarse){.page-map #bottom-sheet-drag-handle,.page-map #bottom-sheet-drag-handle:active{cursor:default}}.page-map #bottom-sheet-close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;font-size:20px;font-weight:700;color:#17288b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:102}.page-map #bottom-sheet-content{padding:20px 16px;height:100%;overflow-y:auto;box-sizing:border-box}@media (max-width: 767px){.page-map #bottom-sheet-content{padding:20px 16px 90px}}.page-map #bottom-sheet-content .info-window__inner{max-width:300px;margin-left:auto;margin-right:auto}.page-map #bottom-sheet-content .info-window__title{font-size:16px;font-weight:700;text-align:center}.page-map #bottom-sheet-content .info-window__sub-title{font-size:14px;text-align:center;margin-bottom:1rem}.page-map #bottom-sheet-content .info-window__content{font-size:14px;line-height:1.7}.page-map #bottom-sheet-content .access__title{color:#17288b;text-align:center;font-size:16px;margin-bottom:12px}.page-map #bottom-sheet-content .access__hotel-name{color:#17288b;text-align:center;font-size:20px;padding-inline:32px}.page-map #bottom-sheet-content .access__hotel-address{text-align:center;font-size:12px;margin-bottom:8px}.page-map #bottom-sheet-content .access__hotel-map{color:#17288b;font-size:12px;display:inline-flex;align-items:center;gap:4px}.page-map #bottom-sheet-content .access__hotel-map img{width:10px}.page-map #bottom-sheet-content .access__hotel-map-wrapper{text-align:center;margin-bottom:20px}.page-map #bottom-sheet-content .access__type-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.page-map #bottom-sheet-content .access__type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background-color:transparent;font-size:10px;color:#17288b}.page-map #bottom-sheet-content .access__type-button.is-active{text-decoration:underline;text-underline-offset:2px}.page-map #bottom-sheet-content .access__list{display:none;grid-template-columns:auto auto;justify-content:space-between;padding:0}.page-map #bottom-sheet-content .access__list.is-active{display:grid}.page-map #bottom-sheet-content .access__item{display:grid;grid-column:span 2;grid-template-columns:subgrid;border-bottom:1px solid #ddd;padding:10px 0}.page-map #bottom-sheet-content .access__item .item__button{display:flex;width:100%;text-align:left;padding-right:8px}.page-map #bottom-sheet-content .access__item .item__button-id{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:#eac100;border-radius:50%;font-size:10px;color:#fff;margin-right:8px;line-height:1}.page-map #bottom-sheet-content .access__item .item__button-title{font-size:12px;color:#17288b}.page-map #bottom-sheet-content .access__item .item__button-time{display:inline-block;font-size:12px;color:#17288b;margin-left:8px}@media (min-width: 576px){.page-map #bottom-sheet-content .access__item .item__button-time{display:none}}.page-map #bottom-sheet-content .access__item .item__time{font-size:12px;color:#17288b}@media (max-width: 575px){.page-map #bottom-sheet-content .access__item .item__time{display:none}}@media (min-width: 768px){.page-map #bottom-sheet-content .spot__container{max-width:315px}}.page-map #bottom-sheet-content .spot__return{position:absolute;top:20px;left:20px}.page-map #bottom-sheet-content .spot__list{display:grid;grid-template-columns:90px auto;gap:10px;padding:0}.page-map #bottom-sheet-content .spot__hotel{font-size:14px;color:#17288b;margin-bottom:4px}.page-map #bottom-sheet-content .spot__item{list-style:none;display:grid;grid-template-columns:subgrid;grid-column:span 2;border-bottom:1px dashed #17288b;gap:10px;padding:10px 0}.page-map #bottom-sheet-content .spot__thumbnail{width:90px;height:65px;padding-top:4px}.page-map #bottom-sheet-content .spot__thumbnail img{width:100%;height:100%;object-fit:cover}.page-map #bottom-sheet-content .spot__title{font-size:16px;color:#17288b;margin-bottom:4px}.page-map #bottom-sheet-content .spot__excerpt{font-size:14px;margin-bottom:0}.page-map #bottom-sheet-content .spot-detail__image{display:block;width:150px;height:150px;object-fit:cover;border-radius:50%;margin:0 auto 10px}.page-map .marker__access{background:#eac100;border:2px solid white;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:10px;box-shadow:0 2px 4px #0000004d;cursor:pointer}.page-map .marker__place{--marker-place-color: #fff;width:27px;height:27px;border-radius:50%;border:3px solid white;box-shadow:0 0 4px #0000004d;cursor:pointer;background-color:var(--marker-place-color);position:relative}.page-map .marker__place:before{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:15px solid white;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));pointer-events:none}.page-map .marker__place:after{content:"";position:absolute;left:50%;top:calc(100% - 3px);transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--marker-place-color);pointer-events:none}.page-map .marker__place.search{--marker-place-color: #d2004d}.page-map .marker__place.convenienceStore{--marker-place-color: #ff4444}.page-map .marker__place.touristAttraction{--marker-place-color: #4CAF50}.page-map .marker__place.restaurant{--marker-place-color: #FFC107}.page-map .info-window{padding:12px;max-width:300px}.page-map .info-window__title{margin:0 0 8px;font-size:16px;font-weight:600}.page-map .info-window__image{width:100%;height:120px;object-fit:cover;border-radius:4px;margin-bottom:8px}.page-map .info-window__button-container{display:flex;gap:8px;margin-top:12px}
