.page-lower #visual {
  background-image: url(../images/works/visual.jpg);
}
@media (max-width:768px) {
  .page-lower #visual {
    background-image: url(../images/works/visual.webp);
  }
}

.page-archive #main .list {
  font-size: 0;
}
.page-archive #main .list .item {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
}
.page-archive #main .list .item dt {
  padding: .75em 0;
}
.page-archive #main .list .item .photo {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 75%;
}
.page-archive #main .list .item .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}
.page-archive #main .list .item:hover .photo img {
  transform: scale(1.1);
}
@media (min-width:769px) {
  .page-archive #main .list .item {
    width: 23%;
    margin-left: 2.6666%;
  }
  .page-archive #main .list .item:nth-child(4n+1) {
    margin-left: 0;
  }
  .page-archive #main .list .item:nth-child(n+5) {
    margin-top: 4%;
  }
}
@media (max-width:768px) {
  .page-archive #main .list .item {
    width: 47.5%;
  }
  .page-archive #main .list .item:nth-child(2n+2) {
    margin-left: 5%;
  }
  .page-archive #main .list .item:nth-child(n+3) {
    margin-top: 5%;
  }
  .page-archive #main .list .item dt {
    padding: .5em 0;
  }
}

.page-single #main .body {
  max-width: 890px;
}
.page-single #main .mce-area {
}

.page-single #main .gallery .list {
  font-size: 0;
}
.page-single #main .gallery .list .item {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
}
@media (min-width:769px) {
  .page-single #main .gallery .list .item {
    width: 23%;
    margin-left: 2.6666%;
  }
  .page-single #main .gallery .list .item:nth-child(4n+1) {
    margin-left: 0;
  }
  .page-single #main .gallery .list .item:nth-child(n+5) {
    margin-top: 2.6666%;
  }
}
.page-single #main .gallery .list .item .flex-box {
  padding-top: 66.6666%;
}
@media (max-width:768px) {
  .page-single #main .gallery .list .item {
    width: 49%;
  }
  .page-single #main .gallery .list .item:nth-child(2n+2) {
    margin-left: 2%;
  }
  .page-single #main .gallery .list .item:nth-child(n+3) {
    margin-top: 2%;
  }
}

.page-single #main .drawing .list {
  font-size: 0;
}
.page-single #main .drawing .list .item {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
}
@media (min-width:769px) {
  .page-single #main .drawing .list .item {
    width: 30%;
    margin-left: 5%;
  }
  .page-single #main .drawing .list .item:nth-child(3n+1) {
    margin-left: 0;
  }
  .page-single #main .drawing .list .item:nth-child(n+4) {
    margin-top: 5%;
  }
}
@media (max-width:768px) {
  .page-single #main .drawing .list .item {
    width: 49%;
  }
  .page-single #main .drawing .list .item:nth-child(2n+2) {
    margin-left: 2%;
  }
  .page-single #main .drawing .list .item:nth-child(n+3) {
    margin-top: 2%;
  }
}

@media (min-width:769px) {
  .page-single #main .movie .list {
    font-size: 0;
  }
  .page-single #main .movie .list .item {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  .page-single #main .movie .list .item:nth-child(2n+2) {
    margin-left: 4%;
  }
  .page-single #main .movie .list.col-2 .item {
    width: 48%;
    margin: 0;
  }
  .page-single #main .movie .list.col-2 .item:nth-child(2n+2) {
    margin-left: 4%;
  }
  .page-single #main .movie .list.col-2 .item:nth-child(n+3) {
    margin-top: 4%;
  }
  .page-single #main .movie .list.col-3 .item {
    width: 32%;
    margin-left: 2%;
  }
  .page-single #main .movie .list.col-3 .item:nth-child(3n+1) {
    margin-left: 0;
  }
  .page-single #main .movie .list.col-3 .item:nth-child(n+4) {
    margin-top: 2%;
  }
}
@media (max-width:768px) {
  .page-single #main .movie .list .item ~ .item {
    margin-top: 20px;
  }
}