/*余白調整*/
.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;
}

/* アイコン1 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) {
  background: #92BDC2;
}

/* アイコン2 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) {
  background: 	#D8A53A;
}

/* モバイルフッターの文字だけ大きくする */
.mobile-footer-menu-buttons .menu-caption {
  font-size: 15px !important; /* お好みで16pxでもOK */
  font-weight: 600;
}





/* =====================================
   モバイルフッター
   左：ロゴ / 右：メニュー＋コピーライト
===================================== */
@media screen and (max-width: 768px) {

  /* 2カラム */
  .footer-bottom{
    display:grid !important;
    grid-template-columns:40% 60%;
    align-items:start;
  }

  /* contentを消して子要素をGridへ */
  .footer-bottom-content{
    display:contents !important;
  }

  /* ロゴ */
  .footer-bottom-logo{
    grid-column:1;
    grid-row:1;
  }

  /* メニュー */
  .navi-footer{
    grid-column:2;
    grid-row:1;
  }

  /* コピーライト */
  .copyright{
    grid-column:1 / 3;
    grid-row:2;

    width:100%;
    margin-top:20px !important;
    text-align:center !important;
    justify-self:center;
  }

   .navi-footer-in > .menu-footer {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100%;
  }

  .navi-footer-in > .menu-footer > li {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navi-footer-in > .menu-footer > li > a {
    display: block;
    padding: 4px 0;
    text-align: left;
  }

    /* メニューを改行させない */
  .navi-footer-in .menu-footer > li > a {
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    display: block;
    width: 100%;
  }

    /* メニューの先頭にライン */
  .navi-footer-in .menu-footer > li > a{
    display: flex;
    align-items: center;
    gap: 8px;

    white-space: nowrap;
    word-break: keep-all;
  }

  .navi-footer-in .menu-footer > li > a::before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 1px;
    background: #9F785F; /* ライン色 */
    flex-shrink: 0;
  }


}