@charset "utf-8";
/* CSS Document */

ul.sample{
  /* Prevent vertical gaps */
  width:98%;
  max-width: 800px;
  margin: 0px auto;
  line-height: 0;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  column-count: 3;
  column-gap: 0px;
  list-style: none;
  padding: 0 10px; /* 左右に10pxのpaddingを追加 */
}

@media (max-width: 600px) {
  ul.sample {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

ul.sample li{
  margin: 0;
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

ul.sample li img{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; /* 修正: border-bからborder-boxに変更 */
  border: solid #fff 1px;
}