/* preview.css: 記事詳細専用スタイルを記述 */
/*--------------------------------------
  プレビュー画像３つ
--------------------------------------*/
/* PC: 横並び */
@media screen and (min-width: 769px) {
  .preview-images .image-list {
	margin:40px;
    display: flex;
    gap: 24px;
    justify-content: center;
  }
  .preview-images .image-item {
    flex: 0 0 calc((100% - 48px) / 3);
    max-width: calc((100% - 48px) / 3);
  }
  .preview-images .image-item img {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 768px) {
 /*--------------------------------------
    カテゴリー「プレビュー画像」: Swiperカルーセル
  --------------------------------------*/
  .preview-images .image-list {
    display: none;
  }
  .preview-images.swiper {
    padding: 0 16px;
	margin: 10px;
    box-sizing: border-box;
  }
  .preview-images.swiper .swiper-slide {
    width: 100% !important;
  }
  .preview-images.swiper .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
}