@charset "UTF-8";

#GP261002 .lp-page--items {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 910;
  --sp-artboard-width: 750;
  --ratio: 1;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #3a3a3a;
  --color-bg: #fff;
  --color-accent: #64b932;
  --font-base: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --font-en: "dunbar-text", "Hiragino Sans", sans-serif;
}

@media (min-width: 1401px) {
  #GP261002 .lp-page--items {
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #GP261002 .lp-page--items {
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #GP261002 .lp-page--items {
    --variable: calc(100vw / var(--sp-width));
  }
}

#GP261002 .lp-page--items * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#GP261002 .lp-page--items :where(img) {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#GP261002 .lp-page--items :where(h2, h3, p, ul) {
  margin: 0;
  padding: 0;
}

#GP261002 .lp-page--items :where(li) {
  list-style: none;
}

#GP261002 .lp-page--items :where(a) {
  color: inherit;
  text-decoration: none;
}

#GP261002 .lp-page--items :where(section) {
  display: flow-root;
}

#GP261002 .lp-page--items {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.025em;
}

#GP261002 .lp-page--items .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #GP261002 .lp-page--items .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

#GP261002 .lp-items {
  position: relative;
  padding-top: calc(60 * var(--formula));
  padding-bottom: calc(150 * var(--formula));
}

#GP261002 .lp-items__heading {
  position: absolute;
  clip-path: inset(50%);
  white-space: nowrap;
}

#GP261002 .lp-items__list {
  display: grid;
  grid-template-columns: repeat(2, calc(300 * var(--formula)));
  column-gap: calc(50 * var(--formula));
  row-gap: calc(53 * var(--formula));
  align-items: start;
  margin-left: calc(50 * var(--formula));
}

#GP261002 .lp-items__list--bag {
  margin-top: calc(53 * var(--formula));
}

#GP261002 .lp-items__list--goods {
  margin-top: calc(56 * var(--formula));
}

#GP261002 .lp-items__link {
  display: flow-root;
}

#GP261002 .lp-items__name {
  margin-top: calc(35 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
  white-space: normal;
}

#GP261002 .lp-items__price {
  width: calc(175 * var(--formula));
  margin-top: calc(7 * var(--formula));
  margin-left: calc(63 * var(--formula));
  font-size: calc(28 * var(--formula));
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
  white-space: nowrap;
}

#GP261002 .lp-items__card--cardigan .lp-items__price,
#GP261002 .lp-items__card--longsleeve-set .lp-items__price {
  margin-top: calc(4 * var(--formula));
}

#GP261002 .lp-items__card--pullover .lp-items__price {
  margin-top: calc(6 * var(--formula));
}

#GP261002 .lp-items__tax {
  font-size: calc(20 * var(--formula));
  letter-spacing: 0.025em;
}

#GP261002 .lp-items__pagelink {
  margin-top: calc(143 * var(--formula));
  margin-left: calc(50 * var(--formula));
  color: var(--color-accent);
  font-family: var(--font-en);
  font-size: calc(38 * var(--formula));
  font-weight: 700;
  line-height: 1.0592;
  letter-spacing: 0.02em;
}

#GP261002 .lp-items__pagelink-item--item {
  margin-top: calc(45 * var(--formula));
}

#GP261002 .lp-items__pagelink-link {
  display: flex;
  align-items: flex-start;
  width: fit-content;
}

#GP261002 .lp-items__pagelink-icon {
  flex-shrink: 0;
  width: calc(40 * var(--formula));
}

#GP261002 .lp-items__pagelink-text {
  width: calc(200 * var(--formula));
  margin-left: calc(25 * var(--formula));
  white-space: pre;
}

@media (min-width: 768px) {
  #GP261002 .lp-items {
    padding-top: calc(50 * var(--formula));
    padding-bottom: calc(140 * var(--formula));
  }

  #GP261002 .lp-items__list {
    grid-template-columns: repeat(3, calc(270 * var(--formula)));
    column-gap: calc(50 * var(--formula));
    row-gap: calc(50 * var(--formula));
    margin-left: 0;
  }

  #GP261002 .lp-items__list--bag {
    margin-top: calc(49 * var(--formula));
  }

  #GP261002 .lp-items__list--goods {
    margin-top: calc(50 * var(--formula));
  }

  #GP261002 .lp-items__name {
    margin-top: calc(17 * var(--formula_pc));
    font-size: calc(13 * var(--formula_pc));
    letter-spacing: 0.05em;
  }

  #GP261002 .lp-items__price {
    margin-top: calc(10 * var(--formula));
    margin-left: calc(48 * var(--formula));
    font-size: calc(13 * var(--formula));
    line-height: 1;
  }

  #GP261002 .lp-items__card--cardigan .lp-items__price {
    margin-top: calc(10 * var(--formula));
  }

  #GP261002 .lp-items__card--longsleeve-set .lp-items__name {
    margin-top: calc(16 * var(--formula));
  }

  #GP261002 .lp-items__card--longsleeve-set .lp-items__price {
    margin-top: calc(11 * var(--formula));
  }

  #GP261002 .lp-items__card--pullover .lp-items__price {
    margin-top: calc(7 * var(--formula));
  }

  #GP261002 .lp-items__card--charm .lp-items__price,
  #GP261002 .lp-items__card--bear-pouch .lp-items__price,
  #GP261002 .lp-items__card--pouch .lp-items__price,
  #GP261002 .lp-items__card--towel .lp-items__price {
    margin-top: calc(7 * var(--formula));
  }

  #GP261002 .lp-items__tax {
    font-size: calc(10 * var(--formula));
  }

  #GP261002 .lp-items__pagelink {
    display: flex;
    margin-top: calc(129 * var(--formula));
    margin-left: calc(248 * var(--formula));
    font-size: calc(24 * var(--formula));
    line-height: 1.845;
  }

  #GP261002 .lp-items__pagelink-item--item {
    margin-top: 0;
    margin-left: calc(80 * var(--formula));
  }

  #GP261002 .lp-items__pagelink-icon {
    width: calc(22 * var(--formula));
    margin-top: calc(11 * var(--formula));
  }

  #GP261002 .lp-items__pagelink-text {
    width: calc(125 * var(--formula));
    margin-left: calc(20 * var(--formula));
  }
}

#GP261002 .lp-page--items .lp-deco {
  pointer-events: none;
}