@charset "UTF-8";

/* ============================================================
   footer.css
   [2026-04-24 新規作成]

   目的：
     既存 styles.css のフッター部分は list1/list2/list3 ごとに
     相互依存した微調整（:first-child / :last-child / 負マージン等）が
     継ぎ接ぎで入っており、list1 に項目追加した際に全体が崩壊する
     設計になっていた。

     本CSSは styles.css を直接書き換えず、後から読み込むことで
     上書きし、全リスト統一間隔の構造的にクリーンなフッターに整える。

   方針：
     ・全リスト（list1/list2/list3）の項目間隔を統一する
       → list1 のデフォルト PC: 6px / SP: 16px に合わせる
     ・list2 の .item:first-child 特殊値を打ち消し
     ・list3 の .item:last-child の padding-top を打ち消し
     ・list3 の SP時 margin-top: -20px（list1への食い込み）を打ち消し

   読込：libs/head.php で styles.css の直後に読み込む
============================================================ */


/* ============================================================
   PC / 共通：全リスト統一の項目間隔
============================================================ */
.footer .box2 .listmenu .list1 .item,
.footer .box2 .listmenu .list2 .item,
.footer .box2 .listmenu .list3 .item {
  margin-bottom: 6px !important;
  padding-top: 0 !important;
}

.footer .box2 .listmenu .list1 .item:last-child,
.footer .box2 .listmenu .list2 .item:last-child,
.footer .box2 .listmenu .list3 .item:last-child {
  margin-bottom: 0 !important;
}


/* ============================================================
   SP：全リスト 16px 間隔に統一、list3食い込みも解除
============================================================ */
@media (max-width: 767px) {
  .footer .box2 .listmenu .list1 .item,
  .footer .box2 .listmenu .list2 .item,
  .footer .box2 .listmenu .list3 .item {
    margin-bottom: 16px !important;
    padding-top: 0 !important;
  }

  /* SPは2列折り返し構造。list1:last-child も16px維持（list3と視覚上繋がる為） */
  .footer .box2 .listmenu .list1 .item:last-child {
    margin-bottom: 16px !important;
  }

  /* list2/list3 の最終項目はフッター最下部なので下余白0 */
  .footer .box2 .listmenu .list2 .item:last-child,
  .footer .box2 .listmenu .list3 .item:last-child {
    margin-bottom: 0 !important;
  }

  /* list3 の list1 食い込み配置を解除 */
  .footer .box2 .listmenu .list3 {
    margin-top: 0 !important;
  }
}
