{"product_id":"logo-mesh-back-hat-camo","title":"Logo Mesh Back Hat (Camo)","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        .redington-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        .redington-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: #f3f4f1; margin-bottom: 40px; border-radius: 8px; border: 1px solid #e2e8f0;\"\u003e\r\n        \u003cspan style=\"color: #3f6212; font-size: 12px; letter-spacing: 0.1em; font-weight: bold; display: block; margin-bottom: 10px; text-align: center;\"\u003eADVENTURE-READY CAMO TRUCKER STYLE\u003c\/span\u003e\r\n        \u003ch1 style=\"margin: 0 0 20px 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 28px; color: #1a2e05; text-align: center;\"\u003eRedington Logo Mesh Back Hat - Camo\u003c\/h1\u003e\r\n        \u003cp style=\"font-size: 16px; color: #4b5563; max-width: 600px; margin: 0 auto; text-align: center;\"\u003e\r\n            フィールドの定番、カモフラージュ。高い通気性とRedingtonの象徴的なロゴを組み合わせた、タフで快適なメッシュバック・ハット。\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: #3f6212; 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                「Redington Logo Mesh Back Hat（レディントン・ロゴ・メッシュバック・ハット）」のカモフラージュ・モデルは、フィッシングシーンのみならず、あらゆるアウトドアアクティビティにマッチする汎用性の高いキャップです。\r\n            \u003c\/p\u003e\r\n            \u003cp style=\"margin-bottom: 1.5em;\"\u003e\r\n                フロントパネルにはRedingtonのブランドアイデンティティである山脈ロゴを刺繍。落ち着いたトーンのカモフラージュ柄は、渓流の木化けから、日差しの強いボートの上まで、あらゆるシチュエーションでアングラーをサポートします。\r\n            \u003c\/p\u003e\r\n            \u003cp style=\"margin-bottom: 1.5em;\"\u003e\r\n                後頭部には通気性に優れたメッシュ素材を採用し、長時間の釣行でも熱を逃がして涼しく保ちます。スナップバックによるアジャスタブル仕様で、快適なフィット感を簡単に調整可能です。\r\n            \u003c\/p\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- Features --\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;\"\u003eQUALITY \u0026amp; COMFORT\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;\"\u003eFeatures（特徴）\u003c\/h2\u003e\r\n            \u003cdiv style=\"width: 60px; height: 4px; background-color: #3f6212; margin: 10px auto 0;\"\u003e\u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n\r\n        \u003cdiv style=\"max-width: 800px; margin: 0 auto;\"\u003e\r\n            \u003c!-- Feature 1 --\u003e\r\n            \u003cdiv style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 40px; margin-bottom: 60px;\"\u003e\r\n                \u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\r\n                    \u003cimg src=\"https:\/\/www.dropbox.com\/scl\/fi\/5jent2f6swzudtd9260c9\/Logo-Mesh-Back-Hat-Camo.jpg?rlkey=fd1yh3osyvjy4o1an3u7exxd5\u0026amp;raw=1\" alt=\"Redington Logo Mesh Back Hat Camo Front\" class=\"gallery-item\" onclick=\"openRedingtonModal(this.src)\" style=\"max-width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08);\"\u003e\r\n                \u003c\/div\u003e\r\n                \u003cdiv style=\"flex: 1; min-width: 280px;\"\u003e\r\n                    \u003ch3 style=\"margin: 0 0 15px 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #1a2e05;\"\u003eClassic Logo \u0026amp; Camo\u003cspan style=\"display: block; font-size: 14px; color: #64748b; font-weight: normal; margin-top: 5px; text-transform: none;\"\u003eロゴと迷彩の完璧な調和\u003c\/span\u003e\n\u003c\/h3\u003e\r\n                    \u003cp style=\"margin: 0;\"\u003e\r\n                        フロントに配置された印象的なRedingtonロゴと、ワイルドなカモフラージュ柄の組み合わせ。アングラーの個性を引き立てる、Redingtonらしい無骨ながらも洗練されたデザインです。\r\n                    \u003c\/p\u003e\r\n                \u003c\/div\u003e\r\n            \u003c\/div\u003e\r\n\r\n            \u003c!-- Feature 2 --\u003e\r\n            \u003cdiv style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 40px; margin-bottom: 60px;\"\u003e\r\n                \u003cdiv style=\"flex: 1; min-width: 280px; order: 2;\"\u003e\r\n                    \u003ch3 style=\"margin: 0 0 15px 0; padding: 0; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #1a2e05;\"\u003eBreathable Mesh Back\u003cspan style=\"display: block; font-size: 14px; color: #64748b; font-weight: normal; margin-top: 5px; text-transform: none;\"\u003e暑さを逃がすメッシュ構造\u003c\/span\u003e\n\u003c\/h3\u003e\r\n                    \u003cp style=\"margin: 0;\"\u003e\r\n                        後頭部には高品質なメッシュパネルを使用。日差しの強い暑い日でも頭部の熱を効率よく放出し、ウェーディング時や移動中も常に爽やかで快適な被り心地を維持します。\r\n                    \u003c\/p\u003e\r\n                \u003c\/div\u003e\r\n                \u003cdiv style=\"flex: 1; min-width: 280px; order: 1;\"\u003e\r\n                    \u003cdiv style=\"background-color: #f7fee7; padding: 40px; border-radius: 8px; border: 1px solid #d9f99d; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;\"\u003e\r\n                        \u003cspan style=\"font-size: 48px; font-weight: bold; color: #3f6212;\"\u003eMESH\u003c\/span\u003e\r\n                        \u003cspan style=\"font-size: 16px; color: #64748b; font-weight: bold; margin-top: 10px;\"\u003eBack Ventilation\u003c\/span\u003e\r\n                    \u003c\/div\u003e\r\n                \u003c\/div\u003e\r\n            \u003c\/div\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: #3f6212; 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\/5jent2f6swzudtd9260c9\/Logo-Mesh-Back-Hat-Camo.jpg?rlkey=fd1yh3osyvjy4o1an3u7exxd5\u0026amp;raw=1\" target=\"_blank\" style=\"display: block; cursor: zoom-in;\"\u003e\r\n                    \u003cimg src=\"https:\/\/www.dropbox.com\/scl\/fi\/5jent2f6swzudtd9260c9\/Logo-Mesh-Back-Hat-Camo.jpg?rlkey=fd1yh3osyvjy4o1an3u7exxd5\u0026amp;raw=1\" alt=\"Redington Logo Mesh Back Hat Camo View\" class=\"gallery-item\" onclick=\"openRedingtonModal(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: #3f6212; margin: 10px auto 0;\"\u003e\u003c\/div\u003e\r\n        \u003c\/div\u003e\r\n\r\n        \u003cdiv style=\"background-color: #f9fafb; border: 1px solid #e5e7eb; 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: #3f6212; 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: #3f6212; font-weight: bold; margin-right: 10px;\"\u003e✔\u003c\/span\u003eフロントパネルにRedingtonのアイコニックな刺繍ロゴ\u003c\/li\u003e\r\n                \u003cli style=\"margin-bottom: 15px; font-size: 15px;\"\u003e\n\u003cspan style=\"color: #3f6212; 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: #3f6212; font-weight: bold; margin-right: 10px;\"\u003e✔\u003c\/span\u003e汚れが目立ちにくく、フィールドに映える「Camo」カラー\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: #1a2e05; color: #fff;\"\u003e\r\n                        \u003ctr\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: center; border: 1px solid #365314; font-weight: bold; white-space: nowrap;\"\u003eProduct Name\u003c\/th\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: center; border: 1px solid #365314; font-weight: bold; white-space: nowrap;\"\u003eColor\u003c\/th\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: center; border: 1px solid #365314; font-weight: bold; white-space: nowrap;\"\u003eSize\u003c\/th\u003e\r\n                            \u003cth style=\"padding: 12px 10px; text-align: left; border: 1px solid #365314; 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;\"\u003eLogo Mesh Back Hat\u003c\/td\u003e\r\n                            \u003ctd style=\"padding: 10px; border: 1px solid #e5e7eb;\"\u003eCamo\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;\"\u003e5-AC194510\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=\"redingtonImageModal\" class=\"redington-modal\" onclick=\"this.style.display='none'\"\u003e\r\n        \u003cimg id=\"redingtonModalImg\" src=\"\" alt=\"Zoomed Image\"\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003c!-- 拡大表示用JavaScript --\u003e\r\n    \u003cscript\u003e\r\n        function openRedingtonModal(imgSrc) {\r\n            var modal = document.getElementById('redingtonImageModal');\r\n            var modalImg = document.getElementById('redingtonModalImg');\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('redingtonImageModal').style.display = \"none\";\r\n            }\r\n        });\r\n    \u003c\/script\u003e\r\n\r\n\u003c\/div\u003e","brand":"REDINGTON","offers":[{"title":"Default Title","offer_id":45348735287411,"sku":"5-AC184414-1EA","price":5060.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0720\/4002\/2131\/files\/000000000615_ees8eWg.jpg?v=1787711796","url":"https:\/\/waltonflyfish.com\/products\/logo-mesh-back-hat-camo","provider":"Fly Fishing Outfitters WALTON","version":"1.0","type":"link"}