{"product_id":"synergy-piecepure-shampoo","title":"Synergy piecepure shampoo","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400\u0026family=Noto+Serif+JP:wght@300;400;500\u0026family=Zen+Kaku+Gothic+New:wght@300;400;500\u0026display=swap');\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   カラー変数・リセット\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-wrap {\n  --spp-main:       #FFFBF8;\n  --spp-main-dark:  #F5EFE6;\n  --spp-sub:        #8E7947;\n  --spp-sub-light:  #B09860;\n  --spp-sub-pale:   #F0E8D4;\n  --spp-accent:     #0d1b2e;\n  --spp-text:       #1a1a1a;\n  --spp-muted:      #7a7060;\n  --spp-border:     #D9CEBC;\n  --spp-font-en:    'Cormorant Garamond', serif;\n  --spp-font-jp:    'Noto Serif JP', serif;\n  --spp-font-ui:    'Zen Kaku Gothic New', sans-serif;\n \n  background: var(--spp-main);\n  color: var(--spp-text);\n  font-family: var(--spp-font-ui);\n  font-weight: 300;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n \n\/* Shopifyの見出しスタイルを上書き *\/\n.spp-wrap h1,\n.spp-wrap h2,\n.spp-wrap h3,\n.spp-wrap h4,\n.spp-wrap h5,\n.spp-wrap h6 {\n  font-size: revert !important;\n  font-weight: revert !important;\n  line-height: revert !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: revert !important;\n  color: revert !important;\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1;\n}\n \n.spp-wrap *,\n.spp-wrap *::before,\n.spp-wrap *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n \n.spp-wrap a { text-decoration: none; }\n.spp-wrap img { max-width: 100%; height: auto; display: block; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   共通部品\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-label {\n  font-family: var(--spp-font-en) !important;\n  font-size: 11px !important;\n  letter-spacing: 0.45em !important;\n  color: var(--spp-sub) !important;\n  text-transform: uppercase;\n  display: block !important;\n  text-align: center;\n  margin-bottom: 10px !important;\n}\n \n.spp-title {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 22px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  text-align: center;\n  line-height: 1.55 !important;\n  margin-bottom: 6px !important;\n}\n \n.spp-rule {\n  width: 36px;\n  height: 1px;\n  background: var(--spp-sub);\n  margin: 0 auto 32px;\n}\n \n.spp-section      { padding: 64px 24px; background: var(--spp-main); }\n.spp-section-alt  { padding: 64px 24px; background: var(--spp-main-dark); }\n.spp-divider      { height: 1px; background: linear-gradient(to right, transparent, var(--spp-sub), transparent); opacity: 0.4; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ボタン\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-btn {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 320px;\n  padding: 18px 24px;\n  background: var(--spp-accent);\n  color: var(--spp-main) !important;\n  font-family: var(--spp-font-jp) !important;\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  letter-spacing: 0.12em;\n  border: none;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n.spp-btn:active { opacity: 0.85; }\n.spp-btn-gold {\n  background: var(--spp-sub);\n  color: var(--spp-main) !important;\n}\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ① HERO\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-hero {\n  background: var(--spp-main);\n  min-height: 100svh;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n \n.spp-hero-rule {\n  height: 3px;\n  background: linear-gradient(to right, var(--spp-accent), var(--spp-sub), var(--spp-accent));\n}\n \n.spp-hero-nav {\n  padding: 20px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n \n.spp-hero-brand {\n  font-family: var(--spp-font-en) !important;\n  font-size: 13px !important;\n  letter-spacing: 0.35em !important;\n  color: var(--spp-accent) !important;\n  text-transform: uppercase;\n  font-weight: 300 !important;\n}\n \n.spp-hero-badge {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  background: var(--spp-sub-pale);\n  border: 1px solid var(--spp-sub);\n  border-radius: 100px;\n  padding: 5px 12px;\n  font-family: var(--spp-font-en);\n  font-size: 10px;\n  letter-spacing: 0.15em;\n  color: var(--spp-sub);\n}\n \n.spp-hero-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px 24px 32px;\n  gap: 24px;\n}\n \n.spp-hero-img {\n  width: 200px;\n  height: auto;\n  opacity: 0;\n  animation: sppFadeUp 0.9s ease 0.3s forwards;\n}\n \n.spp-hero-copy {\n  text-align: center;\n  opacity: 0;\n  animation: sppFadeUp 0.9s ease 0.6s forwards;\n}\n.spp-hero-copy .spp-catch {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 12px !important;\n  font-weight: 300 !important;\n  color: var(--spp-muted) !important;\n  letter-spacing: 0.25em;\n  display: block !important;\n  margin-bottom: 10px !important;\n}\n.spp-hero-copy .spp-main-copy {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 26px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  line-height: 1.5 !important;\n  display: block !important;\n}\n.spp-hero-copy .spp-main-copy em {\n  font-style: normal;\n  color: var(--spp-sub);\n  border-bottom: 1px solid var(--spp-sub);\n  padding-bottom: 1px;\n}\n.spp-hero-copy .spp-sub-copy {\n  display: block !important;\n  margin-top: 12px !important;\n  font-size: 13px !important;\n  color: var(--spp-muted) !important;\n  letter-spacing: 0.15em;\n}\n \n.spp-hero-cta {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  opacity: 0;\n  animation: sppFadeUp 0.9s ease 0.9s forwards;\n}\n \n.spp-scroll {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n}\n.spp-scroll span {\n  font-family: var(--spp-font-en);\n  font-size: 9px;\n  letter-spacing: 0.35em;\n  color: var(--spp-border);\n  text-transform: uppercase;\n}\n.spp-scroll-bar {\n  width: 1px;\n  height: 28px;\n  background: linear-gradient(to bottom, var(--spp-sub), transparent);\n  animation: sppScrollPulse 2s ease infinite;\n}\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ② SOS\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-sos-cards { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }\n \n.spp-sos-card {\n  background: var(--spp-main);\n  border: 1px solid var(--spp-border);\n  border-radius: 6px;\n  padding: 20px;\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n.spp-sos-card.spp-visible { opacity: 1; transform: translateY(0); }\n \n.spp-sos-icon {\n  width: 42px; height: 42px;\n  border-radius: 50%;\n  background: var(--spp-sub-pale);\n  border: 1px solid var(--spp-sub);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n.spp-sos-card h3 {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 15px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  margin-bottom: 5px !important;\n  display: block !important;\n}\n.spp-sos-card p { font-size: 13px; color: var(--spp-muted); line-height: 1.8; }\n \n.spp-sos-resolve {\n  background: var(--spp-accent);\n  border-radius: 6px;\n  padding: 22px 24px;\n  text-align: center;\n}\n.spp-sos-resolve p {\n  font-family: var(--spp-font-jp);\n  font-size: 14px;\n  color: rgba(255,251,248,0.85);\n  line-height: 1.9;\n}\n.spp-sos-resolve strong { color: #F0E8D4; font-weight: 500; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ③ 成分\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-ing-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }\n \n.spp-ing-item {\n  background: var(--spp-main);\n  border-radius: 6px;\n  padding: 20px;\n  border-left: 3px solid var(--spp-sub);\n  border-top: 1px solid var(--spp-border);\n  border-right: 1px solid var(--spp-border);\n  border-bottom: 1px solid var(--spp-border);\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n.spp-ing-item.spp-visible { opacity: 1; transform: translateY(0); }\n \n.spp-ing-item .spp-tag {\n  font-family: var(--spp-font-en);\n  font-size: 9px;\n  letter-spacing: 0.3em;\n  color: var(--spp-sub);\n  text-transform: uppercase;\n  display: block !important;\n  margin-bottom: 6px !important;\n}\n.spp-ing-item h3 {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 15px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  margin-bottom: 6px !important;\n  display: block !important;\n}\n.spp-ing-item p { font-size: 13px; color: var(--spp-muted); line-height: 1.8; }\n \n.spp-science-banner {\n  background: var(--spp-sub-pale);\n  border: 1px solid var(--spp-sub);\n  border-radius: 6px;\n  padding: 22px 24px;\n  text-align: center;\n}\n.spp-science-banner p {\n  font-family: var(--spp-font-jp);\n  font-size: 14px;\n  color: var(--spp-accent);\n  line-height: 1.9;\n}\n.spp-science-banner strong { color: var(--spp-sub); font-weight: 500; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ④ STEPS\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-steps { display: flex; flex-direction: column; gap: 0; margin-top: 32px; }\n \n.spp-step {\n  display: grid;\n  grid-template-columns: 52px 1fr;\n  gap: 16px;\n  align-items: flex-start;\n  padding: 22px 0;\n  border-bottom: 1px solid var(--spp-border);\n  opacity: 0;\n  transform: translateX(-14px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n.spp-step.spp-visible { opacity: 1; transform: translateX(0); }\n.spp-step:last-child { border-bottom: none; }\n \n.spp-step-num {\n  width: 52px; height: 52px;\n  border-radius: 50%;\n  border: 1px solid var(--spp-sub);\n  background: var(--spp-sub-pale);\n  display: flex; flex-direction: column;\n  align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.spp-step-num .spp-sl { font-family: var(--spp-font-en); font-size: 8px; letter-spacing: 0.2em; color: var(--spp-sub); text-transform: uppercase; }\n.spp-step-num .spp-sn { font-family: var(--spp-font-en); font-size: 22px; color: var(--spp-sub); line-height: 1; }\n \n.spp-step-body h3 {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 15px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  margin-bottom: 7px !important;\n  padding-top: 4px !important;\n  display: block !important;\n}\n.spp-step-body p { font-size: 13px; color: var(--spp-muted); line-height: 1.85; }\n.spp-step-tip {\n  margin-top: 10px;\n  background: var(--spp-main);\n  border-left: 2px solid var(--spp-sub);\n  padding: 9px 12px;\n  font-size: 12px;\n  color: var(--spp-sub);\n  line-height: 1.7;\n}\n \n.spp-amount-table {\n  margin-top: 32px;\n  border: 1px solid var(--spp-border);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.spp-amount-row {\n  display: flex; align-items: center;\n  padding: 15px 20px;\n  border-bottom: 1px solid var(--spp-border);\n  background: var(--spp-main);\n}\n.spp-amount-row:last-child { border-bottom: none; }\n.spp-amount-row:nth-child(even) { background: var(--spp-main-dark); }\n.spp-amount-label { font-family: var(--spp-font-jp); font-size: 14px; color: var(--spp-muted); flex: 1; }\n.spp-amount-val { font-family: var(--spp-font-en); font-size: 24px; color: var(--spp-sub); }\n.spp-amount-unit { font-size: 11px; color: var(--spp-muted); margin-left: 4px; }\n \n.spp-ng-list { margin-top: 24px; display: flex; flex-direction: column; gap: 10px; }\n.spp-ng-item {\n  display: flex; align-items: center; gap: 12px;\n  padding: 13px 16px;\n  background: var(--spp-main);\n  border: 1px solid #E8D5CC;\n  border-radius: 6px;\n}\n.spp-ng-badge {\n  background: #FFF0EC; color: #C04020;\n  font-family: var(--spp-font-en);\n  font-size: 9px; letter-spacing: 0.1em;\n  padding: 3px 8px; border-radius: 100px; flex-shrink: 0;\n}\n.spp-ng-item span { font-size: 13px; color: var(--spp-muted); }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ⑤ ROADMAP\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-timeline { margin-top: 36px; position: relative; padding-left: 20px; }\n.spp-timeline::before {\n  content: '';\n  position: absolute; left: 6px; top: 8px; bottom: 8px;\n  width: 1px;\n  background: linear-gradient(to bottom, var(--spp-sub), var(--spp-border));\n}\n.spp-tl-item {\n  position: relative; padding-bottom: 32px; padding-left: 22px;\n  opacity: 0; transform: translateX(14px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n.spp-tl-item.spp-visible { opacity: 1; transform: translateX(0); }\n.spp-tl-item:last-child { padding-bottom: 0; }\n \n.spp-tl-dot {\n  position: absolute; left: -28px; top: 4px;\n  width: 14px; height: 14px;\n  border-radius: 50%;\n  background: var(--spp-sub);\n  border: 3px solid var(--spp-main-dark);\n}\n.spp-tl-period {\n  font-family: var(--spp-font-en) !important;\n  font-size: 11px !important;\n  letter-spacing: 0.2em !important;\n  color: var(--spp-sub) !important;\n  margin-bottom: 3px !important;\n  display: block !important;\n}\n.spp-tl-title {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  margin-bottom: 6px !important;\n  display: block !important;\n}\n.spp-tl-desc { font-size: 13px; color: var(--spp-muted); line-height: 1.8; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ⑥ STYLISTS\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-stylist-cards { margin-top: 36px; display: flex; flex-direction: column; gap: 20px; }\n \n.spp-stylist-card {\n  background: var(--spp-main);\n  border: 1px solid var(--spp-border);\n  border-radius: 8px; padding: 22px;\n  opacity: 0; transform: translateY(16px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n.spp-stylist-card.spp-visible { opacity: 1; transform: translateY(0); }\n \n.spp-stylist-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }\n.spp-stylist-avatar {\n  width: 54px; height: 54px;\n  border-radius: 50%;\n  border: 2px solid var(--spp-sub);\n  overflow: hidden; flex-shrink: 0;\n  background: var(--spp-sub-pale);\n  display: flex; align-items: center; justify-content: center;\n  font-family: var(--spp-font-en); font-size: 18px; color: var(--spp-sub);\n}\n.spp-stylist-avatar img { width: 100%; height: 100%; object-fit: cover; }\n.spp-stylist-info h3 {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 15px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  margin-bottom: 3px !important;\n  display: block !important;\n}\n.spp-stylist-info span { font-size: 11px; color: var(--spp-sub); letter-spacing: 0.1em; }\n \n.spp-stylist-quote {\n  font-size: 14px; color: var(--spp-muted); line-height: 1.95;\n  border-left: 2px solid var(--spp-sub);\n  padding-left: 14px;\n}\n.spp-stylist-quote strong { color: var(--spp-accent); font-weight: 500; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ⑦ SET\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-set-formula {\n  background: var(--spp-accent);\n  border-radius: 8px; padding: 28px 24px;\n  text-align: center; margin-bottom: 20px;\n}\n.spp-set-formula p {\n  font-family: var(--spp-font-jp);\n  font-size: 14px; color: rgba(255,251,248,0.85);\n  line-height: 2.1;\n}\n.spp-set-formula strong { color: #F0E8D4; font-weight: 500; }\n \n.spp-set-items { display: flex; flex-direction: column; gap: 12px; }\n.spp-set-item {\n  background: var(--spp-main);\n  border: 1px solid var(--spp-border);\n  border-radius: 8px; padding: 18px 20px;\n  display: flex; gap: 14px; align-items: center;\n  text-decoration: none !important;\n  transition: border-color 0.2s;\n}\n.spp-set-item:hover { border-color: var(--spp-sub); }\n \n.spp-set-badge {\n  width: 42px; height: 42px;\n  border-radius: 50%;\n  background: var(--spp-accent);\n  border: 1px solid var(--spp-sub);\n  display: flex; align-items: center; justify-content: center;\n  font-family: var(--spp-font-en); font-size: 10px; letter-spacing: 0.1em;\n  color: var(--spp-sub-pale); flex-shrink: 0;\n}\n.spp-set-text h4 {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  color: var(--spp-accent) !important;\n  margin-bottom: 3px !important;\n  display: block !important;\n}\n.spp-set-text p { font-size: 12px; color: var(--spp-muted); line-height: 1.6; }\n.spp-set-arrow { margin-left: auto; color: var(--spp-sub); font-size: 20px; flex-shrink: 0; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ⑧ FINAL CTA\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-final {\n  background: var(--spp-accent);\n  padding: 72px 24px;\n  text-align: center;\n}\n.spp-final .spp-label { color: var(--spp-sub-light) !important; }\n.spp-final-title {\n  font-family: var(--spp-font-jp) !important;\n  font-size: 22px !important;\n  font-weight: 500 !important;\n  color: var(--spp-main) !important;\n  line-height: 1.6 !important;\n  margin-bottom: 8px !important;\n  display: block !important;\n}\n.spp-final-title em { font-style: normal; color: var(--spp-sub-light); }\n.spp-final-sub {\n  font-size: 13px; color: rgba(255,251,248,0.5);\n  margin-bottom: 32px; line-height: 1.8;\n}\n.spp-final-note { font-size: 11px; color: rgba(255,251,248,0.3); line-height: 1.7; margin-top: 16px; }\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   スティッキーCTA\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n.spp-sticky {\n  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;\n  padding: 10px 16px;\n  background: rgba(255,251,248,0.96);\n  backdrop-filter: blur(10px);\n  border-top: 1px solid var(--spp-border);\n  transform: translateY(100%);\n  transition: transform 0.35s ease;\n}\n.spp-sticky.spp-show { transform: translateY(0); }\n.spp-sticky-inner {\n  display: flex; align-items: center; gap: 12px;\n  max-width: 480px; margin: 0 auto;\n}\n.spp-sticky-name { flex: 1; }\n.spp-sticky-name .spp-sn {\n  font-family: var(--spp-font-jp);\n  font-size: 13px; color: var(--spp-accent); display: block;\n}\n.spp-sticky-name .spp-ss { font-size: 11px; color: var(--spp-sub); display: block; }\n.spp-sticky-btn {\n  padding: 11px 20px;\n  background: var(--spp-accent);\n  border: none; border-radius: 2px;\n  font-family: var(--spp-font-jp); font-size: 13px;\n  color: var(--spp-main) !important; cursor: pointer;\n  text-decoration: none !important;\n  white-space: nowrap; flex-shrink: 0;\n}\n \n\/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   アニメーション\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ *\/\n@keyframes sppFadeUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes sppScrollPulse {\n  0%, 100% { opacity: 0.3; }\n  50%       { opacity: 1; }\n}\n\u003c\/style\u003e\n \n\u003c!-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━\n  ラッパー開始\n━━━━━━━━━━━━━━━━━━━━━━━━━━━ --\u003e\n\u003cdiv class=\"spp-wrap\"\u003e\n \n  \u003c!-- ① HERO --\u003e\n  \u003csection class=\"spp-hero\"\u003e\n    \u003cdiv class=\"spp-hero-rule\"\u003e\u003c\/div\u003e\n    \u003cnav class=\"spp-hero-nav\"\u003e\n      \u003cspan class=\"spp-hero-brand\"\u003eSynergy\u003c\/span\u003e\n      \u003cdiv class=\"spp-hero-badge\"\u003e👑 Sales No.1\u003c\/div\u003e\n    \u003c\/nav\u003e\n    \u003cdiv class=\"spp-hero-body\"\u003e\n      \u003cimg class=\"spp-hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/3786\/0904\/files\/IMG_3208.jpg?v=1764337765\" alt=\"Synergy piece pure shampoo\"\u003e\n      \u003cdiv class=\"spp-hero-copy\"\u003e\n        \u003cspan class=\"spp-catch\"\u003e毎日のシャンプーを\u003c\/span\u003e\n        \u003cspan class=\"spp-main-copy\"\u003e「\u003cem\u003e髪質改善タイム\u003c\/em\u003e」へ。\u003c\/span\u003e\n        \u003cspan class=\"spp-sub-copy\"\u003e洗うたびに、髪が変わっていく。\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-hero-cta\"\u003e\n        \u003ca href=\"#spp-purchase\" class=\"spp-btn\"\u003eカートに入れる\u003c\/a\u003e\n        \u003cdiv class=\"spp-scroll\"\u003e\n          \u003cdiv class=\"spp-scroll-bar\"\u003e\u003c\/div\u003e\n          \u003cspan\u003escroll\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ② SOS --\u003e\n  \u003csection class=\"spp-section-alt\"\u003e\n    \u003cspan class=\"spp-label\"\u003eHair SOS\u003c\/span\u003e\n    \u003ch2 class=\"spp-title\"\u003eこんな髪の悩み、\u003cbr\u003e感じていませんか？\u003c\/h2\u003e\n    \u003cdiv class=\"spp-rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spp-sos-cards\"\u003e\n      \u003cdiv class=\"spp-sos-card\"\u003e\n        \u003cdiv class=\"spp-sos-icon\"\u003e💧\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003e蓄積ダメージ\u003c\/h3\u003e\n          \u003cp\u003e縮毛矯正・カラー・パーマを繰り返し、毛先がパサつき指が引っかかる。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-sos-card\"\u003e\n        \u003cdiv class=\"spp-sos-icon\"\u003e🌀\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003e質感の乱れ\u003c\/h3\u003e\n          \u003cp\u003eくせ毛や湿気で広がりやすく、朝のスタイリングがまとまらない。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-sos-card\"\u003e\n        \u003cdiv class=\"spp-sos-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003e何を使ってもすぐ戻る\u003c\/h3\u003e\n          \u003cp\u003eホームケアを試してはみるが、サロン帰りの手触りが長続きしない。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spp-sos-resolve\"\u003e\n      \u003cp\u003eこれらに一つでも当てはまる方へ。\u003cbr\u003e\u003cstrong\u003eピースピュアシャンプーは「補修に特化」した、\u003cbr\u003eプロが選ぶドクターズコスメです。\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ③ 成分 --\u003e\n  \u003csection class=\"spp-section\"\u003e\n    \u003cspan class=\"spp-label\"\u003eWhy it works\u003c\/span\u003e\n    \u003ch2 class=\"spp-title\"\u003e「洗う」から\u003cbr\u003e「満たす」へ。\u003c\/h2\u003e\n    \u003cdiv class=\"spp-rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spp-ing-list\"\u003e\n      \u003cdiv class=\"spp-ing-item\"\u003e\n        \u003cspan class=\"spp-tag\"\u003eKey Ingredient 01\u003c\/span\u003e\n        \u003ch3\u003e油溶性タンパク質 3種\u003c\/h3\u003e\n        \u003cp\u003eケラチン・コラーゲン・シルクを「油溶性」で配合。洗い流しても栄養分が毛髪内に留まり、補修効果を実感しやすい。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-ing-item\"\u003e\n        \u003cspan class=\"spp-tag\"\u003eKey Ingredient 02\u003c\/span\u003e\n        \u003ch3\u003eレブリン酸\u003c\/h3\u003e\n        \u003cp\u003e毛髪の水分量をUPさせる成分。継続使用することで、髪の内側からふっくら潤いのある状態が定着していく。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-ing-item\"\u003e\n        \u003cspan class=\"spp-tag\"\u003eBase\u003c\/span\u003e\n        \u003ch3\u003e低刺激アミノ酸系洗浄成分\u003c\/h3\u003e\n        \u003cp\u003eマイルドな洗浄力で毎日使っても地肌に優しい。きめ細かいモコモコの泡で摩擦ダメージを抑えながら洗い上げる。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spp-science-banner\"\u003e\n      \u003cp\u003e\u003cstrong\u003e重くならないのに極上の指通りと質感を再現。\u003c\/strong\u003e\u003cbr\u003eサロン帰りの手触りを、自宅のお風呂場で。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ④ STEPS --\u003e\n  \u003csection class=\"spp-section-alt\"\u003e\n    \u003cspan class=\"spp-label\"\u003eHow To Use\u003c\/span\u003e\n    \u003ch2 class=\"spp-title\"\u003e効果を最大化する\u003cbr\u003e「サロン流・4ステップ」\u003c\/h2\u003e\n    \u003cdiv class=\"spp-rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spp-steps\"\u003e\n      \u003cdiv class=\"spp-step\"\u003e\n        \u003cdiv class=\"spp-step-num\"\u003e\n\u003cspan class=\"spp-sl\"\u003eStep\u003c\/span\u003e\u003cspan class=\"spp-sn\"\u003e1\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"spp-step-body\"\u003e\n          \u003ch3\u003e予洗い（1〜2分）\u003c\/h3\u003e\n          \u003cp\u003e髪と地肌の汚れの約80%はお湯だけで落ちる。ここを丁寧にするだけで仕上がりがガラッと変わる、最も重要な準備。\u003c\/p\u003e\n          \u003cdiv class=\"spp-step-tip\"\u003e⚠ 泡立ちが弱い時は予洗い不足のサイン\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-step\"\u003e\n        \u003cdiv class=\"spp-step-num\"\u003e\n\u003cspan class=\"spp-sl\"\u003eStep\u003c\/span\u003e\u003cspan class=\"spp-sn\"\u003e2\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"spp-step-body\"\u003e\n          \u003ch3\u003e地肌から均一に泡立て→泡パック\u003c\/h3\u003e\n          \u003cp\u003e直接髪につけず、側頭部→後頭部の地肌になじませてから泡立てる。毛先まで泡で包む「泡パック」で補修成分を芯まで届ける。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-step\"\u003e\n        \u003cdiv class=\"spp-step-num\"\u003e\n\u003cspan class=\"spp-sl\"\u003eStep\u003c\/span\u003e\u003cspan class=\"spp-sn\"\u003e3\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"spp-step-body\"\u003e\n          \u003ch3\u003e指の腹で「頭皮を動かす」洗浄\u003c\/h3\u003e\n          \u003cp\u003eゴシゴシ擦らず、指の腹で優しく動かすのが鉄則。血流が促され補修成分のなじみもぐっと良くなる。\u003c\/p\u003e\n          \u003cdiv class=\"spp-step-tip\"\u003e✦ 泡パックをしたまま洗うと補修効果が上がる\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-step\"\u003e\n        \u003cdiv class=\"spp-step-num\"\u003e\n\u003cspan class=\"spp-sl\"\u003eStep\u003c\/span\u003e\u003cspan class=\"spp-sn\"\u003e4\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"spp-step-body\"\u003e\n          \u003ch3\u003e補修成分を閉じ込める乾かし方\u003c\/h3\u003e\n          \u003cp\u003eタオルは押し当てるだけ。根元から温風→最後に冷風でキューティクルを引き締める。自然乾燥は厳禁。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n \n    \u003ch3 style=\"font-family:'Noto Serif JP',serif;font-size:13px;color:#8E7947;letter-spacing:0.2em;text-align:center;margin:36px 0 14px;font-weight:400;display:block;\"\u003e— 使用量の目安 —\u003c\/h3\u003e\n    \u003cdiv class=\"spp-amount-table\"\u003e\n      \u003cdiv class=\"spp-amount-row\"\u003e\n        \u003cspan class=\"spp-amount-label\"\u003eショート\u003c\/span\u003e\n        \u003cspan class=\"spp-amount-val\"\u003e1\u003c\/span\u003e\u003cspan class=\"spp-amount-unit\"\u003eプッシュ\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-amount-row\"\u003e\n        \u003cspan class=\"spp-amount-label\"\u003eミディアム\u003c\/span\u003e\n        \u003cspan class=\"spp-amount-val\"\u003e1.5\u003c\/span\u003e\u003cspan class=\"spp-amount-unit\"\u003eプッシュ\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-amount-row\"\u003e\n        \u003cspan class=\"spp-amount-label\"\u003eロング\u003c\/span\u003e\n        \u003cspan class=\"spp-amount-val\"\u003e2\u003c\/span\u003e\u003cspan class=\"spp-amount-unit\"\u003eプッシュ\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n \n    \u003ch3 style=\"font-family:'Noto Serif JP',serif;font-size:13px;color:#7a7060;letter-spacing:0.15em;text-align:center;margin:28px 0 14px;font-weight:400;display:block;\"\u003e— やってはいけないNG —\u003c\/h3\u003e\n    \u003cdiv class=\"spp-ng-list\"\u003e\n      \u003cdiv class=\"spp-ng-item\"\u003e\n\u003cspan class=\"spp-ng-badge\"\u003eNG\u003c\/span\u003e\u003cspan\u003e予洗い不足のままシャンプーをつける\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spp-ng-item\"\u003e\n\u003cspan class=\"spp-ng-badge\"\u003eNG\u003c\/span\u003e\u003cspan\u003eゴシゴシ強くこする\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spp-ng-item\"\u003e\n\u003cspan class=\"spp-ng-badge\"\u003eNG\u003c\/span\u003e\u003cspan\u003e長時間放置する（地肌刺激になることも）\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spp-ng-item\"\u003e\n\u003cspan class=\"spp-ng-badge\"\u003eNG\u003c\/span\u003e\u003cspan\u003e自然乾燥で済ませる\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ⑤ ROADMAP --\u003e\n  \u003csection class=\"spp-section\"\u003e\n    \u003cspan class=\"spp-label\"\u003eResult Timeline\u003c\/span\u003e\n    \u003ch2 class=\"spp-title\"\u003e補修効果は蓄積する。\u003cbr\u003e髪質改善のロードマップ\u003c\/h2\u003e\n    \u003cdiv class=\"spp-rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spp-timeline\"\u003e\n      \u003cdiv class=\"spp-tl-item\"\u003e\n        \u003cdiv class=\"spp-tl-dot\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"spp-tl-period\"\u003e3日後\u003c\/span\u003e\n        \u003cspan class=\"spp-tl-title\"\u003e指通りの変化を実感\u003c\/span\u003e\n        \u003cp class=\"spp-tl-desc\"\u003e引っかかりが減り、お風呂上がりの手触りがツルッと変わり始める。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-tl-item\"\u003e\n        \u003cdiv class=\"spp-tl-dot\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"spp-tl-period\"\u003e10日後\u003c\/span\u003e\n        \u003cspan class=\"spp-tl-title\"\u003eツヤの均一感が出てくる\u003c\/span\u003e\n        \u003cp class=\"spp-tl-desc\"\u003e髪表面のツヤに均一感が出始め、全体的にまとまりやすくなる。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-tl-item\"\u003e\n        \u003cdiv class=\"spp-tl-dot\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"spp-tl-period\"\u003e1ヶ月後\u003c\/span\u003e\n        \u003cspan class=\"spp-tl-title\"\u003e朝のまとまりが安定\u003c\/span\u003e\n        \u003cp class=\"spp-tl-desc\"\u003e毛先の硬さがやわらぎ、しなやかな質感へ。朝のスタイリング時間が短縮される。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-tl-item\"\u003e\n        \u003cdiv class=\"spp-tl-dot\"\u003e\u003c\/div\u003e\n        \u003cspan class=\"spp-tl-period\"\u003e3ヶ月後〜\u003c\/span\u003e\n        \u003cspan class=\"spp-tl-title\"\u003e「扱いやすい」が定着\u003c\/span\u003e\n        \u003cp class=\"spp-tl-desc\"\u003e気づいたら扱いやすい状態が完全に定着。根本的な髪質改善の実現へ。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ⑥ STYLISTS --\u003e\n  \u003csection class=\"spp-section-alt\"\u003e\n    \u003cspan class=\"spp-label\"\u003eStylist's Voice\u003c\/span\u003e\n    \u003ch2 class=\"spp-title\"\u003eプロが語る、\u003cbr\u003eこのシャンプーの真価\u003c\/h2\u003e\n    \u003cdiv class=\"spp-rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spp-stylist-cards\"\u003e\n      \u003cdiv class=\"spp-stylist-card\"\u003e\n        \u003cdiv class=\"spp-stylist-head\"\u003e\n          \u003cdiv class=\"spp-stylist-avatar\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/3786\/0904\/files\/IMG_2484.jpg?v=1721365957\" alt=\"野口昴夢\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"spp-stylist-info\"\u003e\n            \u003ch3\u003e野口 昴夢\u003c\/h3\u003e\n            \u003cspan\u003eSENJYU 青山店\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spp-stylist-quote\"\u003e\n          このシャンプーには\u003cstrong\u003e油溶性のタンパク質（ケラチン・コラーゲン・シルク）\u003c\/strong\u003eがたっぷり含まれているため、洗い流しても栄養分が毛髪内に留まり補修効果をかなり実感できます。\u003cbr\u003e\u003cbr\u003e\n          \u003cstrong\u003e縮毛矯正やカラー、パーマなどの施術履歴がある方、ダメージが気になる方にこそ使っていただきたい\u003c\/strong\u003e一本です。\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spp-stylist-card\"\u003e\n        \u003cdiv class=\"spp-stylist-head\"\u003e\n          \u003cdiv class=\"spp-stylist-avatar\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0555\/3786\/0904\/files\/IMG_6281.jpg?v=1720596338\" alt=\"佐伯美祐\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"spp-stylist-info\"\u003e\n            \u003ch3\u003e佐伯 美祐\u003c\/h3\u003e\n            \u003cspan\u003eSENJYU 銀座店\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spp-stylist-quote\"\u003e\n          贅沢成分（レブリン酸、コラーゲン、シルク、ケラチン）を高濃度配合した\u003cstrong\u003eドクターズコスメ\u003c\/strong\u003e。\u003cbr\u003e\u003cbr\u003e\n          シャンプーだけでツルツルになる感触は本物。\u003cstrong\u003e1週間使っていただくと他の商品には戻れなくなるはず\u003c\/strong\u003e、と自信を持っておすすめできます。\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ⑦ SET --\u003e\n  \u003csection class=\"spp-section\"\u003e\n    \u003cspan class=\"spp-label\"\u003eBest Combination\u003c\/span\u003e\n    \u003ch2 class=\"spp-title\"\u003e最強の\u003cbr\u003e組み合わせ\u003c\/h2\u003e\n    \u003cdiv class=\"spp-rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spp-set-formula\"\u003e\n      \u003cp\u003e\u003cstrong\u003eミルク（内側を整える）\u003c\/strong\u003e\u003cbr\u003e＋\u003cbr\u003e\u003cstrong\u003eオイル（外側を守る）\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eこの順番が、あなたの髪をいちばんキレイに見せます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spp-set-items\"\u003e\n      \u003ca href=\"https:\/\/senjyu-ec.myshopify.com\/products\/synergy-milk\" class=\"spp-set-item\"\u003e\n        \u003cdiv class=\"spp-set-badge\"\u003eIN\u003c\/div\u003e\n        \u003cdiv class=\"spp-set-text\"\u003e\n          \u003ch4\u003esynergy セルキュア（ミルク）\u003c\/h4\u003e\n          \u003cp\u003e内側をふっくら補修。ブリーチ毛・エイジング毛・広がりやすい髪に特に◎\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"spp-set-arrow\"\u003e›\u003c\/span\u003e\n      \u003c\/a\u003e\n      \u003ca href=\"https:\/\/senjyu-ec.myshopify.com\/products\/synergy-oil\" class=\"spp-set-item\"\u003e\n        \u003cdiv class=\"spp-set-badge\"\u003eOUT\u003c\/div\u003e\n        \u003cdiv class=\"spp-set-text\"\u003e\n          \u003ch4\u003esynergy キュアオイル（オイル）\u003c\/h4\u003e\n          \u003cp\u003eツヤのヴェールで日常ダメージから守る。サラッと軽い仕上がりが人気。\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"spp-set-arrow\"\u003e›\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n \n  \u003cdiv class=\"spp-divider\"\u003e\u003c\/div\u003e\n \n  \u003c!-- ⑧ FINAL CTA --\u003e\n  \u003csection class=\"spp-final\" id=\"spp-purchase\"\u003e\n    \u003cspan class=\"spp-label\"\u003eOrder Now\u003c\/span\u003e\n    \u003cspan class=\"spp-final-title\"\u003eあなたの髪は、\u003cbr\u003e\u003cem\u003e洗い方ひとつで\u003c\/em\u003e必ず変わる。\u003c\/span\u003e\n    \u003cp class=\"spp-final-sub\"\u003e毎日のシャンプーを、髪質改善タイムへ。\u003cbr\u003eシャンパンアップルの香りとともに。\u003c\/p\u003e\n    \u003ca href=\"#\" class=\"spp-btn spp-btn-gold\" style=\"margin:0 auto;\"\u003eカートに入れる\u003c\/a\u003e\n    \u003cp class=\"spp-final-note\"\u003e400mL \/ 13.5oz｜シャンパンアップルの香り\u003c\/p\u003e\n  \u003c\/section\u003e\n \n\u003c\/div\u003e\u003c!-- \/.spp-wrap --\u003e\n \n\u003c!-- スティッキーCTA --\u003e\n\u003cdiv class=\"spp-sticky\" id=\"sppSticky\"\u003e\n  \u003cdiv class=\"spp-sticky-inner\"\u003e\n    \u003cdiv class=\"spp-sticky-name\"\u003e\n      \u003cspan class=\"spp-sn\"\u003epiece pure shampoo\u003c\/span\u003e\n      \u003cspan class=\"spp-ss\"\u003e売上 No.1 ✦ 髪質改善シャンプー\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"#spp-purchase\" class=\"spp-sticky-btn\"\u003e購入する\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n \n\u003cscript\u003e\n(function() {\n  \/\/ スクロールアニメーション\n  var targets = document.querySelectorAll('.spp-sos-card, .spp-ing-item, .spp-step, .spp-tl-item, .spp-stylist-card');\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (!e.isIntersecting) return;\n      var siblings = e.target.parentElement.querySelectorAll(\n        '.spp-sos-card, .spp-ing-item, .spp-step, .spp-tl-item, .spp-stylist-card'\n      );\n      siblings.forEach(function(el, i) {\n        setTimeout(function() { el.classList.add('spp-visible'); }, i * 110);\n      });\n    });\n  }, { threshold: 0.12 });\n  targets.forEach(function(el) { obs.observe(el); });\n \n  \/\/ スティッキーCTA\n  var hero = document.querySelector('.spp-hero');\n  var sticky = document.getElementById('sppSticky');\n  if (hero \u0026\u0026 sticky) {\n    new IntersectionObserver(function(entries) {\n      sticky.classList.toggle('spp-show', !entries[0].isIntersecting);\n    }, { threshold: 0.1 }).observe(hero);\n  }\n})();\n\u003c\/script\u003e","brand":"SENJYU OnlineShop","offers":[{"title":"Default Title","offer_id":51950315209000,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":false}],"url":"https:\/\/senjyu-ec.myshopify.com\/products\/synergy-piecepure-shampoo","provider":"SENJYU OnlineShop","version":"1.0","type":"link"}