@charset "UTF-8";

/* ==================================================
   ポレスター高崎テラス
   共通フッター調整
================================================== */


/* マリモロゴ周辺の余白 */
#footer_wrap > .marimo {
  width: 215px !important;
  margin: 45px auto 60px !important;
}


/* ==================================================
   PC
================================================== */

@media screen and (min-width: 1001px) {

  /* リンク一覧とCopyrightを左右に配置 */
  html body #footer_wrap
  .marimo_footer_area
  .marimo_footer_in
  .marimo_footer_bottom {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: space-between !important;
    align-items: center !important;

    width: 100% !important;
    max-width: none !important;

    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }


  /* 左側の4リンクを横1列に固定 */
  html body #footer_wrap
  .marimo_footer_area
  .marimo_footer_in
  .marimo_footer_bottom
  .marimo_footer_link_group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;

    gap: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    overflow: visible !important;
  }


  /* 各リンクを文字幅にする */
  html body #footer_wrap
  .marimo_footer_area
  .marimo_footer_in
  .marimo_footer_bottom
  .marimo_footer_link_group
  .marimo_footer_link {
    display: inline-block !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap !important;
  }


  /* 長い4番目も改行禁止 */
  html body #footer_wrap
  .marimo_footer_link_group
  .marimo_footer_link:last-child {
    display: inline-block !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;

    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap !important;
  }


  /* Copyright */
  html body #footer_wrap
  .marimo_footer_area
  .marimo_footer_in
  .marimo_footer_bottom
  .marimo_copy_right {
    display: block !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    text-align: right !important;
    white-space: nowrap !important;
  }
}


/* ==================================================
   スマートフォン・タブレット
================================================== */

@media screen and (max-width: 1000px) {

  /* マリモロゴ周辺の余白 */
  #footer_wrap > .marimo {
    width: 215px !important;
    margin: 45px auto 50px !important;
  }

  /* 下部固定メニューに隠れないようにする */
  #footer_wrap {
    padding-bottom:
      calc(100px + env(safe-area-inset-bottom)) !important;
  }
}