/* -----
 * swiper setting SHOP用
----------------------------------------------------------------------------- */
.swiper .swiper-slide img {
  height: auto;
  width: 100%;
  max-width: 100%;

  @media screen and (min-width: 768px) {
    max-width: 100%;
  }
}

.swiper{
  text-align: left;
}

/* pagenation:スクロールバー分の余白40pxを下に取る */
    /* .swiper {*/
    /*    padding-bottom: 40px; */
    /* } */

.prettyprint{
  border: none;
  background: #fafafa;
  color: #697d86;
}



/* paginationを外に出す */
.container {
  margin-inline: auto;
  max-width: 90%;
  position: relative;

  @media screen and (min-width: 768px) {
    margin-inline: 0;
    max-width: 430px;
    position: relative;
    float: left;
  }
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -25px;
}