/*余白調整*/
.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;
  font-size: 14px !important;
  letter-spacing: 0.08em;
}

/* アイコン1 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) {
  background: linear-gradient(135deg, #D9B97A 0%, #BF8F4D 50%, #A97838 100%) !important;
}

/* アイコン2 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) {
      background: linear-gradient(135deg, #EFE3CC 0%, #D9C4A9 45%, #C6A57A 100%) !important;
    color: #5B4631 !important;
}

/* フッターボタン：アイコンだけ大きく */
.mobile-footer-menu-buttons .menu-icon i,
.mobile-footer-menu-buttons .menu-icon .fas,
.mobile-footer-menu-buttons .menu-icon .far,
.mobile-footer-menu-buttons .menu-icon .fab,
.mobile-footer-menu-buttons .menu-icon span {
    font-size: 25px !important;
}

/* フッターボタン：アイコンの上下余白 */
.mobile-footer-menu-buttons .custom-menu-icon {
    display: block;
    margin-top: 5px;
    margin-bottom: 4px;
}

/* ヘッダーボタンの幅を少し詰める */
.mobile-header-menu-buttons .menu-button {
    width: 62px !important;
}