@charset "UTF-8";
.ingredients .ingredientsList {
  display: flex;
  flex-flow: row wrap;
  margin-top: -2.4rem;
}

.ingredients .ingredientsList__item {
  position: relative;
  overflow: hidden;
  width: calc((100% - 7.2rem) / 4);
  margin-top: 2.4rem;
  margin-left: 2.4rem;
}

.ingredients .item__link {
  cursor: pointer;
}

.ingredients .item__pic {
  width: 100%;
  height: auto;
}

.ingredients .item__desc {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.ingredients .desc__titleJa, .desc__effect {
  font-size: 16px;
  font-weight: 600;
}

.ingredients .desc__titleEn {
  font-family: "TTCommons-Regular", sans-serif;
  font-size: 1.4rem;
}

.ingredients .textColor--white {
  color: #ffffff;
}

@media screen and (min-width: 769px) {
  .ingredients .ingredientsList__item:nth-child(4n + 1) {
    margin-left: 0;
  }
  .ingredients .item__pic {
    transition-duration: 1s;
  }
  .ingredients .item__link:hover .item__pic {
    transition-duration: 1s;
    transform: scale(1.1);

    opacity: 0.7;
  }
  .ingredients .desc__titleJa, .desc__effect {
    font-weight: 600;
  }
}

@media screen and (max-width: 768px) {
  .ingredients .ingredientsList {
    margin-top: -2.4rem;
  }
  .ingredients .ingredientsList__item {
    width: calc((100% - 1.6rem) / 2);
    margin-top: 1.6rem;
    margin-left: 1.6rem;
  }
  .ingredients .ingredientsList__item:nth-child(2n + 1) {
    margin-left: 0;
  }
}