/*余白調整*/
.footer {
margin-top:0px;
}

/* フッターモバイルボタン全体 */
.mobile-footer-menu-buttons .navi-menu-button {
  flex: 1;
}

/* ボタン本体を全面に広げる */
.mobile-footer-menu-buttons .menu-button-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff !important;
}

/* アイコンと文字を白 */
.mobile-footer-menu-buttons .menu-button-in i,
.mobile-footer-menu-buttons .menu-button-in span {
  color: #fff !important;
}


/* 予約 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) {
  background: linear-gradient(
    90deg,
    #FFD66F 0%,
    #F8896A 50%,
    #F38061 100%
  );
}

/* LINE */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) {
  background: linear-gradient(
    90deg,
    #B68AD0 0%,
    #A892E5 50%,
    #7FC4EF 100%
  );
}

/* =========================================
   スマホフッター
   左：ロゴ ／ 右：メニュー
========================================= */
@media screen and (max-width: 768px) {

  /* フッター下部を2カラムにする */
  .footer-bottom {
    display: grid !important;
    grid-template-columns: 45% 55%;
    align-items: start;
    column-gap: 0;

    width: 100%;
    padding: 30px 20px 20px !important;
    box-sizing: border-box;
  }

  /* ロゴ側 */
  .footer-bottom-logo {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;

    width: 100%;
    margin: 0 !important;
    padding: 0 15px 0 0 !important;
    box-sizing: border-box;
  }

  .footer-bottom-logo img {
    display: block;
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* メニュー側 */
  .footer-bottom-content,
  .navi-footer-in {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* メニューを縦並びにする */
  .navi-footer-in .menu-footer {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navi-footer-in .menu-footer .menu-item {
    display: block !important;
    flex: none !important;

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

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

    text-align: left !important;
  }

  /* メニューリンク */
  .navi-footer-in .menu-footer .menu-item > a {
    display: block;
    width: 100%;

    padding: 4px 0 !important;

    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    white-space: nowrap;
  }

  /* コピーライトは2カラムの下に横いっぱい */
  .footer-bottom .source-org {
    grid-column: 1 / -1;

    width: 100%;
    margin: 25px 0 0 !important;
    padding: 0 !important;

    font-size: 11px;
    text-align: center;
  }



  .footer-bottom {
    margin-top: 0px !important;
  }
}



/* =========================================
   PCフッターメニュー
========================================= */
/* PC：フッターメニューの区切り線を消す */
@media screen and (min-width: 769px) {
  .navi-footer-in .menu-footer > .menu-item {
    border-left: none !important;
  }

  .navi-footer-in .menu-footer > .menu-item::before {
    display: none !important;
  }

  .footer-bottom-logo img {
    height: 80px !important;
    width: auto;
}

/* PC：最後のメニューの右線を消す */
@media screen and (min-width: 769px) {
  .navi-footer-in .menu-footer > .menu-item:last-child {
    border-right: none !important;
  }

  .navi-footer-in .menu-footer > .menu-item:last-child::after {
    display: none !important;
    content: none !important;
  }
}

}