/* エリアトップの当日新着住戸（T-570・T-577）。 */
.area-new{border-block:1px solid var(--rule);padding-block:32px}
.area-new__heading,.area-new__group-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}
.area-new__heading h2,.area-new__group-heading h3{margin:0}
.area-new__eyebrow{margin:0 0 4px;color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.14em}
.area-new__count{margin:0;color:var(--text-2);font-size:.82rem;white-space:nowrap}
.area-new__count .num{color:var(--ink);font-size:2rem;line-height:1}
.area-new__lead{margin:10px 0 24px;color:var(--text-2)}
.area-new__group+.area-new__group{margin-top:28px}
.area-new__group-heading{margin-bottom:12px}
.area-new__group-heading a,.area-new__more a,.area-new__links a{font-size:.82rem}
.area-new__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.area-new__card{display:grid;grid-template-columns:96px minmax(0,1fr);min-width:0;min-height:118px;overflow:hidden;border:1px solid var(--rule);background:var(--ground-2);box-shadow:0 3px 12px rgba(15,32,50,.06);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.area-new__card:hover{transform:translateY(-1px);border-color:#c9ad70;box-shadow:0 7px 18px rgba(15,32,50,.11)}
.area-new__media{position:relative;display:block;min-height:118px;overflow:hidden;background:linear-gradient(145deg,#243b55,#101b2b);color:#fff;text-decoration:none}
.area-new__media picture,.area-new__media img{display:block;width:100%;height:100%}
.area-new__media picture{position:absolute;inset:0}
.area-new__media img{object-fit:cover}
.area-new__media::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(5,15,27,.72));pointer-events:none}
.area-new__image-label{position:absolute;z-index:1;right:5px;bottom:4px;color:#fff;font-size:.55rem;line-height:1.2;text-shadow:0 1px 4px #000;white-space:nowrap}
.area-new__image-empty{position:absolute;inset:0;display:grid;place-items:center;color:#d8e0e8;font-size:.68rem;line-height:1.55;text-align:center;letter-spacing:.08em}
.area-new__body{display:flex;min-width:0;flex-direction:column;padding:11px 12px 10px}
.area-new__place{margin:0 0 4px;color:var(--text-2);font-size:.67rem;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.area-new__list h4{display:-webkit-box;overflow:hidden;margin:0;font-size:.9rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.area-new__list h4 a{color:var(--ink);text-decoration-color:#c9ad70;text-underline-offset:3px}
.area-new__facts{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.area-new__unit{display:flex;min-width:0;flex-wrap:wrap;gap:2px 7px;color:var(--text-2);font-size:.7rem;line-height:1.35;text-decoration:none}
.area-new__unit:hover{text-decoration:underline}
.area-new__price{margin:0;color:var(--gold);font-size:.98rem;font-weight:700;line-height:1.2;white-space:nowrap}
.area-new__card :focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.area-new__more{margin:10px 0 0;text-align:right}
.area-new__empty{margin:0;padding:20px;border:1px solid var(--rule);background:var(--ground-2)}
.area-new__links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0}
.area-new__links a{display:inline-flex;padding:7px 10px;border:1px solid var(--rule);background:var(--ground-2);text-decoration:none}
.area-new__links a:hover{text-decoration:underline}
.area-new>.note{margin-top:18px}
@media (max-width:1000px) and (min-width:761px){.area-new__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.area-new{padding-block:24px}.area-new__heading,.area-new__group-heading{align-items:start}.area-new__group-heading{display:block}.area-new__group-heading a{display:inline-block;margin-top:6px}.area-new__list{grid-template-columns:1fr;gap:9px}.area-new__card{grid-template-columns:92px minmax(0,1fr);min-height:112px}.area-new__media{min-height:112px}.area-new__body{padding:10px 11px 9px}.area-new__list h4{font-size:.88rem}.area-new__price{font-size:.94rem}.area-new__links{display:grid;grid-template-columns:1fr}.area-new__links a{justify-content:center}}
@media (prefers-reduced-motion:reduce){.area-new__card{transition:none}}