@charset "UTF-8";

/* スライドショー
------------------------------- */
/* スライドショー
------------------------------- */
/* スライドショー
------------------------------- */

/* ギャラリー
------------------------------- */

/* ①
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 5px;    
  }
  .gallery img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   border-radius: 5px;
  }
*/

/* ② */
/*
 .gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.gallery img {
  max-width: 100%;
  height: 100%;
}
*/

/*③*/
.gallery {
    max-width: 1000px;
    margin: 5px;
}
.gallery li {
    list-style-type: none;
}
.gallery img {
    width: 100%; /* Masonryが自動で配置する */
    display: block;
    border-radius: 5px;
}
/*
.grid img { opacity: 0; transform: scale(.985); transition: opacity .4s, transform .4s; }
.grid img.is-in { opacity: 1; transform: scale(1); }
.new-divider {
  display:block; height:1px; background:#ddd; margin:16px 0; position:relative;
}
.new-divider::after { content:"ここから新着"; position:absolute; top:-10px; left:8px; background:#fff; padding:0 6px; font-size:12px; color:#666; }
.loading { text-align:center; padding:12px; }
.sr-only { position:absolute; left:-9999px; }
@media (prefers-reduced-motion: reduce) { .grid img { transition:none; } }
*/
/*
.box img{
    display: flex;
    border-radius: 10%;
    height: auto;
    width: 100%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin:0 auto;
    min-width :200px;
    max-width: 350px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px
}
*/