{"product_id":"yabi-spirit-ambient","title":"Yabi-Spirit","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"ドイツのアイウェアブランド「YABI」。鋭いカッティングと独創的なデザインが特徴のリムレスフレーム。\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700\u0026amp;family=Noto+Serif+JP:wght@700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* --- Design System: Black x Yellow (Brand Identity) --- *\/\n        :root {\n            --c-bg: #121212;\n            --c-surface: #1E1E1E;\n            --c-text-main: #FFFFFF;\n            --c-text-muted: #E0E0E0;\n            --c-accent: #FFD700; \/* MonkeyFlip Yellow *\/\n            --c-alert: #ff5555;\n            \n            --f-serif: 'Noto Serif JP', serif;\n            --f-sans: 'Noto Sans JP', sans-serif;\n            \n            --sp-sm: 20px;\n            --sp-md: 60px;\n            --sp-lg: 120px;\n        }\n\n        \/* --- Base Reset \u0026 Typography --- *\/\n        *, *::before, *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            background-color: var(--c-bg);\n            color: var(--c-text-main);\n            font-family: var(--f-sans);\n            line-height: 2.2; \n            font-size: 20px;\n            -webkit-font-smoothing: antialiased;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, h4 {\n            font-family: var(--f-serif);\n            font-weight: 700;\n            line-height: 1.5;\n            color: var(--c-accent);\n        }\n\n        h1 {\n            font-size: clamp(3.5rem, 10vw, 6rem);\n            text-align: center;\n            margin-bottom: var(--sp-sm);\n            text-shadow: 0 4px 15px rgba(0,0,0,0.8);\n        }\n\n        h2 {\n            font-size: clamp(2.8rem, 6vw, 4rem);\n            border-bottom: 4px solid var(--c-accent);\n            padding-bottom: 20px;\n            margin-bottom: var(--sp-md);\n            display: inline-block;\n        }\n        \n        h3 {\n             font-size: 2.4rem;\n             margin-bottom: 30px;\n             color: var(--c-text-main);\n             border-left: 8px solid var(--c-accent);\n             padding-left: 30px;\n        }\n\n        p {\n            margin-bottom: var(--sp-md);\n            letter-spacing: 0.1em;\n            color: var(--c-text-muted);\n            font-size: 1.6rem; \/* 説明文は大きく維持 *\/\n            font-weight: 500;\n        }\n\n        \/* --- Image Placeholder Style --- *\/\n        .img-placeholder {\n            width: 100%;\n            background-color: #000;\n            border: 2px dashed #666;\n            color: #FFF;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            font-weight: bold;\n            font-family: monospace;\n            font-size: 1.8rem;\n            padding: 40px;\n            box-sizing: border-box;\n            word-break: break-all;\n            min-height: 400px;\n            border-radius: 8px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n            margin: 40px 0;\n        }\n\n        \/* --- Utility Classes --- *\/\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 25px;\n        }\n\n        .text-center { text-align: center; }\n        .text-accent { color: var(--c-accent); font-weight: bold; }\n        .mb-lg { margin-bottom: var(--sp-lg); }\n\n        \/* --- Sections --- *\/\n        section {\n            padding: var(--sp-lg) 0;\n            border-bottom: 1px solid rgba(255,255,255,0.15);\n        }\n\n        \/* --- Hero Section --- *\/\n        .hero {\n            padding: var(--sp-lg) 0;\n            text-align: center;\n            background: radial-gradient(circle at center, #2a2a2a 0%, #121212 70%);\n        }\n        .hero-sub {\n            display: block;\n            font-size: 2.0rem;\n            color: var(--c-text-muted);\n            margin-bottom: var(--sp-sm);\n            font-family: var(--f-serif);\n        }\n        \n        \/* --- Status Badge --- *\/\n        .status-bar {\n            display: flex;\n            justify-content: center;\n            gap: 25px;\n            margin-bottom: 50px;\n            flex-wrap: wrap;\n        }\n        .badge {\n            padding: 10px 25px;\n            border-radius: 6px;\n            font-weight: bold;\n            font-size: 1.5rem;\n            display: inline-block;\n        }\n        .badge-free-shipping {\n            background-color: var(--c-accent);\n            color: #000;\n            border: 1px solid var(--c-accent);\n        }\n        .badge-no-restock {\n            background-color: transparent;\n            color: var(--c-alert);\n            border: 3px solid var(--c-alert);\n        }\n\n        \/* --- Warning Box --- *\/\n        .warning-box {\n            background: rgba(255, 68, 68, 0.1);\n            border: 3px solid var(--c-alert);\n            padding: 50px;\n            border-radius: 8px;\n            margin: var(--sp-lg) 0;\n            text-align: center;\n        }\n        .warning-box h4 {\n            color: var(--c-alert);\n            font-size: 2.2rem;\n            margin-bottom: 30px;\n        }\n\n        \/* --- Specs Table --- *\/\n        .spec-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: var(--sp-md) 0;\n            font-family: var(--f-serif);\n        }\n        .spec-table th, .spec-table td {\n            text-align: left;\n            padding: 20px;\n            border-bottom: 1px solid #444;\n        }\n        .spec-table th {\n            color: var(--c-accent);\n            font-weight: normal;\n            width: 40%;\n            display: table-cell;\n            font-size: 1.5rem;\n            padding-bottom: 20px;\n        }\n        .spec-table td {\n            font-weight: 700;\n            font-size: 2.2rem;\n            color: #FFF;\n            display: table-cell;\n            padding-top: 20px;\n        }\n\n        \/* --- Campaign Box --- *\/\n        .campaign-box {\n            background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n            padding: 40px;\n            color: #000;\n            border-radius: 8px;\n            margin-top: var(--sp-lg);\n            text-align: center;\n        }\n        .campaign-box h3 { color: #000; border: none; padding: 0; font-size: 2.4rem; margin-bottom: 20px;}\n        .campaign-box p { color: #111; margin-bottom: 20px; font-size: 1.6rem; font-weight: bold;}\n\n        \/* --- Sticky Footer --- *\/\n        .sticky-footer {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background: rgba(18,18,18,0.98);\n            padding: 15px 20px;\n            border-top: 2px solid var(--c-accent);\n            z-index: 100;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 30px;\n            box-shadow: 0 -5px 20px rgba(0,0,0,0.5);\n        }\n        .price-display {\n            font-size: 1.6rem;\n            font-weight: bold;\n            color: var(--c-accent);\n            font-family: var(--f-sans);\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n        .price-sub {\n            font-size: 0.9rem;\n            color: #FFF;\n            font-weight: normal;\n            margin-top: 0;\n        }\n        .cta-button {\n            background-color: var(--c-accent);\n            color: #000;\n            text-decoration: none;\n            padding: 15px 50px;\n            font-weight: bold;\n            font-size: 1.4rem;\n            border-radius: 4px;\n            transition: all 0.3s;\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);\n            border: none;\n            cursor: pointer;\n            width: auto;\n        }\n        .cta-button:hover {\n            background-color: #fff;\n            transform: translateY(-3px);\n            box-shadow: 0 0 25px rgba(255, 215, 0, 0.7);\n        }\n        \n        @media (max-width: 768px) {\n            h1 { font-size: 4rem; }\n            .spec-table th { width: 100%; display: block; font-size: 1.3rem; padding-bottom: 5px; }\n            .spec-table td { display: block; font-size: 1.8rem; padding-top: 5px; padding-left: 0; }\n            .sticky-footer { flex-direction: column; gap: 10px; padding: 15px; }\n            .cta-button { width: 100%; text-align: center; padding: 15px; }\n            .price-display { align-items: center; }\n        }\n    \u003c\/style\u003e\n\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cspan class=\"hero-sub\"\u003eGermany Select \/ YABI\u003c\/span\u003e\n\u003ch1\u003eYabi-Spirit\u003c\/h1\u003e\n\u003cdiv class=\"status-bar\"\u003e\n\u003cspan class=\"badge badge-free-shipping\"\u003e🚚 送料無料\u003c\/span\u003e \u003cspan class=\"badge badge-no-restock\"\u003e⚠️ 残り1本 \/ 再入荷なし\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.8rem; color: #fff; font-weight: bold; margin-bottom: 50px;\"\u003e鋭いカッティングが生み出す、幾何学の美。\u003cbr\u003eドイツから届いた、情熱のリムレス。\u003c\/p\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2020\/2783\/files\/yabi_1.jpg?v=1750585077\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003cmain class=\"container\"\u003e\n\u003csection\u003e\n\u003ch2 class=\"text-center\" style=\"display: block; border: none; margin-bottom: 30px;\"\u003eAbout Brand\u003c\/h2\u003e\n\u003ch3 style=\"border: none; padding: 0; text-align: center; color: var(--c-accent); margin-bottom: 30px; font-size: 3rem;\"\u003eYABI (ヤビ)\u003c\/h3\u003e\n\u003cp class=\"text-center\" style=\"font-size: 1.6rem; line-height: 2.6;\"\u003eデザイン大国ドイツから世界へと羽ばたいた\u003cbr\u003eアイウェアブランド「YABI」。\u003cbr\u003e\u003cbr\u003eその最大の特徴は、\u003cspan class=\"text-accent\"\u003e常識にとらわれない「奇抜」なデザイン\u003c\/span\u003e。\u003cbr\u003e予想を裏切る形状、意外性のある色の組み合わせ。\u003cbr\u003e\u003cbr\u003e職人の国ドイツならではの精密な技術と、\u003cbr\u003eヨーロッパの前衛的な美意識が融合した、\u003cbr\u003e現代の芸術品とも言えるコレクションです。\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"text-center mb-lg\"\u003e\n\u003ch2\u003eDesign Story\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-block\"\u003e\n\u003ch3\u003e01. 鋭角が描く「独創的シェイプ」\u003c\/h3\u003e\n\u003cp\u003eこのモデル「Yabi-Spirit」の最大の特徴は、 鋭いカッティングによって生み出された\u003cspan class=\"text-accent\"\u003e多角形のレンズシェイプ\u003c\/span\u003eです。\u003cbr\u003e\u003cbr\u003e従来の丸みを帯びたラインとは対照的に、 シャープでエッジの効いた建築的なデザイン。\u003cbr\u003e縁無しフレームでありながらこのアグレッシブな形状を実現できるのは、 YABIが持つ高度な加工技術の証明です。\u003c\/p\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2020\/2783\/files\/yabi_2.jpg?v=1750585077\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-block\"\u003e\n\u003ch3\u003e02. 情熱のレッド × オレンジ\u003c\/h3\u003e\n\u003cp\u003eマットな質感のレッドメタルフレームに、淡いオレンジのカラーレンズ。\u003cbr\u003eこの暖色系の組み合わせは、一見個性的ですが肌馴染みが良く、 表情に血色感とエネルギーを与えてくれます。\u003cbr\u003e\u003cbr\u003eサイド（テンプル）のデザインにもこだわり、 横顔にも隙のない個性を演出します。\u003c\/p\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2020\/2783\/files\/yabi_3.jpg?v=1750585077\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-block\"\u003e\n\u003ch3\u003e03. ドイツ製ならではの「機能美」\u003c\/h3\u003e\n\u003cp\u003e奇抜なデザインの裏には、確かな機能性が隠されています。 テンプルには独自のバネ構造を採用し、 見た目からは想像できないほどの\u003cspan class=\"text-accent\"\u003e柔らかな掛け心地\u003c\/span\u003eを実現。\u003cbr\u003e\u003cbr\u003e蝶番などの細部まで徹底的にこだわる。\u003cbr\u003eそれがドイツ・デザインの流儀です。\u003c\/p\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2020\/2783\/files\/yabi_4.jpg?v=1750585077\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"warning-box\"\u003e\n\u003ch4\u003e⚠️ セレクト商品のため再入荷はありません\u003c\/h4\u003e\n\u003cp style=\"color: #fff; font-size: 1.6rem; margin-bottom: 0; font-weight: bold;\"\u003e現在庫（残り1本）が完売した場合、二度と手に入りません。\u003cbr\u003eご検討中の方はお早めのご注文をおすすめいたします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"text-center mb-lg\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eブランド\u003c\/th\u003e\n\u003ctd\u003eYABI (ドイツ)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eモデル名\u003c\/th\u003e\n\u003ctd\u003eYabi-Spirit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eレンズ幅\u003c\/th\u003e\n\u003ctd\u003e54mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eブリッジ幅\u003c\/th\u003e\n\u003ctd\u003e20mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eテンプル長\u003c\/th\u003e\n\u003ctd\u003e130mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003e素材\u003c\/th\u003e\n\u003ctd\u003eMetal (メタル)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"text-center\" style=\"margin-top: 40px; font-size: 1.4rem; color: #ddd; background: #222; padding: 20px; border-radius: 8px;\"\u003e\u003cstrong\u003e💡 レンズ交換について\u003c\/strong\u003e\u003cbr\u003e日本国内であれば、当店にてレンズ交換（度付き・伊達メガネ等）も可能です。\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"text-center\"\u003e\n\u003cdiv class=\"campaign-box\"\u003e\n\u003ch3\u003e🎁 開店記念特典\u003c\/h3\u003e\n\u003cp\u003e今だけ、\u003cstrong\u003eオリジナル刺繍ケース\u003c\/strong\u003eをプレゼント！\u003c\/p\u003e\n\u003cdiv class=\"img-placeholder\" style=\"max-width: 480px; margin: 0 auto; min-height: 300px; font-size: 1.2rem;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0828\/2020\/2783\/files\/160588-1-547e8c1432df73916680bcb7c25449c9-480x480.webp?v=1746953622\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv style=\"height: 120px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/main\u003e\u003cform method=\"post\" action=\"\/cart\/add\" id=\"cart-form\" enctype=\"multipart\/form-data\"\u003e\n\u003cinput type=\"hidden\" name=\"form_type\" value=\"product\"\u003e \u003cinput type=\"hidden\" name=\"utf8\" value=\"✓\"\u003e \u003cinput type=\"hidden\" value=\"INSERT_VARIANT_ID_HERE\"\u003e \u003cinput type=\"hidden\" name=\"quantity\" value=\"1\"\u003e\n\u003c\/form\u003e\u003cfooter class=\"sticky-footer\"\u003e\n\u003cdiv class=\"price-display\"\u003e\n\u003cdiv\u003eYabi-Spirit \u003cspan style=\"font-size: 1.6rem; margin-left: 15px; color: var(--c-accent);\"\u003e¥26,400\u003c\/span\u003e \u003cspan style=\"font-size: 1.1rem; color: #fff;\"\u003e(tax in)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"price-sub text-accent\"\u003e🚚 送料無料対象商品\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"cta-button\"\u003e 購入する \u003c\/button\u003e\u003c\/footer\u003e","brand":"Freaky Eyewear","offers":[{"title":"Default Title","offer_id":48869171167519,"sku":"","price":26400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0828\/2020\/2783\/files\/yabi_1.jpg?v=1750585077","url":"https:\/\/www.freakyeyewear.com\/products\/yabi-spirit-ambient","provider":"Freaky Eyewear","version":"1.0","type":"link"}