{"product_id":"g1002042-00000g88","title":"ハイスパン®･E","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\u003eハイスパン®・E 製品説明\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* Base Reset \u0026 Variables *\/\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            --text-color: #333333;\n            --border-color: #f3f4f6;\n            --footer-yellow: #fef3c7;\n            --warning-red: #dc2626;\n        }\n\n        body {\n            font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n            line-height: 1.6;\n            color: var(--text-color);\n            background-color: var(--bg-overall);\n            margin: 0;\n            padding: 20px 0;\n            overflow-x: hidden;\n        }\n\n        .lp-container {\n            max-width: 1024px;\n            margin: 0 auto;\n            padding: 0 16px;\n            box-sizing: border-box;\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            padding-bottom: 12px;\n            margin-bottom: 32px;\n            line-height: 1.4;\n            text-align: left;\n        }\n\n        @media (min-width: 768px) {\n            .h1-style {\n                font-size: 2.25rem;\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            padding-bottom: 4px;\n            margin: 32px 0 16px;\n            display: inline-block;\n            max-width: 100%;\n        }\n\n        .h3-style {\n            font-size: 1.5625rem; \/* 25px *\/\n            font-weight: 700;\n            color: var(--main-blue);\n            margin: 24px 0 12px;\n            display: flex;\n            align-items: center;\n        }\n\n        .h3-style::before {\n            content: \"\";\n            display: inline-block;\n            width: 8px;\n            height: 1.5625rem;\n            background-color: var(--main-blue);\n            margin-right: 12px;\n            border-radius: 4px;\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            word-break: break-all;\n        }\n\n        \/* Tab System *\/\n        .tab-wrapper {\n            margin-bottom: 2rem;\n        }\n\n        .tab-navigation {\n            display: flex;\n            flex-wrap: nowrap;\n            background-color: #ddd;\n            border-radius: 12px 12px 0 0;\n            overflow: hidden;\n            gap: 1px;\n            border-bottom: 2px solid var(--main-blue);\n        }\n\n        .tab-button {\n            flex: 1;\n            min-width: 0;\n            padding: 18px 5px;\n            border: none;\n            background-color: #ffffff;\n            font-size: 1.1rem;\n            font-weight: 700;\n            text-align: center;\n            transition: all 0.3s;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1.2;\n            cursor: pointer;\n        }\n\n        .tab-button.active {\n            background-color: var(--main-blue);\n            color: #ffffff;\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 Style *\/\n        .product-card-body {\n            background-color: #ffffff;\n            padding: 24px 32px;\n            border-radius: 0 0 12px 12px;\n            border: 1px solid #d1d5db;\n            border-top: none;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            box-sizing: border-box;\n        }\n\n        .blue-box {\n            background-color: var(--bg-light-blue);\n            padding: 24px;\n            border-radius: 0 8px 8px 0;\n            border-left: 8px solid var(--main-blue);\n            margin: 24px 0;\n        }\n\n        .blue-box-title {\n            font-weight: 800;\n            color: var(--main-blue);\n            font-size: 1.5625rem;\n            margin-bottom: 12px;\n            display: block;\n        }\n\n        \/* Table Styles *\/\n        .data-table-container {\n            margin: 24px 0;\n            overflow-x: auto;\n        }\n\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            background-color: #ffffff;\n            table-layout: fixed;\n        }\n\n        .data-table th, .data-table td {\n            padding: 12px 4px;\n            border: 1px solid #ddd;\n            font-size: 1.25rem; \/* 20px *\/\n            text-align: center;\n            word-wrap: break-word;\n        }\n\n        .data-table th {\n            background-color: var(--main-blue);\n            color: #ffffff;\n            font-weight: 700;\n        }\n\n        .data-table tr:nth-child(even) {\n            background-color: #f8f9fa;\n        }\n\n        \/* Footer Important Notes *\/\n        .footer-important-notes {\n            background-color: var(--footer-yellow);\n            border: 2px solid var(--warning-red);\n            border-radius: 8px;\n            padding: 24px;\n            margin-top: 3rem;\n            box-sizing: border-box;\n        }\n\n        .footer-important-notes p {\n            color: var(--warning-red);\n            font-weight: 800;\n            margin: 0 0 10px 0;\n            font-size: 1.5625rem; \/* 25px *\/\n            line-height: 1.6;\n        }\n\n        .footer-important-notes p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .tab-navigation { flex-wrap: wrap; }\n            .tab-button {\n                flex-basis: 50%;\n                font-size: 0.9rem;\n                padding: 12px 4px;\n                border: 1px solid #eee;\n            }\n            .product-card-body { padding: 16px; }\n            .text-main, .blue-box-title, .footer-important-notes p, .blue-box p { font-size: 1.15rem; }\n            .h2-style { font-size: 1.4rem; }\n            .h3-style { font-size: 1.25rem; }\n            .data-table th, .data-table td { font-size: 0.85rem; padding: 10px 2px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n    \u003c!-- H1 Header --\u003e\n    \u003ch1 class=\"h1-style\"\u003e\n        ハイスパン®・E｜薄手で巻きやすく、屈曲部にもフィットする経済的な薄手包帯\n    \u003c\/h1\u003e\n\n    \u003c!-- Tab Navigation --\u003e\n    \u003cdiv class=\"tab-wrapper\"\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        \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\" style=\"margin-top: 0;\"\u003eやわらかく、体動を妨げない薄手包帯\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    ハイスパン®・Eは、薄手で巻きやすく、やわらかい肌触りが特長の薄手のスパンデックス伸縮性ホータイです。肘や膝などの屈曲部にもしなやかにフィットし、患者様の体動を妨げません。\n                \u003c\/p\u003e\n                \u003cdiv class=\"blue-box\"\u003e\n                    \u003cp class=\"text-main\" style=\"margin-bottom: 0; font-weight: 700; color: var(--main-blue);\"\u003e\n                        機能性に加え、経済性を考えたエコノミータイプ。日々の処置に使いやすい薄手包帯です。\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003ch2 class=\"h2-style\"\u003e製品の主な特長\u003c\/h2\u003e\n                \n                \u003ch3 class=\"h3-style\"\u003e伸縮性で使いやすい包帯\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    伸縮性があり、関節部など動きの多い部位にもフィットしやすく、体動を妨げません。\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                \u003ch3 class=\"h3-style\"\u003e経済性を追求したエコノミータイプ\u003c\/h3\u003e\n                \u003cp class=\"text-main\"\u003e\n                    医療現場で消費量の多い包帯だからこそ、十分な機能性を備えつつ経済性を考慮して設計されています。\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\" style=\"margin-top: 0;\"\u003e製品仕様とサイズ展開\u003c\/h2\u003e\n                \u003cp class=\"text-main\"\u003e\n                    用途に合わせてお選びいただけるよう、幅の異なる3種類のサイズ（2号〜4号）をご用意しています。\n                \u003c\/p\u003e\n                \n                \u003ch3 class=\"h3-style\"\u003e基本仕様\u003c\/h3\u003e\n                \u003cdiv class=\"data-table-container\"\u003e\n                    \u003ctable class=\"data-table\"\u003e\n                        \u003ctbody\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"width: 35%; text-align: left; padding-left: 20px;\"\u003e商品名\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 20px;\"\u003eハイスパン®・E\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"text-align: left; padding-left: 20px;\"\u003e種類\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 20px;\"\u003e薄手包帯\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"text-align: left; padding-left: 20px;\"\u003e素材\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 20px;\"\u003eポリエステル、ポリウレタン\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"text-align: left; padding-left: 20px;\"\u003e入数\u003c\/th\u003e\n                                \u003ctd style=\"text-align: left; padding-left: 20px;\"\u003e10巻 \/ 箱\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/tbody\u003e\n                    \u003c\/table\u003e\n                \u003c\/div\u003e\n\n                \u003ch3 class=\"h3-style\"\u003eサイズ表\u003c\/h3\u003e\n                \u003cdiv class=\"data-table-container\"\u003e\n                    \u003ctable class=\"data-table\"\u003e\n                        \u003cthead\u003e\n                            \u003ctr\u003e\n                                \u003cth style=\"width: 25%;\"\u003e品番\u003c\/th\u003e\n                                \u003cth style=\"width: 25%;\"\u003eサイズ\u003c\/th\u003e\n                                \u003cth style=\"width: 30%;\"\u003e幅 × 伸長\u003c\/th\u003e\n                                \u003cth style=\"width: 20%;\"\u003e入数\u003c\/th\u003e\n                            \u003c\/tr\u003e\n                        \u003c\/thead\u003e\n                        \u003ctbody\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e100-2042\u003c\/td\u003e\n                                \u003ctd\u003e2号\u003c\/td\u003e\n                                \u003ctd\u003e50mm × 9m\u003c\/td\u003e\n                                \u003ctd\u003e10巻\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e100-2043\u003c\/td\u003e\n                                \u003ctd\u003e3号\u003c\/td\u003e\n                                \u003ctd\u003e75mm × 9m\u003c\/td\u003e\n                                \u003ctd\u003e10巻\u003c\/td\u003e\n                            \u003c\/tr\u003e\n                            \u003ctr\u003e\n                                \u003ctd\u003e100-2044\u003c\/td\u003e\n                                \u003ctd\u003e4号\u003c\/td\u003e\n                                \u003ctd\u003e90mm × 9m\u003c\/td\u003e\n                                \u003ctd\u003e10巻\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    \u003c\/div\u003e\n\n    \u003c!-- Footer Warning Area --\u003e\n    \u003cdiv class=\"footer-important-notes\"\u003e\n        \u003cp\u003e【医療関係者の方専売品となります】\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/**\n     * Tab switching logic\n     * @param {Event} event - The click event\n     * @param {string} tabId - The ID of the tab to display\n     *\/\n    function showTab(event, tabId) {\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 target = document.getElementById(tabId);\n        if (target) {\n            target.classList.add('active');\n        }\n\n        if (event \u0026\u0026 event.currentTarget) {\n            event.currentTarget.classList.add('active');\n        }\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"2号 \/ 50mm×9m \/ 10巻","offer_id":47380032192669,"sku":"1002042-00000g88","price":1070.0,"currency_code":"JPY","in_stock":true},{"title":"3号 \/ 75mm×9m \/ 10巻","offer_id":47379468615837,"sku":"1002043-00000g88","price":1460.0,"currency_code":"JPY","in_stock":true},{"title":"4号 \/ 90ｍｍ×9m \/ 10巻","offer_id":47380021608605,"sku":"1002044-00000g88","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/G1002042_5CG1002042_01_5e8b63c1-b0ac-49da-ab97-9d19c8c1ba42.jpg?v=1781661750","url":"https:\/\/ec.daiyak.co.jp\/products\/g1002042-00000g88","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}