{"product_id":"15124833206638","title":"【数量限定】きらめく泡と最旬モダン日本酒3点セット（仙禽・加茂錦・日日）","description":"\u003c!-- レスポンシブ対応に必須のViewport設定 --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003c!-- Google Fonts: Roboto Slab (英数字用) --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e\n\u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@400;700\u0026amp;display=swap\"\u003e\n\n\u003c!-- Tailwind CSS (スタイリング用) --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\n    tailwind.config = {\n        corePlugins: {\n            \/\/ Shopifyの既存テーマ(ヘッダー等)の崩れを防ぐためリセットCSSを無効化\n            preflight: false, \n        },\n        theme: {\n            extend: {\n                colors: {\n                    'brand-accent': '#FF7474', \/\/ 文字強調\n                    'brand-bg': '#eff2f4',     \/\/ ウィンドウ背景\n                    'brand-btn': '#404040',    \/\/ ボタン背景\n                    'brand-btn-text': '#FFF',  \/\/ ボタン文字色\n                },\n                fontFamily: {\n                    'sans': ['\"Yu Gothic\"', 'YuGothic', 'sans-serif'],\n                    'serif': ['\"Roboto Slab\"', '\"Yu Gothic\"', 'YuGothic', 'serif'],\n                }\n            }\n        }\n    }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* スコープを限定したベーススタイル設定 *\/\n    #imadeya-lp-wrapper {\n        font-feature-settings: \"palt\";\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        background-color: #ffffff; \/* 灰色の背景を白に変更 *\/\n        color: #333;\n        \/* padding: 20px 0; を削除して上下の余白を消去 *\/\n    }\n\n    #imadeya-lp-wrapper img {\n        max-width: 100%;\n        height: auto;\n    }\n\n    \/* コンテンツエリアの背景は白に設定 *\/\n    .content-wrapper {\n        background-color: #ffffff;\n    }\n\n    \/* パフォーマンス最適化: 画面外の要素のレンダリングを遅延 *\/\n    .optimize-render {\n        content-visibility: auto;\n        contain-intrinsic-size: 500px;\n    }\n\n    \/* スクロール時のふわっとした表示：JSが有効な場合のみ初期値を透明にする *\/\n    .js-active .fade-in-section {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1);\n        will-change: opacity, transform;\n    }\n\n    .js-active .fade-in-section.is-visible {\n        opacity: 1;\n        transform: none;\n    }\n    \n    \/* 商品画像の微細な拡大エフェクト *\/\n    .product-image {\n        transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n    .product-image:hover {\n        transform: scale(1.03);\n    }\n\n    \/* 味わいバッジのアニメーション *\/\n    .flavor-bar {\n        width: 0;\n        transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    \/* ページ遷移フェードアニメーション *\/\n    .page-transition {\n        transition: opacity 0.4s ease, transform 0.4s ease;\n    }\n\u003c\/style\u003e\n\n\u003c!-- LP全体を囲むラッパー --\u003e\n\u003cdiv id=\"imadeya-lp-wrapper\" class=\"font-sans\"\u003e\n\n    \u003c!-- ==========================================\n         1. 特集メインページ\n    =========================================== --\u003e\n    \u003cmain id=\"main-feature\" class=\"max-w-7xl mx-auto content-wrapper overflow-hidden page-transition\" aria-hidden=\"false\"\u003e\n        \n        \u003c!-- Hero セクション --\u003e\n        \u003cheader class=\"py-16 md:py-24 px-6 md:px-12 text-center relative overflow-hidden border-b border-gray-100 fade-in-section\"\u003e\n            \u003cdiv class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-b from-gray-50 to-white -z-10\"\u003e\u003c\/div\u003e\n            \u003ch1 class=\"text-3xl md:text-5xl font-serif font-bold mb-8 text-gray-900 leading-tight\"\u003e\n                \u003cspan class=\"block text-sm md:text-base text-brand-accent tracking-[0.3em] mb-4 uppercase font-serif\"\u003eModern Sake Selection\u003c\/span\u003e\n                現代の日本酒シーンを牽引する、\u003cbr class=\"md:hidden\"\u003e注目の銘酒3本セット\n            \u003c\/h1\u003e\n            \u003cp class=\"max-w-3xl mx-auto text-gray-600 mb-6 leading-loose md:text-xl font-light\"\u003e\n                UNITED ARROWSとのコラボで生まれた革新的なスパークリング「仙禽 UAくわがた」をはじめ、\u003cbr class=\"hidden md:block\"\u003e\n                高い人気を誇る「加茂錦」、そして気鋭の蔵元が醸す「日日」を厳選しました。\u003cbr\u003e\n                現代の日本酒の最前線を感じられる、特別な3本をお届けします。\n            \u003c\/p\u003e\n        \u003c\/header\u003e\n\n        \u003c!-- 商品① 仙禽 UAくわがた 泡酒 --\u003e\n        \u003csection class=\"py-16 md:py-24 md:px-20 fade-in-section optimize-render\"\u003e\n            \u003cdiv class=\"flex flex-col lg:flex-row items-center lg:space-x-16\"\u003e\n                \u003cdiv class=\"w-full lg:w-2\/3 mb-8 lg:mb-0 text-center px-2 md:px-0\"\u003e\n                    \u003c!-- ※画像パスは仮のものを設定しています。運用環境に合わせて変更してください --\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/02005950.webp?v=1753255810\" alt=\"仙禽 UAくわがた 泡酒\" class=\"max-w-[640px] md:max-w-[740px] lg:max-w-[900px] w-full mx-auto object-contain product-image drop-shadow-2xl\" loading=\"lazy\" decoding=\"async\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full lg:w-1\/3 px-6 md:px-0\"\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-serif font-bold mb-8 text-gray-900 leading-snug\"\u003e\n                        \u003cspan class=\"block text-sm text-gray-400 mb-3 font-serif uppercase tracking-widest\"\u003eSenkin UA Kuwagata\u003c\/span\u003e\n                        仙禽 UAくわがた 泡酒\n                    \u003c\/h2\u003e\n                    \u003cdiv class=\"space-y-6 text-gray-600 md:text-lg leading-loose mb-10\"\u003e\n                        \u003cp\u003e仙禽とUNITED ARROWSのコラボレーションによる限定シリーズが今年も登場。\u003c\/p\u003e\n                        \u003cp\u003eコンセプトをそのままに、新設計の「泡酒」へと大幅リニューアル。夏らしい爽やかさに、天然瓶内二次発酵の繊細な泡立ちと爽快なリンゴ酸が加わり、これからの季節に一層ふさわしい味わいに仕上がりました。\u003cbr\u003e\n\n生もと×瓶内二次発酵でよりナチュラルに進化した、新たな夏の風物詩をぜひお楽しみください。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"mt-8 pt-6 border-t border-gray-100\"\u003e\n                        \u003ca href=\"https:\/\/imadeya.co.jp\/products\/14746099351918\" id=\"btn-show-detail-item1\" aria-expanded=\"false\" aria-controls=\"product-detail-item1\" class=\"inline-flex items-center text-sm md:text-base font-bold text-gray-900 hover:text-brand-accent transition-colors group\"\u003e\n                            \u003cspan\u003e単品の「仙禽 UAくわがた」はこちらから\u003c\/span\u003e\n                            \u003csvg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/a\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- 商品② 加茂錦 荷札酒 美郷錦 2025BY 火入 --\u003e\n        \u003csection class=\"py-16 md:py-24 md:px-20 bg-gray-50 fade-in-section optimize-render\"\u003e\n            \u003cdiv class=\"flex flex-col lg:flex-row-reverse items-center lg:space-x-16 lg:space-x-reverse\"\u003e\n                \u003cdiv class=\"w-full lg:w-2\/3 mb-8 lg:mb-0 text-center px-2 md:px-0\"\u003e\n                    \u003c!-- ※画像パスは仮のものを設定しています --\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/01009733-3827342.webp?v=1780406467\" alt=\"加茂錦 荷札酒 美郷錦 2025BY 火入\" class=\"max-w-[640px] md:max-w-[740px] lg:max-w-[900px] w-full mx-auto object-contain product-image drop-shadow-2xl\" loading=\"lazy\" decoding=\"async\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full lg:w-1\/3 px-6 md:px-0\"\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-serif font-bold mb-8 text-gray-900 leading-snug\"\u003e\n                        \u003cspan class=\"block text-sm text-gray-400 mb-3 font-serif uppercase tracking-widest\"\u003eKamonishiki Nifudazake\u003c\/span\u003e\n                        加茂錦 荷札酒 美郷錦\u003cbr\u003e2025BY 火入\n                    \u003c\/h2\u003e\n                    \u003cdiv class=\"space-y-6 text-gray-600 md:text-lg leading-loose mb-10\"\u003e\n                        \u003cp\u003e秋田県の高級酒米「美郷錦」で醸した荷札酒。\u003c\/p\u003e\n                        \u003cp\u003e\n\nメロンのような穏やかな香りとピチピチとしたフレッシュな口当たりで、ミルキーな旨みとマスカットのような果実味が広がります。爽やかでスッキリとした酸味により、後口はサッパリ！\n\n冷蔵での長期熟成にも適していますが、開栓後はお早めにお召し上がりください。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- 商品③ 日日 亀の尾 --\u003e\n        \u003csection class=\"py-16 md:py-24 md:px-20 fade-in-section optimize-render\"\u003e\n            \u003cdiv class=\"flex flex-col lg:flex-row items-center lg:space-x-16\"\u003e\n                \u003cdiv class=\"w-full lg:w-2\/3 mb-8 lg:mb-0 text-center px-2 md:px-0\"\u003e\n                    \u003c!-- ※画像パスは仮のものを設定しています --\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/products\/01033161-3556272.webp?v=1775728693\" alt=\"日日 亀の尾\" class=\"max-w-[640px] md:max-w-[740px] lg:max-w-[900px] w-full mx-auto object-contain product-image drop-shadow-2xl\" loading=\"lazy\" decoding=\"async\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full lg:w-1\/3 px-6 md:px-0\"\u003e\n                    \u003ch2 class=\"text-3xl md:text-4xl font-serif font-bold mb-8 text-gray-900 leading-snug\"\u003e\n                        \u003cspan class=\"block text-sm text-gray-400 mb-3 font-serif uppercase tracking-widest\"\u003eNichinichi Kamenoo\u003c\/span\u003e\n                        日日 亀の尾\n                    \u003c\/h2\u003e\n                    \u003cdiv class=\"space-y-6 text-gray-600 md:text-lg leading-loose mb-10\"\u003e\n                        \u003cp\u003e「日日是好日」をコンセプトに、京都で新たな日本酒の形を追求する気鋭の蔵元「日々醸造(ニチニチジョウゾウ)」。\u003c\/p\u003e\n                        \u003cp\u003e栃木県さくら市の「亀の尾」を、せんきんさんから譲り受け、生もと造りで醸した特別な1本です。\n\nラベルには、幸運の象徴である海亀が描かれ「皆さんに良いことがありますように」と願いが込められています。和梨や白桃に、控えめなヨーグルトが混ざり合う香り。エレガントでタイトなテクスチャーが心地よい辛口スタイルです。\n                \u003c\/p\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n        \n    \n\n  \n\u003c\/div\u003e\n\n\u003c!-- ==========================================\n     3. 動作を制御するJavaScript\n=========================================== --\u003e\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        \n        \/\/ JS有効判定クラス付与\n        const wrapper = document.getElementById('imadeya-lp-wrapper');\n        if (wrapper) wrapper.classList.add('js-active');\n\n        \/\/ --- 1. スクロール時のフェードインとグラフアニメーション ---\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.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('is-visible');\n                    \n                    const bars = entry.target.querySelectorAll('.flavor-bar');\n                    bars.forEach(bar =\u003e {\n                        const targetWidth = bar.getAttribute('data-width');\n                        if(targetWidth) {\n                            bar.style.width = targetWidth;\n                        }\n                    });\n                    \n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        const fadeElements = document.querySelectorAll('.fade-in-section');\n        fadeElements.forEach(el =\u003e observer.observe(el));\n\n\n        \/\/ --- 2. ページ内での画面切り替え（アクセシビリティ対応SPA風） ---\n        const mainFeature = document.getElementById('main-feature');\n        const detailItem1 = document.getElementById('product-detail-item1');\n        const btnShowDetail = document.getElementById('btn-show-detail-item1');\n        const btnBacks = document.querySelectorAll('.btn-back-to-feature');\n\n        \/\/ 詳細ページを開く処理\n        if(btnShowDetail \u0026\u0026 mainFeature \u0026\u0026 detailItem1) {\n            btnShowDetail.addEventListener('click', (e) =\u003e {\n                e.preventDefault();\n                \n                \/\/ ARIA属性の更新\n                btnShowDetail.setAttribute('aria-expanded', 'true');\n                mainFeature.setAttribute('aria-hidden', 'true');\n                detailItem1.setAttribute('aria-hidden', 'false');\n\n                \/\/ 画面切り替え\n                mainFeature.classList.add('hidden');\n                detailItem1.classList.remove('hidden');\n                \n                requestAnimationFrame(() =\u003e {\n                    detailItem1.classList.remove('opacity-0', 'translate-y-4');\n                    detailItem1.classList.add('opacity-100', 'translate-y-0');\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                    \n                    \/\/ アニメーション再評価\n                    const detailFadeElements = detailItem1.querySelectorAll('.fade-in-section');\n                    detailFadeElements.forEach(el =\u003e {\n                        el.classList.remove('is-visible');\n                        observer.observe(el);\n                    });\n                });\n            });\n        }\n\n        \/\/ 特集ページに戻る処理\n        btnBacks.forEach(btn =\u003e {\n            btn.addEventListener('click', (e) =\u003e {\n                e.preventDefault();\n                \n                \/\/ ARIA属性の更新\n                if(btnShowDetail) btnShowDetail.setAttribute('aria-expanded', 'false');\n                detailItem1.setAttribute('aria-hidden', 'true');\n                mainFeature.setAttribute('aria-hidden', 'false');\n\n                \/\/ フェードアウト\n                detailItem1.classList.remove('opacity-100', 'translate-y-0');\n                detailItem1.classList.add('opacity-0', 'translate-y-4');\n                \n                setTimeout(() =\u003e {\n                    detailItem1.classList.add('hidden');\n                    mainFeature.classList.remove('hidden');\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                }, 400);\n            });\n        });\n    });\n\u003c\/script\u003e\u003c\/section\u003e\u003c\/main\u003e\n\u003c\/div\u003e","brand":"IMADEYA ONLINE STORE","offers":[{"title":"3本セット","offer_id":54284625674606,"sku":"S734","price":9218.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0575\/1354\/1797\/files\/S734.webp?v=1783644313","url":"https:\/\/imadeya.co.jp\/products\/15124833206638","provider":"IMADEYA ONLINE STORE","version":"1.0","type":"link"}