{"product_id":"g0004307-00004392","title":"発熱ウォーマー　くび用","description":"\u003cbody\u003e\n\n\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n    \u003ctitle\u003e発熱ウォーマー首用 製品紹介\u003c\/title\u003e\n\n    \u003cstyle\u003e\n\n        \/* --- Design Tokens --- *\/\n\n        :root {\n\n            --main-blue: #006FC5;\n\n            --main-orange: #FF8800;\n\n            --bg-light-blue: #e6f3ff;\n\n            --bg-gray: #f9fafb;\n\n            --border-color: #d1d5db;\n\n            --warning-bg: #fef3c7;\n\n            --warning-text: #dc2626;\n\n        }\n\n\n\n        \/* --- Base Reset \u0026 Layout --- *\/\n\n        body {\n\n            margin: 0;\n\n            padding: 0;\n\n            background-color: var(--bg-gray);\n\n            font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n\n            color: #333;\n\n            line-height: 1.6;\n\n            overflow-x: hidden;\n\n        }\n\n\n\n        .lp-container {\n\n            max-width: 1024px;\n\n            margin: 0 auto;\n\n            padding: 20px;\n\n            width: 100%;\n\n        }\n\n\n\n        \/* --- Typography --- *\/\n\n        .h1-style {\n\n            font-size: 1.8rem;\n\n            font-weight: 800;\n\n            line-height: 1.3;\n\n            margin-bottom: 32px;\n\n            padding-bottom: 12px;\n\n            border-bottom: 4px solid var(--main-orange);\n\n            text-align: center;\n\n        }\n\n        @media (min-width: 768px) {\n\n            .h1-style {\n\n                font-size: 2.2rem;\n\n                text-align: left;\n\n                padding: 20px 0;\n\n            }\n\n        }\n\n\n\n        .h2-style {\n\n            font-size: 1.875rem; \/* 30px *\/\n\n            font-weight: 700;\n\n            margin-bottom: 20px;\n\n            padding-bottom: 4px;\n\n            border-bottom: 2px solid var(--main-orange);\n\n            display: inline-block;\n\n        }\n\n\n\n        .h2-recommend {\n\n            font-size: 1.875rem;\n\n            font-weight: 700;\n\n            border-bottom: 2px solid var(--main-orange);\n\n            margin: 2rem 0 1.5rem 0;\n\n            padding-bottom: 0.3rem;\n\n            display: block;\n\n        }\n\n\n\n        .h3-style {\n\n            font-size: 1.5625rem; \/* 25px *\/\n\n            font-weight: 700;\n\n            color: var(--main-blue);\n\n            margin-top: 32px;\n\n            margin-bottom: 16px;\n\n        }\n\n\n\n        .text-main {\n\n            font-size: 1.5625rem; \/* 25px *\/\n\n            font-weight: 400;\n\n            margin-bottom: 24px;\n\n            text-align: justify;\n\n        }\n\n\n\n        \/* チェックリストのスタイル *\/\n\n        .recommend-list {\n\n            list-style: none;\n\n            padding: 0;\n\n            margin: 1.5rem 0 2rem 0;\n\n        }\n\n        .recommend-list li {\n\n            position: relative;\n\n            padding-left: 3rem;\n\n            margin-bottom: 1.2rem;\n\n            font-size: 1.5625rem;\n\n            font-weight: 700;\n\n            line-height: 1.4;\n\n            display: flex;\n\n            align-items: flex-start;\n\n        }\n\n        .recommend-list li::before {\n\n            content: \"✔\";\n\n            position: absolute;\n\n            left: 0.5rem;\n\n            color: var(--main-orange);\n\n            font-weight: 900;\n\n            font-size: 1.8rem;\n\n        }\n\n\n\n        \/* --- Tabs System --- *\/\n\n        .tab-wrapper {\n\n            margin-top: 2rem;\n\n        }\n\n\n\n        .tab-navigation {\n\n            display: flex;\n\n            flex-wrap: wrap;\n\n            border: 1px solid var(--main-blue);\n\n            border-radius: 12px 12px 0 0;\n\n            overflow: hidden;\n\n            background-color: #fff;\n\n        }\n\n\n\n        .tab-button {\n\n            flex: 1;\n\n            min-width: 120px;\n\n            padding: 16px 8px;\n\n            text-align: center;\n\n            cursor: pointer;\n\n            background-color: #fff;\n\n            color: #333;\n\n            border: none;\n\n            border-right: 1px solid var(--main-blue);\n\n            font-weight: bold;\n\n            font-size: 1rem;\n\n            transition: all 0.3s ease;\n\n            display: flex;\n\n            align-items: center;\n\n            justify-content: center;\n\n            line-height: 1.2;\n\n        }\n\n\n\n        .tab-button:last-child {\n\n            border-right: none;\n\n        }\n\n\n\n        .tab-button.active {\n\n            background-color: var(--main-blue);\n\n            color: #fff;\n\n        }\n\n\n\n        @media (max-width: 767px) {\n\n            .tab-button {\n\n                flex-basis: 50%;\n\n                font-size: 0.9rem;\n\n                border-bottom: 1px solid var(--main-blue);\n\n            }\n\n            .tab-button:nth-child(even) {\n\n                border-right: none;\n\n            }\n\n            .tab-button:nth-last-child(-n+2) {\n\n                border-bottom: none;\n\n                flex-grow: 1;\n\n            }\n\n        }\n\n\n\n        .tab-content {\n\n            display: none;\n\n            animation: fadeIn 0.4s ease;\n\n        }\n\n\n\n        .tab-content.active {\n\n            display: block;\n\n        }\n\n\n\n        @keyframes fadeIn {\n\n            from { opacity: 0; transform: translateY(10px); }\n\n            to { opacity: 1; transform: translateY(0); }\n\n        }\n\n\n\n        \/* --- Content Blocks --- *\/\n\n        .product-card-body {\n\n            background-color: #fff;\n\n            padding: 24px 32px;\n\n            border-radius: 0 0 12px 12px;\n\n            border: 1px solid #d1d5db;\n\n            border-top: none;\n\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n\n            margin-bottom: 24px;\n\n        }\n\n\n\n        .blue-box {\n\n            background-color: var(--bg-light-blue);\n\n            border-left: 8px solid var(--main-blue);\n\n            padding: 24px;\n\n            margin: 32px 0;\n\n            border-radius: 0 8px 8px 0;\n\n        }\n\n\n\n        .blue-box p {\n\n            margin: 0;\n\n            font-size: 1.5625rem;\n\n            font-weight: 700;\n\n            color: var(--main-blue);\n\n        }\n\n\n\n        \/* --- Tables --- *\/\n\n        .data-table-wrapper {\n\n            width: 100%;\n\n            margin-top: 24px;\n\n            border-radius: 8px;\n\n            border: 1px solid #ddd;\n\n            overflow: hidden;\n\n        }\n\n\n\n        .data-table {\n\n            width: 100%;\n\n            border-collapse: collapse;\n\n            background: #fff;\n\n            table-layout: fixed;\n\n        }\n\n\n\n        .data-table th {\n\n            background-color: var(--main-blue);\n\n            color: #fff;\n\n            padding: 12px 4px;\n\n            text-align: center;\n\n            font-size: 1.1rem;\n\n            border: 1px solid #ddd;\n\n        }\n\n\n\n        .data-table td {\n\n            padding: 12px 4px;\n\n            border: 1px solid #ddd;\n\n            font-size: 1.1rem;\n\n            color: #333;\n\n            text-align: center;\n\n            word-break: break-all;\n\n        }\n\n\n\n        .spec-table th {\n\n            text-align: left;\n\n            width: 35%;\n\n            padding-left: 16px;\n\n        }\n\n        .spec-table td {\n\n            text-align: left;\n\n            padding-left: 16px;\n\n        }\n\n\n\n        \/* --- Footer --- *\/\n\n        .footer-notice-box {\n\n            border: 2px solid var(--main-blue);\n\n            background-color: var(--bg-light-blue);\n\n            padding: 24px;\n\n            margin-top: 40px;\n\n            border-radius: 10px;\n\n            text-align: center;\n\n        }\n\n\n\n        .footer-notice-box p {\n\n            color: #000;\n\n            margin: 0;\n\n            font-weight: 700;\n\n            font-size: 1.25rem;\n\n            line-height: 1.6;\n\n        }\n\n\n\n        \/* --- Responsive Tweaks --- *\/\n\n        @media (max-width: 640px) {\n\n            .product-card-body { padding: 16px 20px; }\n\n            .text-main, .blue-box p, .recommend-list li { font-size: 1.1rem; }\n\n            .data-table th, .data-table td {\n\n                font-size: 0.85rem;\n\n                padding: 10px 2px;\n\n            }\n\n            .h2-style, .h2-recommend { font-size: 1.4rem; }\n\n            .recommend-list li::before { font-size: 1.4rem; }\n\n            .footer-notice-box p { font-size: 1.1rem; }\n\n        }\n\n    \u003c\/style\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"lp-container\"\u003e\n\n    \u003c!-- Header Title --\u003e\n\n    \u003cheader\u003e\n\n        \u003ch1 class=\"h1-style\"\u003e\n\n            フルオープンファスナーで着脱しやすく、首元をあたためるサポーター「発熱ウォーマー くび用」\n\n        \u003c\/h1\u003e\n\n    \u003c\/header\u003e\n\n\n\n    \u003c!-- Tab Navigation --\u003e\n\n    \u003cdiv class=\"tab-wrapper\"\u003e\n\n        \u003cnav class=\"tab-navigation\" role=\"tablist\"\u003e\n\n            \u003cdiv class=\"tab-button active\" onclick=\"showTab(0)\" role=\"tab\"\u003e製品特長\u003c\/div\u003e\n\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(1)\" role=\"tab\"\u003e温かさの秘密\u003c\/div\u003e\n\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(2)\" role=\"tab\"\u003eおすすめの方\u003c\/div\u003e\n\n            \u003cdiv class=\"tab-button\" onclick=\"showTab(3)\" role=\"tab\"\u003e製品詳細情報\u003c\/div\u003e\n\n        \u003c\/nav\u003e\n\n\n\n        \u003c!-- Tab Contents --\u003e\n\n       \n\n        \u003c!-- Tab 0: 製品特長 --\u003e\n\n        \u003cdiv id=\"tab0\" class=\"tab-content active\" role=\"tabpanel\"\u003e\n\n            \u003cdiv class=\"product-card-body\"\u003e\n\n                \u003ch2 class=\"h2-style\"\u003e簡単装着で首元を優しくあたためる\u003c\/h2\u003e\n\n                \u003cp class=\"text-main\"\u003e\n\n                    ダイヤ工業の人気の発熱シリーズは、身体から発生する水分を熱に変える特殊な中綿を採用した保温サポーターです。\n\n                    くび用は、着脱が簡単なフルオープンタイプのファスナーを使用しているため、外出先でもサッと着けられ、首元を効率よく温めることができます。冷気を取り込みやすいくび元からの風をブロックし、衣服内の熱を逃がしにくい形状になっています。\n\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"blue-box\"\u003e\n\n                    \u003cp\u003e冷気を取り込みやすい首元からの風をブロック。衣服内の熱を逃がしにくい形状で、厳しい寒さから守ります。\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n\n                \u003ch3 class=\"h3-style\"\u003e着脱時のストレスを軽減\u003c\/h3\u003e\n\n                \u003cp class=\"text-main\"\u003e\n\n                    フルオープンファスナーを採用しているため、着脱時にヘアセットやメイクが崩れにくく、身だしなみを整えた後でも装着しやすい設計になっています。\n\n                \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- Tab 1: 温かさの秘密 --\u003e\n\n        \u003cdiv id=\"tab1\" class=\"tab-content\" role=\"tabpanel\"\u003e\n\n            \u003cdiv class=\"product-card-body\"\u003e\n\n                \u003ch2 class=\"h2-style\"\u003e高機能素材とカイロの相乗効果\u003c\/h2\u003e\n\n               \n\n                \u003ch3 class=\"h3-style\"\u003e湿気を熱に変える吸湿発熱素材\u003c\/h3\u003e\n\n                \u003cp class=\"text-main\"\u003e\n\n                    製品内部には、吸湿発熱性および調湿機能の高い素材を内蔵しています。人から発生する湿気を熱に変換し、ムレを抑えつつ心地よい温かさをキープします。\n\n                \u003c\/p\u003e\n\n\n\n                \u003ch3 class=\"h3-style\"\u003eさらに温かいカイロポケット付き\u003c\/h3\u003e\n\n                \u003cp class=\"text-main\"\u003e\n\n                    背部にはカイロを差し込める専用ポケットがついています。市販のカイロを入れることで、素材自体の発熱効果に加え、さらなる保温力を発揮します。特に冷え込みが激しい日の外出におすすめです。\n\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"blue-box\" style=\"background-color: var(--warning-bg); border-left-color: var(--main-orange);\"\u003e\n\n                    \u003cp style=\"color: var(--warning-text); font-size: 1.1rem;\"\u003e\n\n                        ※カイロのサイズにお気を付けください。カイロは商品に含まれておりません。\n\n                    \u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- Tab 2: おすすめの方 --\u003e\n\n        \u003cdiv id=\"tab2\" class=\"tab-content\" role=\"tabpanel\"\u003e\n\n            \u003cdiv class=\"product-card-body\"\u003e\n\n                \u003c!-- こんな方にオススメセクション --\u003e\n\n                \u003ch2 class=\"h2-recommend\"\u003e■こんな方にオススメ\u003c\/h2\u003e\n\n                \u003cul class=\"recommend-list\"\u003e\n\n                    \u003cli\u003e首元からの冷気の侵入をしっかり防ぎたい方\u003c\/li\u003e\n\n                    \u003cli\u003e着脱時にヘアセットやメイクを崩したくない方\u003c\/li\u003e\n\n                    \u003cli\u003eカイロを併用して効率よく首周りを温めたい方\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n\n\n                \u003ch2 class=\"h2-style\"\u003eあらゆるシーンで活躍\u003c\/h2\u003e\n\n\n\n                \u003ch3 class=\"h3-style\"\u003e通勤・通学の防寒対策に\u003c\/h3\u003e\n\n                \u003cp class=\"text-main\"\u003e\n\n                    フルオープンファスナー式なので、電車や室内に入って暑さを感じた時もすぐに外すことができます。フリーサイズなので、幅広い方にご利用いただけます。\n\n                \u003c\/p\u003e\n\n\n\n                \u003ch3 class=\"h3-style\"\u003e冬のアウトドアやスポーツ観戦に\u003c\/h3\u003e\n\n                \u003cp class=\"text-main\"\u003e\n\n                    冷えやすい首元をしっかりガードし、カイロポケットを活用することでさらに温かくなるので、外での寒さ対策などにもおすすめです。\n\n                \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- Tab 3: 製品詳細情報 --\u003e\n\n        \u003cdiv id=\"tab3\" class=\"tab-content\" role=\"tabpanel\"\u003e\n\n            \u003cdiv class=\"product-card-body\"\u003e\n\n                \u003ch2 class=\"h2-style\"\u003e製品詳細情報\u003c\/h2\u003e\n\n               \n\n                \u003ch3 class=\"h3-style\"\u003e製品仕様\u003c\/h3\u003e\n\n                \u003cdiv class=\"data-table-wrapper\"\u003e\n\n                    \u003ctable class=\"data-table spec-table\"\u003e\n\n                        \u003ctbody\u003e\n\n                            \u003ctr\u003e\n\n                                \u003cth\u003e製品名\u003c\/th\u003e\n\n                                \u003ctd\u003e発熱ウォーマー くび用\u003c\/td\u003e\n\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n\n                                \u003cth\u003e材質\u003c\/th\u003e\n\n                                \u003ctd\u003eポリエステル、ナイロン、ポリウレタン、キュプラ\u003c\/td\u003e\n\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n\n                                \u003cth\u003e構造\u003c\/th\u003e\n\n                                \u003ctd\u003eフルオープンファスナー\u003cbr\u003e背部カイロポケット付き\u003c\/td\u003e\n\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n\n                                \u003cth\u003eカラー\u003c\/th\u003e\n\n                                \u003ctd\u003eブラック\u003c\/td\u003e\n\n                            \u003c\/tr\u003e\n\n                        \u003c\/tbody\u003e\n\n                    \u003c\/table\u003e\n\n                \u003c\/div\u003e\n\n\n\n                \u003ch3 class=\"h3-style\"\u003eサイズ・カラー情報\u003c\/h3\u003e\n\n                \u003cdiv class=\"data-table-wrapper\"\u003e\n\n                    \u003ctable class=\"data-table\"\u003e\n\n                        \u003cthead\u003e\n\n                            \u003ctr\u003e\n\n                                \u003cth style=\"width: 30%;\"\u003eサイズ\u003c\/th\u003e\n\n                                \u003cth style=\"width: 40%;\"\u003e頚周囲\u003c\/th\u003e\n\n                                \u003cth style=\"width: 30%;\"\u003eカラー\u003c\/th\u003e\n\n                            \u003c\/tr\u003e\n\n                        \u003c\/thead\u003e\n\n                        \u003ctbody\u003e\n\n                            \u003ctr\u003e\n\n                                \u003ctd\u003eフリー\u003c\/td\u003e\n\n                                \u003ctd\u003e27～43㎝\u003c\/td\u003e\n\n                                \u003ctd\u003eブラック\u003c\/td\u003e\n\n                            \u003c\/tr\u003e\n\n                        \u003c\/tbody\u003e\n\n                    \u003c\/table\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- Footer Important Notes --\u003e\n\n    \u003cdiv class=\"footer-notice-box\"\u003e\n\n        \u003cp\u003e※固定用ではありません。\u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e\n\n    function showTab(index) {\n\n        \/\/ 全コンテンツを非表示にする\n\n        const contents = document.querySelectorAll('.tab-content');\n\n        contents.forEach(content =\u003e content.classList.remove('active'));\n\n\n\n        \/\/ 全ボタンのactiveクラスを解除する\n\n        const buttons = document.querySelectorAll('.tab-button');\n\n        buttons.forEach(button =\u003e button.classList.remove('active'));\n\n\n\n        \/\/ 選択されたタブを表示\n\n        document.getElementById('tab' + index).classList.add('active');\n\n        buttons[index].classList.add('active');\n\n    }\n\n\u003c\/script\u003e\n\n\n\n\n\n\u003c\/body\u003e","brand":"daiya-k","offers":[{"title":"27〜43cm","offer_id":46458537083037,"sku":"0004307-00004392","price":2125.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6680\/4893\/files\/G0004307_01_6cc25bca-0b82-49fb-be3a-7e476bf2f742.png?v=1781661468","url":"https:\/\/ec.daiyak.co.jp\/products\/g0004307-00004392","provider":"【施術・医療従事者向け】ダイヤ公式オンラインストア","version":"1.0","type":"link"}