{"title":"カスタムフェア “Arabesque” Chain Ring","description":"\u003cdiv\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/2607_r_arabesque.jpg?v=1782469252\" width=\"750\" height=\"600\" alt=\"シックスコレクションTOPイメージ\"\u003e\n\u003cdiv class=\"max-w-700px mt-30px mx-auto\"\u003e\n\u003cdiv class=\"mb-0 mx-20px text-left\"\u003e\n\u003cp class=\"text-15px leading-28px mb-10\"\u003eオンラインストア限定開催\u003cbr\u003e\n“Arabesque” Chain Ring  カスタムフェア\u003cbr\u003e期間：2026年7月1日（水）～7月23日（木）\u003c\/p\u003e\n\n\u003cp class=\"text-15px leading-28px mb-30px\"\u003eドビュッシーの名曲に着想を得た、“Arabesque（アラベスク）”コレクション。\u003cbr\u003e\n\u003cbr\u003e\n繊細な透かし模様が印象的なチェーンリングのカスタムフェアを、オンラインストアにて期間限定で開催いたします。\u003c\/p\u003e\n\n\u003cstyle\u003e\n    .ab-cat-section {\n        margin-top: 3rem;\n        margin-bottom: 3rem;\n        padding: 0;\n        box-sizing: border-box;\n        width: 100%;\n    }\n    @media (min-width: 640px) {\n        .ab-cat-section { \n            margin-top: 4rem; \n            margin-bottom: 4rem; \n        }\n    }\n\n    \/* タイトル *\/\n    .ab-cat-title {\n        margin-top: 0;\n        margin-bottom: 13px!important;\n        font-size: 24px; \n        text-align: center;\n        color: #333;\n        font-family: \"EB Garamond\", hiragino-mincho-pron, sans-serif;\n        font-weight: 500;\n        letter-spacing: 0.1em;\n        line-height: 1.2;\n    }\n    \n    \/* タイトル下の線（元の幅40px） *\/\n    .ab-cat-title-line {\n        width: 40px; \n        margin: 8px auto 30px auto;\n        border: none;\n        border-top: 1px solid #333333; \n    }\n\n    \/* グリッドコンテナ *\/\n    .ab-cat-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px 16px; \n        max-width: 1000px;\n        width: 100%;\n        margin: 0 auto;\n        justify-content: flex-start; \n        box-sizing: border-box;\n    }\n\n    \/* 各カテゴリーカード（PC3分割を完全に固定化） *\/\n    .ab-cat-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-decoration: none !important;\n        box-sizing: border-box;\n        width: calc((100% - (16px * 2)) \/ 3); \n        max-width: calc((100% - (16px * 2)) \/ 3);\n        flex: 0 0 auto; \n    }\n\n    \/* 画像エリア（正方形を100%維持） *\/\n    .ab-cat-image-box {\n        width: 100%;\n        max-width: 100%;\n        aspect-ratio: 1 \/ 1;\n        border-radius: 8px;\n        overflow: hidden;\n        background-size: cover;\n        background-position: center;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n        box-sizing: border-box;\n    }\n\n    \/* 1行テキスト *\/\n    .ab-cat-caption {\n        font-size: 13px;\n        color: #333;\n        margin: 12px 0 10px 0;\n        text-align: center;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n        font-family: hiragino-mincho-pron, sans-serif;\n        line-height: 1.4;\n    }\n\n    \/* 各ブロックの反転ボタン *\/\n    .ab-cat-select-btn {\n        display: inline-block;\n        padding: 6px 24px;\n        border: 1px solid #333;\n        background-color: #555555;\n        color: #fff;\n        font-family: 'EB Garamond', sans-serif;\n        font-size: 13px;\n        font-weight: 500;\n        letter-spacing: 0.1em;\n        transition: all 0.3s ease;\n        border-radius: 2px;\n    }\n\n    \/* ホバー時の連動アニメーション *\/\n    .ab-cat-item:hover .ab-cat-image-box {\n        transform: scale(1.02);\n        box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n    }\n    .ab-cat-item:hover .ab-cat-select-btn {\n        background-color: transparent;\n        color: #555555;\n    }\n\n    \/* レスポンシブ調整（スマホ画面：2分割に固定） *\/\n    @media (max-width: 600px) {\n        .ab-cat-grid {\n            gap: 24px 12px;\n        }\n        .ab-cat-item { \n            width: calc((100% - 12px) \/ 2); \n            max-width: calc((100% - 12px) \/ 2);\n        }\n        .ab-cat-caption {\n            font-size: 11px;\n            margin: 8px 0 8px 0;\n        }\n        .ab-cat-select-btn {\n            padding: 4px 18px;\n            font-size: 11px;\n        }\n    }\n\n    \/* -----------------------------------------------\n       テキストと画像の2カラムレイアウト用スタイル\n    -------------------------------------------------- *\/\n    .ab-flex-container {\n        display: flex;\n        align-items: center; \/* 上下中央揃え *\/\n        gap: 40px;           \/* テキストと画像の間の余白 *\/\n        margin-top: 40px;\n        margin-bottom: 40px;\n    }\n    .ab-text-col {\n        flex: 1;             \/* テキストエリアの幅（均等） *\/\n    }\n    .ab-img-col {\n        flex: 1;             \/* 画像エリアの幅（均等） *\/\n        width: 100%;\n    }\n\n    \/* スライドショー全体の枠組み設定 *\/\n    .ab-fade-slider {\n        position: relative;\n        width: 100%;\n        margin: 0 auto;\n        overflow: hidden;\n    }\n\n    \/* 【変更箇所】縦横比をきれいな「縦長（3:4比率）」に固定 *\/\n    .ab-fade-slider::before {\n        content: \"\";\n        display: block;\n        padding-top: 133.33%; \/* 縦長比率 (4 ÷ 3 × 100 = 133.33%) *\/\n    }\n\n    \/* 画像をすべて重ね合わせて配置 *\/\n    .ab-fade-slider img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \/* 枠に合わせて綺麗に自動トリミング *\/\n        opacity: 0;        \/* 最初は全員透明 *\/\n        animation: fadeAnimation 20s infinite; \/* 20秒かけて1周（1枚4秒） *\/\n    }\n\n    \/* 5枚の画像が順番に表示されるようにタイミング（遅延）をずらす *\/\n    .ab-fade-slider img:nth-child(1) { animation-delay: 0s; }\n    .ab-fade-slider img:nth-child(2) { animation-delay: 4s; }\n    .ab-fade-slider img:nth-child(3) { animation-delay: 8s; }\n    .ab-fade-slider img:nth-child(4) { animation-delay: 12s; }\n    .ab-fade-slider img:nth-child(5) { animation-delay: 16s; }\n\n    \/* フェードイン・アウトのアニメーション設定（5枚用） *\/\n    @keyframes fadeAnimation {\n        0% { opacity: 0; }\n        5% { opacity: 1; }      \/* 1秒かけてフェードイン *\/\n        20% { opacity: 1; }     \/* 3秒間静止して表示 *\/\n        25% { opacity: 0; }     \/* 1秒かけてフェードアウト *\/\n        100% { opacity: 0; }    \/* 残りは非表示 *\/\n    }\n\n    \/* スマホ表示（画面幅600px以下）の時は縦並びにする *\/\n    @media (max-width: 600px) {\n        .ab-flex-container {\n            flex-direction: column; \/* 縦並びにする *\/\n            gap: 24px;\n        }\n        .ab-text-col, .ab-img-col {\n            width: 100%;\n        }\n        \/* スマホの時は少し縦長感を抑えて正方形に近い1:1.2比率に調整（お好みで変更可） *\/\n        .ab-fade-slider::before {\n            padding-top: 120%; \n        }\n    }\n\u003c\/style\u003e\n\n\u003csection class=\"ab-cat-section\"\u003e\n    \u003ch2 class=\"ab-cat-title\"\u003e Your Choice of Stones\u003c\/h2\u003e\n    \u003cp class=\"ab-cat-title-line\"\u003e\u003c\/p\u003e\n\n    \u003cdiv class=\"ab-cat-grid\"\u003e\n        \u003ca href=\"https:\/\/abheri.com\/products\/custom-fair-1477?variant=51451188773097\" class=\"ab-cat-item\"\u003e\n            \u003cdiv class=\"ab-cat-image-box\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fairstone_diamond.jpg?v=1782301510');\"\u003e\u003c\/div\u003e\n            \u003cp class=\"ab-cat-caption\"\u003e凛としたダイヤモンド\u003c\/p\u003e\n            \u003cspan class=\"ab-cat-select-btn\"\u003eSELECT ＞\u003c\/span\u003e\n        \u003c\/a\u003e\n        \n        \u003ca href=\"https:\/\/abheri.com\/products\/custom-fair-1477?variant=51451188904169\" class=\"ab-cat-item\"\u003e\n            \u003cdiv class=\"ab-cat-image-box\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fairstone_aquamarine.jpg?v=1782301510');\"\u003e\u003c\/div\u003e\n            \u003cp class=\"ab-cat-caption\"\u003e涼やかなアクアマリン\u003c\/p\u003e\n            \u003cspan class=\"ab-cat-select-btn\"\u003eSELECT ＞\u003c\/span\u003e\n        \u003c\/a\u003e\n        \n        \u003ca href=\"https:\/\/abheri.com\/products\/custom-fair-1477?variant=51451189035241\" class=\"ab-cat-item\"\u003e\n            \u003cdiv class=\"ab-cat-image-box\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fairstone_ruby.jpg?v=1782301511');\"\u003e\u003c\/div\u003e\n            \u003cp class=\"ab-cat-caption\"\u003e艶やかなルビー\u003c\/p\u003e\n            \u003cspan class=\"ab-cat-select-btn\"\u003eSELECT ＞\u003c\/span\u003e\n        \u003c\/a\u003e\n        \n        \u003ca href=\"https:\/\/abheri.com\/products\/custom-fair-1477?variant=51451189166313\" class=\"ab-cat-item\"\u003e\n            \u003cdiv class=\"ab-cat-image-box\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fairstone_emerald.jpg?v=1782301510');\"\u003e\u003c\/div\u003e\n            \u003cp class=\"ab-cat-caption\"\u003e瑞々しいエメラルド\u003c\/p\u003e\n            \u003cspan class=\"ab-cat-select-btn\"\u003eSELECT ＞\u003c\/span\u003e\n        \u003c\/a\u003e\n        \n        \u003ca href=\"https:\/\/abheri.com\/products\/custom-fair-1477?variant=51451189428457\" class=\"ab-cat-item\"\u003e\n            \u003cdiv class=\"ab-cat-image-box\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fairstone_amethyst.jpg?v=1782301510');\"\u003e\u003c\/div\u003e\n            \u003cp class=\"ab-cat-caption\"\u003e神秘的なアメシスト\u003c\/p\u003e\n            \u003cspan class=\"ab-cat-select-btn\"\u003eSELECT ＞\u003c\/span\u003e\n        \u003c\/a\u003e\n        \n        \u003ca href=\"https:\/\/abheri.com\/products\/custom-fair-1477?variant=51451189297385\" class=\"ab-cat-item\"\u003e\n            \u003cdiv class=\"ab-cat-image-box\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fairstone_blue_sapphire.jpg?v=1782301510');\"\u003e\u003c\/div\u003e\n            \u003cp class=\"ab-cat-caption\"\u003e端正なブルーサファイア\u003c\/p\u003e\n            \u003cspan class=\"ab-cat-select-btn\"\u003eSELECT ＞\u003c\/span\u003e\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"ab-flex-container\"\u003e\n    \u003cdiv class=\"ab-text-col\"\u003e\n        \u003cp class=\"text-15px leading-28px mb-15px\"\u003e\n            それぞれの宝石が異なる表情を宿し、アラベスクの優美な世界観をより一層引き立てます。\n        \u003c\/p\u003e\n        \u003cp class=\"text-15px leading-28px mb-0\"\u003e\n            オンラインストア限定、そして初開催となる特別な機会に、お好みの彩りを選び、あなただけの“Arabesque”をぜひお楽しみください。\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ab-img-col\"\u003e\n        \u003cdiv class=\"ab-fade-slider\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fair2607__1477A.jpg?v=1782470165\" alt=\"1477着用 1\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fair2607_r_arabesque_img3.jpg?v=1782301512\" alt=\"1477着用 2\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fair2607_r_arabesque_img2.jpg?v=1782301510\" alt=\"1477着用 3\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fair2607_up_1477A.jpg?v=1782470164\" alt=\"1477着用 4\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/files\/fair2607_r_arabesque_img4.jpg?v=1782301511\" alt=\"1477商品\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sm-mt-80px mx-auto sm-mb-0 mt-50px\" id=\"app\"\u003e\n    \u003cul class=\"flex justify-around\"\u003e\n    \u003cli class=\"ml-20px list-none\"\u003e\u003ca href=\"https:\/\/abheri.com\/collections\/2109_c_arabesque\" class=\"op-07-tr-03-ease\"\u003e← Prev\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli class=\"ml-20px list-none\"\u003e\u003ca href=\"https:\/\/abheri.com\/pages\/fashion-collections\" class=\"op-07-tr-03-ease\"\u003eBack to list\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli class=\"ml-20px list-none\"\u003e\u003ca href=\"https:\/\/abheri.com\/collections\/c_reticella\" class=\"op-07-tr-03-ease\"\u003eNext →\u003c\/a\u003e\u003c\/li\u003e\n    \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0428\/7902\/5320\/collections\/c_six_b12de089-40b7-4ae7-910a-2671cfb2d8ac.jpg?v=1782469656","url":"https:\/\/abheri.com\/collections\/fair_147726062.oembed","provider":"AbHeri 公式オンラインストア","version":"1.0","type":"link"}