/* ============================================================
   21-footer.css — フッター・固定ページ（規約など）
   ============================================================ */
.yup-foot { padding: 30px 22px; }
.yup-foot__inner { max-width: 1680px; margin: 0 auto; display: flex; flex-direction: column; gap: 22px; }
.yup-foot__about { max-width: 600px; }
.yup-foot__brand { font-family: var(--ff-display); font-size: 1.15rem; font-weight: 700; letter-spacing: .01em; margin: 0 0 10px; }
.yup-foot__brand-kana { font-size: .8rem; font-weight: 400; letter-spacing: .01em; margin-left: 6px; }
.yup-foot__about-text { font-family: var(--ff-body); margin: 0; word-break: auto-phrase; overflow-wrap: anywhere; }
.yup-foot__about-text + .yup-foot__about-text { margin-top: 8px; }
.yup-foot__bar { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; border-top: 1px solid var(--rl-line); padding-top: 20px; }
.yup-foot__copy { font-family: var(--ff-mono); font-size: var(--fs-xs); letter-spacing: .04em; }
@media (max-width: 600px) {
  .yup-foot { padding: 24px 18px; }
  .yup-foot__inner { gap: 18px; }
  .yup-foot__bar { justify-content: center; text-align: center; }
}
/* お問い合わせフォームの指定は 50-member.css にまとめた。
   ここにあった .yup-cform { max-width: 620px } は、あとから読み込む指定に打ち消されていて
   効いていなかったので、v5.1.0 で消した（見た目は v5.0.0 と同じ横幅いっぱいのまま）。 */
.yup-foot { background: var(--rl-text); border-top: 0; }
.yup-foot__brand { color: var(--rl-bg); }
.yup-foot__brand-kana { color: rgba(255,255,255,.55); }
.yup-foot__bar { border-top-color: rgba(255,255,255,.14); }
.yup-foot__copy { color: rgba(255,255,255,.42); }
.yup-foot__about-text { font-size: .78rem; line-height: 1.85; color: rgba(255,255,255,.45); }
@media (max-width: 600px) {
  .yup-foot__about-text { font-size: .72rem; line-height: 1.8; }
}
/* ---- フッターの列（さがす／このサイトについて。v5.4.0 で「参加する」を無くした） ---- */
.yup-foot__top { display: flex; flex-wrap: wrap; gap: 28px 56px; justify-content: space-between; align-items: flex-start; }
/* 列の数は中身（inc/site.php の $cols）に合わせる */
.yup-foot__cols { display: grid; grid-auto-flow: column; gap: 18px 56px; }
.yup-foot__head { margin: 0 0 8px; font-family: var(--ff-body); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .06em; color: rgba(255,255,255,.92); }
.yup-foot__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.yup-foot__list a { color: rgba(255,255,255,.68); text-decoration: none; font-family: var(--ff-body); font-size: var(--fs-sm); line-height: 1.6; }
.yup-foot__list a:hover { color: var(--rl-bg); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
  .yup-foot__top { gap: 22px; }
  .yup-foot__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; width: 100%; }
}