/* エリアトップの最新レビュー・掲示板。2件までを小型の横長カードで表示する。 */
.area-ugc{margin-top:clamp(36px,6vw,68px)}
.area-ugc__heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.area-ugc__heading h2{margin:2px 0 0}
.area-ugc__heading>p{max-width:31rem;margin:0;color:var(--text-2);font-size:.88rem;line-height:1.7}
.area-ugc__eyebrow{margin:0;color:#8a6a20;font-size:.7rem;font-weight:700;letter-spacing:.15em}
.area-ugc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.area-ugc__grid--single{grid-template-columns:minmax(0,720px)}
.area-ugc-card{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:190px;overflow:hidden;border:1px solid var(--rule);background:var(--ground)}
.area-ugc-card__visual{display:block;min-width:0;background:var(--ground-2);color:inherit}
.area-ugc-card__visual .thumb{display:block;width:100%;height:100%;min-height:190px;border-radius:0}
.area-ugc-card__visual picture{display:block;height:100%}
.area-ugc-card__visual .thumb img{width:100%;height:100%;object-fit:cover;object-position:center top}
.area-ugc-card__visual .thumb__badge{inset:auto 7px 7px 7px;text-align:center;font-size:.6rem;letter-spacing:.03em}
.area-ugc-card__visual .thumb__ph{width:46%;max-height:100px}
.area-ugc-card__visual .thumb__soon{font-size:.65rem}
.area-ugc-card__body{display:flex;min-width:0;flex-direction:column;padding:15px 17px}
.area-ugc-card__kind{margin:0;color:#8a6a20;font-size:.7rem;font-weight:700;letter-spacing:.1em}
.area-ugc-card--board .area-ugc-card__kind{color:#37657e}
.area-ugc-card h3{margin:4px 0 0;font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.area-ugc-card h3 a{color:inherit;text-decoration:none}
.area-ugc-card h3 a:hover,.area-ugc-card h3 a:focus-visible{text-decoration:underline}
.area-ugc-card__excerpt{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:var(--text-2);font-size:.86rem;line-height:1.65;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.area-ugc-card__meta{display:flex;flex-wrap:wrap;gap:0 .25em;margin:8px 0 0;color:var(--text-3);font-size:.74rem}
.area-ugc-card__link{margin:auto 0 0;padding-top:8px;font-size:.8rem;font-weight:650}
.area-ugc__note{margin-top:10px}
.area-ugc-card a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.area-ugc-card__visual:focus-visible{outline-offset:-4px}
@media(max-width:760px){
  .area-ugc__heading{display:block}.area-ugc__heading>p{margin-top:8px}
  .area-ugc__grid{grid-template-columns:1fr}.area-ugc__grid--single{grid-template-columns:1fr}
}
@media(max-width:420px){
  .area-ugc-card{grid-template-columns:105px minmax(0,1fr);min-height:176px}
  .area-ugc-card__visual .thumb{min-height:176px}
  .area-ugc-card__body{padding:13px 14px}
  .area-ugc-card__excerpt{-webkit-line-clamp:2}
}