.san-goods-list.padding {
  padding: 80px 0;
}

.san-goods-list .wpa {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.san-goods-list .lg-04 li {
  width: 32.33%;
  /* margin-left: 1%; */
}

.san-goods-list ul li img {
  width: 100%;
  vertical-align: middle;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  transition: 0.6s all;
}

.san-goods-list {
  background: #f8f8f8;
}

.san-goods-list .title {
  margin: -10px auto 0;
  text-align: center;
}

.san-goods-listcon ul {
  margin-top: 15px;
}

.san-goods-listcon ul li {
  padding: 10px 10px 10px;
  /* margin-top: 30px; */
  background: #fff;
  text-align: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  display: flex;
  flex-direction: column;
}

.san-goods-listcon .lg-04 li:nth-child(4n + 1) {
  margin-left: 0;
}

.san-goods-listcon ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
}

.san-goods-listcon ul li img {
  width: 100%;
}

.san-goods-listcon ul li h3 a,
.san-goods-listcon ul li h3 {
  font-family: var(--title-font-family);
  font-weight: 700;
  margin-top: 10px;
  font-size: clamp(15px, 1.15vw, 22px);
}

.san-goods-listcon ul li p {
  /* margin-top: 10px; */
  padding: 10px 0;
}

.san-goods-listcon ul li p b {
  font-weight: 100;
  color: var(--color-primary);
}

@media screen and (max-width: 960px) {
  .san-goods-listcon .lg-04 li {
    width: 49%;
    margin-bottom: 15px;
  }
  .san-goods-list.padding {
    padding: 30px 0;
}
}

@media screen and (max-width: 480px) {
  .san-goods-listcon .lg-04 li {
    width: 100%;
  }

}