.city-preview-bar{position:relative;z-index:30;min-height:56px;padding:8px 4%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f0eee7;border-bottom:1px solid #1b1a1725;color:#1b1a17;font-family:Arial,'Noto Sans JP',sans-serif;font-size:12px;box-sizing:border-box}
.city-preview-bar p,.city-preview-bar nav{margin:0;display:flex;align-items:center;gap:20px}
.city-preview-bar strong{font-weight:500;letter-spacing:.06em;white-space:nowrap}
.city-preview-bar p>span{font-size:11px;color:#625e55}
.city-preview-bar a{min-height:40px;display:flex;align-items:center;text-decoration:none;white-space:nowrap;border-bottom:1px solid #1b1a1740}
.city-preview-bar a:hover{border-color:#1b1a17}
.city-preview-bar a:focus-visible{outline:2px solid #1b1a17;outline-offset:4px}
.city-preview .entrance{height:calc(100svh - 56px);min-height:620px}
.city-preview .room-photo{object-position:var(--city-position,50% 50%);filter:saturate(.9) contrast(.99)!important}
@media(max-width:600px){
 .city-preview-bar{padding:7px 16px;min-height:66px;gap:8px}
 .city-preview-bar p{display:grid;gap:4px;font-size:11px}
 .city-preview-bar p>span{font-size:10px}
 .city-preview-bar nav{gap:14px;font-size:11px}
 .city-preview-bar nav>a:last-child{display:none}
 .city-preview .entrance{height:calc(100svh - 66px);min-height:600px;max-height:1000px}
}