.container:where(.astro-xzdvr6uw) {
  position: relative;
  z-index: 1;
  padding-bottom: clamp(
    120 * var(--px),
    var(--window-width) / 100 * 3.756px + 105.915 * var(--px),
    160 * var(--px)
  );
  transform: translateZ(0);
}
.image:where(.astro-xzdvr6uw) {
  width: 100%;
}
.image:where(.astro-xzdvr6uw) img {
  width: 100%;
  height: auto;
}
.price:where(.astro-xzdvr6uw) {
  --_price-margin-top: calc(12 * var(--px));
  margin-top: var(--_price-margin-top);
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .price:where(.astro-xzdvr6uw) {
    --_price-margin-top: calc(20 * var(--px));
  }
}
.price:where(.astro-xzdvr6uw) p {
  font-size: calc(1.1 * var(--rem));
  line-height: 1.2;
  color: var(--color-white);
  letter-spacing: 0.05em;
}
.price:where(.astro-xzdvr6uw) p.-pc {
  display: block;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .price:where(.astro-xzdvr6uw) p.-pc {
    display: none;
  }
}
.price:where(.astro-xzdvr6uw) p.-sp {
  display: none;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .price:where(.astro-xzdvr6uw) p.-sp {
    display: block;
  }
}
.price:where(.astro-xzdvr6uw) p .yen {
  font-family: var(--font-family-sans-serif-display);
  letter-spacing: 0.025em;
}
.price:where(.astro-xzdvr6uw) p .num {
  font-family: var(--font-family-sans-serif-display);
  font-size: calc(1.3 * var(--rem));
  letter-spacing: 0.025em;
}
.product01:where(.astro-xzdvr6uw) {
  display: grid;
  grid-template-areas: 'image01' 'price';
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  gap: 0
    clamp(40 * var(--px), var(--window-width) / 100 * 5.952px + -5.711 * var(--px), 80 * var(--px));
}
.product01:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw) {
  grid-area: image01;
}
@media screen and (max-width: max(575px,35.9375rem)) {
  .product01:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw) img {
    aspect-ratio: 375/628;
    object-fit: cover;
    object-position: center;
  }
}
.product01:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
  grid-area: price;
  margin-left: clamp(
    40 * var(--px),
    var(--window-width) / 100 * 5.952px + -5.711 * var(--px),
    80 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product01:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
    margin-inline: calc(20 * var(--px));
  }
}
.product02:where(.astro-xzdvr6uw),
.product03:where(.astro-xzdvr6uw) {
  --_image-margin-top: clamp(
    80 * var(--px),
    var(--window-width) / 100 * 11.905px + -11.43 * var(--px),
    160 * var(--px)
  );
  display: grid;
  grid-template-areas: 'image02 image01' '. price';
  grid-template-rows: auto 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0
    clamp(40 * var(--px), var(--window-width) / 100 * 5.952px + -5.711 * var(--px), 80 * var(--px));
  margin-top: clamp(
    80 * var(--px),
    var(--window-width) / 100 * 7.512px + 51.83 * var(--px),
    160 * var(--px)
  );
  margin-right: clamp(
    20 * var(--px),
    var(--window-width) / 100 * 2.976px + -2.856 * var(--px),
    40 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product02:where(.astro-xzdvr6uw),
  .product03:where(.astro-xzdvr6uw) {
    --_image-margin-top: 0;
    grid-template-areas: 'image01' 'image02' 'price';
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr;
    gap: 0;
    margin-inline: calc(20 * var(--px));
  }
}
.product02:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw),
.product03:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw) {
  grid-area: image01;
}
.product02:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw),
.product03:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw) {
  grid-area: image02;
  margin-top: var(--_image-margin-top);
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product02:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw),
  .product03:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw) {
    margin-top: calc(20 * var(--px));
  }
}
.product02:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw),
.product03:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
  grid-area: price;
  margin-top: calc(-1 * var(--_image-margin-top) + var(--_price-margin-top));
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product02:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw),
  .product03:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
    margin-top: var(--_price-margin-top);
  }
}
.product04:where(.astro-xzdvr6uw),
.product06:where(.astro-xzdvr6uw) {
  display: grid;
  grid-template-areas: 'image01 image02' 'price .';
  grid-template-rows: auto 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0
    clamp(20 * var(--px), var(--window-width) / 100 * 2.976px + -2.856 * var(--px), 40 * var(--px));
  margin-top: clamp(
    80 * var(--px),
    var(--window-width) / 100 * 7.512px + 51.83 * var(--px),
    160 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product04:where(.astro-xzdvr6uw),
  .product06:where(.astro-xzdvr6uw) {
    grid-template-areas: 'image01' 'image02' 'price';
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.product04:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw),
.product06:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw) {
  grid-area: image01;
}
.product04:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw),
.product06:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw) {
  grid-area: image02;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product04:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw),
  .product06:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw) {
    margin-top: calc(20 * var(--px));
  }
}
.product04:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw),
.product06:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
  grid-area: price;
  margin-left: clamp(
    40 * var(--px),
    var(--window-width) / 100 * 5.952px + -5.711 * var(--px),
    80 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product04:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw),
  .product06:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
    margin-inline: calc(20 * var(--px));
  }
}
.product05:where(.astro-xzdvr6uw) {
  --_image-margin-top: clamp(
    80 * var(--px),
    var(--window-width) / 100 * 11.905px + -11.43 * var(--px),
    160 * var(--px)
  );
  display: grid;
  grid-template-areas: 'image01 image02' 'price .';
  grid-template-rows: auto 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0
    clamp(20 * var(--px), var(--window-width) / 100 * 2.976px + -2.856 * var(--px), 40 * var(--px));
  margin-inline: clamp(
    20 * var(--px),
    var(--window-width) / 100 * 2.976px + -2.856 * var(--px),
    40 * var(--px)
  );
  margin-top: clamp(
    80 * var(--px),
    var(--window-width) / 100 * 7.512px + 51.83 * var(--px),
    160 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product05:where(.astro-xzdvr6uw) {
    --_image-margin-top: 0;
    grid-template-areas: 'image01' 'image02' 'price';
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr;
    gap: 0;
    margin-inline: calc(20 * var(--px));
  }
}
.product05:where(.astro-xzdvr6uw) .image01:where(.astro-xzdvr6uw) {
  grid-area: image01;
}
.product05:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw) {
  grid-area: image02;
  margin-top: var(--_image-margin-top);
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product05:where(.astro-xzdvr6uw) .image02:where(.astro-xzdvr6uw) {
    margin-top: calc(20 * var(--px));
  }
}
.product05:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
  grid-area: price;
  margin-top: calc(-1 * var(--_image-margin-top) + var(--_price-margin-top));
  margin-left: clamp(
    20 * var(--px),
    var(--window-width) / 100 * 2.976px + -2.856 * var(--px),
    40 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .product05:where(.astro-xzdvr6uw) .price:where(.astro-xzdvr6uw) {
    margin-top: var(--_price-margin-top);
    margin-left: 0;
  }
}