{"product_id":"g1023100-09130901","title":"10mガーゼ","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\u003e10mガーゼ 製品説明\u003c\/title\u003e\n    \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\n    \u003cstyle\u003e\n        \/* Base Layout *\/\n        body {\n            background-color: #f9fafb;\n            margin: 0;\n            padding: 20px;\n            font-family: 'Noto Sans JP', \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n        }\n\n        #custom-lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        \/* Typography Guidelines *\/\n        .h1-style {\n            font-size: 2.25rem;\n            font-weight: 800;\n            color: #333;\n            margin: 0 0 2rem;\n            padding-bottom: 12px;\n            border-bottom: 4px solid #FF8800;\n            line-height: 1.4;\n        }\n\n        .h2-style {\n            font-size: 1.875rem; \/* 30px *\/\n            font-weight: 700;\n            color: #333;\n            margin: 2.5rem 0 1.5rem;\n            display: inline-block;\n            border-bottom: 2px solid #FF8800;\n        }\n\n        .h2-style:first-child {\n            margin-top: 0;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: #006FC5;\n            margin: 2rem 0 1rem;\n        }\n\n        .text-main {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 400;\n            margin-bottom: 1.5rem;\n            color: #4b5563;\n            text-align: left;\n        }\n\n        \/* Tab System - Unified Style (2 Tabs) *\/\n        .tab-buttons-container {\n            background-color: #f3f4f6;\n            border-radius: 12px 12px 0 0;\n            overflow: hidden;\n            display: flex;\n            border: 1px solid #e5e7eb;\n            border-bottom: none;\n        }\n\n        .tab-button {\n            flex: 1; \/* 2 tabs = 50% each *\/\n            padding: 22px 5px;\n            cursor: pointer;\n            background-color: #f3f4f6;\n            border: none;\n            border-right: 1px solid #e5e7eb;\n            font-size: 1.1rem;\n            font-weight: bold;\n            text-align: center;\n            color: #4b5563;\n            transition: all 0.2s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .tab-button:last-child {\n            border-right: none;\n        }\n\n        .tab-button.active {\n            background-color: #006FC5;\n            color: #ffffff;\n            z-index: 1;\n        }\n\n        \/* Card Container *\/\n        .product-main-card {\n            background-color: #ffffff;\n            border-radius: 0 0 12px 12px;\n            border: 1px solid #e5e7eb;\n            border-top: none;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            margin-bottom: 30px;\n        }\n\n        .tab-content-wrapper {\n            padding: 40px 32px;\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        \/* Specialized Components *\/\n        .blue-box {\n            background-color: #e6f3ff;\n            border-left: 8px solid #006FC5;\n            padding: 30px;\n            margin: 2.5rem 0;\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: #1f2937;\n            line-height: 1.5;\n            text-align: left;\n        }\n\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 1.5rem 0;\n        }\n\n        .data-table th {\n            background-color: #006FC5;\n            color: #ffffff;\n            padding: 18px 20px;\n            text-align: left;\n            border: 1px solid #e5e7eb;\n            font-size: 1.25rem;\n            width: 35%;\n        }\n\n        .data-table td {\n            padding: 18px 20px;\n            border: 1px solid #e5e7eb;\n            background-color: #fff;\n            font-size: 1.25rem;\n            text-align: left;\n        }\n\n        \/* Footer *\/\n        .footer-important-notes {\n            background-color: #fef3c7;\n            border: 2px solid #fbbf24;\n            border-radius: 12px;\n            padding: 24px;\n            text-align: center;\n            color: #dc2626;\n            margin-top: 20px;\n        }\n\n        .footer-note-item {\n            font-size: 1.25rem;\n            font-weight: 700;\n            display: block;\n            line-height: 1.6;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .h1-style { font-size: 1.6rem; }\n            .h2-style { font-size: 1.5rem; }\n            .h3-style { font-size: 1.25rem; }\n            .text-main, .blue-box { font-size: 1.2rem; }\n            .tab-buttons-container { border-radius: 8px 8px 0 0; }\n            .tab-button { \n                flex-basis: 50%; \n                font-size: 1rem;\n                padding: 18px 5px;\n            }\n            .tab-content-wrapper { padding: 24px 20px; }\n            .data-table th, .data-table td { font-size: 1rem; padding: 12px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv id=\"custom-lp-container\"\u003e\n    \n    \u003c!-- Header Catchphrase --\u003e\n    \u003ch1 class=\"h1-style\"\u003e10mガーゼ｜多用途に使える、幅30cm × 長さ10mのガーゼ\u003c\/h1\u003e\n\n    \u003c!-- Tab Navigation --\u003e\n    \u003cdiv class=\"tab-buttons-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    \u003c\/div\u003e\n\n    \u003c!-- Main Content Card --\u003e\n    \u003cdiv class=\"product-main-card\"\u003e\n        \u003cdiv class=\"tab-content-wrapper\"\u003e\n            \u003c!-- Tab 0: 基本情報・用途 --\u003e\n            \u003cdiv id=\"tab-0\" class=\"tab-content active\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e製品の特長：多用途に使えるロングロール\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    10mガーゼは幅30cm、長さ10mと十分な大きさがあるため、処置の規模や部位に合わせて多用途にご使用いただけるガーゼです。\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=\"blue-box\"\u003e\n                    10mのロングロールタイプ。必要な分だけ切って使えるため、経済的かつ汎用性の高いガーゼです。\n                \u003c\/div\u003e\n\n                \u003cp class=\"text-main\" style=\"font-size: 1rem; color: #666;\"\u003e\n                    ※お届けの商品とパッケージが異なる場合がございます。予めご了承ください。\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Tab 1: 商品詳細情報 (Spec table and notes) --\u003e\n            \u003cdiv id=\"tab-1\" class=\"tab-content\"\u003e\n                \u003ch2 class=\"h2-style\"\u003e商品詳細スペック\u003c\/h2\u003e\n                \u003ctable class=\"data-table\"\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003e商品名\u003c\/th\u003e\n                            \u003ctd\u003e10mガーゼ\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\u003e23B3X00006000001\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eサイズ\u003c\/th\u003e\n                            \u003ctd\u003e幅：約30cm × 長さ：約10m\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!-- Footer --\u003e\n    \u003cdiv class=\"footer-important-notes\"\u003e\n        \u003cdiv class=\"footer-inner\"\u003e\n            \u003cspan class=\"footer-note-item\"\u003e■医療関係者の方専売品となります。\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/**\n     * Tab switching logic for 2 tabs\n     *\/\n    function showTab(index) {\n        const contents = document.querySelectorAll('.tab-content');\n        contents.forEach(content =\u003e content.classList.remove('active'));\n\n        const buttons = document.querySelectorAll('.tab-button');\n        buttons.forEach(button =\u003e button.classList.remove('active'));\n\n        const targetContent = document.getElementById('tab-' + index);\n        if (targetContent) {\n            targetContent.classList.add('active');\n        }\n        if (buttons[index]) {\n            buttons[index].classList.add('active');\n        }\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"30cm×10m","offer_id":46458783334557,"sku":"1023100-09130901","price":418.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/G1023100_5C1023100_01_45a469b7-35af-420a-8bc7-bada2623e0d1.jpg?v=1781662929","url":"https:\/\/ec.daiyak.co.jp\/products\/g1023100-09130901","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}