{"title":"“reticella” coordinate","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\u003eAbheri - reticella coordinate\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* --- CSSエリア --- *\/\n        body {\n            margin: 0;\n            font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n            line-height: 1.8;\n            color: #333;\n            background-color: #fff;\n        }\n\n        \/* メインビジュアル *\/\n        .main-visual {\nposition: relative;\n    width: 100%;\n    \/* --- 【縦幅の指定】ここを好きな数値に変えてください --- *\/\n    height: 500px;  \/* 例：500px。 画面の半分なら 50vh *\/\n    \/* -------------------------------------------------- *\/\n    overflow: hidden;\n    background-color: #000;\n}\n\/* 動画自体のスタイル *\/\n.mv-video {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    \n    \/* --- 【拡大の制御】 --- *\/\n    object-fit: cover; \n    \/* cover: 隙間なく埋める（比率が違うと端が切れる＝拡大して見える）\n       contain: 動画全体を収める（拡大されないが、左右に黒帯が出る可能性がある）\n    *\/\n\n    z-index: 1;\n}\n\n        \/* 導入テキスト領域 *\/\n        .intro-text {\n            padding: 80px 20px;\n            text-align: center;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        .intro-text h2 {\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            font-weight: normal;\n        }\n\n        \/* 交互レイアウト共通設定 *\/\n        .row {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: stretch; \/* 高さを揃える *\/\n            margin-bottom: 0; \/* 隙間なく並べる場合は0、空ける場合は調整 *\/\n        }\n        .row.reverse {\n            flex-direction: row-reverse;\n        }\n\n        \/* 画像ボックス：スライドショー設定 *\/\n        .image-box {\n            flex: 1 1 50%;\n            position: relative;\n            min-height: 650px; \/* PCでの表示高さ *\/\n            overflow: hidden;\n        }\n        .image-box img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: contain; \/* 画像を枠いっぱいに収める *\/\n            opacity: 0;\n            transition: opacity 1.5s ease-in-out;\n            animation: slideShow 10s infinite;\n            background-color: #FFFFFF; \/* 余白が出る場合の色 *\/\n        }\n        \/* 2枚目のアニメーションを5秒（10秒の半分）ずらす *\/\n        .img-2 {\n            animation-delay: 5s !important;\n        }\n\n        \/* テキストボックス *\/\n        .text-box {\n            flex: 1 1 50%;\n            padding: 5% 8%;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            background-color: #fff;\n        }\n        .text-box h3 {\n            font-size: 1.4rem;\n            margin-bottom: 15px;\n            font-weight: normal;\n        }\n        .text-box p {\n            font-size: 0.95rem;\n            color: #666;\n            margin-bottom: 30px;\n        }\n\n        \/* ボタン設定 *\/\n        .button-group {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n        .btn {\n            display: inline-block;\n            padding: 12px 24px;\n            text-decoration: none;\n            border-radius: 2px;\n            font-size: 0.85rem;\n            transition: 0.3s;\n            border: 1px solid #ccc;\n            text-align: center;\n        }\n        .btn-primary {\n            background-color: #007bff;\n            color: #fff;\n            border-color: #007bff;\n        }\n        .btn-secondary {\n            background-color: #6c757d;\n            color: #fff;\n            border-color: #6c757d;\n        }\n        .btn:hover {\n            opacity: 0.8;\n        }\n\n        \/* スライドショーアニメーション *\/\n        @keyframes slideShow {\n0% { opacity: 0; }\n    5% { opacity: 1; }   \/* 最初にパッと現れる *\/\n    45% { opacity: 1; }  \/* そのまま表示を維持 *\/\n    55% { opacity: 0; }  \/* ゆっくり消えていく *\/\n    100% { opacity: 0; } \/* 消えたまま待機 *\/\n}\n\/* 2枚目の重なりを最適化 *\/\n.img-2 {\n    animation-delay: 5s !important; \/* 10秒サイクルのちょうど半分でスタート *\/\n}\n\n\/* 常に背景が白くならないように土台に1枚目を置いておく設定 *\/\n.image-box {\n    background-color: #FFFFFF; \/* 万が一の時の背景色 *\/\n}\n        \/* レスポンシブ対応 *\/\n        @media (max-width: 768px) {\n            .row, .row.reverse {\n                flex-direction: column !important;\n            }\n            .image-box {\n                min-height: 400px;\n                flex: 1 1 100%;\n            }\n            .text-box {\n                flex: 1 1 100%;\n                padding: 40px 20px;\n            }\n            .btn {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003csection class=\"intro-text\"\u003e\n       \u003c!-- \u003ch2\u003e“reticella” coordinate\u003c\/h2\u003e--\u003e \n        \u003cp\u003e“reticella（レティセラ）”という16世紀頃のレースをイメージしたコレクションに、この春加わった新作のネックレスとチェーンリングと既存の“reticella”シリーズのジュエリーを合わせたコーディネート提案。\u003cbr\u003e綺麗めにもカジュアルにもその日の気分に合わせて自由に組み合わせいただけます。ジュエリーのカラー別でコーディネートをご紹介いたします。\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"alternating-content\"\u003e\n        \n        \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"image-box\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/C.jpg?v=1778647099\" class=\"img-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/bm2.jpg?v=1778647099\" class=\"img-2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-box\"\u003e\n                \u003ch3\u003eStyle 1 yellow\u003c\/h3\u003e\n                \u003cp\u003eシシャープなV字を描くラインに、熟練職人による彫模様で輝きを表現したデザインのネックレス。直線的でモダンなV字に、ドレッシーなレースを想わせる透かしの装飾が調和しています。絶妙なバランス感覚のリングです。\n複数重ねたり、ミックスして、さらに優雅なレース感を楽しむこともできます。\nブライダルリングとしてもおすすめ\u003c\/p\u003e\n                \u003cdiv class=\"button-group\"\u003e\n            \u003ca href=\"https:\/\/abheri.com\/products\/1555b\" class=\"btn btn-primary\"\u003eダイヤモンドネックレス（1555B）\u003c\/a\u003e\n            \u003ca href=\"https:\/\/abheri.com\/products\/1420b\" class=\"btn btn-secondary\"\u003eダイヤモンドリング（1420B）\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"row reverse\"\u003e\n            \u003cdiv class=\"image-box\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/am.jpg?v=1778647100\" class=\"img-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/A.jpg?v=1778647099\" class=\"img-2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-box\"\u003e\n                \u003ch3\u003eStyle 2 white\u003c\/h3\u003e\n                \u003cp\u003e凛とした輝きのプラチナやホワイトゴールドをベースにしたコーディネート。都会的で洗練された印象を与えます。\u003c\/p\u003e\n                \u003cdiv class=\"button-group\"\u003e\n                    \u003ca href=\"#\" class=\"btn btn-primary\"\u003eアイテムを見る\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"image-box\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/D.jpg?v=1778647099\" class=\"img-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/dm.jpg?v=1778647099\" class=\"img-2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-box\"\u003e\n                \u003ch3\u003eStyle 3 pink\u003c\/h3\u003e\n                \u003cp\u003e肌なじみの良いピンクゴールドは、より柔らかなレースの質感を強調します。女性らしい優雅な手元に。\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"row reverse\"\u003e\n            \u003cdiv class=\"image-box\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/B_c70a968f-308e-446c-8e97-d0ff62daebcf.jpg?v=1778647099\" class=\"img-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/bm.jpg?v=1778647099\" class=\"img-2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-box\"\u003e\n                \u003ch3\u003eStyle 4 layering\u003c\/h3\u003e\n                \u003cp\u003e異なるデザインのリングを重ねることで、自分だけの特別なコーディネートが完成します。\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"image-box\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/F.jpg?v=1778647099\" class=\"img-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fm.jpg?v=1778647099\" class=\"img-2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-box\"\u003e\n                \u003ch3\u003eStyle 5 casual\u003c\/h3\u003e\n                \u003cp\u003e日常のシンプルな装いに、繊細なレースデザインが程よいアクセントを加えます。\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"row reverse\"\u003e\n            \u003cdiv class=\"image-box\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/gm.jpg?v=1778647099\" class=\"img-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/G.jpg?v=1778647103\" class=\"img-2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-box\"\u003e\n                \u003ch3\u003eStyle 6 gift\u003c\/h3\u003e\n                \u003cp\u003e大切な方への贈り物や、自分へのご褒美に。長く愛用いただける不朽のデザインです。\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\u003c\/body\u003e","products":[],"url":"https:\/\/abheri.com\/collections\/reticella-coordinate.oembed","provider":"AbHeri 公式オンラインストア","version":"1.0","type":"link"}