@charset "utf-8";

.p-img_list {
  display: flex;
  flex-wrap: wrap;
}
.p-img_list li {
  margin-right: 10px;
  width: calc((100% - 30px) / 4);
}
.p-img_list li:nth-child(4n) {
  margin-right: 0;
}
.p-img_list li:nth-child(n+5) {
  margin-top: 10px;
}
.p-img_list li a {
  display: block;
}
.p-img_list li img {
  width: 100%;
}
@media only screen and (min-width:769px) {
  .p-img_list li a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:768px) {
  .p-img_list {
    margin: -5px;
  }
  .p-img_list li {
    margin: 5px!important;
    width: calc((100% - 20px) / 2);
  }
}