{"product_id":"g4030001-00000g88","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    \u003c!-- Noto Sans JP フォントの読み込み --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        \/* Base Reset \u0026 Styles *\/\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Noto Sans JP', sans-serif;\n            background-color: #f9fafb;\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 #FF8800;\n            padding-bottom: 8px;\n            margin-bottom: 32px;\n            color: #333;\n            text-align: center;\n        }\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 #FF8800;\n            padding-bottom: 4px;\n            margin-top: 32px;\n            margin-bottom: 24px;\n            color: #333;\n            display: inline-block;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: #006FC5;\n            margin: 24px 0 16px;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 20px;\n        }\n\n        \/* Tab System (Shopify Optimized) *\/\n        .tab-container {\n            display: flex;\n            width: 100%;\n            margin-bottom: 0;\n            background-color: #f3f4f6;\n            border: 1px solid #d1d5db;\n            border-radius: 12px 12px 0 0;\n            overflow: hidden;\n        }\n\n        .tab-button {\n            flex: 1 1 0;\n            padding: 18px 2px;\n            cursor: pointer;\n            background-color: #f3f4f6;\n            color: #374151;\n            text-align: center;\n            font-weight: 700;\n            font-size: 1rem;\n            border: none;\n            border-right: 1px solid #d1d5db;\n            transition: all 0.2s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1.2;\n            word-break: break-all;\n            white-space: normal;\n        }\n\n        .tab-button:last-child {\n            border-right: none;\n        }\n\n        .tab-button.active {\n            background-color: #006FC5;\n            color: #fff;\n            border-color: #006FC5;\n        }\n\n        .tab-content {\n            display: none;\n            animation: fadeIn 0.4s ease;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        \/* Card Styles *\/\n        .product-card-body {\n            background-color: #fff;\n            padding: 24px 32px;\n            border-radius: 0 0 12px 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            border: 1px solid #d1d5db;\n            border-top: none;\n            margin-bottom: 24px;\n        }\n\n        \/* Utilities *\/\n        .custom-blue-box {\n            background-color: #e6f3ff;\n            border-left: 6px solid #006FC5;\n            padding: 20px;\n            margin: 20px 0;\n            font-size: 1.5625rem;\n            font-weight: 700;\n        }\n\n        \/* Notice Box within Tabs *\/\n        .tab-notice-box {\n            background-color: #fff8e6;\n            border: 1px dashed #FF8800;\n            padding: 16px;\n            margin: 20px 0;\n            border-radius: 8px;\n        }\n\n        .tab-notice-box p {\n            margin: 0;\n            font-weight: 700;\n            color: #333;\n            font-size: 1.25rem;\n        }\n\n        \/* Lists *\/\n        .usage-notes-list {\n            padding-left: 1.5rem;\n            margin-bottom: 24px;\n        }\n        .usage-notes-list li {\n            font-size: 1.5625rem; \/* 本文と同じサイズに統一 *\/\n            margin-bottom: 12px;\n        }\n\n        \/* Spec Table Style *\/\n        .table-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            border-radius: 8px;\n            border: 1px solid #d1d5db;\n            margin-bottom: 32px;\n        }\n\n        .spec-table {\n            width: 100%;\n            border-collapse: collapse;\n            min-width: 400px;\n        }\n\n        .spec-table th {\n            background-color: #006FC5;\n            color: #fff;\n            width: 40%;\n            padding: 16px;\n            font-size: 1.25rem;\n            font-weight: 700;\n            text-align: center;\n            border: 1px solid #d1d5db;\n        }\n\n        .spec-table td {\n            background-color: #fff;\n            color: #333;\n            padding: 16px;\n            font-size: 1.25rem;\n            border: 1px solid #d1d5db;\n            text-align: left;\n        }\n\n        \/* 成分表専用スタイル *\/\n        .ingredients-table th {\n            text-align: left;\n            padding-left: 24px;\n            border: 1px solid #fff;\n        }\n        .ingredients-table tr:first-child th { border-top: none; }\n        .ingredients-table tr:last-child th { border-bottom: none; }\n\n        \/* Data Table Style *\/\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 20px;\n            margin-bottom: 20px;\n            table-layout: fixed;\n        }\n\n        .data-table th {\n            background-color: #006FC5;\n            color: #fff;\n            text-align: center;\n            padding: 12px 4px;\n            font-size: 1.1rem;\n            border: 1px solid #d1d5db;\n        }\n\n        .data-table td {\n            padding: 12px 4px;\n            border: 1px solid #d1d5db;\n            font-size: 1.1rem;\n            text-align: center;\n            word-break: break-all;\n        }\n\n        \/* Footer Important Notes *\/\n        .footer-important-notes {\n            background-color: #fef3c7;\n            border: 1px solid #f59e0b;\n            padding: 24px;\n            margin-top: 40px;\n            border-radius: 10px;\n            text-align: center;\n        }\n\n        .footer-important-notes p {\n            color: #dc2626;\n            margin: 0;\n            font-weight: 700;\n            font-size: 1.25rem;\n            line-height: 1.6;\n        }\n\n        @media (max-width: 768px) {\n            .tab-button {\n                font-size: 0.85rem;\n                padding: 12px 2px;\n            }\n            .product-card-body {\n                padding: 16px 20px;\n            }\n            .text-main, .custom-blue-box, .footer-important-notes p, .tab-notice-box p, .spec-table th, .spec-table td, .data-table th, .data-table td, .usage-notes-list li {\n                font-size: 1.1rem;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n    \u003c!-- Header Title --\u003e\n    \u003ch1 class=\"h1-style\"\u003ebonbone手指消毒スプレー｜手荒れ対策に配慮した保湿成分配合の手指消毒スプレー\u003c\/h1\u003e\n\n    \u003c!-- Tab Navigation --\u003e\n    \u003cnav class=\"tab-container\"\u003e\n        \u003cdiv class=\"tab-button active\" onclick=\"showTab(0)\"\u003e商品特長\u003c\/div\u003e\n        \u003cdiv class=\"tab-button\" onclick=\"showTab(1)\"\u003e成分・効果効能\u003c\/div\u003e\n        \u003cdiv class=\"tab-button\" onclick=\"showTab(2)\"\u003e注意事項\u003c\/div\u003e\n        \u003cdiv class=\"tab-button\" onclick=\"showTab(3)\"\u003e商品詳細\u003c\/div\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- Tab Contents --\u003e\n    \n    \u003c!-- Tab 0: 商品特長 --\u003e\n    \u003cdiv id=\"tab0\" 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手指消毒スプレー」は、手荒れ対策に配慮した手指消毒スプレーです。保湿成分配合で手指に優しく、殺菌消毒が可能です。\n            \u003c\/p\u003e\n            \n            \u003ch3 class=\"h3-style\"\u003e捨てやすい角型減容ボトル\u003c\/h3\u003e\n            \u003cp class=\"text-main\"\u003e\n                折りたたみが容易な角型減容ボトルを採用しているため、捨てる際にかさばりにくく、廃棄がスムーズに行えます。\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"custom-blue-box\"\u003e\n                保湿成分配合で手指に優しい殺菌消毒スプレー。折りたたみが容易な角型減容ボトルを採用。\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab 1: 成分・効果効能 --\u003e\n    \u003cdiv id=\"tab1\" class=\"tab-content\"\u003e\n        \u003cdiv class=\"product-card-body\"\u003e\n            \u003ch2 class=\"h2-style\"\u003ebonbone手指消毒スプレー　成分・分量\u003c\/h2\u003e\n            \u003cp class=\"text-main\"\u003e100mL中に次の成分を含んでいます。\u003c\/p\u003e\n            \u003cdiv class=\"table-wrapper\"\u003e\n                \u003ctable class=\"spec-table ingredients-table\"\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eベンザルコニウム塩化物\u003c\/th\u003e\n                            \u003ctd\u003e0.05g含有\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"text-main\"\u003e\n                \u003csmall\u003e※添加物：アラントイン、グリセリン、尿素、エタノール\u003c\/small\u003e\u003cbr\u003e\n                \u003csmall\u003e※性状：無色澄明の液です。\u003c\/small\u003e\n            \u003c\/p\u003e\n\n            \u003ch2 class=\"h2-style\"\u003e効能・効果\u003c\/h2\u003e\n            \u003cp class=\"text-main\"\u003e\n                手指・皮膚の洗浄・消毒\n            \u003c\/p\u003e\n\n            \u003ch2 class=\"h2-style\"\u003e用法・用量\u003c\/h2\u003e\n            \u003cp class=\"text-main\"\u003e\n                適量を手指にとり、塗布又は塗擦してください。\n            \u003c\/p\u003e\n\n            \u003ch3 class=\"h3-style\"\u003e＜用法用量に関連する注意＞\u003c\/h3\u003e\n            \u003cul class=\"usage-notes-list\" style=\"list-style-type: none; padding-left: 0;\"\u003e\n                \u003cli\u003e(1) 用法用量を厳守してください。\u003c\/li\u003e\n                \u003cli\u003e(2) 小児に使用させる場合には、保護者の指導監督のもとに使用させてください。\u003c\/li\u003e\n                \u003cli\u003e(3) 目に入らないように注意してください。万一、目に入った場合には、すぐに水又はぬるま湯で洗ってください。なお、症状が重い場合には、眼科医の診療を受けてください。\u003c\/li\u003e\n                \u003cli\u003e(4) 外用にのみ使用してください。\u003c\/li\u003e\n                \u003cli\u003e(5) 血液や汚物等が付着している場合には、石けんでよく洗浄後、使用してください。\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab 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            \u003cdiv class=\"tab-notice-box\"\u003e\n                \u003cp\u003e■使用に際しては、製品のパッケージや説明書きをよくお読みください。\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cp class=\"text-main\" style=\"margin-top: 32px; margin-bottom: 8px; font-weight: 700;\"\u003e■保管及び取扱い上の注意\u003c\/p\u003e\n            \u003cul class=\"usage-notes-list\" style=\"list-style-type: none; padding-left: 0;\"\u003e\n                \u003cli\u003e(1) 直射日光の当たらない涼しい所に保管してください。\u003c\/li\u003e\n                \u003cli\u003e(2) 小児の手の届かない所に保管してください。\u003c\/li\u003e\n                \u003cli\u003e(3) 他の容器に入れ替えないでください。（誤用の原因になったり品質が変わることがあります。）\u003c\/li\u003e\n                \u003cli\u003e(4) 火気に近づけないでください。\u003c\/li\u003e\n                \u003cli\u003e(5) 使用期限を過ぎた製品は使用しないでください。\u003c\/li\u003e\n                \u003cli\u003e(6) 開封時、容器の肩部又は底部をもち、液がとびださないように、キャップを開けてください。\u003c\/li\u003e\n                \u003cli\u003e(7) 薬剤が床や家具等に付着しないようにしてください。（変質又は変色のおそれがあります。）\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab 3: 商品詳細 --\u003e\n    \u003cdiv id=\"tab3\" class=\"tab-content\"\u003e\n        \u003cdiv class=\"product-card-body\"\u003e\n            \u003ch2 class=\"h2-style\"\u003e商品詳細情報\u003c\/h2\u003e\n\n            \u003cdiv class=\"table-wrapper\"\u003e\n                \u003ctable class=\"spec-table\"\u003e\n                    \u003ctbody\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消毒用スプレーA\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003e成分\u003cbr\u003e(100mL中)\u003c\/th\u003e\n                            \u003ctd\u003eベンザルコニウム塩化物 0.05g含有\u003cbr\u003e\u003csmall\u003e※添加物：アラントイン、グリセリン、尿素、エタノール\u003c\/small\u003e\n\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003e効能・効果\u003c\/th\u003e\n                            \u003ctd\u003e手指・皮膚の洗浄・消毒\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003e容量\u003c\/th\u003e\n                            \u003ctd\u003e500ml\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003e入数\u003c\/th\u003e\n                            \u003ctd\u003e1本\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Important Notes Footer Section --\u003e\n    \u003cdiv class=\"footer-important-notes\"\u003e\n        \u003cp\u003e※医療関係者の方専売品となります。\u003c\/p\u003e\n        \u003cp style=\"margin-top: 16px;\"\u003e■【オンラインストアリニューアルオープン記念】1本からまとメリット対応中！\u003c\/p\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function showTab(index) {\n        \/\/ すべてのタブコンテンツを非表示にする\n        const contents = document.querySelectorAll('.tab-content');\n        contents.forEach(content =\u003e content.classList.remove('active'));\n\n        \/\/ すべてのタブボタンのactiveクラスを解除する\n        const buttons = document.querySelectorAll('.tab-button');\n        buttons.forEach(button =\u003e button.classList.remove('active'));\n\n        \/\/ 選択されたタブを表示\n        document.getElementById('tab' + index).classList.add('active');\n        buttons[index].classList.add('active');\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"500ml \/ 1本","offer_id":47379554205853,"sku":"4030001-00000g88","price":816.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/248339_deef41fe-c3e8-4876-974e-11759a0aea80.png?v=1781665730","url":"https:\/\/ec.daiyak.co.jp\/products\/g4030001-00000g88","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}