.pstory{display:grid;gap:var(--sp-stage)}.pstory__block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-7);align-items:center}.pstory__block--flip .pstory__media{order:2}.pstory__media{position:relative}.pstory__media img{width:100%;aspect-ratio:3 / 2;object-fit:cover;position:relative;z-index:1}.pstory__media .illus{position:absolute;z-index:2;width:34%;right:-6%;bottom:-14%;aspect-ratio:auto;object-fit:contain}.pstory h3{font-family:var(--cp-font-mincho);font-size:var(--fs-sub);letter-spacing:.1em;line-height:1.6;margin-bottom:16px}.pstory .k{font-family:var(--cp-font-latin);font-size:17px;letter-spacing:.08em;margin-bottom:6px;display:block}.pstory__steps{list-style:none;display:grid;gap:0}.pstory__steps li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--cp-color-rule-on-paper)}.pstory__steps .n{font-family:var(--cp-font-latin);font-size:40px;line-height:1}.courses{width:100%;border-collapse:collapse;font-size:15px;background:var(--cp-color-surface)}.courses th,.courses td{padding:12px 14px;border-bottom:1px solid var(--cp-color-rule-sub);text-align:left}.courses td.r{text-align:right;font-family:var(--cp-font-latin);font-size:17px;white-space:nowrap}.courses tr[aria-current=true]{background:var(--cp-color-notice-soft)}@media(max-width:600px){.courses td.r .price__tax{display:block}}@media(max-width:900px){.pstory__block{grid-template-columns:1fr;gap:var(--sp-4)}.pstory__block--flip .pstory__media{order:0}}.pstory__block--full,.pstory__block--singles{grid-template-columns:minmax(0,1fr)}.pstory__block--singles .pstory__singles{position:relative}.pstory__block--singles .pstory__singles-wash{position:absolute;z-index:0;top:-90px;right:-60px;width:420px;height:auto;opacity:.4;pointer-events:none}.pstory__block--singles .pstory__singles-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--sp-6) 28px;align-items:end;margin-bottom:var(--sp-7)}.pstory__block--singles .pstory__singles-head h3{margin-bottom:0}.pstory__block--singles .pstory__singles-br{display:none}.pstory__block--singles .pstory__singles-lead{font-size:var(--fs-small);line-height:2}.pstory__block--singles .pstory__singles-grid{position:relative;z-index:1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6) 28px;padding-top:28px}.pstory__block--singles .pstory__singles-grid>li{display:flex}.pstory__block--singles .pstory__single{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:296px;padding:28px 28px 26px;background:var(--cp-color-surface);border-radius:var(--cp-radius-card);color:var(--cp-color-ink);text-decoration:none}.pstory__block--singles .pstory__single-illus{position:absolute;top:-52px;right:14px;width:190px;height:204px;object-fit:contain;object-position:right top;pointer-events:none;transition:transform var(--dur-slow) var(--ease-circ-out)}.pstory__block--singles .pstory__single-tags{position:absolute;top:24px;left:28px;display:flex;flex-wrap:wrap;gap:6px}.pstory__block--singles .badge{font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.7;padding:1px 10px;border:1px solid var(--cp-color-rule-sub);border-radius:999px;background:var(--cp-color-surface);white-space:nowrap}.pstory__block--singles .badge--soldout{background:var(--cp-color-ink);border-color:var(--cp-color-ink);color:var(--cp-color-ink-inverse)}.pstory__block--singles .pstory__single-en{font-family:var(--cp-font-latin);font-size:14px;letter-spacing:.08em;color:var(--cp-color-ink)}.pstory__block--singles .pstory__single-name{font-family:var(--cp-font-mincho);font-size:24px;letter-spacing:.1em;line-height:1.5;margin-top:2px;word-break:keep-all;overflow-wrap:anywhere}.pstory__block--singles .pstory__single-catch{font-size:14px;line-height:1.85;margin-top:10px;padding-right:32px;word-break:keep-all;overflow-wrap:anywhere}.pstory__block--singles .pstory__single-go{position:absolute;right:26px;bottom:24px;font-family:var(--cp-font-latin);font-size:18px;line-height:1;transition:transform var(--dur-base) var(--ease-text)}.pstory__block--singles a.pstory__single:hover .pstory__single-go{transform:translate(4px)}.pstory__block--singles a.pstory__single:hover .pstory__single-illus{transform:rotate(-4deg)}.pstory__block--singles a.pstory__single:focus-visible{outline:2px solid var(--cp-color-focus);outline-offset:3px}.pstory__block--singles .pstory__single-tags:is(:lang(en),:lang(zh)){position:static;align-self:flex-start;flex-shrink:0;margin-bottom:auto;padding-bottom:12px}.pstory__block--singles .pstory__single--current{background:transparent;box-shadow:inset 0 0 0 1px var(--cp-color-rule-sub)}.pstory__block--singles .pstory__single--soldout .pstory__single-illus{opacity:.45;filter:grayscale(.5)}@media(max-width:900px){.pstory__block--singles .pstory__singles-head{grid-template-columns:minmax(0,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.pstory__block--singles .pstory__singles-br{display:inline}.pstory__block--singles .pstory__singles-wash{width:200px;top:-40px;right:-20px;opacity:.3}.pstory__block--singles .pstory__singles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px;padding-top:18px}.pstory__block--singles .pstory__single{min-height:244px;padding:16px 13px 14px}.pstory__block--singles .pstory__single-illus{top:-26px;right:6px;width:104px;height:116px}.pstory__block--singles .pstory__single-tags{top:14px;left:13px;flex-direction:column;align-items:flex-start;gap:4px}.pstory__block--singles .badge{font-size:12px;padding:0 8px}.pstory__block--singles .pstory__single-en{font-size:12px;letter-spacing:.04em}.pstory__block--singles .pstory__single-name{font-size:17px;letter-spacing:.03em;line-height:1.45;word-break:normal;text-wrap:balance}.pstory__block--singles .pstory__single-catch{font-size:13px;line-height:1.75;margin-top:6px;padding-right:0;word-break:normal;text-wrap:pretty}.pstory__block--singles .pstory__single-go{position:static;align-self:flex-end;margin-top:6px;font-size:16px}}@media(prefers-reduced-motion:reduce){.pstory__block--singles .pstory__single-illus,.pstory__block--singles .pstory__single-go{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/product-story.css.map */