.area-guide{--wine:#651d27;--ink:#211d1d;--gold:#b59a68;padding-top:0;background:#f8f6f2;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",sans-serif}
.area-guide__hero{position:relative;display:grid;min-height:430px;overflow:hidden;place-items:center;background:#17191b;color:#fff}
.area-guide__hero-bg{position:absolute;inset:0;background:url("/images/category/ginza-night-hero.png") center 54%/cover no-repeat;transform:scale(1.015)}
.area-guide__hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,10,.82),rgba(6,8,10,.5) 50%,rgba(6,8,10,.76)),linear-gradient(0deg,rgba(0,0,0,.34),transparent 60%)}
.area-guide__hero-content{position:relative;z-index:1;width:min(1280px,calc(100% - 40px));padding:64px 20px 48px;text-align:center}
.area-guide__eyebrow{margin:0 0 17px;color:#d8c195;font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:.34em}
.area-guide__hero h1{margin:0;color:#fff;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(35px,4vw,58px);font-weight:500;letter-spacing:.11em;line-height:1.38;text-shadow:0 2px 15px #000;white-space:nowrap}
.area-guide__hero-content>p:not(.area-guide__eyebrow){margin:18px 0 0;color:#fff;font-size:15px;letter-spacing:.08em;line-height:2}
.area-guide__mobile-break{display:none}
.area-guide__scroll{display:inline-flex;flex-direction:column;align-items:center;gap:9px;margin-top:31px;color:#fff;font-family:Georgia,serif;font-size:10px;letter-spacing:.15em;text-decoration:none}
.area-guide__scroll:hover{color:#fff}.area-guide__scroll i{width:11px;height:11px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg)}
.area-guide__list{padding:66px 24px 90px;background:linear-gradient(135deg,rgba(101,29,39,.025),transparent 36%),#f8f6f2}
.area-guide__inner{width:min(1320px,100%);margin:auto}
.area-guide__section-title{text-align:center}.area-guide__section-title p{margin:0 0 6px;color:#9c8257;font-family:Georgia,serif;font-size:11px;letter-spacing:.24em}
.area-guide__section-title h2{position:relative;margin:0 0 39px;padding-bottom:15px;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:28px;font-weight:500;letter-spacing:.14em}
.area-guide__section-title h2:after{position:absolute;bottom:0;left:50%;width:36px;height:1px;background:var(--wine);content:"";transform:translateX(-50%)}
.area-guide__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}
.area-card{min-width:0;background:#fff;box-shadow:0 6px 22px rgba(42,31,29,.08);transition:transform .25s ease,box-shadow .25s ease}
.area-card:hover{box-shadow:0 13px 30px rgba(42,31,29,.15);transform:translateY(-4px)}
.area-card__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.area-card__link:hover{color:inherit}
.area-card__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#ded8cf}
.area-card__image:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.35));content:""}
.area-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.area-card:hover .area-card__image img{transform:scale(1.045)}
.area-card__number{position:absolute;right:13px;bottom:8px;z-index:1;color:rgba(255,255,255,.9);font-family:Georgia,serif;font-size:12px;letter-spacing:.15em}
.area-card__body{display:flex;min-height:210px;flex:1;flex-direction:column;padding:22px 22px 18px}
.area-card__heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.area-card__heading strong{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:23px;font-weight:600;letter-spacing:.06em}
.area-card__heading>span{color:#a48d68;font-family:Georgia,serif;font-size:9px;letter-spacing:.15em;white-space:nowrap}
.area-card__description{display:block;margin-top:11px;color:#575050;font-size:13px;line-height:1.85}
.area-card__more{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #e6e0da;color:var(--wine);font-size:12px;font-weight:600;letter-spacing:.08em}
.area-card__more i{font-size:16px;font-style:normal;transition:transform .2s ease}.area-card:hover .area-card__more i{transform:translateX(4px)}
@media(max-width:1100px){.area-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-guide__hero{min-height:390px}.area-guide__hero h1{white-space:normal}}
@media(max-width:580px){.area-guide__hero{min-height:430px}.area-guide__hero-content{width:calc(100% - 28px);padding:58px 10px 42px}.area-guide__eyebrow{font-size:12px}.area-guide__hero h1{font-size:34px;letter-spacing:.08em}.area-guide__mobile-break{display:block}.area-guide__hero-content>p:not(.area-guide__eyebrow){font-size:13px;letter-spacing:.03em}.area-guide__list{padding:48px 16px 65px}.area-guide__section-title h2{margin-bottom:29px;font-size:25px}.area-guide__grid{grid-template-columns:1fr;gap:18px}.area-card__body{min-height:190px;padding:19px 19px 16px}.area-card__heading strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.area-card,.area-card__image img,.area-card__more i{transition:none}}