/* ==========================================
   施工実績スライド A-BiSU公開ページ修正版
========================================== */

/* A-BiSUが自動生成する一覧を横並びにする */
.so-works-slider [data-collection-list-content]{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;

  gap:18px !important;

  width:100% !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  padding:10px 5px 28px !important;

  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

/* A-BiSUが自動生成した各施工実績 */
.so-works-slider [data-collection-list-content] > *{
  flex:0 0 330px !important;
  width:330px !important;
  min-width:330px !important;
  max-width:330px !important;

  margin:0 !important;

  scroll-snap-align:start;
}

/* カード本体 */
.so-works-slider .so-work-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  margin:0 !important;

  background:#fff;

  border:1px solid #dbe5ec;

  box-shadow:
    0 7px 22px rgba(18,63,109,.12);

  overflow:hidden;
}

/* 写真 */
.so-works-slider .so-work-photo{
  width:100% !important;
  height:250px !important;

  overflow:hidden;
}

.so-works-slider .so-work-photo img{
  display:block !important;

  width:100% !important;
  height:250px !important;

  object-fit:cover !important;
}

/* 文字部分 */
.so-works-slider .so-work-info{
  padding:18px !important;
}


/* ==========================
   スマホ
========================== */

@media screen and (max-width:700px){

  .so-works-slider [data-collection-list-content]{
    gap:13px !important;

    padding-right:45px !important;
  }

  /* 1枚＋次のカードが少し見える */
  .so-works-slider [data-collection-list-content] > *{
    flex:0 0 82vw !important;

    width:82vw !important;
    min-width:82vw !important;
    max-width:82vw !important;
  }

  .so-works-slider .so-work-photo,
  .so-works-slider .so-work-photo img{
    height:230px !important;
  }

}