/* STEP88L2 — isolated to cafes.php existing hero and travel-place.php new banner. */
.tph44b-page .tph44b-hero{background-color:#104b4c;isolation:isolate}
.tph44b-page .tph44b-hero>.tph44b-wrap{position:relative;z-index:1}
.tph44b-page .tph44b-hero h1,.tph44b-page .tph44b-hero>.tph44b-wrap>p,.tph44b-page .tph44b-hero .tph44b-kicker{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.tp85c-detail-body .tph88l2-place-hero{box-sizing:border-box;width:100%;min-height:290px;display:flex;align-items:flex-end;background-color:#154d4a;background-image:linear-gradient(95deg,#0b524d,#537b72);padding:40px max(18px,calc((100vw - 1100px)/2));color:#fff}
.tp85c-detail-body .tph88l2-place-hero-in{width:min(100%,1100px);margin:0 auto;display:flex;flex-direction:column;gap:7px;align-items:flex-start;overflow-wrap:anywhere}
.tp85c-detail-body .tph88l2-place-hero-in span{font-size:12px;line-height:1.5;letter-spacing:.03em;color:#d8f8ee;font-weight:600}
.tp85c-detail-body .tph88l2-place-hero-in strong{font-size:clamp(18px,2.4vw,29px);line-height:1.4;color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.25)}
@media(max-width:767px){
 .tp85c-detail-body .tph88l2-place-hero{min-height:200px;padding:23px 16px}
 .tp85c-detail-body .tph88l2-place-hero-in strong{font-size:20px}
 .tph44b-page .tph44b-hero{background-position:center center}
}