{"product_id":"g0045001-00000g33","title":"bonbone エコフェイス","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003ebonboneエコフェイス 製品紹介\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* --- Design Guidelines --- *\/\n        :root {\n            --main-blue: #006FC5;\n            --main-orange: #FF8800;\n            --bg-light-blue: #e6f3ff;\n            --bg-light-orange: #fff8e6;\n            --bg-overall: #f9fafb;\n            --card-border: #f3f4f6;\n            --footer-bg: #fef3c7;\n            --footer-red: #dc2626;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            background-color: var(--bg-overall);\n            font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Typography *\/\n        .h1-style {\n            font-size: 1.8rem;\n            font-weight: 800;\n            border-bottom: 4px solid var(--main-orange);\n            margin-bottom: 2rem;\n            padding-bottom: 0.5rem;\n            line-height: 1.3;\n            text-align: center;\n        }\n        @media (min-width: 768px) {\n            .h1-style { \n                font-size: 2.5rem; \n                text-align: left;\n            }\n        }\n\n        .h2-style {\n            font-size: 1.875rem; \/* 30px *\/\n            font-weight: 700;\n            border-bottom: 2px solid var(--main-orange);\n            margin: 2rem 0 1rem;\n            padding-bottom: 0.3rem;\n            display: inline-block;\n        }\n\n        \/* 画像仕様の見出し (全幅アンダーライン) *\/\n        .h2-recommend {\n            font-size: 1.875rem;\n            font-weight: 700;\n            border-bottom: 2px solid var(--main-orange);\n            margin: 2rem 0 1.5rem 0;\n            padding-bottom: 0.3rem;\n            display: block;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: var(--main-blue);\n            margin: 1.5rem 0 0.8rem;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 1.5rem;\n            text-align: justify;\n        }\n\n        \/* チェックリストのスタイル (画像仕様) *\/\n        .recommend-list {\n            list-style: none;\n            padding: 0;\n            margin: 1.5rem 0 2rem 0;\n        }\n        .recommend-list li {\n            position: relative;\n            padding-left: 3rem;\n            margin-bottom: 1.2rem;\n            font-size: 1.5625rem;\n            font-weight: 700;\n            line-height: 1.4;\n            display: flex;\n            align-items: flex-start;\n        }\n        .recommend-list li::before {\n            content: \"✔\"; \/* 太いチェックマーク *\/\n            position: absolute;\n            left: 0.5rem;\n            color: var(--main-orange);\n            font-weight: 900;\n            font-size: 1.8rem;\n        }\n\n        \/* Card Style *\/\n        .product-card-body {\n            background-color: #ffffff;\n            padding: 24px 32px;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            border: 1px solid var(--card-border);\n            margin-bottom: 2rem;\n        }\n\n        \/* Tabs System *\/\n        .tab-navigation {\n            display: flex;\n            width: 100%;\n            background-color: #ffffff;\n            border: 1px solid var(--main-blue);\n            border-radius: 12px 12px 0 0;\n            overflow: hidden;\n            flex-wrap: wrap;\n            margin-top: 2rem;\n        }\n        .tab-button {\n            flex: 1;\n            min-width: 120px;\n            padding: 15px 5px;\n            border: none;\n            background-color: #ffffff;\n            font-size: 1.1rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background-color 0.3s, color 0.3s;\n            text-align: center;\n            border-right: 1px solid var(--main-blue);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1.2;\n        }\n        .tab-button:last-child {\n            border-right: none;\n        }\n        .tab-button.active {\n            background-color: var(--main-blue);\n            color: #ffffff;\n        }\n\n        @media (max-width: 767px) {\n            .tab-button {\n                flex-basis: 50%;\n                font-size: 0.95rem;\n                border-bottom: 1px solid var(--main-blue);\n            }\n            .tab-button:nth-child(even) {\n                border-right: none;\n            }\n            .tab-button:nth-last-child(-n+2) {\n                border-bottom: none;\n            }\n        }\n\n        .tab-content {\n            display: none;\n            animation: fadeIn 0.4s ease;\n        }\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        \/* Blue Box *\/\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            border-left: 8px solid var(--main-blue);\n            padding: 20px;\n            margin: 1.5rem 0;\n            border-radius: 4px;\n        }\n\n        \/* Table Style *\/\n        .data-table-wrapper {\n            overflow-x: auto;\n            margin-top: 1rem;\n            border-radius: 8px;\n            border: 1px solid #ddd;\n        }\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            min-width: 500px;\n        }\n        .data-table th {\n            background-color: var(--main-blue);\n            color: #ffffff;\n            padding: 12px 16px;\n            text-align: left;\n            font-size: 1.25rem; \/* 20px *\/\n            width: 35%;\n            border-bottom: 1px solid #ffffff;\n        }\n        .data-table td {\n            padding: 12px 16px;\n            border-bottom: 1px solid #e5e7eb;\n            font-size: 1.25rem; \/* 20px *\/\n            background-color: #ffffff;\n        }\n        .data-table tr:last-child th, .data-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* Footer Important Notes *\/\n        .footer-important-notes {\n            background-color: var(--footer-bg);\n            border: 1px solid #f59e0b;\n            padding: 24px;\n            margin-top: 3rem;\n            border-radius: 8px;\n            text-align: center;\n        }\n        .footer-important-notes p {\n            color: var(--footer-red);\n            font-weight: 800;\n            font-size: 1.25rem;\n            margin: 5px 0;\n        }\n\n        @media (max-width: 768px) {\n            .product-card-body { padding: 16px 20px; }\n            .text-main, .blue-box, .recommend-list li { font-size: 1.1rem; }\n            .h2-recommend, .h2-style { font-size: 1.4rem; }\n            .recommend-list li::before { font-size: 1.3rem; padding-top: 2px; }\n        }\n\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n    \u003c!-- Header: H1 Catchphrase --\u003e\n    \u003cheader\u003e\n        \u003ch1 class=\"h1-style\"\u003e肌に優しくコストも抑える高品質不織布フェイスシート「bonboneエコフェイス」\u003c\/h1\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Tab Navigation --\u003e\n    \u003cnav class=\"tab-navigation\"\u003e\n        \u003cbutton class=\"tab-button active\" onclick=\"showTab(event, 'tab1')\"\u003e製品特長\u003c\/button\u003e\n        \u003cbutton class=\"tab-button\" onclick=\"showTab(event, 'tab2')\"\u003e形状・サイズ\u003c\/button\u003e\n        \u003cbutton class=\"tab-button\" onclick=\"showTab(event, 'tab3')\"\u003eおすすめの方\u003c\/button\u003e\n        \u003cbutton class=\"tab-button\" onclick=\"showTab(event, 'tab4')\"\u003e製品詳細情報\u003c\/button\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- Tab Content 1: 素材・肌触り・衛生面 --\u003e\n    \u003cdiv id=\"tab1\" class=\"tab-content active\"\u003e\n        \u003cdiv class=\"product-card-body\"\u003e\n            \u003ch2 class=\"h2-style\"\u003e高品質不織布で快適な施術を\u003c\/h2\u003e\n            \u003cp class=\"text-main\"\u003e\n                「bonboneエコフェイス」は、高品質でも経済的な不織布性のフェイスシートを目指し誕生しました。肌触りがやさしく通気性の高い不織布素材を採用しており、施術中のお肌への負担を抑えます。通気性が高く、息苦しさや不快感を抑えやすいため、リラックスした状態で施術を受けていただけます。また、1枚あたり4.4円と1枚あたりのコストを抑え、低価格を実現しました。日々の消費を気にせずご使用いただけます。\n            \u003c\/p\u003e\n            \u003cdiv class=\"blue-box\"\u003e\n                \u003cp class=\"text-main\" style=\"margin-bottom:0; font-weight: 700;\"\u003e\n                    コスパ重視の毎日使える安価なフェイスシート。肌触りも優しく、高品質で経済的です。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"h2-style\"\u003e常に清潔な使い捨てフェイスシート\u003c\/h2\u003e\n            \u003ch3 class=\"h3-style\"\u003e衛生管理の徹底に\u003c\/h3\u003e\n            \u003cp class=\"text-main\"\u003e\n                1回ごとの使い切りタイプである不織布シートは、常に清潔な施術環境を維持するために役立ちます。洗濯の手間を省くだけでなく、衛生的なフェイスシートを都度用意することで、患者さまへ安定した品質と信頼を提供できます。\n            \u003c\/p\u003e\n            \u003ch3 class=\"h3-style\"\u003e忙しい現場を支える利便性\u003c\/h3\u003e\n            \u003cp class=\"text-main\"\u003e\n                500枚入りの大容量パッケージとなっており、使用頻度の高い現場でも在庫管理がスムーズです。取り出しやすく、セッティングも容易なため、施術の回転を妨げることなく効率的な運営をサポートします。\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab Content 2: 形状・サイズ設計 --\u003e\n    \u003cdiv id=\"tab2\" class=\"tab-content\"\u003e\n        \u003cdiv class=\"product-card-body\"\u003e\n            \u003ch2 class=\"h2-style\"\u003e汎用性の高いスリット入り設計\u003c\/h2\u003e\n            \u003ch3 class=\"h3-style\"\u003e顔全体をカバーする40×30cm\u003c\/h3\u003e\n            \u003cp class=\"text-main\"\u003e\n                標準的な施術ベッドの枕部分に適したサイズ設計（40×30cm）です。顔全体をしっかり覆うことができるため、ファンデーションなどの付着から枕を保護し、清潔な状態を保ます。\n            \u003c\/p\u003e\n            \u003ch3 class=\"h3-style\"\u003e15cmのスリットで息苦しさに配慮\u003c\/h3\u003e\n            \u003cp class=\"text-main\"\u003e\n                中央に15cmのスリットを入れたI字カットを採用しました。鼻と口が触れる部分に縦の切り込みを入れることで、うつ伏せ時でも呼吸がしやすいよう配慮されています。スリット部分がしなやかに広がるため、患者さまが快適に施術を受けていただけます。\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab Content 3: 導入メリット --\u003e\n    \u003cdiv id=\"tab3\" class=\"tab-content\"\u003e\n        \u003cdiv class=\"product-card-body\"\u003e\n            \u003c!-- 画像仕様の「こんな方におすすめ」セクション --\u003e\n            \u003ch2 class=\"h2-recommend\"\u003eこんな方におすすめ\u003c\/h2\u003e\n            \u003cul class=\"recommend-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\n            \u003ch2 class=\"h2-style\"\u003e経済的な価格でコスト負担を軽減\u003c\/h2\u003e\n            \u003ch3 class=\"h3-style\"\u003e高品質でも低コストな不織布\u003c\/h3\u003e\n            \u003cp class=\"text-main\"\u003e\n                「エコフェイス」の名の通り、高品質でありながら1枚あたりの単価を抑えた経済的な製品です。日々使用する消耗品だからこそ、品質を妥協せずにコスト抑制を目指す方におすすめです。\n\n        \u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab Content 4: 製品詳細情報 --\u003e\n    \u003cdiv id=\"tab4\" class=\"tab-content\"\u003e\n        \u003cdiv class=\"product-card-body\"\u003e\n            \u003ch2 class=\"h2-style\"\u003e製品詳細情報\u003c\/h2\u003e\n            \n            \u003ch3 class=\"h3-style\"\u003e基本仕様\u003c\/h3\u003e\n            \u003cdiv class=\"data-table-wrapper\"\u003e\n                \u003ctable class=\"data-table\"\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003e製品名\u003c\/th\u003e\n                        \u003ctd\u003ebonboneエコフェイス\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eタイプ\u003c\/th\u003e\n                        \u003ctd\u003eスリット入り（スリット長：15㎝）\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003e入数\u003c\/th\u003e\n                        \u003ctd\u003e500枚入\u003c\/td\u003e\n                     \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eサイズ\u003c\/th\u003e\n                        \u003ctd\u003e40×30cm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n                    \n                \n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Footer Notes --\u003e\n    \u003cfooter class=\"footer-important-notes\"\u003e\n        \u003cp\u003e医療関係者の方専売品となります\u003c\/p\u003e\n    \u003c\/footer\u003e\n\n\n\u003cscript\u003e\n    function showTab(event, tabId) {\n        \/\/ 全コンテンツを非表示\n        const contents = document.getElementsByClassName('tab-content');\n        for (let i = 0; i \u003c contents.length; i++) {\n            contents[i].classList.remove('active');\n        }\n\n        \/\/ 全ボタンからactiveクラスを除去\n        const buttons = document.getElementsByClassName('tab-button');\n        for (let i = 0; i \u003c buttons.length; i++) {\n            buttons[i].classList.remove('active');\n        }\n\n        \/\/ 選択されたタブコンテンツを表示し、ボタンをactiveにする\n        document.getElementById(tabId).classList.add('active');\n        event.currentTarget.classList.add('active');\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"500枚 \/ 40×30cm \/ ｽﾘｯﾄ入り","offer_id":47495098957981,"sku":"0045001-00000G33","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/0045001_1_36afd550-4252-4fc1-9ccb-3feecba681ed.jpg?v=1781667295","url":"https:\/\/ec.daiyak.co.jp\/products\/g0045001-00000g33","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}