{"product_id":"15099008942446","title":"【イチローズモルトを極める】秩父の情熱を味わう。イチローズモルト3種コレクション ＆ 「奥会津金山 天然炭酸水」金ラベル","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eプレミアムウイスキーセレクション | IMADEYA\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@300;400;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        \/* Base Styles \u0026 Design Tokens *\/\n        :root {\n            --accent-color: #FF7474;\n            --bg-light: #eff2f4;\n            --bg-body: #ffffff;\n            --text-dark: #333333;\n            --text-muted: #666666;\n            --btn-bg: #404040;\n            --btn-text: #ffffff;\n            --card-bg: #ffffff;\n            --image-bg: #f9f9f9;\n            --font-jp: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Sans', sans-serif;\n            --font-en: 'Roboto Slab', serif;\n        }\n\n        \/* * 提案：将来的なダークモード対応の基礎 \n         * OSの設定がダークモードの場合に自動的に配色を切り替える設定例です。\n         * 今回はコメントアウトしていますが、導入をご希望の場合は有効化できます。\n         * @media (prefers-color-scheme: dark) {\n            :root {\n                --bg-light: #2a2d30;\n                --bg-body: #1a1a1a;\n                --text-dark: #f0f0f0;\n                --text-muted: #aaaaaa;\n                --btn-bg: #ffffff;\n                --btn-text: #1a1a1a;\n                --card-bg: #222222;\n                --image-bg: #333333;\n            }\n        }\n        *\/\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: var(--font-jp);\n            color: var(--text-dark);\n            line-height: 1.8;\n            background-color: var(--bg-body);\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Typography *\/\n        h1, h2, h3 {\n            font-family: var(--font-en);\n            font-weight: 400;\n            letter-spacing: 0.05em;\n        }\n\n        .section-title {\n            text-align: center;\n            margin: 60px 0 40px;\n            font-size: 2rem;\n            position: relative;\n        }\n\n        .section-title span {\n            display: block;\n            font-size: 0.9rem;\n            font-family: var(--font-jp);\n            color: #999;\n            margin-top: 5px;\n        }\n\n        \/* Product Grid (auto-fitによるレスポンシブなカラム調整) *\/\n        .product-section {\n            padding: 80px 0 40px;\n        }\n\n        .product-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .product-card {\n            background: var(--card-bg);\n            border-radius: 4px;\n            transition: box-shadow 0.3s ease;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .image-wrapper {\n            position: relative;\n            overflow: hidden;\n            background-color: var(--image-bg);\n            margin-bottom: 20px;\n            aspect-ratio: 1 \/ 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 4px;\n        }\n\n        .image-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            transition: transform 0.5s ease, filter 0.3s ease;\n        }\n\n        \/* ホバー時に少し浮き上がるようなシャドウ *\/\n        .product-card:hover .image-wrapper {\n            box-shadow: 0 8px 16px rgba(0,0,0,0.08);\n        }\n\n        .product-card:hover .image-wrapper img {\n            transform: scale(1.05);\n        }\n\n        .product-info {\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }\n\n        .product-info h3 {\n            font-size: 1.05rem;\n            margin-bottom: 10px;\n            line-height: 1.4;\n            min-height: 3em;\n        }\n\n        .product-info p {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            text-align: justify;\n            margin-bottom: 15px;\n        }\n\n        \/* Details List *\/\n        .spec-list {\n            list-style: none;\n            font-size: 0.8rem;\n            border-top: 1px solid #eee;\n            padding-top: 15px;\n            margin-top: auto;\n        }\n\n        .spec-list li {\n            margin-bottom: 5px;\n            color: #888;\n        }\n\n        \/* Recommendation Area *\/\n        .recommendation-area {\n            background-color: var(--bg-light);\n            padding: 60px 0 80px;\n        }\n\n        .single-item-wrapper {\n            max-width: 480px;\n            margin: 0 auto;\n        }\n\n        .sub-item-card {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .sub-item-img {\n            background: var(--card-bg);\n            padding: 15px;\n            aspect-ratio: 4 \/ 3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            border-radius: 4px;\n        }\n\n        .sub-item-img img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n        }\n\n        .sub-item-text {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .sub-item-text h2 {\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            color: var(--text-dark);\n        }\n\n        .accent-tag {\n            display: inline-block;\n            background-color: var(--accent-color);\n            color: #fff;\n            padding: 2px 12px;\n            font-size: 0.75rem;\n            margin-bottom: 10px;\n            border-radius: 2px;\n            letter-spacing: 0.05em;\n        }\n\n        .sub-item-text p {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n\n        .sub-item-name {\n            font-weight: bold;\n            font-size: 0.95rem;\n            display: block;\n            margin-top: 5px;\n            margin-bottom: 20px;\n        }\n\n        \/* Buttons \u0026 Accessibility *\/\n        .btn-primary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--btn-bg);\n            color: var(--btn-text);\n            padding: 14px 40px;\n            border-radius: 4px;\n            text-decoration: none;\n            font-weight: bold;\n            font-size: 0.95rem;\n            transition: all 0.3s ease;\n            width: 100%;\n            max-width: 300px;\n        }\n\n        .btn-primary:hover {\n            background-color: #222;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        }\n\n        \/* 改善: キーボード操作時のフォーカス視認性向上 *\/\n        .btn-primary:focus-visible {\n            outline: 3px solid var(--accent-color);\n            outline-offset: 2px;\n        }\n\n        \/* Fade-in Animation *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* 改善: アニメーション遅延をCSSで自動管理し、順番入れ替えに強くする *\/\n        .product-grid .product-card:nth-child(1) { transition-delay: 0s; }\n        .product-grid .product-card:nth-child(2) { transition-delay: 0.1s; }\n        .product-grid .product-card:nth-child(3) { transition-delay: 0.2s; }\n        .product-grid .product-card:nth-child(4) { transition-delay: 0.3s; }\n        .product-grid .product-card:nth-child(5) { transition-delay: 0.4s; }\n    \u003c\/style\u003e\n\n\n\n\u003cmain\u003e\n    \u003c!-- Main Product Selection --\u003e\n    \u003csection class=\"product-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch1 class=\"section-title\"\u003eSpecial Selection\u003cspan\u003e注目のウイスキー＆ウォーター\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cdiv class=\"product-grid\"\u003e\n                \u003c!-- Product 1: ミズナラウッドリザーヴ --\u003e\n                \u003carticle class=\"product-card fade-in\"\u003e\n                    \u003cdiv class=\"image-wrapper\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/445531_97923d5f-a6b7-4484-96b4-a1b87934f9cb.webp\" alt=\"イチローズモルト ミズナラウッドリザーヴ\" loading=\"lazy\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"product-info\"\u003e\n                        \u003ch3\u003eイチローズモルト ミズナラウッドリザーブ\u003c\/h3\u003e\n                        \u003cp\u003e羽生蒸留所をキーモルトにミズナラ樽で再熟成させた「イチローズ・モルト・ミズナラ・ウッド・リザーブ」。厳選した強ピート原酒をブレンドすることで、特有の甘みと複雑で奥深いピート香が広がる本格派の味わいです。\u003c\/p\u003e\n                        \u003cul class=\"spec-list\"\u003e\n                            \u003cli\u003e生産者：秩父蒸溜所\u003c\/li\u003e\n                            \u003cli\u003e産地：埼玉県 秩父\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/article\u003e\n\n                \u003c!-- Product 2: モルト\u0026グレーン リミテッドエディション (順番変更) --\u003e\n                \u003carticle class=\"product-card fade-in\"\u003e\n                    \u003cdiv class=\"image-wrapper\"\u003e\n                        \u003c!-- ※実際の画像URLに差し替えてください --\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/439946_ddc30c57-df75-4137-bc80-51b1bba5b1d4.webp?v=1779758467\" alt=\"イチローズモルト モルト\u0026amp;グレーン リミテッドエディション\" loading=\"lazy\" onerror=\"this.src='https:\/\/placehold.co\/400x400\/f9f9f9\/a0a0a0?text=Ichiro%27s+Limited+Image'\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"product-info\"\u003e\n                        \u003ch3\u003eイチローズモルト モルト\u0026amp;グレーン リミテッドエディション\u003c\/h3\u003e\n                        \u003cp\u003e2008年に操業した秩父蒸留所にて10年以上熟成された貴重な原酒をキーモルトに、厳選されたモルトやグレーン原酒をバランスよくブレンド。芳醇で複雑な香りと、心地よい長く続く余韻が特徴の特別な限定品です。\u003c\/p\u003e\n                        \u003cul class=\"spec-list\"\u003e\n                            \u003cli\u003e生産者：秩父蒸溜所\u003c\/li\u003e\n                            \u003cli\u003e産地：埼玉県 秩父\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/article\u003e\n\n                 \u003c!-- Product 3: イチローズモルト＆グレーン ホワイトラベル --\u003e\n                \u003carticle class=\"product-card fade-in\" style=\"transition-delay: 0.2s;\"\u003e\n                    \u003cdiv class=\"image-wrapper\"\u003e\n                        \u003c!-- 既存コードから取得したホワイトラベルの有効画像URLをセット --\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/01460406-3993989.webp?v=17757243725\" alt=\"イチローズモルト＆グレーン ホワイトラベル\" loading=\"lazy\" onerror=\"this.src='https:\/\/placehold.co\/400x400\/f9f9f9\/a0a0a0?text=White+Label'\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"product-info\"\u003e\n                        \u003ch3\u003eイチローズモルト＆グレーン ホワイトラベル\u003c\/h3\u003e\n                        \u003cp\u003e伝統の貯蔵庫で育った秩父のキーモルトに、世界中から厳選した9種類のモルトと2種類のグレーン原酒をブレンド。レモンやオレンジピールを思わせる爽やかで華やかな香りが引き立ちます。原酒が織りなす複雑で奥深いコクと余韻を楽しめる本格派です。\u003c\/p\u003e\n                        \u003cul class=\"spec-list\"\u003e\n                            \u003cli\u003e生産者：秩父蒸溜所\u003c\/li\u003e\n                            \u003cli\u003e産地：埼玉県 秩父\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/article\u003e\n\n\n                \u003c!-- Product 4: 奥会津金山 天然炭酸の水 金ラベル --\u003e\n                \u003carticle class=\"product-card fade-in\"\u003e\n                    \u003cdiv class=\"image-wrapper\"\u003e\n                        \u003c!-- ※実際の画像URLに差し替えてください --\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/01707018-2927707.webp?v=1775727551\" alt=\"奥会津金山 天然炭酸の水 金ラベル\" loading=\"lazy\" onerror=\"this.src='https:\/\/placehold.co\/400x400\/f9f9f9\/a0a0a0?text=Okuaizu+Water+Image'\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"product-info\"\u003e\n                        \u003ch3\u003e奥会津金山 天然炭酸の水 金ラベル\u003c\/h3\u003e\n                        \u003cp\u003e福島県奥会津で採水された、希少な天然の炭酸水。きめ細やかな泡立ちとまろやかな口当たりは、プレミアムウイスキーのチェイサーやハイボールに最適です。\u003c\/p\u003e\n                        \u003cul class=\"spec-list\"\u003e\n                            \u003cli\u003e生産者：ハーベス\u003c\/li\u003e\n                            \u003cli\u003e産地：福島県 大沼郡\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/article\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n      \u003c!-- Recommendation Section (Glass Only) --\u003e\n    \u003csection class=\"recommendation-area\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title\"\u003eRecommended Glass\u003cspan\u003eおすすめのグラス\u003c\/span\u003e\n\u003c\/h2\u003e\n\n            \u003cdiv class=\"single-item-wrapper\"\u003e\n                \u003c!-- Product: Glass --\u003e\n                \u003carticle class=\"sub-item-card fade-in\"\u003e\n                    \u003cdiv class=\"sub-item-img\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/01794747-3929851.webp?v=1774724829\" alt=\"いまでやオリジナル ロゴ入汎用グラス\" loading=\"lazy\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sub-item-text\"\u003e\n                        \u003cspan class=\"accent-tag\"\u003eItem\u003c\/span\u003e\n                        \u003ch2\u003e至福の一杯を、IMADEYAのグラスで\u003c\/h2\u003e\n                        \u003cp\u003e香り立ちを追求し、手に馴染むフォルムにこだわったオリジナルグラス。テイスティングからハイボールまで、幅広いスタイルで愉しめます。\u003c\/p\u003e\n                        \u003cspan class=\"sub-item-name\"\u003eいまでやオリジナル ロゴ入汎用グラス\u003c\/span\u003e\n                        \n                        \u003cspan class=\"sub-item-price\"\u003e¥1,200 \u003cspan\u003e(税込)\u003c\/span\u003e\u003c\/span\u003e\n                        \u003ca href=\"https:\/\/imadeya.co.jp\/products\/8628419100837\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e商品ページを見る\u003c\/a\u003e\n                    \u003c\/div\u003e\n                \u003c\/article\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\u003c\/main\u003e\n\n\u003cscript\u003e\n    \/\/ Fade-in Animation Observer\n    \/\/ スクロール時に要素をふわりと表示させるモダンな実装\n    document.addEventListener(\"DOMContentLoaded\", () =\u003e {\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.15 \/\/ 要素が15%見えたらアニメーション開始\n        };\n\n        const observer = new IntersectionObserver((entries, observer) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                    \/\/ 一度表示されたら監視を解除し、パフォーマンスを向上\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.fade-in').forEach(el =\u003e {\n            observer.observe(el);\n        });\n    });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"IMADEYA ONLINE STORE","offers":[{"title":"4本セット","offer_id":54076575940974,"sku":"S663","price":24899.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/3-s663-5643676.webp?v=1782441554","url":"https:\/\/imadeya.co.jp\/products\/15099008942446","provider":"IMADEYA ONLINE STORE","version":"1.0","type":"link"}