/* ===== Footer (light gray, compact) ===== */
.footer{
  color: #374151;
  margin-top: 32px;
  padding: 28px 16px;
  font-size: 0.8rem;        /* ★ 全体をやや小さく */
}
.footer a{ color:#334155; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }

/* columns */
.footer__cols{
  max-width:1120px;
  margin:0 auto 10px;
  display:grid;
  gap:12px 18px;            /* ★ 文字が小さくなったぶん少し詰める */
  grid-template-columns:1fr 1fr;
}
@media (min-width:720px){
  .footer__cols{ grid-template-columns:repeat(4,1fr); }
}
.footer__col{ min-width:0; }

.footer__title{
  font-weight:800;
  font-size:.9rem;          /* 旧:1rem → 小さめに */
  color:#111827;
  margin:0 0 .45rem;
}
.footer__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.3rem;                /* 旧:.4rem */
}
.footer__link{
  display:inline-block;
  border-bottom:1px solid transparent;
}

/* bottom meta */
.footer__meta{
  max-width:1120px;
  margin:10px auto 0;
  padding-top:12px;
  border-top:1px solid #e5e7eb;
  display:grid;
  gap:6px;
  justify-items:center;
  text-align:center;
}
.footer .logo{
  font-weight:900;
  letter-spacing:.5px;
  color:#0f172a;
  font-size: 1.25rem;       /* 旧:1.5rem */
  font-family: 'Caveat', cursive;
}
.footer__legal{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  justify-content:center;
  font-size:.8rem;          /* 旧:.9rem */
  color:#475569;
}
.footer__legal a{ color:#334155; }
.footer__legal .sep{ opacity:.45; }
.copyright{
  color:#64748b;
  font-size:.75rem;         /* 旧:.85rem */
}