{"product_id":"mesh-back-balck","title":"MESH BACK - BLACK","description":"\u003c!-- Makeshop用コード（インラインCSS版・スマホ最適化・指定画像挿入・ネイビー＆ブルー系テーマ） --\u003e\r\n\u003c!-- このdivタグから下のすべてをコピーして、HTMLソース入力モードで貼り付けてください --\u003e\r\n\u003cdiv style=\"font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; color: #333; line-height: 1.6; max-width: 1000px; margin: 0 auto; padding: 20px; box-sizing: border-box;\"\u003e\r\n\r\n    \u003c!-- 拡大表示用モーダルのスタイル（インラインCSS） --\u003e\r\n    \u003cstyle\u003e\n        .sage-modal {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0,0,0,0.9);\n            cursor: zoom-out;\n            align-items: center;\n            justify-content: center;\n        }\n        .sage-modal img {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n            border-radius: 4px;\n            box-shadow: 0 0 20px rgba(0,0,0,0.5);\n        }\n        .gallery-item {\n            cursor: zoom-in;\n            transition: transform 0.2s;\n        }\n        .gallery-item:hover {\n            transform: scale(1.02);\n        }\n    \u003c\/style\u003e\r\n\r\n    \u003c!-- Hero \/ Title --\u003e\r\n    \u003cdiv style=\"text-align: center; padding: 60px 15px; background-color: #f8fafc; margin-bottom: 40px; border-radius: 8px; border: 1px solid #e2e8f0;\"\u003e\r\n        \u003cspan style=\"color: #0369a1; font-size: 12px; letter-spacing: 0.1em; font-weight: bold; display: block; margin-bottom: 10px; text-align: center;\"\u003eCOMFORTABLE MESH BACK TRUCKER HAT\u003c\/span\u003e\r\n        \u003ch1 style=\"margin: 0 0 20px 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 28px; color: #0f172a; text-align: center;\"\u003eSage Mesh Back Hat - Black\u003c\/h1\u003e\r\n        \u003cp style=\"font-size: 16px; color: #475569; max-width: 600px; margin: 0 auto; text-align: center;\"\u003e\r\n            フィールドでも日常でも活躍する、快適な通気性とクラシックなデザインを備えたSageのメッシュバック・トラッカーハット。\r\n        \u003c\/p\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- Overview --\u003e\r\n    \u003cdiv style=\"margin-bottom: 80px;\"\u003e\r\n        \u003cdiv style=\"text-align: center; margin-bottom: 40px;\"\u003e\r\n            \u003cspan style=\"font-size: 12px; font-weight: bold; color: #94a3b8; letter-spacing: 0.1em; display: block; margin-bottom: 5px; text-align: center;\"\u003ePRODUCT OVERVIEW\u003c\/span\u003e\r\n            \u003ch2 style=\"margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 24px; position: relative; padding-bottom: 10px; text-align: center;\"\u003eOverview（概要）\u003c\/h2\u003e\r\n            \u003cdiv style=\"width: 60px; height: 4px; background-color: #0369a1; margin: 10px auto 0;\"\u003e\u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n        \r\n        \u003cdiv style=\"font-size: 16px; color: #444; max-width: 800px; margin: 0 auto;\"\u003e\r\n            \u003cp style=\"margin-bottom: 1.5em;\"\u003e\r\n                「Sage Mesh Back Hat（セージ・メッシュバック・ハット）」は、フライフィッシングの行き帰りから水辺での使用まで、あらゆるシーンで快適に過ごせるトラッカースタイルのキャップです。\r\n            \u003c\/p\u003e\r\n            \u003cp style=\"margin-bottom: 1.5em;\"\u003e\r\n                フロントパネルには存在感のある「Sage」のロゴがあしらわれており、スタイリッシュなアクセントになっています。後頭部からサイドにかけては通気性に優れたメッシュ素材を採用し、日差しの強い暑い日でも頭部の熱を逃がして涼しく保ちます。\r\n            \u003c\/p\u003e\r\n            \u003cp style=\"margin-bottom: 1.5em;\"\u003e\r\n                後部のスナップバックで簡単にサイズ調整が可能。誰の頭にもフィットする快適な被り心地を提供します。引き締まった「Black（ブラック）」カラーは、どんなウェアにも合わせやすい万能なデザインです。\r\n            \u003c\/p\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- Gallery Section --\u003e\r\n    \u003cdiv style=\"margin-bottom: 80px;\"\u003e\r\n        \u003cdiv style=\"text-align: center; margin-bottom: 40px;\"\u003e\r\n            \u003cspan style=\"font-size: 12px; font-weight: bold; color: #94a3b8; letter-spacing: 0.1em; display: block; margin-bottom: 5px; text-align: center;\"\u003eGALLERY\u003c\/span\u003e\r\n            \u003ch2 style=\"margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 24px; position: relative; padding-bottom: 10px; text-align: center;\"\u003eImages（ギャラリー）\u003c\/h2\u003e\r\n            \u003cdiv style=\"width: 60px; height: 4px; background-color: #0369a1; margin: 10px auto 0;\"\u003e\u003c\/div\u003e\r\n            \u003cp style=\"font-size: 12px; color: #888; margin-top: 10px;\"\u003e※ 画像をタップまたはクリックすると拡大します\u003c\/p\u003e\r\n        \u003c\/div\u003e\r\n\r\n        \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 800px; margin: 0 auto;\"\u003e\r\n            \u003cdiv style=\"flex: 1; min-width: 250px; max-width: 50%;\"\u003e\r\n                \u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/c8gnnoaybai7stgl9df1o\/Mesh_Back_Logo_Black.jpg?rlkey=mca0xk0f45p4uhtanpim6esif\u0026amp;raw=1\" target=\"_blank\" style=\"display: block; cursor: zoom-in;\"\u003e\r\n                    \u003cimg src=\"https:\/\/www.dropbox.com\/scl\/fi\/c8gnnoaybai7stgl9df1o\/Mesh_Back_Logo_Black.jpg?rlkey=mca0xk0f45p4uhtanpim6esif\u0026amp;raw=1\" alt=\"Sage Mesh Back Hat Black\" class=\"gallery-item\" onclick=\"openSageModal(this.src)\" style=\"width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: opacity 0.2s;\" onmouseover=\"this.style.opacity=0.8\" onmouseout=\"this.style.opacity=1\"\u003e\r\n                \u003c\/a\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- Details\/Specs Table --\u003e\r\n    \u003cdiv style=\"margin-bottom: 80px;\"\u003e\r\n        \u003cdiv style=\"text-align: center; margin-bottom: 40px;\"\u003e\r\n            \u003cspan style=\"font-size: 12px; font-weight: bold; color: #94a3b8; letter-spacing: 0.1em; display: block; margin-bottom: 5px; text-align: center;\"\u003eDETAILS \u0026amp; SPECIFICATIONS\u003c\/span\u003e\r\n            \u003ch2 style=\"margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 24px; position: relative; padding-bottom: 10px; text-align: center;\"\u003eDetails（詳細仕様）\u003c\/h2\u003e\r\n            \u003cdiv style=\"width: 60px; height: 4px; background-color: #0369a1; margin: 10px auto 0;\"\u003e\u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n\r\n        \u003cdiv style=\"background-color: #f0f9ff; border: 1px solid #bae6fd; padding: 30px; border-radius: 8px; max-width: 900px; margin: 0 auto;\"\u003e\r\n            \u003cul style=\"list-style: none; padding: 0; margin: 0 0 40px 0;\"\u003e\r\n                \u003cli style=\"margin-bottom: 15px; font-size: 15px;\"\u003e\n\u003cspan style=\"color: #0284c7; font-weight: bold; margin-right: 10px;\"\u003e✔\u003c\/span\u003e通気性に優れたメッシュバック・トラッカースタイル\u003c\/li\u003e\r\n                \u003cli style=\"margin-bottom: 15px; font-size: 15px;\"\u003e\n\u003cspan style=\"color: #0284c7; font-weight: bold; margin-right: 10px;\"\u003e✔\u003c\/span\u003eフロントパネルに存在感のある「Sage」ロゴ\u003c\/li\u003e\r\n                \u003cli style=\"margin-bottom: 15px; font-size: 15px;\"\u003e\n\u003cspan style=\"color: #0284c7; font-weight: bold; margin-right: 10px;\"\u003e✔\u003c\/span\u003eフィット感を自由に調整できるアジャスタブル・スナップバック\u003c\/li\u003e\r\n                \u003cli style=\"margin-bottom: 15px; font-size: 15px;\"\u003e\n\u003cspan style=\"color: #0284c7; font-weight: bold; margin-right: 10px;\"\u003e✔\u003c\/span\u003e引き締まったトーンでどんなウェアにも合わせやすい「Black（ブラック）」カラー\u003c\/li\u003e\r\n            \u003c\/ul\u003e\r\n\r\n            \u003cdiv style=\"overflow-x: auto; -webkit-overflow-scrolling: touch;\"\u003e\r\n                \u003ctable style=\"width: 100%; min-width: 400px; border-collapse: collapse; font-size: 13px; background-color: #fff; border: 1px solid #d1d5db;\"\u003e\r\n                    \u003cthead style=\"background-color: #0f172a; color: #fff;\"\u003e\r\n                        \u003ctr\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: center; border: 1px solid #334155; font-weight: bold; white-space: nowrap;\"\u003eProduct Name\u003c\/th\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: center; border: 1px solid #334155; font-weight: bold; white-space: nowrap;\"\u003eColor\u003c\/th\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: center; border: 1px solid #334155; font-weight: bold; white-space: nowrap;\"\u003eSize\u003c\/th\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: left; border: 1px solid #334155; font-weight: bold; white-space: nowrap;\"\u003eSKU\u003c\/th\u003e\r\n                        \u003c\/tr\u003e\r\n                    \u003c\/thead\u003e\r\n                    \u003ctbody style=\"color: #333; text-align: center;\"\u003e\r\n                        \u003ctr style=\"background-color: #ffffff;\"\u003e\r\n                            \u003ctd style=\"padding: 10px; border: 1px solid #e5e7eb; font-weight: bold;\"\u003eMesh Back Hat\u003c\/td\u003e\r\n                            \u003ctd style=\"padding: 10px; border: 1px solid #e5e7eb;\"\u003eBlack\u003c\/td\u003e\r\n                            \u003ctd style=\"padding: 10px; border: 1px solid #e5e7eb;\"\u003eOne Size Fits Most (調整可能)\u003c\/td\u003e\r\n                            \u003ctd style=\"padding: 10px; border: 1px solid #e5e7eb; text-align: left;\"\u003e7424-23\u003c\/td\u003e\r\n                        \u003c\/tr\u003e\r\n                    \u003c\/tbody\u003e\r\n                \u003c\/table\u003e\r\n            \u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- モーダルHTML本体 --\u003e\r\n    \u003cdiv id=\"sageImageModal\" class=\"sage-modal\" onclick=\"this.style.display='none'\"\u003e\r\n        \u003cimg id=\"sageModalImg\" src=\"\" alt=\"Zoomed Image\"\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- 拡大表示用JavaScript --\u003e\r\n    \u003cscript\u003e\r\n        function openSageModal(imgSrc) {\r\n            var modal = document.getElementById('sageImageModal');\r\n            var modalImg = document.getElementById('sageModalImg');\r\n            modal.style.display = \"flex\";\r\n            modalImg.src = imgSrc;\r\n        }\r\n\r\n        \/\/ Escキーで閉じる\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === \"Escape\") {\r\n                document.getElementById('sageImageModal').style.display = \"none\";\r\n            }\r\n        });\r\n    \u003c\/script\u003e\r\n\r\n\u003c\/div\u003e","brand":"SAGE","offers":[{"title":"Default Title","offer_id":45348702847091,"sku":"7424-23","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0720\/4002\/2131\/files\/000000000478_LZPtb54.jpg?v=1787711674","url":"https:\/\/waltonflyfish.com\/products\/mesh-back-balck","provider":"Fly Fishing Outfitters WALTON","version":"1.0","type":"link"}