{"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!-- 以下、予約時のみ --\u003e\n\n\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\/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\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":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","url":"https:\/\/ec.sp-mapple.jp\/products\/9784398860064","provider":"昭文社オンラインストア","version":"1.0","type":"link"}