@media screen and (max-width: 960.98px) {
  .mainArea .shopArea {
    padding-block: clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px) clamp(0px, calc(0px + (90 * max(0px, ((100dvw - 0px) / (768))))), 90px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .shopArea {
    padding-block: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (960))))), 58px) clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (960))))), 95px);
  }
}
.mainArea .shopArea .l-header {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .shopArea .l-header {
    row-gap: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .shopArea .l-header {
    row-gap: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.mainArea .shopArea .l-header .l-icon {
  order: -1;
}
.mainArea .shopArea .l-header .l-icon img {
  width: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .shopArea .l-header .l-icon img {
    height: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (768))))), 106px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .shopArea .l-header .l-icon img {
    height: clamp(0px, calc(0px + (68 * max(0px, ((100dvw - 0px) / (960))))), 68px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .shopArea .mainArea_primarySection_summary {
    text-align: left;
  }
}
.mainArea .shopArea .mainArea_primarySection_summary .l-highlight {
  color: #E3148A;
}
.mainArea .shopArea .l-footer {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .shopArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    grid-auto-rows: 1fr;
    row-gap: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px);
    margin-top: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .shopArea .l-footer {
    grid-template-columns: repeat(2, clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px));
    column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px);
    margin-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (960))))), 50px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .shopArea .l-footer .l-button {
    display: grid;
    place-items: center;
    padding-block: .8em;
  }
}

/*# sourceMappingURL=shop.css.map */