{"product_id":"scales-membership","title":"Scales Membership","description":"\u003c!-- =====================================================\n     SCALES MEMBERSHIP — 商品ページ 商品説明HTML\n     貼り付け場所：Shopify管理画面 \u003e 商品 \u003e Scales Membership\n                  \u003e 商品説明欄（HTMLモード）\n     ※ Subscriptionアプリのボタン（カートに追加）の\n        「上」と「下」に分けて構成しています。\n        【PART A】をボタンの上に、【PART B】をボタンの下に\n        配置すると自然な導線になります。\n        一体で貼り付けても機能します。\n===================================================== --\u003e\n\n\u003cstyle\u003e\n  \/* ===== 商品説明スコープ ===== *\/\n  .sp-root *, .sp-root *::before, .sp-root *::after {\n    box-sizing: border-box; margin: 0; padding: 0;\n  }\n  .sp-root {\n    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n    color: #1a2a31;\n    -webkit-font-smoothing: antialiased;\n    line-height: 1.7;\n  }\n\n  \/* ===== 【PART A】ボタン上：一言コンテキスト ===== *\/\n  .sp-context {\n    margin-bottom: 24px;\n  }\n  .sp-context-label {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #5B8EA1;\n    border-left: 3px solid #5B8EA1;\n    padding-left: 10px;\n    margin-bottom: 10px;\n  }\n  .sp-context p {\n    font-size: 13px;\n    color: #4a6470;\n    line-height: 1.85;\n  }\n\n  \/* ===== チェックリスト（ボタン上）===== *\/\n  .sp-checklist {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 16px 0 24px;\n  }\n  .sp-checklist li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 13px;\n    color: #1a2a31;\n    line-height: 1.6;\n  }\n  .sp-checklist li::before {\n    content: '';\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    margin-top: 1px;\n    background: #5B8EA1;\n    border-radius: 50%;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6l2.5 2.5 4.5-5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 12px 12px;\n  }\n\n  \/* ===== サブスク説明バナー（ボタン直上）===== *\/\n  .sp-sub-banner {\n    background: #f0f7fa;\n    border: 1px solid #c2dce6;\n    border-radius: 10px;\n    padding: 14px 18px;\n    margin-bottom: 8px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n  }\n  .sp-sub-banner-icon {\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    background: #5B8EA1;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .sp-sub-banner-icon svg {\n    width: 18px; height: 18px;\n    fill: none; stroke: #fff;\n    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .sp-sub-banner-body { flex: 1; }\n  .sp-sub-banner-body strong {\n    display: block;\n    font-size: 13px;\n    font-weight: 700;\n    color: #1a2a31;\n    margin-bottom: 3px;\n  }\n  .sp-sub-banner-body span {\n    font-size: 11px;\n    color: #5a7480;\n    line-height: 1.6;\n  }\n\n  \/* ===== セパレーター ===== *\/\n  .sp-divider {\n    border: none;\n    border-top: 1px solid #e4eef2;\n    margin: 28px 0;\n  }\n\n  \/* ===== 【PART B】ボタン下：特典サマリー ===== *\/\n  .sp-benefits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #5B8EA1;\n    margin-bottom: 14px;\n  }\n  .sp-benefit-rows {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 28px;\n  }\n  .sp-benefit-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    background: #f6f9fb;\n    border-radius: 10px;\n    padding: 14px 16px;\n  }\n  .sp-benefit-row-num {\n    flex-shrink: 0;\n    width: 28px;\n    height: 28px;\n    background: #5B8EA1;\n    color: #fff;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1px;\n  }\n  .sp-benefit-row-body strong {\n    display: block;\n    font-size: 13px;\n    font-weight: 700;\n    color: #1a2a31;\n    margin-bottom: 3px;\n  }\n  .sp-benefit-row-body span {\n    font-size: 12px;\n    color: #5a7480;\n    line-height: 1.7;\n  }\n\n  \/* ===== 解約・安心バッジ ===== *\/\n  .sp-trust-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 28px;\n  }\n  .sp-trust-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    background: #fff;\n    border: 1px solid #c2dce6;\n    border-radius: 20px;\n    padding: 5px 12px;\n    font-size: 11px;\n    color: #3d6878;\n    font-weight: 500;\n  }\n  .sp-trust-badge svg {\n    width: 13px; height: 13px;\n    fill: none; stroke: #5B8EA1;\n    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n  }\n\n  \/* ===== よくある質問（FAQ）===== *\/\n  .sp-faq-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #5B8EA1;\n    margin-bottom: 12px;\n  }\n  .sp-faq {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    border: 1px solid #e4eef2;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  .sp-faq-item {\n    border-bottom: 1px solid #e4eef2;\n  }\n  .sp-faq-item:last-child { border-bottom: none; }\n  .sp-faq-q {\n    width: 100%;\n    background: none;\n    border: none;\n    cursor: pointer;\n    text-align: left;\n    padding: 14px 16px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #1a2a31;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    font-family: inherit;\n  }\n  .sp-faq-q:hover { background: #f6f9fb; }\n  .sp-faq-arrow {\n    flex-shrink: 0;\n    width: 18px; height: 18px;\n    border: 1.5px solid #5B8EA1;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    transition: transform 0.2s;\n  }\n  .sp-faq-arrow svg {\n    width: 10px; height: 10px;\n    fill: none; stroke: #5B8EA1;\n    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n    transition: transform 0.2s;\n  }\n  .sp-faq-item.open .sp-faq-arrow svg { transform: rotate(180deg); }\n  .sp-faq-a {\n    display: none;\n    padding: 0 16px 14px;\n    font-size: 12px;\n    color: #5a7480;\n    line-height: 1.8;\n  }\n  .sp-faq-item.open .sp-faq-a { display: block; }\n\n  \/* ===== レスポンシブ ===== *\/\n  @media (max-width: 600px) {\n    .sp-trust-row { gap: 6px; }\n    .sp-trust-badge { font-size: 10px; padding: 4px 10px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sp-root\"\u003e\n\n  \u003c!-- ==============================\n       【PART A】カートボタンの上\n       ============================== --\u003e\n\n  \u003c!-- コンテキスト一言 --\u003e\n  \u003cdiv class=\"sp-context\"\u003e\n    \u003cp class=\"sp-context-label\"\u003eSCALES MEMBERSHIP\u003c\/p\u003e\n    \u003cp\u003e月額¥100で、プレミアアイテムへの優先アクセス・不動産仲介手数料50%OFF・毎月のギフティングチャンスが同時に動き出します。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 登録するとできること --\u003e\n  \u003cul class=\"sp-checklist\"\u003e\n    \u003cli\u003e世界中から買い付けたレアスニーカー・ヴィンテージウォッチの\u003cstrong\u003e限定抽選参加権\u003c\/strong\u003e\n\u003c\/li\u003e\n    \u003cli\u003e賃貸・売買（都市・沖縄移住対応）不動産仲介手数料\u003cstrong\u003eすべて半額\u003c\/strong\u003e\n\u003c\/li\u003e\n    \u003cli\u003e沖縄発のお菓子や茶器、ハンドメイドジュエリーなど\u003cstrong\u003e毎月抽選でプレゼント\u003c\/strong\u003e\n\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003c!-- サブスク説明バナー（ボタン直上） --\u003e\n  \u003cdiv class=\"sp-sub-banner\"\u003e\n    \u003cdiv class=\"sp-sub-banner-icon\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10-4.48 10-10 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-sub-banner-body\"\u003e\n      \u003cstrong\u003e月額サブスクリプション\u003cbr\u003e（1ヶ月ごと自動更新）\u003c\/strong\u003e\n      \u003cspan\u003e登録後はいつでもマイページからスキップ・キャンセル可能。縛りはありません。\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ↓↓↓ ここにSubscriptionアプリのボタンが入ります ↓↓↓ --\u003e\n\n  \u003c!-- ==============================\n       【PART B】カートボタンの下\n       ============================== --\u003e\n\n  \u003chr class=\"sp-divider\"\u003e\n\n  \u003c!-- 特典サマリー --\u003e\n  \u003cp class=\"sp-benefits-title\"\u003eMEMBER'S 3 BENEFITS\u003c\/p\u003e\n  \u003cdiv class=\"sp-benefit-rows\"\u003e\n\n    \u003cdiv class=\"sp-benefit-row\"\u003e\n      \u003cdiv class=\"sp-benefit-row-num\"\u003e01\u003c\/div\u003e\n      \u003cdiv class=\"sp-benefit-row-body\"\u003e\n        \u003cstrong\u003eプレミア商品への抽選販売参加\u003c\/strong\u003e\n        \u003cspan\u003eレアスニーカー、ヴィンテージウォッチ、限定フィギュア、希少カードゲームなど——独自ルートで仕入れたアイテムの限定抽選にメンバー優先で参加できます。\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-benefit-row\"\u003e\n      \u003cdiv class=\"sp-benefit-row-num\"\u003e02\u003c\/div\u003e\n      \u003cdiv class=\"sp-benefit-row-body\"\u003e\n        \u003cstrong\u003e不動産仲介手数料 50% OFF\u003c\/strong\u003e\n        \u003cspan\u003e都市でのアトリエ探しから沖縄への移住・拠点移動まで、Scales経由の仲介手数料がすべて半額に。物販の繋がりが、住まいの資産になります。\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-benefit-row\"\u003e\n      \u003cdiv class=\"sp-benefit-row-num\"\u003e03\u003c\/div\u003e\n      \u003cdiv class=\"sp-benefit-row-body\"\u003e\n        \u003cstrong\u003e毎月のギフティングチャンス\u003c\/strong\u003e\n        \u003cspan\u003e気鋭クリエイターによるハンドメイドジュエリーや厳選ライフスタイル雑貨が、毎月抽選でアトリエに届きます。\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- 安心バッジ --\u003e\n  \u003cdiv class=\"sp-trust-row\"\u003e\n    \u003cspan class=\"sp-trust-badge\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      いつでもキャンセル可\n    \u003c\/span\u003e\n    \u003cspan class=\"sp-trust-badge\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      メンバー限定アクセス\n    \u003c\/span\u003e\n    \u003cspan class=\"sp-trust-badge\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M1 10h22\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      Shopify Pay対応\n    \u003c\/span\u003e\n    \u003cspan class=\"sp-trust-badge\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n      税込¥100 \/ 月\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- よくある質問 --\u003e\n  \u003cp class=\"sp-faq-title\"\u003eよくある質問\u003c\/p\u003e\n  \u003cdiv class=\"sp-faq\"\u003e\n\n    \u003cdiv class=\"sp-faq-item\"\u003e\n      \u003cbutton class=\"sp-faq-q\" onclick=\"spToggleFaq(this)\"\u003e\n        いつでもキャンセルできますか？\n        \u003cspan class=\"sp-faq-arrow\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cpolyline points=\"2 4 6 8 10 4\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"sp-faq-a\"\u003eはい。マイページの「サブスクリプション管理」からいつでもキャンセル・スキップが可能です。次回更新日前にキャンセルすれば請求は発生しません。\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-faq-item\"\u003e\n      \u003cbutton class=\"sp-faq-q\" onclick=\"spToggleFaq(this)\"\u003e\n        抽選に必ず当選しますか？\n        \u003cspan class=\"sp-faq-arrow\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cpolyline points=\"2 4 6 8 10 4\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"sp-faq-a\"\u003e抽選のため、当選を保証するものではありません。ただし、メンバーは一般より優先して応募できる権利を持ちます。商品ごとに抽選の詳細をご案内します。\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-faq-item\"\u003e\n      \u003cbutton class=\"sp-faq-q\" onclick=\"spToggleFaq(this)\"\u003e\n        不動産仲介はどのエリアに対応していますか？\n        \u003cspan class=\"sp-faq-arrow\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cpolyline points=\"2 4 6 8 10 4\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"sp-faq-a\"\u003e主に東京などの都市圏と、沖縄県内に対応しています。それ以外のエリアはお問い合わせください。賃貸・売買いずれも仲介手数料50%OFFが適用されます。\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-faq-item\"\u003e\n      \u003cbutton class=\"sp-faq-q\" onclick=\"spToggleFaq(this)\"\u003e\n        毎月のギフトはどのように届きますか？\n        \u003cspan class=\"sp-faq-arrow\"\u003e\u003csvg viewbox=\"0 0 12 12\"\u003e\u003cpolyline points=\"2 4 6 8 10 4\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"sp-faq-a\"\u003e毎月抽選を行い、当選された方へ登録住所へ発送します。ハンドメイドジュエリーや厳選ライフスタイル雑貨など、月ごとに異なるアイテムをお届けします。\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction spToggleFaq(btn) {\n  var item = btn.closest('.sp-faq-item');\n  var isOpen = item.classList.contains('open');\n  document.querySelectorAll('.sp-faq-item.open').forEach(function(el) {\n    el.classList.remove('open');\n  });\n  if (!isOpen) item.classList.add('open');\n}\n\u003c\/script\u003e","brand":"Scales","offers":[{"title":"Default Title","offer_id":52676108976309,"sku":null,"price":100.0,"currency_code":"JPY","in_stock":true}],"url":"https:\/\/shop.scales.onl\/products\/scales-membership","provider":"Scales","version":"1.0","type":"link"}