{"title":"JOËLLE CIOCCO Collection","description":"","products":[{"product_id":"132565907","title":"CRÈME ÉMULSIONNANTE","description":"\n\u003cstyle\u003e\n  .product-wrapper { \n      background-color: #f5f5f5; \n      font-family: \"Times New Roman\", \"Georgia\", \"YuMincho\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"serif\"; \n      padding: 40px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n      color: #555555;\n      line-height: 1.6;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #cccccc;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル周り *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #cccccc; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #555555; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #777777; \n      font-size: 14px;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 4px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #6B936840 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* ▼▼▼ 画像の表示分け（枠・背景色なし） ▼▼▼ *\/\n  .care-icons {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;       \n      margin: 10px 0;\n      align-items: center;\n      justify-items: center;\n  }\n  .care-icons img {\n      width: 100%;\n      max-width: 60px; \n      height: auto;\n      object-fit: contain;\n  }\n  \n  .spec-img-full {\n      width: 100%;\n      margin: 20px 0;\n      text-align: center;\n  }\n  .spec-img-full img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n  }\n\n  \/* ▼▼▼ アコーディオン ▼▼▼ *\/\n  details.spec-details {\n      border: 1px solid #cccccc;\n      border-radius: 4px;\n      background-color: #f5f5f5; \n      color: #555555;\n      margin-bottom: 15px; \n      overflow: hidden;\n  }\n  summary.spec-summary {\n      padding: 15px 20px;\n      font-weight: bold;\n      color: #333333;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      transition: background 0.2s;\n  }\n  summary.spec-summary:hover {\n      background-color: rgba(0,0,0,0.05);\n  }\n  summary.spec-summary::after {\n      content: \"+\";\n      font-size: 1.5em;\n      font-weight: normal;\n      color: #6B9368;\n  }\n  details[open] summary.spec-summary {\n      border-bottom: 1px solid #cccccc; \n      background-color: rgba(0,0,0,0.02);\n  }\n  details[open] summary.spec-summary::after {\n      content: \"-\";\n  }\n  summary.spec-summary::-webkit-details-marker {\n      display: none;\n  }\n  .spec-content {\n      padding: 20px;\n      background-color: #f5f5f5;\n      font-size: 14px;\n  }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th {\n      font-size: 14px !important;\n  }\n\n  \/* リストデザイン *\/\n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list {\n      list-style: none;\n      padding-left: 0;\n      margin-bottom: 24px;\n  }\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li {\n      position: relative;\n      padding-left: 1.8em; \n      margin-bottom: 10px;\n      line-height: 1.6;\n      text-wrap: pretty;\n  }\n  ul.benefit-list li::before { position: absolute; left: 0; content: \"●\"; color: #6B9368; font-size: 0.9em; top: 2px; }\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #6B9368; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong {\n      display: block;\n      font-size: 1.1em;\n      color: #333333;\n      margin-bottom: 12px;\n      border-bottom: 1px solid #6B9368;\n      width: fit-content;\n      word-break: keep-all;\n  }\n  \n  .table-scroll-view {\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin-bottom: 15px;\n  }\n  .spec-table {\n      width: 100%;\n      white-space: nowrap; \n      width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; }\n  }\n  \n  .shipping-box, .note-box {\n      margin-bottom: 30px;\n      background-color: transparent;\n      border: 1px solid #cccccc; background: #f9f9f9; padding: 20px;\n  }\n  .shipping-box strong { \n      color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;\n      word-break: keep-all;\n  }\n  .note-box { border-color: #6B9368; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 20px 15px; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n    \u003c!-- ① 商品解説セクション (Main) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e敏感肌も優しく、アイメイクまでオフする低刺激クレンジング\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e肌への優しさを追求しながら、\u003cstrong\u003eポイントメイク\u003c\/strong\u003eや\u003cstrong\u003eサンスクリーン\u003c\/strong\u003eまでしっかり除去。デリケートな目元にも安心して使える処方で、全ての肌タイプの方へ。洗い上がりは、しっとりとした柔軟な肌へと整えます。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132565907.jpg?v=1739759419\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003e毎日のメイクを心地よく解放\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ② スペック・詳細セクション (Specs) --\u003e\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp class=\"body-text\"\u003eアイメイクも落とせる低刺激クレンジングクリームです。全ての肌タイプの方にお使いいただけます。\u003c\/p\u003e\n            \u003cul class=\"benefit-list\"\u003e\n                \u003cli\u003e汚れや老廃物を優しく落とし、肌を柔らかく保ちます。\u003c\/li\u003e\n                \u003cli\u003e低刺激ながらサンスクリーンやメイクもしっかり除去し、すっきりとした洗いあがりです。\u003c\/li\u003e\n                \u003cli\u003e紫外線を浴びた肌の不調を和らげます。\u003c\/li\u003e\n                \u003cli\u003e石鹸成分無配合です。\u003c\/li\u003e\n                \u003cli\u003eアイメイクアップリムーバーとして、また男性のクレンザーやシェービングクリームの代わりとしてもお使いいただけます。\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e使い方・使用方法\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp class=\"body-text\"\u003e夜のメイク落としにはダブル洗顔を推奨します。1度目でメイクと汚れを落とし、2度目で余分な老廃物なども除去します。\u003c\/p\u003e\n            \u003cp class=\"body-text\"\u003e基本的なご使用ステップ:\u003c\/p\u003e\n            \u003cul class=\"step-list\"\u003e\n                \u003cli\u003e3〜4プッシュを手に取り、指で円を描くように顔全体になじませ、ぬるま湯か水で洗い流します。\u003c\/li\u003e\n                \u003cli\u003e顔が濡れたままの状態から、もう一度（2~3プッシュ）繰り返します。\u003c\/li\u003e\n                \u003cli\u003eやさしく水分を拭き取り、ローション ラクティーをコットンに適量とり、拭いて仕上げます。\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \u003cp class=\"body-text\"\u003eウォータープルーフメイクの落とし方:\u003c\/p\u003e\n            \u003cul class=\"step-list\"\u003e\n                \u003cli\u003e少量をコットンに馴染ませ、閉じた目の上に4〜5秒おきます。\u003c\/li\u003e\n                \u003cli\u003e次に睫毛の下にコットンをおき、目を閉じコットンをやさしく上下に動かしマスカラを落とします。\u003c\/li\u003e\n                \u003cli\u003e最後にまぶたの上をやさしく拭きとりアイメイクを落とします。\u003c\/li\u003e\n                \u003cli\u003e完全にメイクが落ちるまでコットンを変えながら2〜3回繰り返してください。\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e仕様・容量\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cul class=\"basic-list\"\u003e\n                \u003cli\u003eFormat（仕様）：エアレスポンプディスペンサー\u003c\/li\u003e\n                \u003cli\u003e容量：50mL\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp class=\"body-text\"\u003e132565907\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- 発送案内セクション (Shipping) - 提供された情報がないため作成しません。 --\u003e\n\n    \u003c!-- 注意事項セクション (Notes) - 提供された情報がないため作成しません。 --\u003e\n\n\u003c\/div\u003e","brand":"JOELLE CIOCCO","offers":[{"title":"Default Title","offer_id":45265993728163,"sku":null,"price":12100.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132565907.jpg?v=1739759419"},{"product_id":"132566570","title":"LAIT ONCTUEUX CAPITAL","description":"\n\u003cstyle\u003e\n  .product-wrapper { \n      background-color: #f5f5f5; \n      font-family: \"Times New Roman\", \"Georgia\", \"YuMincho\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"serif\"; \n      padding: 40px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n      color: #555555;\n      line-height: 1.6;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #cccccc;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル周り *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #cccccc; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #555555; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #777777; \n      font-size: 14px;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 4px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #6B936840 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* ▼▼▼ 画像の表示分け（枠・背景色なし） ▼▼▼ *\/\n  .care-icons {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;       \n      margin: 10px 0;\n      align-items: center;\n      justify-items: center;\n  }\n  .care-icons img {\n      width: 100%;\n      max-width: 60px; \n      height: auto;\n      object-fit: contain;\n  }\n  \n  .spec-img-full {\n      width: 100%;\n      margin: 20px 0;\n      text-align: center;\n  }\n  .spec-img-full img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n  }\n\n  \/* ▼▼▼ アコーディオン ▼▼▼ *\/\n  details.spec-details {\n      border: 1px solid #cccccc;\n      border-radius: 4px;\n      background-color: #f5f5f5; \n      color: #555555;\n      margin-bottom: 15px; \n      overflow: hidden;\n  }\n  summary.spec-summary {\n      padding: 15px 20px;\n      font-weight: bold;\n      color: #333333;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      transition: background 0.2s;\n  }\n  summary.spec-summary:hover {\n      background-color: rgba(0,0,0,0.05);\n  }\n  summary.spec-summary::after {\n      content: \"+\";\n      font-size: 1.5em;\n      font-weight: normal;\n      color: #6B9368;\n  }\n  details[open] summary.spec-summary {\n      border-bottom: 1px solid #cccccc; \n      background-color: rgba(0,0,0,0.02);\n  }\n  details[open] summary.spec-summary::after {\n      content: \"-\";\n  }\n  summary.spec-summary::-webkit-details-marker {\n      display: none;\n  }\n  .spec-content {\n      padding: 20px;\n      background-color: #f5f5f5;\n      font-size: 14px;\n  }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th {\n      font-size: 14px !important;\n  }\n\n  \/* リストデザイン *\/\n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list {\n      list-style: none;\n      padding-left: 0;\n      margin-bottom: 24px;\n  }\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li {\n      position: relative;\n      padding-left: 1.8em; \n      margin-bottom: 10px;\n      line-height: 1.6;\n      text-wrap: pretty;\n  }\n  ul.benefit-list li::before { position: absolute; left: 0; content: \"●\"; color: #6B9368; font-size: 0.9em; top: 2px; }\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #6B9368; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong {\n      display: block;\n      font-size: 1.1em;\n      color: #333333;\n      margin-bottom: 12px;\n      border-bottom: 1px solid #6B9368;\n      width: fit-content;\n      word-break: keep-all;\n  }\n  \n  .table-scroll-view {\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin-bottom: 15px;\n  }\n  .spec-table {\n      width: 100%;\n      white-space: nowrap; \n      width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; }\n  }\n  \n  .shipping-box, .note-box {\n      margin-bottom: 30px;\n      background-color: transparent;\n      border: 1px solid #cccccc; background: #f9f9f9; padding: 20px;\n  }\n  .shipping-box strong { \n      color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;\n      word-break: keep-all;\n  }\n  .note-box { border-color: #6B9368; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 20px 15px; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n    \u003c!-- ① 商品解説セクション (Main) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e敏感肌を労わるエイジングケア\u003c\/h3\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132566570.jpg?v=1739759417\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003e衛生的で新鮮さを保つポンプ\u003c\/p\u003e\n        \u003cp class=\"body-text\"\u003e肌に必要な\u003cstrong\u003e潤いを守り\u003c\/strong\u003e、メイクも汚れも優しくオフするクレンジングミルク。乾燥に悩むデリケートな肌を労り、\u003cstrong\u003eエイジングケアの土台\u003c\/strong\u003eを整えます。洗うたびに、しっとり明るい肌へと導きます。\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ② スペック・詳細セクション (Specs) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e製品詳細\u003c\/h3\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cp\u003e美しい肌を手に入れるためにまずは欠かせないアイテム。肌を乾燥させることなくやさしく、しかしさっぱりとメイクも落とします。\u003c\/p\u003e\n                \u003cul class=\"benefit-list\"\u003e\n                    \u003cli\u003eアンチエイジングケアへの第一歩、肌のエコシステムを整えます。\u003c\/li\u003e\n                    \u003cli\u003e石鹸成分無配合で、洗い上がりはしっとりとして肌が明るくなります。\u003c\/li\u003e\n                    \u003cli\u003e肌タイプ: 全ての肌タイプ\u003c\/li\u003e\n                \u003c\/ul\u003e\n                \u003cp\u003e\u003ca href=\"https:\/\/joelle-ciocco.jp\/?mode=f3\"\u003eジョエル シオッコ スキンケアステップ ＞\u003c\/a\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003eご使用方法・JOËLLE'Sアドバイス\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cp\u003e夜のメイク落としにはダブル洗顔をおすすめします。1度目でメイクと汚れを落とし、2度目で余分な老廃物なども除去します。\u003c\/p\u003e\n                \u003cul class=\"step-list\"\u003e\n                    \u003cli\u003e1: 3〜4プッシュを手に取り、指で円を描くように顔全体になじませ、ぬるま湯か水で洗い流します。\u003c\/li\u003e\n                    \u003cli\u003e2: 顔が濡れたままの状態からもう一度（2~3プッシュ）繰り返し洗い流します。\u003c\/li\u003e\n                    \u003cli\u003e3: やさしく水分を拭き取り、ローション ラクティーをコットンに適量とり、拭いて仕上げます。\u003c\/li\u003e\n                \u003c\/ul\u003e\n                \u003cp class=\"body-text\"\u003e\u003cstrong\u003e酸素注入し明るい肌へ\u003c\/strong\u003e：週に1〜2度、顔全体に馴染ませ、3〜5分置いて洗い流します。低刺激のディープクレンジングマスクとしてお使いいただけます。\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003e製品仕様\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cul class=\"basic-list\"\u003e\n                    \u003cli\u003eFormat（仕様）：エアレスポンプディスペンサー\u003c\/li\u003e\n                    \u003cli\u003e容量：120mL\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cul class=\"basic-list\"\u003e\n                    \u003cli\u003e132566570\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"JOELLE CIOCCO","offers":[{"title":"Default Title","offer_id":45265993760931,"sku":null,"price":17600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132566570.jpg?v=1739759417"},{"product_id":"132566789","title":"SECRET CLEAR","description":"\n\u003cstyle\u003e\n  .product-wrapper { \n      background-color: #f5f5f5; \n      font-family: \"Times New Roman\", \"Georgia\", \"YuMincho\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"serif\"; \n      padding: 40px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n      color: #555555;\n      line-height: 1.6;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #cccccc;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル周り *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #cccccc; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #555555; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #777777; \n      font-size: 14px;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 4px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #6B936840 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* ▼▼▼ 画像の表示分け（枠・背景色なし） ▼▼▼ *\/\n  .care-icons {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;       \n      margin: 10px 0;\n      align-items: center;\n      justify-items: center;\n  }\n  .care-icons img {\n      width: 100%;\n      max-width: 60px; \n      height: auto;\n      object-fit: contain;\n  }\n  \n  .spec-img-full {\n      width: 100%;\n      margin: 20px 0;\n      text-align: center;\n  }\n  .spec-img-full img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n  }\n\n  \/* ▼▼▼ アコーディオン ▼▼▼ *\/\n  details.spec-details {\n      border: 1px solid #cccccc;\n      border-radius: 4px;\n      background-color: #f5f5f5; \n      color: #555555;\n      margin-bottom: 15px; \n      overflow: hidden;\n  }\n  summary.spec-summary {\n      padding: 15px 20px;\n      font-weight: bold;\n      color: #333333;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      transition: background 0.2s;\n  }\n  summary.spec-summary:hover {\n      background-color: rgba(0,0,0,0.05);\n  }\n  summary.spec-summary::after {\n      content: \"+\";\n      font-size: 1.5em;\n      font-weight: normal;\n      color: #6B9368;\n  }\n  details[open] summary.spec-summary {\n      border-bottom: 1px solid #cccccc; \n      background-color: rgba(0,0,0,0.02);\n  }\n  details[open] summary.spec-summary::after {\n      content: \"-\";\n  }\n  summary.spec-summary::-webkit-details-marker {\n      display: none;\n  }\n  .spec-content {\n      padding: 20px;\n      background-color: #f5f5f5;\n      font-size: 14px;\n  }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th {\n      font-size: 14px !important;\n  }\n\n  \/* リストデザイン *\/\n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list {\n      list-style: none;\n      padding-left: 0;\n      margin-bottom: 24px;\n  }\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li {\n      position: relative;\n      padding-left: 1.8em; \n      margin-bottom: 10px;\n      line-height: 1.6;\n      text-wrap: pretty;\n  }\n  ul.benefit-list li::before { position: absolute; left: 0; content: \"●\"; color: #6B9368; font-size: 0.9em; top: 2px; }\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #6B9368; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong {\n      display: block;\n      font-size: 1.1em;\n      color: #333333;\n      margin-bottom: 12px;\n      border-bottom: 1px solid #6B9368;\n      width: fit-content;\n      word-break: keep-all;\n  }\n  \n  .table-scroll-view {\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin-bottom: 15px;\n  }\n  .spec-table {\n      width: 100%;\n      white-space: nowrap; \n      width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; }\n  }\n  \n  .shipping-box, .note-box {\n      margin-bottom: 30px;\n      background-color: transparent;\n      border: 1px solid #cccccc; background: #f9f9f9; padding: 20px;\n  }\n  .shipping-box strong { \n      color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;\n      word-break: keep-all;\n  }\n  .note-box { border-color: #6B9368; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 20px 15px; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"container product-wrapper\"\u003e\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003eSECRET CLEAR 揺らがない素肌体験\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e肌に優しいフォーミングクレンザー。\u003cstrong\u003e石鹸成分無配合\u003c\/strong\u003eで、\u003cstrong\u003eバリア機能\u003c\/strong\u003eを整え、しなやかな\u003cstrong\u003eハリ\u003c\/strong\u003eを育みます。環境要因に左右されない、なめらかなキメの\u003cstrong\u003e健やか肌\u003c\/strong\u003eへ。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132566789.jpg?v=1739759414\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e美容液のような泡で、澄み切った肌へ\u003c\/p\u003e\n    \u003cp class=\"body-text\"\u003e\u003ca href=\"https:\/\/joelle-ciocco.jp\/?mode=f3\"\u003eジョエル シオッコ スキンケアステップ ＞\u003c\/a\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003eお肌に優しいフォーミングクレンザーです。\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e対象肌タイプ：全ての肌タイプー特に不調を感じる肌\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e石鹸成分無配合\u003c\/strong\u003eの栄養クレンザー\u003c\/li\u003e\n        \u003cli\u003e表皮の内側に栄養分を運び、エコシステムの細胞の修復を促進\u003c\/li\u003e\n        \u003cli\u003e肌の\u003cstrong\u003eバリア機能\u003c\/strong\u003eを整えて強化\u003c\/li\u003e\n        \u003cli\u003e大気汚染に対する\u003cstrong\u003e免疫力\u003c\/strong\u003eを高める\u003c\/li\u003e\n        \u003cli\u003e柔らかく\u003cstrong\u003eハリ\u003c\/strong\u003eのある肌へ導く\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e毛穴の引き締め\u003c\/strong\u003e効果\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003eご使用方法 \/ JOËLLE'S アドバイス\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003eダブル洗顔をオススメします。\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003e毛穴対策\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"point-list\"\u003e\n        \u003cli\u003e湿らせた顔全体に3〜4プッシュを泡立てなじませ洗い流します。\u003c\/li\u003e\n        \u003cli\u003eさらにもう一度繰り返し、よく洗い流します。\u003c\/li\u003e\n        \u003cli\u003eその後ローション アロマティクで仕上げます。\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cstrong\u003eゆらぎ肌対策\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"point-list\"\u003e\n        \u003cli\u003e乾いた顔に直接乗せ、馴染ませて洗い流します。\u003c\/li\u003e\n        \u003cli\u003e次に濡れたままの顔に泡立て、馴染ませてよく洗い流します。\u003c\/li\u003e\n        \u003cli\u003eその後はローション アロマティクで仕上げます。\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e\u003cstrong\u003e気になる部分のお手入れに\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"point-list\"\u003e\n        \u003cli\u003e気になる部分に少量つけて一晩おいて翌朝よく洗い流してください。\u003c\/li\u003e\n        \u003cli\u003eその後のお手入れにはスキン ディフェンシブをおすすめします。\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e仕様・製品情報\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cul class=\"basic-list\"\u003e\n        \u003cli\u003eフォーマット: エアレスポンプディスペンサー\u003c\/li\u003e\n        \u003cli\u003e容量: 50mL\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\u003c\/div\u003e","brand":"JOELLE CIOCCO","offers":[{"title":"Default Title","offer_id":45265993892003,"sku":null,"price":16500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132566789.jpg?v=1739759414"},{"product_id":"132568798","title":"MÉDIATEUR OXYGÉNATION","description":"\u003cstyle\u003e\n  .product-wrapper { \n      background-color: #f5f5f5; \n      font-family: \"Times New Roman\", \"Georgia\", \"YuMincho\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"serif\"; \n      padding: 40px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n      color: #555555;\n      line-height: 1.6;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #cccccc;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル周り *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #cccccc; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #555555; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #777777; \n      font-size: 14px;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 4px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #6B936840 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* ▼▼▼ 画像の表示分け（枠・背景色なし） ▼▼▼ *\/\n  .care-icons {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;       \n      margin: 10px 0;\n      align-items: center;\n      justify-items: center;\n  }\n  .care-icons img {\n      width: 100%;\n      max-width: 60px; \n      height: auto;\n      object-fit: contain;\n  }\n  \n  .spec-img-full {\n      width: 100%;\n      margin: 20px 0;\n      text-align: center;\n  }\n  .spec-img-full img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n  }\n\n  \/* ▼▼▼ アコーディオン ▼▼▼ *\/\n  details.spec-details {\n      border: 1px solid #cccccc;\n      border-radius: 4px;\n      background-color: #f5f5f5; \n      color: #555555;\n      margin-bottom: 15px; \n      overflow: hidden;\n  }\n  summary.spec-summary {\n      padding: 15px 20px;\n      font-weight: bold;\n      color: #333333;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      transition: background 0.2s;\n  }\n  summary.spec-summary:hover {\n      background-color: rgba(0,0,0,0.05);\n  }\n  summary.spec-summary::after {\n      content: \"+\";\n      font-size: 1.5em;\n      font-weight: normal;\n      color: #6B9368;\n  }\n  details[open] summary.spec-summary {\n      border-bottom: 1px solid #cccccc; \n      background-color: rgba(0,0,0,0.02);\n  }\n  details[open] summary.spec-summary::after {\n      content: \"-\";\n  }\n  summary.spec-summary::-webkit-details-marker {\n      display: none;\n  }\n  .spec-content {\n      padding: 20px;\n      background-color: #f5f5f5;\n      font-size: 14px;\n  }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th {\n      font-size: 14px !important;\n  }\n\n  \/* リストデザイン *\/\n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list {\n      list-style: none;\n      padding-left: 0;\n      margin-bottom: 24px;\n  }\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li {\n      position: relative;\n      padding-left: 1.8em; \n      margin-bottom: 10px;\n      line-height: 1.6;\n      text-wrap: pretty;\n  }\n  ul.benefit-list li::before { position: absolute; left: 0; content: \"●\"; color: #6B9368; font-size: 0.9em; top: 2px; }\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #6B9368; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong {\n      display: block;\n      font-size: 1.1em;\n      color: #333333;\n      margin-bottom: 12px;\n      border-bottom: 1px solid #6B9368;\n      width: fit-content;\n      word-break: keep-all;\n  }\n  \n  .table-scroll-view {\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin-bottom: 15px;\n  }\n  .spec-table {\n      width: 100%;\n      white-space: nowrap; \n      width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; }\n  }\n  \n  .shipping-box, .note-box {\n      margin-bottom: 30px;\n      background-color: transparent;\n      border: 1px solid #cccccc; background: #f9f9f9; padding: 20px;\n  }\n  .shipping-box strong { \n      color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;\n      word-break: keep-all;\n  }\n  .note-box { border-color: #6B9368; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 20px 15px; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n    \u003c!-- ① 商品解説セクション (Main) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e朝の新習慣、肌を解き放つデトックスセラム\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e朝のお手入れに最適な\u003cstrong\u003eデトックスセラム\u003c\/strong\u003e。軽いつけ心地が肌へ素早く浸透し、まるで深呼吸するような心地よさ。\u003cstrong\u003eくすみや疲れが気になる肌をクリアに\u003c\/strong\u003eし、\u003cstrong\u003e毛穴を引き締め明るい肌\u003c\/strong\u003eへと導きます。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132568798.jpg?v=1739759412\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003e明るい一日をスタートさせる、肌呼吸セラム\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ② スペック・詳細セクション (Specs) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e製品詳細\u003c\/h3\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cp class=\"body-text\"\u003eウルトラライト デトックスセラムは、朝のお手入れにおすすめの美容液です。\u003c\/p\u003e\n                \u003cul class=\"benefit-list\"\u003e\n                    \u003cli\u003e全ての肌タイプに対応し、特に\u003cstrong\u003eくすみ、疲れが気になる肌、不調が気になる肌\u003c\/strong\u003eに最適です。\u003c\/li\u003e\n                    \u003cli\u003e軽いつけ心地で素早く肌の表面と内部に浸透し、皮膚の呼吸活動を助けます。\u003c\/li\u003e\n                    \u003cli\u003eデトックス効果で、すっきりとくすみのない明るい肌を作ります。\u003c\/li\u003e\n                    \u003cli\u003e毛穴を引き締め、皮膚の組織を元気に活性化します。\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003eご使用方法・アドバイス\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cp class=\"body-text\"\u003e\u003cstrong\u003eJOËLLE'S アドバイス\u003c\/strong\u003e\u003c\/p\u003e\n                \u003cul class=\"step-list\"\u003e\n                    \u003cli\u003e朝、ローションでのお手入れの後にお使いください。\u003c\/li\u003e\n                    \u003cli\u003e適量を手にとりお顔全体にひろげます。\u003c\/li\u003e\n                    \u003cli\u003eマッサージはせずに、やさしく肌になじませて浸透させます。\u003c\/li\u003e\n                    \u003cli\u003eその後クリームで仕上げます。夏場はこのメディエター オキシジェナションで仕上げても良いでしょう。\u003c\/li\u003e\n                    \u003cli\u003e夜のお手入れにはメディエター レジェネラシオンとペアでお使いいただくのがおすすめです。\u003c\/li\u003e\n                    \u003cli\u003eこのセラムの前にローション ハイドロジェル、またはスキン ディフェンシブをお使いいただくと、さらなるデトックス効果が期待できます。\u003c\/li\u003e\n                \u003c\/ul\u003e\n                \u003cp class=\"body-text\"\u003e\u003ca href=\"https:\/\/joelle-ciocco.jp\/?mode=f3\"\u003eジョエル シオッコ スキンケアステップ ＞\u003c\/a\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"spec-details\"\u003e\n            \u003csummary class=\"spec-summary\"\u003e仕様・製品情報\u003c\/summary\u003e\n            \u003cdiv class=\"spec-content\"\u003e\n                \u003cul class=\"basic-list\"\u003e\n                    \u003cli\u003e製品名: MÉDIATEUR OXYGÉNATION\u003c\/li\u003e\n                    \u003cli\u003eFormat（仕様）: エアレスポンプディスペンサー\u003c\/li\u003e\n                    \u003cli\u003e容量: 30mL\u003c\/li\u003e\n                    \u003cli\u003e商品コード: 132568798\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"JOELLE CIOCCO","offers":[{"title":"Default Title","offer_id":45265993924771,"sku":null,"price":19800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132568798.jpg?v=1739759412"},{"product_id":"132567710","title":"LOTION HYDROGEL","description":"\u003cstyle\u003e\n  .product-wrapper { \n      background-color: #f5f5f5; \n      font-family: \"Times New Roman\", \"Georgia\", \"YuMincho\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"serif\"; \n      padding: 40px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n      color: #555555;\n      line-height: 1.6;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #cccccc;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル周り *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #cccccc; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #555555; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #777777; \n      font-size: 14px;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 4px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #6B936840 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* ▼▼▼ 画像の表示分け（枠・背景色なし） ▼▼▼ *\/\n  .care-icons {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;       \n      margin: 10px 0;\n      align-items: center;\n      justify-items: center;\n  }\n  .care-icons img {\n      width: 100%;\n      max-width: 60px; \n      height: auto;\n      object-fit: contain;\n  }\n  \n  .spec-img-full {\n      width: 100%;\n      margin: 20px 0;\n      text-align: center;\n  }\n  .spec-img-full img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n  }\n\n  \/* ▼▼▼ アコーディオン ▼▼▼ *\/\n  details.spec-details {\n      border: 1px solid #cccccc;\n      border-radius: 4px;\n      background-color: #f5f5f5; \n      color: #555555;\n      margin-bottom: 15px; \n      overflow: hidden;\n  }\n  summary.spec-summary {\n      padding: 15px 20px;\n      font-weight: bold;\n      color: #333333;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      transition: background 0.2s;\n  }\n  summary.spec-summary:hover {\n      background-color: rgba(0,0,0,0.05);\n  }\n  summary.spec-summary::after {\n      content: \"+\";\n      font-size: 1.5em;\n      font-weight: normal;\n      color: #6B9368;\n  }\n  details[open] summary.spec-summary {\n      border-bottom: 1px solid #cccccc; \n      background-color: rgba(0,0,0,0.02);\n  }\n  details[open] summary.spec-summary::after {\n      content: \"-\";\n  }\n  summary.spec-summary::-webkit-details-marker {\n      display: none;\n  }\n  .spec-content {\n      padding: 20px;\n      background-color: #f5f5f5;\n      font-size: 14px;\n  }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th {\n      font-size: 14px !important;\n  }\n\n  \/* リストデザイン *\/\n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list {\n      list-style: none;\n      padding-left: 0;\n      margin-bottom: 24px;\n  }\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li {\n      position: relative;\n      padding-left: 1.8em; \n      margin-bottom: 10px;\n      line-height: 1.6;\n      text-wrap: pretty;\n  }\n  ul.benefit-list li::before { position: absolute; left: 0; content: \"●\"; color: #6B9368; font-size: 0.9em; top: 2px; }\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #6B9368; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong {\n      display: block;\n      font-size: 1.1em;\n      color: #333333;\n      margin-bottom: 12px;\n      border-bottom: 1px solid #6B9368;\n      width: fit-content;\n      word-break: keep-all;\n  }\n  \n  .table-scroll-view {\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin-bottom: 15px;\n  }\n  .spec-table {\n      width: 100%;\n      white-space: nowrap; \n      width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; }\n  }\n  \n  .shipping-box, .note-box {\n      margin-bottom: 30px;\n      background-color: transparent;\n      border: 1px solid #cccccc; background: #f9f9f9; padding: 20px;\n  }\n  .shipping-box strong { \n      color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;\n      word-break: keep-all;\n  }\n  .note-box { border-color: #6B9368; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 20px 15px; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n    \u003c!-- ① 商品解説セクション (Main) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e季節のゆらぎに負けない肌へ、pHバランスケア\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e気候の変化に負けない健やかな肌を育む温度調節ローション。デリケートな肌本来の保湿力を高め、\u003cstrong\u003e乾燥から肌を守ります\u003c\/strong\u003e。男性のヒゲケアにもおすすめです。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132567710.jpg?v=1739759411\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003eエイジングサイン、シミ予防にも最適\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ② スペック・詳細セクション (Specs) --\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e商品の特徴と効果\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp class=\"body-text\"\u003eローション ハイドロジェルは、高温や乾燥などの気候の変化に負けない肌をつくります。肌の酸のバランスを整え、様々な肌トラブルを防ぎます。\u003c\/p\u003e\n            \u003cul class=\"benefit-list\"\u003e\n                \u003cli\u003e超敏感肌以外の全ての肌タイプにおすすめ\u003c\/li\u003e\n                \u003cli\u003e夏の高温、汗、乾燥で傾きがちな肌のpHバランスを整える\u003c\/li\u003e\n                \u003cli\u003e肌の酸化を防ぎ、エイジングサインのケアにも貢献\u003c\/li\u003e\n                \u003cli\u003e肌が本来持つ\u003cstrong\u003e保湿力を高めます\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eシミ予防、アフターサンケアにも最適\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \u003cp class=\"body-text\"\u003e\u003ca href=\"https:\/\/joelle-ciocco.jp\/?mode=f3\"\u003eジョエル シオッコ スキンケアステップ ＞\u003c\/a\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003eJOËLLE'S アドバイス（使用方法）\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp class=\"body-text\"\u003e朝夕のクレンジング後、適量を手のひらにとり、顔全体になじませます。その後いつものお手入れをしてください。\u003c\/p\u003e\n            \u003cul class=\"point-list\"\u003e\n                \u003cli\u003e初めてお使いになるときは、少しだけ刺激を感じることがあります。\u003c\/li\u003e\n                \u003cli\u003e夏のサンケア製品の前にお使いいただくと、サンスクリーンに含まれる肌に悪影響を及ぼす可能性のあるものの肌への浸透を防ぎます。\u003c\/li\u003e\n                \u003cli\u003e男性に：肌の調子を整え、うるおいを与えます。ヒゲを柔らかくする効果も期待できます。\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e仕様・商品情報\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cul class=\"basic-list\"\u003e\n                \u003cli\u003eFormat（仕様）: エアレスポンプディスペンサー\u003c\/li\u003e\n                \u003cli\u003e容量: 80mL\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"JOELLE CIOCCO","offers":[{"title":"Default Title","offer_id":45265993990307,"sku":null,"price":16500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132567710.jpg?v=1739759411"},{"product_id":"132567183","title":"LOTION AROMATIQUE","description":"\n\u003cstyle\u003e\n  .product-wrapper { \n      background-color: #f5f5f5; \n      font-family: \"Times New Roman\", \"Georgia\", \"YuMincho\", \"Hiragino Mincho ProN\", \"Yu Mincho\", \"serif\"; \n      padding: 40px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n      color: #555555;\n      line-height: 1.6;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #cccccc;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル周り *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #cccccc; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #555555; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #777777; \n      font-size: 14px;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 4px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #6B936840 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* ▼▼▼ 画像の表示分け（枠・背景色なし） ▼▼▼ *\/\n  .care-icons {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;       \n      margin: 10px 0;\n      align-items: center;\n      justify-items: center;\n  }\n  .care-icons img {\n      width: 100%;\n      max-width: 60px; \n      height: auto;\n      object-fit: contain;\n  }\n  \n  .spec-img-full {\n      width: 100%;\n      margin: 20px 0;\n      text-align: center;\n  }\n  .spec-img-full img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n  }\n\n  \/* ▼▼▼ アコーディオン ▼▼▼ *\/\n  details.spec-details {\n      border: 1px solid #cccccc;\n      border-radius: 4px;\n      background-color: #f5f5f5; \n      color: #555555;\n      margin-bottom: 15px; \n      overflow: hidden;\n  }\n  summary.spec-summary {\n      padding: 15px 20px;\n      font-weight: bold;\n      color: #333333;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      transition: background 0.2s;\n  }\n  summary.spec-summary:hover {\n      background-color: rgba(0,0,0,0.05);\n  }\n  summary.spec-summary::after {\n      content: \"+\";\n      font-size: 1.5em;\n      font-weight: normal;\n      color: #6B9368;\n  }\n  details[open] summary.spec-summary {\n      border-bottom: 1px solid #cccccc; \n      background-color: rgba(0,0,0,0.02);\n  }\n  details[open] summary.spec-summary::after {\n      content: \"-\";\n  }\n  summary.spec-summary::-webkit-details-marker {\n      display: none;\n  }\n  .spec-content {\n      padding: 20px;\n      background-color: #f5f5f5;\n      font-size: 14px;\n  }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th {\n      font-size: 14px !important;\n  }\n\n  \/* リストデザイン *\/\n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list {\n      list-style: none;\n      padding-left: 0;\n      margin-bottom: 24px;\n  }\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li {\n      position: relative;\n      padding-left: 1.8em; \n      margin-bottom: 10px;\n      line-height: 1.6;\n      text-wrap: pretty;\n  }\n  ul.benefit-list li::before { position: absolute; left: 0; content: \"●\"; color: #6B9368; font-size: 0.9em; top: 2px; }\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #6B9368; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong {\n      display: block;\n      font-size: 1.1em;\n      color: #333333;\n      margin-bottom: 12px;\n      border-bottom: 1px solid #6B9368;\n      width: fit-content;\n      word-break: keep-all;\n  }\n  \n  .table-scroll-view {\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      margin-bottom: 15px;\n  }\n  .spec-table {\n      width: 100%;\n      white-space: nowrap; \n      width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; }\n  }\n  \n  .shipping-box, .note-box {\n      margin-bottom: 30px;\n      background-color: transparent;\n      border: 1px solid #cccccc; background: #f9f9f9; padding: 20px;\n  }\n  .shipping-box strong { \n      color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;\n      word-break: keep-all;\n  }\n  .note-box { border-color: #6B9368; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 20px 15px; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n  \u003c!-- ① 商品解説セクション (Main) --\u003e\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e透明感へ導く朝の拭き取り美容\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e厳選ボタニカル成分が朝の肌を穏やかに浄化。夜間の老廃物を優しく拭き取り、PHと常在菌のバランスを整えます。うるおいを巡らせ、\u003cstrong\u003e透明感あふれる明るい肌\u003c\/strong\u003eへ。次のお手入れ効果も高め、肌の土台を整えます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132567183.jpg?v=1739759406\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e朝の肌を磨き上げる一本\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ② スペック・詳細セクション (Specs) --\u003e\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e商品の特徴・効果\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e浄化作用の高いボタニカルローションで、全ての肌タイプの方にご使用いただけます。\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e朝の肌を穏やかに浄化し、夜間の老廃物を優しく拭き取ります。\u003c\/li\u003e\n        \u003cli\u003e肌のPHを整え、表皮の常在菌のバランスを調節します。\u003c\/li\u003e\n        \u003cli\u003e保湿しながら、透明感あふれる明るい肌へ導きます。\u003c\/li\u003e\n        \u003cli\u003e不安定な肌状態を改善し、次に使用するクリームの効果を高めます。\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003eご使用方法\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003eジョエル シオッコの推奨するご使用方法です。\u003c\/p\u003e\n      \u003cul class=\"point-list\"\u003e\n        \u003cli\u003e毎朝、コットンに適量とり、顔全体から首そしてデコルテまで拭き取りながらなじませます。\u003c\/li\u003e\n        \u003cli\u003eスクリクリアをお使いの方は夜の洗顔の後にもおすすめです。\u003c\/li\u003e\n        \u003cli\u003e毛穴の広がりが気になる方: コットンに適量とり、顔全体を優しく拭き取ります。次に毛穴の気になる部分に新しいコットンに適量とりパッティングしながらなじませます。\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"body-text\"\u003e\u003ca href=\"https:\/\/joelle-ciocco.jp\/?mode=f3\"\u003eジョエル シオッコ スキンケアステップ ＞\u003c\/a\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e製品仕様\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e本製品の主な仕様は以下の通りです。\u003c\/p\u003e\n      \u003cul class=\"basic-list\"\u003e\n        \u003cli\u003eFormat（容器）：エアレスポンプディスペンサー\u003c\/li\u003e\n        \u003cli\u003e容量：120mL\u003c\/li\u003e\n        \u003cli\u003e商品コード：132567183\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- ④ 注意事項セクション (Notes) --\u003e\n  \u003cdiv class=\"note-box\"\u003e\n    \u003ch3 class=\"section-title\"\u003eご使用上の注意\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e有機成分を使用して手作りしている為、また調整剤等を使用していない為、収穫時期、収穫時の温度、日照時間等により製品の色や匂いに若干の差が生じる場合、内容物に沈殿が見られる場合がございますが、ご使用、内容成分に問題はございません。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"JOELLE CIOCCO","offers":[{"title":"Default Title","offer_id":45265994154147,"sku":null,"price":7700.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/5152\/8099\/files\/132567183.jpg?v=1739759406"}],"url":"https:\/\/t-company.we-shop.jp\/collections\/joelle-ciocco-collection.oembed","provider":"T Company","version":"1.0","type":"link"}