{"title":"メルマガ6\/19掲載商品","description":"","products":[{"product_id":"9784398860019","title":"山と高原地図 ジグソーパズル 槍ヶ岳・穂高岳 上高地","description":"\u003c!-- 【本体】Tailwind CSS CDNを読み込み --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Dawnテーマのスタイルに負けないように、指定クラス内の優先度を上げる設定 --\u003e\n\u003cscript\u003e\n  tailwind.config = {\n    important: '.puzzle-lp-wrapper',\n    corePlugins: {\n      preflight: false, \/* Shopifyテーマの既存スタイルリセットしない *\/\n    }\n  }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* Google Fonts - Interを読み込み *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700\u0026display=swap');\n    \n    .puzzle-lp-wrapper {\n        font-family: 'Inter', sans-serif !important;\n        line-height: 1.6 !important;\n        box-sizing: border-box !important;\n        \/* 幅の制限を解除し100%にする設定を追加 *\/\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n    .puzzle-lp-wrapper img {\n        max-width: 100% !important;\n        height: auto !important;\n    }\n\u003c\/style\u003e\n\n\u003c!-- 全体を囲む親要素（この中はTailwindの優先度が上がる） --\u003e\n\u003cdiv class=\"puzzle-lp-wrapper\"\u003e\n    \u003c!-- グラデーション背景 --\u003e\n    \u003cdiv class=\"w-full p-4 sm:p-6 md:p-10 lg:p-12 rounded-none sm:rounded-2xl my-4 sm:my-8 mx-auto\" style=\"background: linear-gradient(135deg, #e0f2fe 0%, #d1fae5 100%);\"\u003e\n        \u003c!-- 白い内枠 --\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-10 md:p-16 lg:p-20 rounded-xl shadow-2xl w-full mx-auto\"\u003e\n        \n        \u003c!-- メインタイトル --\u003e\n        \u003ch1 class=\"text-[32px] sm:text-[40px] lg:text-[48px] font-extrabold text-gray-800 mb-8 text-center leading-tight\"\u003e山と高原地図 ジグソーパズル \u003cbr class=\"sm:hidden\"\u003e新登場！\u003c\/h1\u003e\n        \n        \u003c!-- 導入部分 --\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/1378x1377.png?v=1749605487\" width=\"338\" alt=\"山地図パズル60周年\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 本文のサイズを px 指定で大きく変更 --\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-8 leading-relaxed\"\u003e長年登山愛好家に親しまれてきた「山と高原地図」シリーズから、創刊60周年を記念して、 \u003cspan class=\"text-blue-600 font-bold\"\u003eシリーズ初となるジグソーパズル\u003c\/span\u003eが登場しました。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e登山者にとって馴染み深い等高線や登山道が描かれたあの地図が、ピースをつなぐことで\u003cbr class=\"md:hidden\"\u003e立ち上がっていきます。山歩き愛好家もパズル好きも、自宅で楽しむことができます。\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003c!-- 「山を“組み立てる”新体験」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003e山を“組み立てる”新体験——「山と高原地図 ジグソーパズル」とは？\u003c\/h2\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/1150x655.jpg?v=1749605478\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yama_pzl_d5eeda3c-bfae-45e0-b2c1-c3db5e20f224.png?v=1749605478\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e『山と高原地図 ジグソーパズル』は、登山地図として長年使われてきた「山と高原地図」のデザインをそのまま活かした \u003cspan class=\"text-green-600 font-bold\"\u003e1000ピースの本格派ジグソーパズル\u003c\/span\u003eです。今回ピックアップされた「槍ヶ岳・穂高岳 上高地」エリアは、登山初心者からアルピニストまで幅広い層に愛される、日本でも指折りの人気山域です。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e美しい稜線と日本アルプスの壮大な自然を背景に、緻密に描かれた等高線、登山道、山小屋やビューポイントといったランドマークがそのままピースのデザインとなっており、完成したときの達成感はひとしおです。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003eピースを組み合わせながら「ああ、ここはあの山小屋の近くだ」「この尾根は去年歩いたルートだな」といった思い出が蘇ってくる、そんな \u003cspan class=\"text-blue-600 font-bold\"\u003e「山の追体験」\u003c\/span\u003eができるのが、本商品の最大の魅力です。\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003c!-- 「ご自宅でも山小屋でも楽しめる」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003eご自宅で登山を追体験できる「1000ピース」の大作！\u003c\/h2\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/1I4A4720.jpg?v=1749604481\" width=\"682\" alt=\"山と高原地図シリーズ\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_4bdc62ac-f9f7-4f92-ae21-d8a250fe6e6a.png?v=1749613864\" width=\"682\" alt=\"山と高原地図パズルサイズ感\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e本ジグソーパズルは\u003cspan class=\"text-green-600 font-bold\"\u003e1000ピース\u003c\/span\u003eという、やや上級者向けの構成となります。\u003cbr\u003e完成サイズは\u003cspan class=\"text-blue-600 font-bold\"\u003eタテ75cm×ヨコ50cm\u003c\/span\u003eと、広げれば存在感たっぷり。パズル愛好家にとっても満足度の高いボリュームです。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e難易度のポイントとなるのが、等高線や緑地、沢筋など、色味や模様が似通った部分です。注意深く見比べながら少しずつ組み上げていく工程は、地形を“読む力”を必要とし、まさに登山と同じ体験をご自宅で味わうことができます♪\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e山小屋やベースキャンプ、展望ポイントなどのピースを見つけるたびに、実際の登山の記憶が呼び起こされるのも魅力のひとつ。完成後は額装して飾れば、お部屋のインテリアとして、プレゼントにも最適です☆\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4_90592e24-1088-45b4-853e-105a5fe9c8e9.png?v=1749620172\" width=\"672\" alt=\"山地図パズル画像\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_9a8074ee-8fb0-4aa1-bced-7bb2d5b5f5e3.png?v=1749619415\" width=\"672\" alt=\"パズルピース画像\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 商品詳細リスト --\u003e\n        \u003cul class=\"list-disc list-inside text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 space-y-3 pl-4\"\u003e\n            \u003cli\u003eピース数：\u003cspan class=\"font-bold\"\u003e1000ピース\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003e完成サイズ：\u003cspan class=\"font-bold\"\u003eタテ75cm × ヨコ50cm\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003eパッケージサイズ：\u003cspan class=\"font-bold\"\u003eタテ29cm × ヨコ22cm\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 注釈文も px 指定に変更 --\u003e\n    \u003cdiv class=\"text-[14px] sm:text-[16px] pb-8 pt-2\" style=\"text-align: center; color: #3a4454;\"\u003e\n        ※本商品の売上の一部は（一財）国立公園基金に寄付され、山環境整備に役立てられます\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"E","offers":[{"title":"Default Title","offer_id":46835560874213,"sku":"860019","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/2047x2700.png?v=1749604411"},{"product_id":"9784398860033","title":"山と高原地図 ジグソーパズル 八ヶ岳","description":"\u003c!-- 【本体】Tailwind CSS CDNを読み込み --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Dawnテーマのスタイルに負けないように、指定クラス内の優先度を上げる設定 --\u003e\n\u003cscript\u003e\n  tailwind.config = {\n    important: '.puzzle-lp-wrapper',\n    corePlugins: {\n      preflight: false, \/* Shopifyテーマの既存スタイルリセットしない *\/\n    }\n  }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* Google Fonts - Interを読み込み *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700\u0026display=swap');\n    \n    .puzzle-lp-wrapper {\n        font-family: 'Inter', sans-serif !important;\n        line-height: 1.6 !important;\n        box-sizing: border-box !important;\n        \/* 幅の制限を解除し100%にする設定を追加 *\/\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n    .puzzle-lp-wrapper img {\n        max-width: 100% !important;\n        height: auto !important;\n    }\n\u003c\/style\u003e\n\n\u003c!-- 全体を囲む親要素（この中はTailwindの優先度が上がる） --\u003e\n\u003cdiv class=\"puzzle-lp-wrapper\"\u003e\n    \u003c!-- グラデーション背景（八ヶ岳専用のグリーン系のグラデーションを直接指定） --\u003e\n    \u003cdiv class=\"w-full p-4 sm:p-6 md:p-10 lg:p-12 rounded-none sm:rounded-2xl my-4 sm:my-8 mx-auto\" style=\"background: linear-gradient(135deg, #dcfce7 0%, #15803d 100%);\"\u003e\n        \u003c!-- 白い内枠 --\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-10 md:p-16 lg:p-20 rounded-xl shadow-2xl w-full mx-auto\"\u003e\n        \n        \u003c!-- メインタイトル --\u003e\n        \u003ch1 class=\"text-[32px] sm:text-[40px] lg:text-[48px] font-extrabold text-gray-800 mb-2 text-center leading-tight\"\u003e山と高原地図 ジグソーパズル \u003cbr class=\"sm:hidden\"\u003e八ヶ岳\u003c\/h1\u003e\n        \n        \u003c!-- サブタイトル --\u003e\n        \u003cp class=\"font-bold text-green-800 mb-10 text-center leading-tight\" style=\"color: #166534; font-size: 24px; font-weight: 900;\"\u003e大好評「山と高原地図ジグソーパズル」\u003cbr class=\"sm:hidden\"\u003eシリーズ第二弾！\u003c\/p\u003e\n        \n        \u003c!-- 導入部分 --\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/1378x1377.png?v=1749605487\" width=\"338\" alt=\"山地図パズル60周年\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 本文のサイズを px 指定で大きく変更 --\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-8 leading-relaxed font-bold\"\u003e一時品切れとなるほどご好評をいただいた「山と高原地図ジグソーパズル」シリーズの\u003cspan class=\"text-blue-600 font-bold\"\u003e第二弾\u003c\/span\u003eが登場しました！\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e登山者にとって馴染み深い等高線や登山道が描かれたあの地図が、ピースをつなぐことで\u003cbr class=\"md:hidden\"\u003e立ち上がっていきます☆\u003cbr class=\"md:hidden\"\u003e山歩き愛好家もパズル好きも、自宅で楽しめる商品です♪\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003c!-- 「山を“組み立てる”新体験」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003e山を“組み立てる”新体験——「山と高原地図 ジグソーパズル」とは？\u003c\/h2\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/paz1150x699.jpg?v=1763653247\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e『山と高原地図 ジグソーパズル』は、登山地図として長年使われてきた「山と高原地図」のデザインをそのまま活かした \u003cspan class=\"text-blue-600 font-bold\"\u003e1000ピースの本格派ジグソーパズル\u003c\/span\u003eです。\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yama_pzl_d5eeda3c-bfae-45e0-b2c1-c3db5e20f224.png?v=1749605478\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e待望の第二弾\u003cspan class=\"text-blue-600 font-bold\"\u003e「八ヶ岳」\u003c\/span\u003eは、首都圏からもアクセスしやすく、初心者から上級者まで、登山やハイキング、ドライブなど多様な楽しみ方ができる、第一弾の「槍ヶ岳・穂高岳」 にも劣らない人気の山域。なかなか山に行くことのできない冬に山行気分を味わっていただきたい、という山と高原地図編集部の思いを込めて発売いたします☆\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003c!-- 「ご自宅でも山小屋でも楽しめる」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003eご自宅でも山小屋でも楽しめる「1000ピース」の大作！\u003c\/h2\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yatsu3.png?v=1763651407\" width=\"682\" alt=\"山と高原地図パズルサイズ感\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e本ジグソーパズルは\u003cspan class=\"text-blue-600 font-bold\"\u003e1000ピース\u003c\/span\u003eという、やや上級者向けの構成となります。\u003cbr\u003e完成サイズは\u003cspan class=\"text-blue-600 font-bold\"\u003eタテ75cm×ヨコ50cm\u003c\/span\u003eと、広げれば存在感たっぷり。パズル愛好家にとっても満足度の高いボリュームです。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e美しい稜線と壮大な自然を背景に、緻密に描かれた等高線、登山道、山小屋やビューポイントといったランドマークがそのままピースのデザインとなっており、完成したときの達成感はひとしおです。\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_9a8074ee-8fb0-4aa1-bced-7bb2d5b5f5e3.png?v=1749619415\" width=\"672\" alt=\"パズルピース画像\"\u003e\n        \u003c\/div\u003e  \n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e難易度のポイントとなるのが、緑地、沢筋など、色味や模様が似通った部分。注意深く見比べながら少しずつ組み上げていく工程は、地形を“読む力”を必要とし、まさに登山と同じ体験をご自宅で味わうことができます。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e山小屋やベースキャンプ、展望ポイントなどのピースを見つけるたびに、実際の登山の記憶が呼び起こされるのも魅力のひとつ。ピースを組み合わせながら「ああ、ここはあの山小屋の近くだ」「この尾根は去年歩いたルートだな」といった思い出が蘇ってくる、そんな \u003cspan class=\"text-blue-600 font-bold\"\u003e「山の追体験」\u003c\/span\u003eをお楽しみ頂けます。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e完成後は額装して飾れば、お部屋のインテリアとして、プレゼントにも最適です☆\u003c\/p\u003e\n\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4_90592e24-1088-45b4-853e-105a5fe9c8e9.png?v=1749620172\" width=\"672\" alt=\"山地図パズル画像\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 商品詳細リスト --\u003e\n        \u003cul class=\"list-disc list-inside text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 space-y-3 pl-4\"\u003e\n            \u003cli\u003eピース数：\u003cspan class=\"font-bold\"\u003e1000ピース\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003e完成サイズ：\u003cspan class=\"font-bold\"\u003eタテ75cm × ヨコ50cm\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003eパッケージサイズ：\u003cspan class=\"font-bold\"\u003eタテ29cm × ヨコ22cm\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"E","offers":[{"title":"Default Title","offer_id":48071451541733,"sku":"860033","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yatsu1.png?v=1763649695"},{"product_id":"9784398860040","title":"山と高原地図 ジグソーパズル 富士山","description":"\u003c!-- 【本体】Tailwind CSS CDNを読み込み --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Dawnテーマのスタイルに負けないように、指定クラス内の優先度を上げる設定 --\u003e\n\u003cscript\u003e\n  tailwind.config = {\n    important: '.puzzle-lp-wrapper',\n    corePlugins: {\n      preflight: false, \/* Shopifyテーマの既存スタイルリセットしない *\/\n    }\n  }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* Google Fonts - Interを読み込み *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700\u0026display=swap');\n    \n    .puzzle-lp-wrapper {\n        font-family: 'Inter', sans-serif !important;\n        line-height: 1.6 !important;\n        box-sizing: border-box !important;\n        \/* 幅の制限を解除し100%にする設定を追加 *\/\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n    .puzzle-lp-wrapper img {\n        max-width: 100% !important;\n        height: auto !important;\n    }\n\u003c\/style\u003e\n\n\u003c!-- 全体を囲む親要素（この中はTailwindの優先度が上がる） --\u003e\n\u003cdiv class=\"puzzle-lp-wrapper\"\u003e\n    \u003c!-- グラデーション背景（富士山専用のベージュ〜ブラウンのグラデーションを直接指定） --\u003e\n    \u003cdiv class=\"w-full p-4 sm:p-6 md:p-10 lg:p-12 rounded-none sm:rounded-2xl my-4 sm:my-8 mx-auto\" style=\"background: linear-gradient(135deg, #fff7ed 0%, #663420 100%);\"\u003e\n        \u003c!-- 白い内枠 --\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-10 md:p-16 lg:p-20 rounded-xl shadow-2xl w-full mx-auto\"\u003e\n        \n        \u003c!-- メインタイトル --\u003e\n        \u003ch1 class=\"text-[32px] sm:text-[40px] lg:text-[48px] font-extrabold text-gray-800 mb-2 text-center leading-tight\"\u003e山と高原地図 ジグソーパズル \u003cbr class=\"sm:hidden\"\u003e富士山\u003c\/h1\u003e\n        \n        \u003c!-- サブタイトル --\u003e\n        \u003cp class=\"mb-10 text-center leading-tight\" style=\"color: #663420; font-size: 24px; font-weight: 900 !important; text-shadow: 0 0 1px #663420;\"\u003e大好評「山と高原地図ジグソーパズル」\u003cbr class=\"sm:hidden\"\u003eシリーズ第三弾！\u003c\/p\u003e\n        \n        \u003c!-- 導入部分 --\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/1378x1377.png?v=1749605487\" width=\"338\" alt=\"山地図パズル60周年\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 本文のサイズを px 指定で大きく変更 --\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-8 leading-relaxed font-bold\"\u003e一時品切れとなるほどご好評をいただいた「山と高原地図ジグソーパズル」シリーズの\u003cspan class=\"text-red-600 font-bold\"\u003e第三弾\u003c\/span\u003eが登場しました！\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e登山者にとって馴染み深い等高線や登山道が描かれたあの地図が、ピースをつなぐことで\u003cbr class=\"md:hidden\"\u003e立ち上がっていきます☆\u003cbr class=\"md:hidden\"\u003e山歩き愛好家もパズル好きも、自宅で楽しめる商品です♪\u003c\/p\u003e\n        \n        \u003c!-- 横線をブラウンに変更 --\u003e\n        \u003chr class=\"border-t-2 border-[#663420] my-12\"\u003e\n        \n        \u003c!-- 「山を“組み立てる”新体験」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-[#663420] mb-8 text-center sm:text-left leading-snug\"\u003e山を“組み立てる”新体験——「山と高原地図 ジグソーパズル」とは？\u003c\/h2\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/1274x722.jpg?v=1767933482\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e『山と高原地図 ジグソーパズル』は、登山地図として長年使われてきた「山と高原地図」のデザインをそのまま活かした \u003cspan class=\"text-[#663420] font-bold\"\u003e1000ピースの本格派ジグソーパズル\u003c\/span\u003eです。\u003c\/p\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e第三弾\u003cspan class=\"text-[#663420] font-bold\"\u003e「富士山」\u003c\/span\u003eは、いわずと知れた日本最高峰で、海外・国内問わず一度は登ってみたい山として大人気の山域です。「いつかは行きたいけどなかなかチャンスがなくて」「縁起がいいから飾りたい」といったさまざまなニーズにお応えできたら、という山と高原地図編集部の思いを込めて発売いたします☆\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yama_pzl_d5eeda3c-bfae-45e0-b2c1-c3db5e20f224.png?v=1749605478\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 横線をブラウンに変更 --\u003e\n        \u003chr class=\"border-t-2 border-[#663420] my-12\"\u003e\n        \n        \u003c!-- 「ご自宅でも山小屋でも楽しめる」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-[#663420] mb-8 text-center sm:text-left leading-snug\"\u003eご自宅でも山小屋でも楽しめる「1000ピース」の大作！\u003c\/h2\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e本ジグソーパズルは\u003cspan class=\"text-[#663420] font-bold\"\u003e1000ピース\u003c\/span\u003eという、やや上級者向けの構成となります。\u003cbr\u003e完成サイズも\u003cspan class=\"text-[#663420] font-bold\"\u003eタテ50cm×ヨコ75cm\u003c\/span\u003eと、存在感たっぷり。パズル愛好家にとっても満足度の高いボリュームです。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e美しい稜線と壮大な自然を背景に、緻密に描かれた等高線、登山道、山小屋やビューポイントといったランドマークがそのままピースのデザインとなっており、完成したときの達成感はひとしおです。\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_9a8074ee-8fb0-4aa1-bced-7bb2d5b5f5e3.png?v=1749619415\" width=\"672\" alt=\"パズルピース画像\"\u003e\n        \u003c\/div\u003e  \n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e難易度のポイントとなるのが、緑地、沢筋など、色味や模様が似通った部分。注意深く見比べながら少しずつ組み上げていく工程は、地形を“読む力”を必要とし、まさに登山と同じ体験をご自宅で味わうことができます。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e山小屋、展望ポイントなどのピースを見つけるたびに、実際の登山の記憶が呼び起こされるのも魅力のひとつ。ピースを組み合わせながら「ああ、ここはあの山小屋の近くだ」「この尾根は去年歩いたルートだな」といった思い出が蘇ってくる、そんな \u003cspan class=\"text-[#663420] font-bold\"\u003e「山の追体験」\u003c\/span\u003eをお楽しみ頂けます。\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e完成後は額装して飾れば、お部屋のインテリアとして、プレゼントにも最適です☆\u003c\/p\u003e\n\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4_90592e24-1088-45b4-853e-105a5fe9c8e9.png?v=1749620172\" width=\"672\" alt=\"山地図パズル画像\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 商品詳細リスト --\u003e\n        \u003cul class=\"list-disc list-inside text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 space-y-3 pl-4\"\u003e\n            \u003cli\u003eピース数：\u003cspan class=\"text-[#663420] font-bold\"\u003e1000ピース\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003e完成サイズ：\u003cspan class=\"text-[#663420] font-bold\"\u003eタテ50cm × ヨコ75cm\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003eパッケージサイズ：\u003cspan class=\"text-[#663420] font-bold\"\u003eタテ22cm × ヨコ29cm\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"E","offers":[{"title":"Default Title","offer_id":48239642181861,"sku":"860040","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/Fujisan.png?v=1767842837"},{"product_id":"9784398860057","title":"山と高原地図 ジグソーパズル 剱・立山","description":"\u003c!-- 【本体】Tailwind CSS CDNを読み込み --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Dawnテーマのスタイルに負けないように、指定クラス内の優先度を上げる設定 --\u003e\n\u003cscript\u003e\n  tailwind.config = {\n    important: '.puzzle-lp-wrapper',\n    corePlugins: {\n      preflight: false, \/* Shopifyテーマの既存スタイルリセットしない *\/\n    }\n  }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* Google Fonts - Interを読み込み *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700\u0026display=swap');\n    \n    .puzzle-lp-wrapper {\n        font-family: 'Inter', sans-serif !important;\n        line-height: 1.6 !important;\n        box-sizing: border-box !important;\n        \/* 幅の制限を解除し100%にする設定を追加 *\/\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n    .puzzle-lp-wrapper img {\n        max-width: 100% !important;\n        height: auto !important;\n    }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n  \/* 予約時注意喚起のスタイル *\/\n  .custom-preorder-notice {\n    border: 2px solid #dc2626; \/* 赤いボーダー *\/\n    background-color: #ffffff; \/* 背景色を白に変更 *\/\n    border-radius: 8px;        \/* 角丸を少しシャープに *\/\n    padding: 12px 16px;        \/* 上下の余白を小さく *\/\n    margin: 24px 0;            \/* 上下のマージン *\/\n    display: flex;\n    flex-direction: column;    \/* スマホでは縦並び *\/\n    align-items: center;\n    justify-content: center;\n    gap: 8px;                  \/* 要素の隙間を狭く *\/\n  }\n  \n  .custom-preorder-icon {\n    color: #dc2626;            \/* アイコンの色 *\/\n    flex-shrink: 0;\n  }\n  \n  .custom-preorder-icon svg {\n    width: 28px;\n    height: 28px;\n  }\n  \n  .custom-preorder-text {\n    color: #dc2626;            \/* テキスト全体をアイコンや枠と同じ赤色に *\/\n    font-weight: bold;\n    font-size: 16px;\n    text-align: center;        \/* スマホでは中央揃え *\/\n    line-height: 1.5;\n    margin: 0 !important;      \/* テーマのデフォルトマージンを打ち消す *\/\n  }\n  \n  .custom-preorder-text strong {\n    font-size: 18px;\n    font-weight: 900;\n    margin: 0 4px;\n  }\n  \n  \/* タブレット・PC向け（画面幅640px以上）のスタイル *\/\n  @media (min-width: 640px) {\n    .custom-preorder-notice {\n      flex-direction: row;     \/* PCでは横並び *\/\n      padding: 16px 24px;      \/* PCでも上下の余白は控えめに *\/\n      gap: 16px;\n    }\n    .custom-preorder-icon svg {\n      width: 32px;\n      height: 32px;\n    }\n    .custom-preorder-text {\n      font-size: 18px;\n      text-align: left;        \/* PCでは左揃え *\/\n    }\n    .custom-preorder-text strong {\n      font-size: 22px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- 以下、予約時のみ --\u003e\n\n\u003c!--\u003cdiv class=\"custom-preorder-notice\"\u003e\n  \u003cdiv class=\"custom-preorder-icon\"\u003e\n    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n      \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"custom-preorder-text\"\u003e\n    発送は\u003cstrong\u003e「6\/19（金）」（発売日）以降\u003c\/strong\u003eとなります。\u003cbr\u003e\n    あらかじめご了承ください。\n  \u003c\/p\u003e\n\u003c\/div\u003e \n\u003c!-- 以上、予約時のみ --\u003e\n\n\u003c!-- 全体を囲む親要素（この中はTailwindの優先度が上がる） --\u003e\n\u003cdiv class=\"puzzle-lp-wrapper\"\u003e\n    \u003c!-- グラデーション背景 --\u003e\n    \u003cdiv class=\"w-full p-4 sm:p-6 md:p-10 lg:p-12 rounded-none sm:rounded-2xl my-4 sm:my-8 mx-auto\" style=\"background: linear-gradient(135deg, #e0f2fe 0%, #d1fae5 100%);\"\u003e\n        \u003c!-- 白い内枠 --\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-10 md:p-16 lg:p-20 rounded-xl shadow-2xl w-full mx-auto\"\u003e\n        \n        \u003c!-- メインタイトル --\u003e\n        \u003ch1 class=\"text-[32px] sm:text-[40px] lg:text-[48px] font-extrabold text-gray-800 mb-8 text-center leading-tight\"\u003e山と高原地図 ジグソーパズル\u003cbr class=\"sm:hidden\"\u003e剱・立山\u003c\/h1\u003e\n\n        \u003c!-- サブタイトル --\u003e\n        \u003cp class=\"mb-10 text-center leading-tight text-[#024c3e]\" style=\"font-size: 24px; font-weight: 900 !important; text-shadow: 0 0 1px #663420;\"\u003e大好評「山と高原地図ジグソーパズル」\u003cbr class=\"sm:hidden\"\u003eシリーズ第四弾！\u003c\/p\u003e\n        \n        \u003c!-- 導入部分 --\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9784398860057.png?v=1775457327\" width=\"455\" alt=\"山地図パズル表紙\"\u003e\n        \u003c\/div\u003e\n          \n        \u003c!-- 本文のサイズを px 指定で大きく変更 --\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-8 leading-relaxed font-bold\"\u003e一時品切れとなるほどご好評をいただいた「山と高原地図ジグソーパズル」シリーズの\u003cspan class=\"text-red-600 font-bold\"\u003e第四弾\u003c\/span\u003eが登場しました！\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e登山者にとって馴染み深い等高線や登山道が描かれたあの地図が、ピースをつなぐことで\u003cbr class=\"md:hidden\"\u003e立ち上がっていきます。山歩き愛好家もパズル好きも、自宅で楽しむことができます。\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003e山を“組み立てる”新体験——「山と高原地図 ジグソーパズル」とは？\u003c\/h2\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yama_pzl_d5eeda3c-bfae-45e0-b2c1-c3db5e20f224.png?v=1750065080\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e『山と高原地図 ジグソーパズル』は、登山地図として長年使われてきた「山と高原地図」のデザインをそのまま活かした \u003cspan class=\"text-green-600 font-bold\"\u003e1000ピースの本格派ジグソーパズル\u003c\/span\u003eです。\u003c\/p\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] mb-12 leading-relaxed\"\u003e第四弾\u003cspan class=\"text-blue-600 font-bold\"\u003e「剱・立山」\u003c\/span\u003eは、北アルプス屈指の岩峰として知られる「剱岳」と、古くから信仰の対象とされてきた名峰「立山」。等高線が幾重にも入り組む険しい地形は、ジグソーパズルとしてもシリーズ最高クラスの「登頂(完成)難易度？！を誇る」(編集者談)ともいわれており、ルートをなぞりながら、厳しい自然と向き合う登山の醍醐味を、ぜひ卓上でお楽しみください☆\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003c!-- 「ご自宅でも山小屋でも楽しめる」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003eご自宅で登山を追体験できる「1000ピース」の大作！\u003c\/h2\u003e\n\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e本ジグソーパズルは\u003cspan class=\"text-green-600 font-bold\"\u003e1000ピース\u003c\/span\u003eという、やや上級者向けの構成となります。\u003cbr\u003e完成サイズは\u003cspan class=\"text-blue-600 font-bold\"\u003eタテ75cm×ヨコ50cm\u003c\/span\u003eと、広げれば存在感たっぷり。パズル愛好家にとっても満足度の高いボリュームです。\u003c\/p\u003e\n\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_4bdc62ac-f9f7-4f92-ae21-d8a250fe6e6a.png?v=1749613864\" width=\"682\" alt=\"山と高原地図パズルサイズ感\"\u003e\n        \u003c\/div\u003e\n\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e難易度のポイントとなるのが、等高線や緑地、沢筋など、色味や模様が似通った部分です。注意深く見比べながら少しずつ組み上げていく工程は、地形を“読む力”を必要とし、まさに登山と同じ体験をご自宅で味わうことができます♪\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e山小屋やベースキャンプ、展望ポイントなどのピースを見つけるたびに、実際の登山の記憶が呼び起こされるのも魅力のひとつ。完成後は額装して飾れば、お部屋のインテリアとして、プレゼントにも最適です☆\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4_90592e24-1088-45b4-853e-105a5fe9c8e9.png?v=1749620172\" width=\"672\" alt=\"山地図パズル画像\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_9a8074ee-8fb0-4aa1-bced-7bb2d5b5f5e3.png?v=1749619415\" width=\"672\" alt=\"パズルピース画像\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 商品詳細リスト --\u003e\n        \u003cul class=\"list-disc list-inside text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 space-y-3 pl-4\"\u003e\n            \u003cli\u003eピース数：\u003cspan class=\"font-bold\"\u003e1000ピース\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003e完成サイズ：\u003cspan class=\"font-bold\"\u003eタテ75cm × ヨコ50cm\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003eパッケージサイズ：\u003cspan class=\"font-bold\"\u003eタテ29cm × ヨコ22cm\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"text-[14px] sm:text-[16px] pb-8 pt-2\" style=\"text-align: center; color: #3a4454;\"\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- ポップアップ --\u003e\n\u003cdiv id=\"custom-popup-overlay\"\u003e\n  \u003cdiv id=\"custom-popup-content\"\u003e\n    \u003cspan id=\"custom-popup-close\"\u003e×\u003c\/span\u003e\n\n      \u003c!-- 画像が正方形のため、max-height: 60vh を追加して画面に収まるように調整 --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/kitadake_banner.png?v=1780582049\" alt=\"北岳キャンペーン\" style=\"width:100%; max-height:60vh; object-fit:contain; border-radius:8px; display:block; margin:0 auto;\"\u003e\n      ご注文はお早めに！\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ポップアップ用スタイル --\u003e\n\u003cstyle\u003e\n  #custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }\n  #custom-popup-overlay.is-visible { opacity: 1; visibility: visible; }\n  \/* 正方形の画像に合わせて max-width を 450px に縮小し、バランスを調整 *\/\n  #custom-popup-content { background-color: #fff; padding: 30px 20px 20px 20px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); text-align: center; max-width: 450px; width: 100%; position: relative; box-sizing: border-box; transform: scale(0.95); transition: transform 0.3s ease; }\n  #custom-popup-overlay.is-visible #custom-popup-content { transform: scale(1); }\n  #custom-popup-close { position: absolute; top: 5px; right: 10px; font-size: 24px; font-weight: bold; color: #aaa; cursor: pointer; transition: color 0.2s; z-index: 10; }\n  #custom-popup-close:hover { color: #333; }\n  \n  .custom-popup-btn {\n    display: inline-block;\n    margin-top: 15px;\n    padding: 10px 24px;\n    background: #ce6b4c; \n    color: #ffffff !important;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 0.95em;\n    border-radius: 25px;\n    box-shadow: 0 4px 10px rgba(206, 107, 76, 0.4);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n  .custom-popup-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(206, 107, 76, 0.6);\n  }\n\u003c\/style\u003e\n\n\u003c!-- ポップアップ用スクリプト --\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    const popupOverlay = document.getElementById('custom-popup-overlay');\n    const closeBtn = document.getElementById('custom-popup-close');\n\n    \/\/ 要素が存在しない場合のエラー回避\n    if (!popupOverlay || !closeBtn) return;\n\n    \/\/ 【条件1】キャンペーンページからの遷移か判定\n    const campaignUrl = 'https:\/\/ec.sp-mapple.jp\/blogs\/news\/puzzle-kitadake';\n    const isFromCampaign = document.referrer.includes(campaignUrl);\n\n    \/\/ 【条件2】過去にポップアップを表示したことがあるか判定\n    const hasSeenPopup = localStorage.getItem('popup_shown_flag_kitadake');\n\n    \/\/ キャンペーン経由「ではなく」、かつ「初回訪問（記録がない）」場合のみ表示\n    if (!isFromCampaign \u0026\u0026 !hasSeenPopup) {\n      popupOverlay.style.display = 'flex';\n      \n      setTimeout(() =\u003e {\n        popupOverlay.classList.add('is-visible');\n      }, 10);\n\n      localStorage.setItem('popup_shown_flag_kitadake', 'true');\n    }\n\n    \/\/ 閉じるボタンの処理\n    closeBtn.addEventListener('click', () =\u003e {\n      popupOverlay.classList.remove('is-visible');\n      \n      setTimeout(() =\u003e {\n        popupOverlay.style.display = 'none';\n      }, 300);\n    });\n  });\n\u003c\/script\u003e\n\u003c!-- 以上、ポップアップ --\u003e","brand":"E","offers":[{"title":"Default Title","offer_id":48751859204325,"sku":"860057","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9784398860057.png?v=1775457327"},{"product_id":"12000-1002","title":"【パズル用フレーム】マイパネル１０ ホワイト","description":"\u003cp data-path-to-node=\"5\"\u003eご要望を数多くいただいていた「山と高原地図パズル」の専用フレームとして、パズルの老舗「やのまん」の高品質アルミフレームをご用意いたしました。\u003c\/p\u003e\n\u003cp\u003e\u003cimg height=\"644\" width=\"502\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/kitadake_frame_alumi.png?v=1778745406\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817645123.in01.jpg?v=1778743567\"\u003e\u003cbr\u003e1000ピース（50×75cm）の巨大な地図パズルにジャストフィット。登山地図の緻密なデザインを最も美しく引き立てる「ホワイト」を選定しています。\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817645123.in02.jpg?v=1778743567\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e【バネ状トンボでポスターもぴったりフィット】\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817645123.in06.jpg?v=1778743567\"\u003e\u003cbr\u003eバネ状トンボを使用しているため、パズルだけでなく薄い紙から2.2mmの厚紙までシワにならずにピッタリ収まります。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e【ＵＶ（紫外線）カットセルカバー使用】\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817645123.in11.jpg?v=1778743567\"\u003e\u003cbr\u003e長期間フレームを飾る場合でもジグソーパズルの色あせ、劣化を防ぎます。\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e【配送に関する注意事項】\u003cbr\u003e※本商品はサイズの都合上、「ヤマト運輸」での配送となります。(配送料:1,500円 *北海道・沖縄除く)\u003cbr\u003e※パズル本体など、他の通常商品と同時にご注文いただいた場合でも、別々の梱包・配送業者でのお届けとなりますので予めご了承ください。\u003cbr\u003e\u003cbr\u003eJANコード：4955477865507\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"W-YNMN","offers":[{"title":"Default Title","offer_id":49026453831909,"sku":"865502","price":3520.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817645123..jpg?v=1778743567"},{"product_id":"15000-1006","title":"【パズル用フレーム】ニューＤＸウッドフレーム１０ ブラウン","description":"\u003cp data-path-to-node=\"5\"\u003eご要望を数多くいただいていた「山と高原地図パズル」の専用フレームとして、パズルの老舗「やのまん」の高品質な木製フレームをご用意いたしました。\u003c\/p\u003e\n\u003cp\u003e\u003cimg height=\"656\" width=\"501\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/kitadake_frame_wood.png?v=1778745406\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817715246.in01.jpg?v=1778744754\"\u003e\u003cbr\u003e1000ピース（50×75cm）の巨大な地図パズルにジャストフィット。木のぬくもりを感じさせる「ブラウン」は、登山の記憶をより深く、重厚に引き立てます。\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817715246.in02.jpg?v=1778744754\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e【リバーシブルカラー台紙・吊りひも付】\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817715246.in09.jpg?v=1778744754\"\u003e\u003cbr\u003e属の台紙には両面に色がついています。台紙より小さいポスターを飾るときに便利です。好みの色にてご利用ください。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e【ＵＶ（紫外線）カットセルカバー使用】\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817715246.in10.jpg?v=1778744754\"\u003e\u003cbr\u003e長期間フレームを飾る場合でもジグソーパズルの色あせ、劣化を防ぎます。\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e【配送に関する注意事項】\u003cbr\u003e※本商品はサイズの都合上、「ヤマト運輸」での配送となります。(配送料:1,500円 *北海道・沖縄除く)\u003cbr\u003e※パズル本体など、他の通常商品と同時にご注文いただいた場合でも、別々の梱包・配送業者でのお届けとなりますので予めご了承ください。\u003cbr\u003e\u003cbr\u003eJANコード：4955477865491\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"W-YNMN","offers":[{"title":"Default Title","offer_id":49026542928101,"sku":"865496","price":4290.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4979817715246.jpg?v=1778744754"},{"product_id":"9784398860064","title":"山と高原地図 ジグソーパズル 北岳・甲斐駒","description":"\u003c!-- 【本体】Tailwind CSS CDNを読み込み --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Dawnテーマのスタイルに負けないように、指定クラス内の優先度を上げる設定 --\u003e\n\u003cscript\u003e\n  tailwind.config = {\n    important: '.puzzle-lp-wrapper',\n    corePlugins: {\n      preflight: false, \/* Shopifyテーマの既存スタイルリセットしない *\/\n    }\n  }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* Google Fonts - Interを読み込み *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700\u0026display=swap');\n    \n    .puzzle-lp-wrapper {\n        font-family: 'Inter', sans-serif !important;\n        line-height: 1.6 !important;\n        box-sizing: border-box !important;\n        \/* 幅の制限を解除し100%にする設定を追加 *\/\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n    .puzzle-lp-wrapper img {\n        max-width: 100% !important;\n        height: auto !important;\n    }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n  \/* 予約時注意喚起のスタイル *\/\n  .custom-preorder-notice {\n    border: 2px solid #dc2626; \/* 赤いボーダー *\/\n    background-color: #ffffff; \/* 背景色を白に変更 *\/\n    border-radius: 8px;        \/* 角丸を少しシャープに *\/\n    padding: 12px 16px;        \/* 上下の余白を小さく *\/\n    margin: 24px 0;            \/* 上下のマージン *\/\n    display: flex;\n    flex-direction: column;    \/* スマホでは縦並び *\/\n    align-items: center;\n    justify-content: center;\n    gap: 8px;                  \/* 要素の隙間を狭く *\/\n  }\n  \n  .custom-preorder-icon {\n    color: #dc2626;            \/* アイコンの色 *\/\n    flex-shrink: 0;\n  }\n  \n  .custom-preorder-icon svg {\n    width: 28px;\n    height: 28px;\n  }\n  \n  .custom-preorder-text {\n    color: #dc2626;            \/* テキスト全体をアイコンや枠と同じ赤色に *\/\n    font-weight: bold;\n    font-size: 16px;\n    text-align: center;        \/* スマホでは中央揃え *\/\n    line-height: 1.5;\n    margin: 0 !important;      \/* テーマのデフォルトマージンを打ち消す *\/\n  }\n  \n  .custom-preorder-text strong {\n    font-size: 18px;\n    font-weight: 900;\n    margin: 0 4px;\n  }\n  \n  \/* タブレット・PC向け（画面幅640px以上）のスタイル *\/\n  @media (min-width: 640px) {\n    .custom-preorder-notice {\n      flex-direction: row;     \/* PCでは横並び *\/\n      padding: 16px 24px;      \/* PCでも上下の余白は控えめに *\/\n      gap: 16px;\n    }\n    .custom-preorder-icon svg {\n      width: 32px;\n      height: 32px;\n    }\n    .custom-preorder-text {\n      font-size: 18px;\n      text-align: left;        \/* PCでは左揃え *\/\n    }\n    .custom-preorder-text strong {\n      font-size: 22px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- 全体を囲む親要素（この中はTailwindの優先度が上がる） --\u003e\n\u003cdiv class=\"puzzle-lp-wrapper\"\u003e\n    \u003c!-- グラデーション背景 --\u003e\n    \u003cdiv class=\"w-full p-4 sm:p-6 md:p-10 lg:p-12 rounded-none sm:rounded-2xl my-4 sm:my-8 mx-auto\" style=\"background: linear-gradient(135deg, #e0f2fe 0%, #d1fae5 100%);\"\u003e\n        \u003c!-- 白い内枠 --\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-10 md:p-16 lg:p-20 rounded-xl shadow-2xl w-full mx-auto\"\u003e\n        \n        \u003c!-- メインタイトル --\u003e\n        \u003ch1 class=\"text-[32px] sm:text-[40px] lg:text-[48px] font-extrabold text-gray-800 mb-8 text-center leading-tight\"\u003e山と高原地図 ジグソーパズル\u003cbr class=\"sm:hidden\"\u003e北岳・甲斐駒\u003c\/h1\u003e\n\n        \u003c!-- サブタイトル --\u003e\n        \u003cp class=\"mb-10 text-center leading-tight text-[#024c3e]\" style=\"font-size: 24px; font-weight: 900 !important; text-shadow: 0 0 1px #663420;\"\u003e大好評「山と高原地図ジグソーパズル」\u003cbr class=\"sm:hidden\"\u003eシリーズ第五弾！\u003c\/p\u003e\n        \n        \u003c!-- 導入部分 --\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/kitadake_main_1000x1370_085c0eab-dfab-4e63-b15b-6129f0417988.jpg?v=1779068514\" width=\"455\" alt=\"山地図パズル表紙\"\u003e\n        \u003c\/div\u003e\n          \n        \u003c!-- 本文のサイズを px 指定で大きく変更 --\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-8 leading-relaxed font-bold\"\u003e一時品切れとなるほどご好評をいただいた「山と高原地図ジグソーパズル」シリーズの\u003cspan class=\"text-red-600 font-bold\"\u003e第五弾\u003c\/span\u003eが登場しました！\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e登山者にとって馴染み深い等高線や登山道が描かれたあの地図が、ピースをつなぐことで\u003cbr class=\"md:hidden\"\u003e立ち上がっていきます。山歩き愛好家もパズル好きも、自宅で楽しむことができます。\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003e山を“組み立てる”新体験——「山と高原地図 ジグソーパズル」とは？\u003c\/h2\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/yama_pzl_d5eeda3c-bfae-45e0-b2c1-c3db5e20f224.png?v=1750065080\" width=\"575\" alt=\"山地図パズル\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e『山と高原地図 ジグソーパズル』は、登山地図として長年使われてきた「山と高原地図」のデザインをそのまま活かした \u003cspan class=\"text-green-600 font-bold\"\u003e1000ピースの本格派ジグソーパズル\u003c\/span\u003eです。\u003c\/p\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] mb-12 leading-relaxed\"\u003e第五弾\u003cspan class=\"text-blue-600 font-bold\"\u003e「北岳・甲斐駒」\u003c\/span\u003eは、富士山に次ぐ日本第二の高峰として知られる名峰「北岳」と、急峻な岩壁と白砂の美しい山容を誇る「甲斐駒ヶ岳」。南アルプス北部のダイナミックな稜線や、幾重にも入り組む奥深い谷筋が広がるこのマップは、ジグソーパズルとしても「アルピニストを唸らせる屈指の登頂（完成）難易度を誇る」ともいわれており、一筋縄ではいかない面白さがあります。\u003cbr\u003e地図上のルートを一つひとつ丁寧になぞりながら、壮大な南アルプスの自然と向き合う登山の醍醐味を、ぜひ卓上でお楽しみください☆\u003c\/p\u003e\n        \n        \u003chr class=\"border-t-2 border-green-300 my-12\"\u003e\n        \n        \u003c!-- 「ご自宅でも山小屋でも楽しめる」セクション --\u003e\n        \u003ch2 class=\"text-[26px] sm:text-[30px] lg:text-[36px] font-bold text-gray-800 mb-8 text-center sm:text-left leading-snug\"\u003eご自宅で登山を追体験できる「1000ピース」の大作！\u003c\/h2\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9784398860064.in01.png?v=1781153441\" width=\"682\" alt=\"山と高原地図シリーズ\"\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e本ジグソーパズルは\u003cspan class=\"text-green-600 font-bold\"\u003e1000ピース\u003c\/span\u003eという、やや上級者向けの構成となります。\u003cbr\u003e完成サイズは\u003cspan class=\"text-blue-600 font-bold\"\u003eタテ75cm×ヨコ50cm\u003c\/span\u003eと、広げれば存在感たっぷり。パズル愛好家にとっても満足度の高いボリュームです。\u003c\/p\u003e\n\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_4bdc62ac-f9f7-4f92-ae21-d8a250fe6e6a.png?v=1749613864\" width=\"682\" alt=\"山と高原地図パズルサイズ感\"\u003e\n        \u003c\/div\u003e\n\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-6 leading-relaxed\"\u003e難易度のポイントとなるのが、等高線や緑地、沢筋など、色味や模様が似通った部分です。注意深く見比べながら少しずつ組み上げていく工程は、地形を“読む力”を必要とし、まさに登山と同じ体験をご自宅で味わうことができます♪\u003c\/p\u003e\n        \u003cp class=\"text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 mb-12 leading-relaxed\"\u003e山小屋やベースキャンプ、展望ポイントなどのピースを見つけるたびに、実際の登山の記憶が呼び起こされるのも魅力のひとつ。完成後は額装して飾れば、お部屋のインテリアとして、プレゼントにも最適です☆\u003c\/p\u003e\n        \n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/4_90592e24-1088-45b4-853e-105a5fe9c8e9.png?v=1749620172\" width=\"672\" alt=\"山地図パズル画像\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex items-center justify-center pb-12\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_9a8074ee-8fb0-4aa1-bced-7bb2d5b5f5e3.png?v=1749619415\" width=\"672\" alt=\"パズルピース画像\"\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 商品詳細リスト --\u003e\n        \u003cul class=\"list-disc list-inside text-[18px] sm:text-[20px] lg:text-[24px] text-gray-700 space-y-3 pl-4\"\u003e\n            \u003cli\u003eピース数：\u003cspan class=\"font-bold\"\u003e1000ピース\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003e完成サイズ：\u003cspan class=\"font-bold\"\u003eタテ75cm × ヨコ50cm\u003c\/span\u003e\n\u003c\/li\u003e\n            \u003cli\u003eパッケージサイズ：\u003cspan class=\"font-bold\"\u003eタテ29cm × ヨコ22cm\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"text-[14px] sm:text-[16px] pb-8 pt-2\" style=\"text-align: center; color: #3a4454;\"\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"E","offers":[{"title":"Default Title","offer_id":49077869609189,"sku":"860064","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9784398860064.jpg?v=1781153418"},{"product_id":"9784398860101","title":"都市地図ジグソーパズル 京都市","description":"\u003c!-- 【本体】Tailwind CSS CDNを読み込み --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Dawnテーマのスタイルに負けないように、指定クラス内の優先度を上げる設定 --\u003e\n\u003cscript\u003e\n  tailwind.config = {\n    important: '.puzzle-lp-wrapper',\n    corePlugins: {\n      preflight: false,\n    }\n  }\n\u003c\/script\u003e\n\n\u003c!-- Google Fonts: Noto Serif JP（和の格調）+ Inter（本文） --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;600;700\u0026amp;family=Inter:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  \/* ─────────────────────────────────────────\n     ベース設定\n  ───────────────────────────────────────── *\/\n  .puzzle-lp-wrapper {\n    font-family: 'Inter', 'Noto Serif JP', sans-serif !important;\n    line-height: 1.8 !important;\n    box-sizing: border-box !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    background-color: #f7f2ea !important; \/* 生成り *\/\n    color: #2c2a26 !important;            \/* 墨 *\/\n  }\n  .puzzle-lp-wrapper img {\n    max-width: 100% !important;\n    height: auto !important;\n  }\n\n  \/* ─────────────────────────────────────────\n     カラー変数（和の色名）\n  ───────────────────────────────────────── *\/\n  :root {\n    --kinari:   #f7f2ea;  \/* 生成り — 背景 *\/\n    --sumi:     #2c2a26;  \/* 墨     — 本文 *\/\n    --aitetsu:  #1c2b3a;  \/* 藍鉄   — 見出し *\/\n    --enji:     #8b1a1a;  \/* 臙脂   — アクセント赤 *\/\n    --aoni:     #3d5c42;  \/* 青丹   — アクセント緑 *\/\n    --yamabuki: #b8924a;  \/* 山吹   — 装飾ライン金 *\/\n    --usuzumi:  #6b6760;  \/* 薄墨   — サブテキスト *\/\n    --shiro:    #ffffff;  \/* 白 *\/\n  }\n\n  \/* ─────────────────────────────────────────\n     外枠コンテナ\n  ───────────────────────────────────────── *\/\n  .kyoto-outer {\n    max-width: 860px;\n    margin: 2rem auto;\n    padding: 0 1rem;\n  }\n\n  \/* ─────────────────────────────────────────\n     白い内枠 — 薄い枠線のみ、影は最小限\n  ───────────────────────────────────────── *\/\n  .kyoto-inner {\n    background: var(--shiro);\n    border: 1px solid #d6c9b0;\n    border-top: 3px solid var(--yamabuki);\n    border-radius: 2px;\n    padding: 3rem 2rem;\n  }\n  @media (min-width: 640px) {\n    .kyoto-inner { padding: 4rem 3.5rem; }\n  }\n  @media (min-width: 1024px) {\n    .kyoto-inner { padding: 5rem 5rem; }\n  }\n\n  \/* ─────────────────────────────────────────\n     タイトル類\n  ───────────────────────────────────────── *\/\n  .kyoto-h1 {\n    font-family: 'Noto Serif JP', serif !important;\n    font-size: clamp(26px, 5vw, 42px) !important;\n    font-weight: 700 !important;\n    color: var(--aitetsu) !important;\n    letter-spacing: 0.08em !important;\n    text-align: center !important;\n    line-height: 1.4 !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .kyoto-subtitle {\n    font-family: 'Noto Serif JP', serif !important;\n    font-size: clamp(14px, 2.5vw, 17px) !important;\n    font-weight: 600 !important;\n    color: var(--aoni) !important;\n    text-align: center !important;\n    letter-spacing: 0.06em !important;\n    margin-bottom: 2.5rem !important;\n  }\n\n  .kyoto-h2 {\n    font-family: 'Noto Serif JP', serif !important;\n    font-size: clamp(18px, 3.5vw, 26px) !important;\n    font-weight: 700 !important;\n    color: var(--aitetsu) !important;\n    letter-spacing: 0.05em !important;\n    line-height: 1.5 !important;\n    margin-bottom: 1.5rem !important;\n    padding-left: 1rem !important;\n    border-left: 3px solid var(--yamabuki) !important;\n  }\n\n  \/* ─────────────────────────────────────────\n     本文テキスト\n  ───────────────────────────────────────── *\/\n  .kyoto-body {\n    font-size: clamp(16px, 2.2vw, 19px) !important;\n    color: var(--sumi) !important;\n    line-height: 1.9 !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .kyoto-accent-red   { color: var(--enji) !important; font-weight: 700 !important; }\n  .kyoto-accent-green { color: var(--aoni) !important; font-weight: 700 !important; }\n  .kyoto-accent-blue  { color: var(--aitetsu) !important; font-weight: 700 !important; }\n\n  \/* ─────────────────────────────────────────\n     和風セクション区切り（菱形モチーフ）\n  ───────────────────────────────────────── *\/\n  .kyoto-divider {\n    display: flex !important;\n    align-items: center !important;\n    gap: 0.75rem !important;\n    margin: 3rem 0 !important;\n  }\n  .kyoto-divider::before,\n  .kyoto-divider::after {\n    content: '' !important;\n    flex: 1 !important;\n    height: 1px !important;\n    background: var(--yamabuki) !important;\n    opacity: 0.6 !important;\n  }\n  .kyoto-divider-diamond {\n    width: 8px !important;\n    height: 8px !important;\n    background: var(--yamabuki) !important;\n    transform: rotate(45deg) !important;\n    flex-shrink: 0 !important;\n  }\n\n  \/* ─────────────────────────────────────────\n     画像ブロック\n  ───────────────────────────────────────── *\/\n  .kyoto-img-wrap {\n    display: flex !important;\n    justify-content: center !important;\n    margin: 2rem 0 2.5rem !important;\n  }\n  .kyoto-img-wrap img {\n    border: 1px solid #d6c9b0 !important;\n  }\n\n  \/* ─────────────────────────────────────────\n     スペック一覧（リスト）\n  ───────────────────────────────────────── *\/\n  .kyoto-spec-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border-top: 1px solid #d6c9b0 !important;\n  }\n  .kyoto-spec-list li {\n    display: flex !important;\n    align-items: baseline !important;\n    gap: 1rem !important;\n    padding: 0.75rem 0 !important;\n    border-bottom: 1px solid #e8e0d0 !important;\n    font-size: clamp(16px, 2.2vw, 18px) !important;\n    color: var(--sumi) !important;\n  }\n  .kyoto-spec-label {\n    flex-shrink: 0 !important;\n    font-size: 12px !important;\n    letter-spacing: 0.1em !important;\n    color: var(--usuzumi) !important;\n    background: #f0e8d8 !important;\n    padding: 2px 8px !important;\n    border-radius: 2px !important;\n    font-weight: 600 !important;\n  }\n  .kyoto-spec-value {\n    font-weight: 700 !important;\n    color: var(--aitetsu) !important;\n    font-family: 'Noto Serif JP', serif !important;\n  }\n\n  \/* ─────────────────────────────────────────\n     予約注意喚起\n  ───────────────────────────────────────── *\/\n  .kyoto-preorder-notice {\n    border: 1.5px solid var(--enji);\n    background-color: #fff8f8;\n    border-radius: 2px;\n    padding: 14px 20px;\n    margin: 1.5rem 0 2rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n  }\n  .kyoto-preorder-notice p {\n    color: var(--enji) !important;\n    font-weight: 700 !important;\n    font-size: clamp(14px, 2vw, 17px) !important;\n    line-height: 1.7 !important;\n    margin: 0 !important;\n    font-family: 'Noto Serif JP', serif !important;\n    letter-spacing: 0.04em !important;\n  }\n  .kyoto-preorder-notice p strong {\n    font-size: 1.15em !important;\n    font-weight: 900 !important;\n  }\n  .kyoto-preorder-notice svg {\n    color: var(--enji);\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n  @media (min-width: 640px) {\n    .kyoto-preorder-notice {\n      flex-direction: row;\n      text-align: left;\n      gap: 14px;\n    }\n    .kyoto-preorder-notice p { font-size: 17px !important; }\n  }\n\n  \/* ─────────────────────────────────────────\n     タイトル上部の細い装飾ライン\n  ───────────────────────────────────────── *\/\n  .kyoto-title-block {\n    text-align: center;\n    margin-bottom: 2.5rem;\n    padding-bottom: 2rem;\n    border-bottom: 1px solid #d6c9b0;\n  }\n  .kyoto-title-kamon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 3rem;\n  }\n  .kyoto-title-kamon span {\n    display: inline-block;\n    width: 40px;\n    height: 1px;\n    background: var(--yamabuki);\n    opacity: 0.7;\n  }\n  .kyoto-title-kamon-mark {\n    font-size: 18px;\n    color: var(--yamabuki);\n    letter-spacing: 0.2em;\n  }\n\u003c\/style\u003e\n\n\u003c!-- ─────────────────────────────────────────\n     予約時のみ表示ブロック\n───────────────────────────────────────── --\u003e\n\u003cdiv class=\"kyoto-preorder-notice\"\u003e\n  \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n    \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\u003e\u003c\/path\u003e\n  \u003c\/svg\u003e\n  \u003cp\u003e\n    発送は\u003cstrong\u003e「7\/10（金）」（発売日）以降\u003c\/strong\u003eとなります。\u003cbr\u003e\n    あらかじめご了承ください。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ─────────────────────────────────────────\n     メインコンテンツ\n───────────────────────────────────────── --\u003e\n\u003cdiv class=\"puzzle-lp-wrapper\"\u003e\n  \u003cdiv class=\"kyoto-outer\"\u003e\n    \u003cdiv class=\"kyoto-inner\"\u003e\n\n      \u003c!-- ── タイトルブロック ── --\u003e\n      \u003cdiv class=\"kyoto-title-block\"\u003e\n        \u003cdiv class=\"kyoto-title-kamon\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan class=\"kyoto-title-kamon-mark\"\u003e✦\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch1 class=\"kyoto-h1\"\u003e都市地図 ジグソーパズル\u003cbr\u003e京都市\u003c\/h1\u003e\n        \u003cp class=\"kyoto-subtitle\"\u003e\u003cu\u003e「ジグソーパズル」シリーズに、新たに『都市地図』が加わりました！\u003c\/u\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ── メイン画像 ── --\u003e\n      \u003cdiv class=\"kyoto-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/kyoroahi_hontai_1000x1341_d761de9a-562c-42ed-b7a0-44c1b64e929b.jpg?v=1779068514\" width=\"420\" alt=\"都市地図ジグソーパズル 京都市 パッケージ\"\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ── 導入文 ── --\u003e\n      \u003cp class=\"kyoto-body\"\u003e旅行やビジネスなど折々に手にしてきた、あの\u003cspan class=\"kyoto-accent-red\"\u003e『都市地図』\u003c\/span\u003eが、ジグソーパズルになりました。\u003c\/p\u003e\n      \u003cp class=\"kyoto-body\" style=\"margin-bottom: 0;\"\u003e碁盤の目に広がる道路網、歴史ある寺社仏閣、通り名が、ひとつひとつのピースとして卓上に広がります。\u003c\/p\u003e\n\n      \u003c!-- ── 区切り線 ── --\u003e\n      \u003cdiv class=\"kyoto-divider\"\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ── セクション1 ── --\u003e\n      \u003ch2 class=\"kyoto-h2\"\u003e『都市地図』ジグソーパズルについて\u003c\/h2\u003e\n\n      \u003cdiv class=\"kyoto-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9630937874661.in01.jpg?v=1781151406\" width=\"560\" alt=\"京都市パズル 完成イメージ\"\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"kyoto-body\"\u003e『都市地図』ジグソーパズルは、街歩きや旅の折に手にしてきた『都市地図』のデザインをそのまま用いた、\u003cspan class=\"kyoto-accent-red\"\u003e1000ピースのジグソーパズル\u003c\/span\u003eです。\u003c\/p\u003e\n\n      \u003cp class=\"kyoto-body\" style=\"margin-bottom: 0;\"\u003e碁盤の目に交わる道路網、細かく記された通り名、四方に点在する寺社仏閣——情報が凝縮されたこの地形は、「碁盤の目の迷宮に迷い込む」（編集者談）と評されるほど、組み上げる難しさと奥深さを秘めています。\u003c\/p\u003e\n\n      \u003c!-- ── 区切り線 ── --\u003e\n      \u003cdiv class=\"kyoto-divider\"\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ── セクション2 ── --\u003e\n      \u003ch2 class=\"kyoto-h2\"\u003e1,000ピース、完成サイズ 75×50cm\u003c\/h2\u003e\n\n      \u003cp class=\"kyoto-body\"\u003eピース数は\u003cspan class=\"kyoto-accent-red\"\u003e1,000ピース\u003c\/span\u003e。完成サイズは\u003cspan class=\"kyoto-accent-blue\"\u003eタテ75cm × ヨコ50cm\u003c\/span\u003eと、広げると存在感のある仕上がりになります。\u003c\/p\u003e\n\n      \u003cdiv class=\"kyoto-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9630937874661.03.png?v=1781152863\" width=\"640\" alt=\"都市地図ジグソーパズル サイズ感\"\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"kyoto-body\"\u003e格子状に続く道路や、町域ごとに異なる色彩は、一見すると似通った部分が多く、組み上げるには地図を丁寧に\"読む\"必要があります。ピースをひとつ置くたびに、京都の街の構造が少しずつ明らかになっていく感覚があります。\u003c\/p\u003e\n\n      \u003cdiv class=\"kyoto-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/EC_f5407fd5-709e-4e13-b160-e3c024016e5c.png?v=1781328447\" width=\"640\" alt=\"都市地図ジグソーパズル 意匠そのまま\"\u003e\n      \u003c\/div\u003e\n      \n      \u003cp class=\"kyoto-body\"\u003e完成後は額装してインテリアとして、あるいは京都ゆかりの方へのギフトとしても最適です。\u003c\/p\u003e\n\n      \u003cp class=\"kyoto-body\"\u003e旅した記憶を手元にかたちとして残したい方、\u003cbr\u003eあるいは、京都を愛する大切な方への贈りものとして、ぜひ手にとっていただきたい商品となっています。\u003c\/p\u003e\n\n      \u003cdiv class=\"kyoto-img-wrap\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9630937874661.in02.jpg?v=1781151407\" width=\"640\" alt=\"パズルピース 拡大\"\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ── 区切り線 ── --\u003e\n      \u003cdiv class=\"kyoto-divider\"\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"kyoto-divider-diamond\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ── スペック一覧 ── --\u003e\n      \u003ch2 class=\"kyoto-h2\"\u003e商品仕様\u003c\/h2\u003e\n      \u003cul class=\"kyoto-spec-list\"\u003e\n        \u003cli\u003e\n          \u003cspan class=\"kyoto-spec-label\"\u003eピース数\u003c\/span\u003e\n          \u003cspan class=\"kyoto-spec-value\"\u003e1,000ピース\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cspan class=\"kyoto-spec-label\"\u003e完成サイズ\u003c\/span\u003e\n          \u003cspan class=\"kyoto-spec-value\"\u003eタテ 75cm × ヨコ 50cm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cspan class=\"kyoto-spec-label\"\u003eパッケージ\u003c\/span\u003e\n          \u003cspan class=\"kyoto-spec-value\"\u003eタテ 29cm × ヨコ 22cm\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\u003c!-- \/.kyoto-inner --\u003e\n  \u003c\/div\u003e\n\u003c!-- \/.kyoto-outer --\u003e\n\u003c\/div\u003e\u003c!-- \/.puzzle-lp-wrapper --\u003e\n\n\n\u003c!-- 以下、ポップアップ --\u003e\n\u003cdiv id=\"custom-popup-overlay\"\u003e\n  \u003cdiv id=\"custom-popup-content\"\u003e\n    \u003cspan id=\"custom-popup-close\"\u003e×\u003c\/span\u003e\n\n      \u003c!-- 画像が正方形のため、max-height: 60vh を追加して画面に収まるように調整 --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/pop_puzzle_kyoto.png?v=1781419978\" alt=\"京都市パズルキャンペーン\" style=\"width:100%; max-height:60vh; object-fit:contain; border-radius:8px; display:block; margin:0 auto;\"\u003e\n      ☆予約期間中は送料無料！☆\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- スタイル --\u003e\n\u003cstyle\u003e\n  #custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }\n  #custom-popup-overlay.is-visible { opacity: 1; visibility: visible; }\n  \/* 正方形の画像に合わせて max-width を 450px に縮小し、バランスを調整 *\/\n  #custom-popup-content { background-color: #fff; padding: 30px 20px 20px 20px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); text-align: center; max-width: 450px; width: 100%; position: relative; box-sizing: border-box; transform: scale(0.95); transition: transform 0.3s ease; }\n  #custom-popup-overlay.is-visible #custom-popup-content { transform: scale(1); }\n  #custom-popup-close { position: absolute; top: 5px; right: 10px; font-size: 24px; font-weight: bold; color: #aaa; cursor: pointer; transition: color 0.2s; z-index: 10; }\n  #custom-popup-close:hover { color: #333; }\n  \n  .custom-popup-btn {\n    display: inline-block;\n    margin-top: 15px;\n    padding: 10px 24px;\n    background: #ce6b4c; \n    color: #ffffff !important;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 0.95em;\n    border-radius: 25px;\n    box-shadow: 0 4px 10px rgba(206, 107, 76, 0.4);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n  .custom-popup-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(206, 107, 76, 0.6);\n  }\n\u003c\/style\u003e\n\n\u003c!-- スクリプト --\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    const popupOverlay = document.getElementById('custom-popup-overlay');\n    const closeBtn = document.getElementById('custom-popup-close');\n\n    \/\/ 要素が存在しない場合のエラー回避\n    if (!popupOverlay || !closeBtn) return;\n\n    \/\/ 【条件1】キャンペーンページからの遷移か判定\n    const campaignUrl = 'https:\/\/ec.sp-mapple.jp\/blogs\/news\/puzzle-kyoto';\n    const isFromCampaign = document.referrer.includes(campaignUrl);\n\n    \/\/ 【条件2】過去にポップアップを表示したことがあるか判定\n    const hasSeenPopup = localStorage.getItem('popup_shown_flag_kyoto');\n\n    \/\/ キャンペーン経由「ではなく」、かつ「初回訪問（記録がない）」場合のみ表示\n    if (!isFromCampaign \u0026\u0026 !hasSeenPopup) {\n      popupOverlay.style.display = 'flex';\n      \n      setTimeout(() =\u003e {\n        popupOverlay.classList.add('is-visible');\n      }, 10);\n\n      localStorage.setItem('popup_shown_flag_kyoto', 'true');\n    }\n\n    \/\/ 閉じるボタンの処理\n    closeBtn.addEventListener('click', () =\u003e {\n      popupOverlay.classList.remove('is-visible');\n      \n      setTimeout(() =\u003e {\n        popupOverlay.style.display = 'none';\n      }, 300);\n    });\n  });\n\u003c\/script\u003e\n\u003c!-- 以上、ポップアップ --\u003e","brand":"E","offers":[{"title":"Default Title","offer_id":49464911364325,"sku":"860101","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/files\/9630937874661.jpg?v=1781151292"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/5454\/8709\/collections\/454a48307f23e6b2dd4ed59d6743425d_73a13726-0fd3-4cd9-8313-2abe9f978f1f.png?v=1781504719","url":"https:\/\/ec.sp-mapple.jp\/collections\/%e3%83%a1%e3%83%ab%e3%83%9e%e3%82%ac6-19%e6%8e%b2%e8%bc%89%e5%95%86%e5%93%81.oembed","provider":"昭文社オンラインストア","version":"1.0","type":"link"}