/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 15 2026 | 01:26:32 */
/* MEDIA footer banners */

.footer-media.container{
  max-width:1080px;
  margin:48px auto;
  display:flex;
  gap:24px;
  align-items:flex-start;
}

/* 通常：2枚横並び */
.footer-media__card{
  display:block;
  width:50%;
  flex:0 0 calc(50% - 12px);
}

.footer-media__card img{
  width:100%;
  height:auto;
  display:block;
}

/* 予約表示：初期は非表示 */
.js-schedule{
  display:none;
}

/* JSで公開日時を過ぎたら表示 */
.js-schedule.is-show{
  display:block;
}

/* 1枚だけ表示の時は大きく中央 */
.footer-media.is-single{
  justify-content:center;
}

.footer-media.is-single .footer-media__card{
  width:100%;
  max-width:970px;
  flex:0 1 970px;
}

/* スマホ */
@media(max-width:767px){
  .footer-media.container{
    display:block;
    padding:0 20px;
    margin:32px auto;
  }

  .footer-media__card,
  .footer-media.is-single .footer-media__card{
    width:100%;
    max-width:none;
    flex:none;
    margin-bottom:16px;
  }

  .footer-media__card:last-child{
    margin-bottom:0;
  }
}