.ProductCard {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: 'Shippori Mincho', serif;
}

.ProductCard-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 360 / 480;
  object-fit: cover;
}

.ProductCard-body {
  margin-top: 0.563rem /* 9px (基準16px) */;
  text-align: left;
  flex: 1 1 auto;
}
.s .ProductCard-body {
  padding: 0px 1.25rem; /* 20px (基準16px) */
}

.ProductCard-category {
  font-size: 0.75rem /* 12px (基準16px) */;
  color: #9e9e9e;
}

.ProductCard-name {
  margin-top: 0.25rem /* 4px (基準16px) */;
  color: #3d3d3d;
  line-height: 1.8;
}

.ProductCard-brand {
  font-size: 0.813rem /* 13px (基準16px) */;
}

.ProductCard-title {
  font-size: 1rem /* 16px (基準16px) */;
}

.ProductCard-price {
  margin-top: 0.25rem /* 4px (基準16px) */;
  font-size: 1rem /* 16px (基準16px) */;
  line-height: 1.8;
}

.ProductCard-price span {
  font-size: 0.625rem /* 10px (基準16px) */;
}

.ProductCard-detail {
  margin-top: 0.375rem /* 6px (基準16px) */;
  aspect-ratio: 10 / 1;
  width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid #bb4953;
  border-radius: 0.188rem /* 3px (基準16px) */;
  font-size: 0.75rem /* 12px (基準16px) */;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bb4953;
}

.s .ProductCard-detail {
  width: 80%;
  margin: 0 auto;
  margin-top: 0.313rem; /* 5px (基準16px) */
  aspect-ratio: 5.5 / 1;
}

.ProductCard-new {
  position: absolute;
  top: 0.5rem /* 8px (基準16px) */;
  left: 0.5rem /* 8px (基準16px) */;
  font-size: min(1.5rem /* 24px (基準16px) */, 1.667vw /* 24px (基準1440px) */);
  width: 23%;
  height: auto;
  aspect-ratio: 1 / 1;
  color: #fff;
  background-color: #bb4953;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.s .ProductCard-new {
  font-size: min(0.75rem /* 12px (基準16px) */, 3.2vw /* 12px (基準375px) */);
}