@charset "UTF-8";

.product__inner {
  display: grid;
  grid-template-columns: minmax(2rem, auto) minmax(auto, 1280px) minmax(2rem, auto);
}

.product__inner > * {
  grid-column: 2;
}

.product__head {
  font-size: clamp(1.5rem,3.125vw,2.5rem);
  font-family: "Noto Serif Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}

.product__body {
  margin: 2rem 0 0;
}

.product__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 405px));
  justify-content: center;
  gap: 2rem;
}

.product__img {
  position: relative;
}

.product__img::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.product__img img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
  position: absolute;
  top: 0;
}

.product__dl {
  margin: 1.5rem 0 0;
}

.product__dt {
  font-size: clamp(1.2rem,1.75vw,1.4rem);
  color: #e2680d;
  border-bottom: 1px solid #e2680d;
  line-height: 1.5;
}

.product__text {
  display: block;
  width: minmax(auto, max-content);
  border-bottom: 1px dashed #e2680d;
  margin: 0.5rem 0;
  font-size: clamp(0.875rem,1.25vw,1rem);
}

.product__notes {
  font-size: clamp(0.625rem,1vw,0.875rem);
}