/*余白調整*/
.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 .navi-menu-button a{
  color:#fff !important;
  border:none !important;
}

/* ご予約 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) a{
  background:linear-gradient(
    135deg,
       #BBD3B4 0%,
  #A4CEBF 50%,
  #96C5CC 100%
  ) !important;
}

/* LINE */

.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) a{
  background:linear-gradient(
    135deg,
  #8BD6D7 0%,
  #71CDD1 50%,
  #61BCC9 100%
  ) 
}

/* フッターのみ アイコン */

.mobile-footer-menu-buttons .menu-icon{
  color:#fff !important;
}

/* フッターのみ 文字 */

.mobile-footer-menu-buttons .menu-caption{
  color:#fff !important;
}

/* =========================
   フッターモバイルボタン
========================= */

.mobile-footer-menu-buttons .menu-icon {
  margin-bottom: 4px;
}

.mobile-footer-menu-buttons .menu-caption {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

/* フッターボタン中央の区切り線 */

.mobile-footer-menu-buttons .navi-menu-button:first-child{
  position: relative;
}

.mobile-footer-menu-buttons .navi-menu-button:first-child::after{
  content: "";
  position: absolute;
  top: 0%;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.45);
  z-index: 10;
}