/* ===== 共通レイアウト ===== */
.footer-row {
  display: flex;
  gap: 20px;
  justify-content: center;   /* 中央揃え */
  align-items: stretch;      /* 各カラムの高さを揃える */
  width: 100%;
  max-width: 1280px;         /* コンテンツ幅 */
  margin: 0 auto 20px;       /* 中央寄せ＋下余白 */
  box-sizing: border-box;
}

.wrapper_6_box01 {
  box-sizing: border-box;
}

/* ===== 1列目：SNSと営業時間を下揃え ===== */
.footer-sns,
.footer-time {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* 営業時間：行ごとに少し間隔 */
.wrapper_6_box01_span02 > div { 
  margin-bottom: 6px;
}

/* ===== 2列目：バナー画像 ===== */
.footer-banner {
  height: 176px;   /* PCは高さ固定で統一 */
  width: auto;
  display: block;
}

/* ===== SNSアイコン ===== */
.wrapper_6_box01_ul01 {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 8px;
}

/* ===== レスポンシブ（タブレット以下） ===== */
@media (max-width: 1024px) {
  .footer-row {
    flex-direction: column;   /* 縦並びに */
    align-items: center;      /* 中央寄せ */
    gap: 24px;
  }

  .footer-banner {
    height: auto;       /* 高さリセット */
    width: 100%;        /* 親幅いっぱい */
    max-width: 400px;   /* 上限（任意） */
  }

  /* モバイル時のSNSは中央寄せ */
  .footer-sns,
  .footer-time {
    align-items: center;
    justify-content: center;
  }
}

/* ===== PCのみ：2列目に余白を追加 ===== */
@media (min-width: 1025px) {
  .footer-row.row-2 {
    margin-top: 40px;  /* PC表示時だけ余白 */
  }
}