@charset 'utf-8';
/* ======================================================
CSS information

 File Name  : photo.css
 Style Info : 「写真一覧」のCSS
====================================================== */

.grid-item {
  padding: 10px;
  width: 33.3%;
}

.grid-item img {
  display: block;
  opacity: .8;
  width: 100%;
  transition: all .2s ease-in-out;
}

.grid-item img:hover {
  opacity: 1;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media screen and (min-width: 768px) {
}

/* 960px～（パソコン）
------------------------------------------------------ */
@media screen and (min-width: 960px) {
}