#illust h2{padding:1em 0;}

#illust .container img {border:4px solid #fff;
  width: 100%;
  vertical-align: bottom;
  transition: 0.2s;
box-shadow:2px 2px 10px rgba(137,105,127,0.2);
}
#illust .container img:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.container {
  margin: 0 auto 1em;
  width:100%;
  column-count: 3;
  column-gap: 0;
}

.grid { font-size:90%;
  padding:10px 12px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.hname{padding:.4em 0 0; display:inline-block;}


@media (max-width: 767px) {
  .container {
    column-count: 2;
  }

#illust .container img {border:3px solid #fff;}

#illust h2{padding:.5em 0; font-size:4vw;}
.grid {padding:5px 8px 5px;}
}