/* ===== スマホ：スライド直下の3バナーを横3並びに ===== */
@media (max-width: 768px){

  /* バナー全体をflexで横並び */
  ul.side_banner.side_banner_lists.visible-phone.container{
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  /* row クラス対策（負のマージンをリセット） */
  ul.side_banner.side_banner_lists.visible-phone.container.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 各liをきっちり3等分 */
  ul.side_banner.side_banner_lists.visible-phone.container > li{
    float: none !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* aとimgを枠いっぱいに広げる */
  ul.side_banner.side_banner_lists.visible-phone.container > li > a{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  ul.side_banner.side_banner_lists.visible-phone.container > li img{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    vertical-align: middle !important;
  }
}