/** Shopify CDN: Minification failed

Line 45:18 Unexpected "{"
Line 45:27 Expected ":"
Line 45:33 Unexpected ","
Line 46:18 Unexpected "{"
Line 46:27 Expected ":"
Line 47:18 Unexpected "{"
Line 47:27 Expected ":"
Line 48:18 Unexpected "{"
Line 48:27 Expected ":"
Line 49:18 Unexpected "{"
... and 21 more hidden warnings

**/

@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");
/*

リニューアルされたLPにしかないセクションのglobal css
今後サイト全体のリニューアルに合わせて、これをtheme.cssのような形に持っていきたい
2026年4月13日

LPにしかない新規セクション
featured-collection以外は新規作成+topにしかなかった既存セクションを編集


  lp-renewal.css
  リニューアルLP専用の共通CSS 
*/
.lp-renewal .section-spacing,
.lp-renewal .section,
.lp-renewal .section-stack,
.lp-renewal  {
  margin: 0;
  padding: 0;
  gap:0;
}

.lp-renewal .container {
  padding-inline: 0;
}


#shopify-section-{{ section.id }},
#shopify-section-{{ section.id }} .lp-renewal,
#shopify-section-{{ section.id }} .section-spacing,
#shopify-section-{{ section.id }} .color-scheme,
#shopify-section-{{ section.id }} .container {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#shopify-section-{{ section.id }}::before,
#shopify-section-{{ section.id }}::after,
#shopify-section-{{ section.id }} .lp-renewal::before,
#shopify-section-{{ section.id }} .lp-renewal::after,
#shopify-section-{{ section.id }} .section-spacing::before,
#shopify-section-{{ section.id }} .section-spacing::after,
#shopify-section-{{ section.id }} .color-scheme::before,
#shopify-section-{{ section.id }} .color-scheme::after,
#shopify-section-{{ section.id }} .container::before,
#shopify-section-{{ section.id }} .container::after {
  display: none !important;
  content: none !important;
}

.lp-renewal {
  /* layout */
  --lp-space-page-x-large:clamp(120px, 13.125vw, 189px);
  --lp-space-page-x: clamp(20px, 5.556vw, 80px);
  --lp-title-padding: 64px;
  --lp-section-gap:80px;
  --lp-space-section-bottom: 48px;
  --lp-component-gap: 32px;
  --lp-text-row-gap:16px;
  --lp-column-gap:12px;

  /* fonts */
  --lp-font-en: "Inter", sans-serif;
  --lp-font-ja: "Hiragino Sans", sans-serif;

  /* typography: Display */
  --lp-display-size: 48px;
  --lp-display-weight: 400;
  --lp-display-lh: 1.1;
  --lp-display-tracking: 0.06em;

  /* typography: H1 */
  --lp-h1-size: 38px;
  --lp-h1-weight: 400;
  --lp-h1-lh: 1.2;
  --lp-h1-tracking: 0.06em;

  /* typography: H2 */
  --lp-h2-size: 28px;
  --lp-h2-weight: 400;
  --lp-h2-lh: 1.3;
  --lp-h2-tracking: 0.06em;

  /* typography: H3 */
  --lp-h3-size: 20px;
  --lp-h3-weight: 400;
  --lp-h3-lh: 1.35;
  --lp-h3-tracking: 0.06em;

  /* typography: body l */
  --lp-body-l-size: 14px;
  --lp-body-l-weight: 400;
  --lp-body-l-lh: 1.7;
  --lp-body-l-lh-en:1.5;
  --lp-body-l-tracking: 0.06em;

  /* typography: body m */
  --lp-body-m-size: 12px;
  --lp-body-m-weight: 400;
  --lp-body-m-lh: 1.5;
  --lp-body-m-tracking: 0.06em;

  /* typography: body s */
  --lp-body-s-size: 11px;
  --lp-body-s-weight: 400;
  --lp-body-s-lh: 1.5;
  --lp-body-s-tracking: 0.06em;

  /* typography: caption */
  --lp-caption-size:10px;
  --lp-caption-weight: 400;
  --lp-caption-lh: 1.4;
  --lp-caption-tracking: 0.06em;

  /* typography: label */
  --lp-label-size: 12px;
  --lp-label-weight: 400;
  --lp-label-lh: 1.4;
  --lp-label-tracking: 0.06em;


  /* color*/
  --color-grey-01:#5A5A5A;
  --color-grey-02:#7F7F7F;
  --color-grey-03:#AAAAAA;
  --color-grey-04:#DFDFDF;
  --color-lp-bg:#EFEFEF;


}

/* =========================
  Components / Button
========================= */
.lp-btn,
.lp-btn:link,
.lp-btn:visited,
.lp-btn:hover,
.lp-btn:focus {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;

  height: 43px;
  padding: 12px 16px 12px 32px;
  gap: 24px;

  background: var(--color-grey-04);
  color: #000;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.lp-btn__text {
  font-size: var(--lp-body-l-size);
  font-weight: var(--lp-body-l-weight);
  line-height: var(--lp-body-l-lh);
  letter-spacing: var(--lp-body-l-tracking);
  color: inherit;
}

.lp-btn__icon {
  flex: 0 0 auto;
  width: 5px;
  aspect-ratio: 5 / 7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lp-btn__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.lp-btn__icon svg path {
  stroke: currentColor;
  stroke-width: 0.7;
  fill: none;
  vector-effect: non-scaling-stroke;
}

.lp-btn:hover {
  background: #000;
  color: #fff;
}

@media screen and (min-width: 700px) and (max-width: 1024px) {
  .lp-renewal {
    --lp-title-padding: 40px;
    --lp-space-page-x: 32px;
    --lp-element-gap: 16px;
    --lp-element-gutter: 20px;

    --lp-display-size: 64px;
    --lp-display-lh: 1.3;

    --lp-h1-size: 40px;
    --lp-h2-size: 24px;
    --lp-h3-size: 18px;

    --lp-body-l-size: 15px;
    --lp-body-m-size: 13px;
    --lp-body-s-size: 11px;

    --lp-caption-size: 10px;
    --lp-label-size: 12px;
  }
}

@media screen and (max-width: 699px) {
  .lp-renewal {
    --lp-title-padding : 32px;
    --lp-space-page-x: 20px;
    --lp-element-gap:12px;
    --lp-element-gutter:16px;

    --lp-display-size: 48px;
    --lp-display-lh: 1.3;

    --lp-h1-size: 32px;
    --lp-h2-size: 20px;
    --lp-h3-size: 16px;

    --lp-body-l-size: 13px;
    --lp-body-m-size: 12px;
    --lp-body-s-size: 10px;

    --lp-caption-size: 8px;
    --lp-label-size: 10px;
  }

  .lp-btn,
  .lp-btn:link,
  .lp-btn:visited,
  .lp-btn:hover,
  .lp-btn:focus {
    height: 34px;
    padding: 8px 12px 8px 24px;
    gap: 16px;
  }
}

/* =========================
  FONTS
========================= */



/* English headings */
.lp-t-display,
.lp-t-h1,
.lp-t-h2,
.lp-t-h3 {
  font-family: var(--lp-font-en);
}

/* Japanese body */
.lp-t-body-l,
.lp-t-body-m,
.lp-t-body-s,
.lp-t-caption,
.lp-t-label {
  font-family: var(--lp-font-ja);
}

.lp-t-display {
  font-size: var(--lp-display-size);
  font-weight: var(--lp-display-weight);
  line-height: var(--lp-display-lh);
  letter-spacing: var(--lp-display-tracking);
}

.lp-t-h1 {
  font-size: var(--lp-h1-size);
  font-weight: var(--lp-h1-weight);
  line-height: var(--lp-h1-lh);
  letter-spacing: var(--lp-h1-tracking);
}

.lp-t-h2 {
  font-size: var(--lp-h2-size);
  font-weight: var(--lp-h2-weight);
  line-height: var(--lp-h2-lh);
  letter-spacing: var(--lp-h2-tracking);
}

.lp-t-h3 {
  font-size: var(--lp-h3-size);
  font-weight: var(--lp-h3-weight);
  line-height: var(--lp-h3-lh);
  letter-spacing: var(--lp-h3-tracking);
}

.lp-t-body-l {
  font-size: var(--lp-body-l-size);
  font-weight: var(--lp-body-l-weight);
  line-height: var(--lp-body-l-lh);
  letter-spacing: var(--lp-body-l-tracking);
}

.lp-t-body-l-en {
  font-size: var(--lp-body-l-size);
  font-weight: var(--lp-body-l-weight);
  line-height: var(--lp-body-l-lh-en);
  letter-spacing: var(--lp-body-l-tracking);
}


.lp-t-body-m {
  font-size: var(--lp-body-m-size);
  font-weight: var(--lp-body-m-weight);
  line-height: var(--lp-body-m-lh);
  letter-spacing: var(--lp-body-m-tracking);
}

.lp-t-body-s {
  font-size: var(--lp-body-s-size);
  font-weight: var(--lp-body-s-weight);
  line-height: var(--lp-body-s-lh);
  letter-spacing: var(--lp-body-s-tracking);
}

.lp-t-caption {
  font-size: var(--lp-caption-size);
  font-weight: var(--lp-caption-weight);
  line-height: var(--lp-caption-lh);
  letter-spacing: var(--lp-caption-tracking);
}

.lp-t-label {
  font-size: var(--lp-label-size);
  font-weight: var(--lp-label-weight);
  line-height: var(--lp-label-lh);
  letter-spacing: var(--lp-label-tracking);
}