.recipe-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.recipe-list a {
  display: block;
}
.recipe-list a:hover {
  text-decoration: none;
}
.recipe-list .list-item {
  flex: 0 0 calc(25% - 30px);
  margin: 15px;
}
.recipe-list .list-item:hover .thumbnail .relative .this_image {
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .recipe-list .list-item {
    flex-basis: calc(100% - 30px);
  }
}
.recipe-list .list-item .thumbnail {
  max-width: 258px;
  margin: 0 auto;
}
.recipe-list .list-item .thumbnail .relative {
  position: relative;
  width: 100%;
  padding-top: 69.7674418605%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.recipe-list .list-item .thumbnail .relative .this_image {
  position: absolute;
  inset: 0;
  transform: scale(1);
  transition: all 0.2s ease-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.recipe-list .list-item .thumbnail .icon_pdf {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-image: url(../img/icon_pdf_w.png);
}
.recipe-list .list-item .thumbnail .icon_out-link {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-image: url(../img/icon_out-link_w.png);
}
.recipe-list .list-item .name {
  text-align: center;
}

/*# sourceMappingURL=011000_page.css.map */