@charset "UTF-8";

/* Simple Masonry Flexbox & Vanilla JS ベース設定 */
.js-masonry-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (min-width: 1025px) {
  .js-masonry-list {
    column-gap: 0%;
  }

  .js-masonry-elm {
    width: 20%;
    margin-bottom: 0%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .js-masonry-list {
    column-gap: 0%;
  }

  .js-masonry-elm {
    width: 32.5%;
    margin-bottom: 1%;
  }
}

@media only screen and (min-width: 451px) and (max-width: 600px) {
  .js-masonry-list {
    column-gap: 0%;
  }

  .js-masonry-elm {
    width: 50%;
    margin-bottom: 0%;
  }
}

@media only screen and (max-width: 450px) {
  .js-masonry-elm {
    width: 100%;
    margin-bottom: 0px;
  }
}