@charset "UTF-8";

.lp_wrap .procyanidin .goods {
  position: absolute;
  top: 44%;
  left: 34.4%;
  width: 31.2%;
  z-index: 1;
}
.lp_wrap .procyanidin .icon li {
  position: absolute;
  opacity: 0;
}
.lp_wrap .procyanidin .icon li:nth-child(1) {
  top: 34.45%;
  left: 32.7%;
  width: 34.267%;
  transition: 1s;
}
.lp_wrap .procyanidin .icon li:nth-child(2) {
  top: 44.3%;
  left: 61.3%;
  width: 34.133%;
  transition: 1s 0.3s;
}
.lp_wrap .procyanidin .icon li:nth-child(3) {
  top: 58.5%;
  left: 52%;
  width: 34.133%;
  transition: 1s 0.6s;
}
.lp_wrap .procyanidin .icon li:nth-child(4) {
  top: 58.5%;
  left: 14.5%;
  width: 34.133%;
  transition: 1s 0.9s;
}
.lp_wrap .procyanidin .icon li:nth-child(5) {
  top: 44.3%;
  left: 4.5%;
  width: 34.133%;
  transition: 1s 1.2s;
}
.lp_wrap .procyanidin .icon li.trigger.move,
.lp_wrap .procyanidin .icon li.trigger.move ~ li {
  opacity: 1;
}