{"product_id":"acmejoy-vvd-rider-desire-the-ultimate-riding-experience-innovative-design-withe-dual-control","title":"Acmejoy - VVDライダーの欲求を満たすライディング体験 デュアルコントロールによる革新的なデザイン","description":"    \u003cstyle\u003e        \/* 确保自定义内容容器的宽度、边距和填充适应页面 *\/        .custom-container {            width: 100%;  \/* 容器占满整个页面宽度 *\/            max-width: 1200px; \/* 最大宽度制限 *\/            margin: 0 auto;  \/* 水平居中 *\/        }        \/* 头部标题部分 *\/        .header {            text-align: center;            margin-bottom: 20px;        }        .header h1 {            font-size: 36px;            font-weight: bold;            margin-bottom: 15px;        }        .header p {            font-size: 18px;            line-height: 1.6;        }        \/* 视频和画像のレイアウト部分 *\/        .container {            display: flex;            justify-content: space-between;            align-items: stretch;            gap: 20px; \/* 视频と画像間の間隔を設定 *\/            margin-top: 40px;        }        .video-container,        .image-container {            display: flex;            justify-content: center;            align-items: center;        }        .video-container {            flex: 7;  \/* 视频がコンテナの 7\/10 を占める *\/        }        .image-container {            flex: 3;  \/* 画像がコンテナの 3\/10 を占める *\/            position: relative;  \/* 文字を配置するため *\/        }        \/* 视频がコンテナに適合するようにする *\/        video {            width: 100%;            height: 100%;  \/* 视频コンテナの高さを維持 *\/            object-fit: cover;  \/* 视频がコンテナを覆い、アスペクト比を維持するようにする *\/        }        \/* カスタムコンテンツ内の画像のみにスタイルを設定 *\/        .custom-img {            width: 100%;            height: 100%;  \/* 画像コンテナの高さを維持 *\/            object-fit: cover;  \/* 画像がコンテナを覆い、アスペクト比を維持するようにする *\/        }        \/* 画像上の文字、absolute 配置を使用 *\/        .image-container p {            position: absolute;            top: 0;            padding: 45px 10px 45px 148px;            text-align: left;            font-size: 20px;  \/* 20px に変更 *\/            margin: 0;            color: white;        }        \/* 新しいコンテンツブロック *\/        .new-content {            width: 100%;            max-width: 1200px;            margin: 40px auto;  \/* 上のブロックとの間隔を増やす *\/            padding: 40px 0;            box-sizing: border-box;  \/* padding が幅に含まれるようにする *\/        }        \/* 新しい content-container には背景色が必要 *\/        .content-container {            display: flex;            justify-content: space-between;            align-items: center;            background-color: #f9dec1;  \/* ベースカラー *\/            padding: 20px;        }        \/* テキストコンテンツ部分 *\/        .new-content .text-container {            flex: 6;            text-align: center;  \/* テキストを中央揃え *\/        }        .new-content .video-container {            flex: 5;  \/* 视频が幅の半分を占める *\/            height: 100%;  \/* 视频コンテナが領域の高さを埋める *\/        }        .new-content p {            margin: 10px 0;        }        \/* テキストが上から下に徐々に拡大 *\/        .new-content .text-container p:nth-child(1) {            font-size: 18px;        }        .new-content .text-container p:nth-child(2) {            font-size: 24px;        }        .new-content .text-container p:nth-child(3) {            font-size: 30px;        }        .new-content .text-container p:nth-child(4) {            font-size: 36px;        }        \/* 视频がコンテナに適合するようにする *\/        .new-content video {            width: 100%;            height: 100%;            object-fit: cover;        }        \/* 视频のプログレスバーを非表示 *\/        video::-webkit-media-controls-panel {            display: none;        }        \/* レイアウトコンテナを強制的に調整し、外部フレームワークの影響を避ける *\/        .custom-container {            overflow: visible;  \/* 外部フレームワークの overflow による非表示を防ぐ *\/            height: auto;        }        \/* 新しいセクション（背景色なし） *\/        .enjoy-rider-container {            width: 100%;            max-width: 1200px;            margin: 40px auto;  \/* 適切な上下マージン *\/            padding: 20px;            box-sizing: border-box;  \/* パディングが幅に含まれるようにする *\/            \/* 背景色は不要で、透明を維持 *\/        }        \/* サブタイトルのスタイル *\/        .enjoy-rider-container h2 {            text-align: center;            font-size: 36px;            font-weight: bold;            margin-bottom: 20px;        }        \/* 画像コンテナのレイアウト *\/        .image-row {            display: flex;            justify-content: space-between;            gap: 20px; \/* 画像間の間隔 *\/            margin-bottom: 20px; \/* 画像と下のテキストの間隔 *\/        }        \/* 各画像のコンテナ、画像サイズがコンテナに制限されるようにする *\/        .image-row img {            width: 23%; \/* 各画像の幅を制限 *\/            height: auto;            object-fit: cover;  \/* 画像の比率を維持し、コンテナを埋める *\/            border-radius: 8px; \/* 画像の角丸 *\/        }        \/* 最後の行のテキスト部分 *\/        .enjoy-rider-container p {            text-align: center;            font-size: 24px;            font-weight: normal;            line-height: 1.6;            margin-top: 20px;        }        \/* モバイル対応 *\/        @media (max-width: 768px) {            \/* 视频と画像のレイアウトを垂直スタックに変更 *\/            .container {                flex-direction: column; \/* 列配置 *\/            }            \/* 新しいコンテンツブロックを垂直スタックに変更 *\/            .new-content .content-container {                flex-direction: column;            }            .new-content .text-container {                text-align: center;  \/* テキストを中央揃え *\/            }            .new-content .video-container {                flex: 1 1 100%; \/* 视频がコンテナ全体を占める *\/                margin-top: 20px; \/* 视频コンテナに間隔を追加 *\/            }            \/* 新しいブロックが左右にスライド可能になる *\/            .enjoy-rider-container .image-row {                overflow-x: auto;  \/* 水平スクロールを有効にする *\/                white-space: nowrap;  \/* 折り返しを防ぐ *\/                -webkit-overflow-scrolling: touch; \/* iOS スクロール最適化 *\/            }            .enjoy-rider-container img {                width: 70%; \/* 各画像がコンテナの 70% を占める *\/                margin-right: 10px;                display: inline-block;  \/* 画像が横並びになるようにする *\/            }        }    \u003c\/style\u003e    \u003c!-- カスタムコンテンツコンテナ --\u003e    \u003cdiv class=\"custom-container\"\u003e        \u003c!-- 头部标题部分 --\u003e        \u003cdiv class=\"header\"\u003e            \u003ch2 style=\"text-align: center;\"\u003eRider Desire Stories\u003c\/h2\u003e            \u003cp\u003e乗馬のバレエにインスパイアされた「Rider Desire」は、当社のポートフォリオに加わった最新製品で、野生の乗馬バレエで乗り手と馬が一体となるような、マルチスリルで揺れる体験を提供します。\u003c\/p\u003e            \u003cp\u003eデザイナーは、その動きをサドルの振動の異なる周波数に変換しました。ターン、スピン、ジャンプ、アラベスクなどの異なるアクションは、交換可能で異なる形状の振動要素に対応しています。このアプローチは、「遊び」を古典的な優雅さのタッチで再考します。\u003c\/p\u003e        \u003c\/div\u003e        \u003c!-- 视频と画像のレイアウト --\u003e        \u003cdiv class=\"container\"\u003e            \u003cdiv class=\"video-container\"\u003e                \u003c!-- 视频部分 --\u003e                \u003cvideo autoplay muted loop playsinline controlslist=\"nodownload noremoteplayback\" style=\"display: block;\"\u003e                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8702d3399c764e3b9ba2c94e93d788a2.mp4\" type=\"video\/mp4\"\u003e                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8702d3399c764e3b9ba2c94e93d788a2.webm\" type=\"video\/webm\"\u003e                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8702d3399c764e3b9ba2c94e93d788a2.ogv\" type=\"video\/ogg\"\u003e                    お使いのブラウザは動画タグをサポートしていません。                \u003c\/source\u003e\u003c\/source\u003e\u003c\/video\u003e            \u003c\/div\u003e            \u003cdiv class=\"image-container\"\u003e                \u003cimg class=\"custom-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0875\/0854\/9907\/files\/vvd-video-imgt.jpg?v=1722404920\" alt=\"画像\"\u003e                \u003cp\u003eRider Desire は無限の遊び方を提案します。\u003c\/p\u003e            \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- 新しいコンテンツブロック --\u003e        \u003cdiv class=\"new-content\"\u003e            \u003cdiv class=\"content-container\"\u003e                \u003cdiv class=\"text-container\"\u003e                    \u003cp\u003eRider Desire は、サドル形状の曲線、交換可能なワンド、無重力のような揺れが特徴です。柔らかいシリコンが高級感を添え、自由に揺れながら、あらゆるファンタジーを満たし、体験をより\u003c\/p\u003e                    \u003cp\u003e柔軟に\u003c\/p\u003e                    \u003cp\u003e夢中に\u003c\/p\u003e                    \u003cp\u003e魅惑的に\u003c\/p\u003e                \u003c\/div\u003e                \u003cdiv class=\"video-container\"\u003e                    \u003cvideo autoplay muted loop playsinline controlslist=\"nodownload noremoteplayback\"\u003e                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a938ed2b6116495787fcdb576b595aa3.mp4\" type=\"video\/mp4\"\u003e                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a938ed2b6116495787fcdb576b595aa3.webm\" type=\"video\/webm\"\u003e                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a938ed2b6116495787fcdb576b595aa3.ogv\" type=\"video\/ogg\"\u003e                        お使いのブラウザは動画タグをサポートしていません。                    \u003c\/source\u003e\u003c\/source\u003e\u003c\/video\u003e                \u003c\/div\u003e            \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- 新しいセクション（背景色なし） --\u003e        \u003cdiv class=\"enjoy-rider-container\"\u003e            \u003ch2\u003eRider Desire の楽しみ方\u003c\/h2\u003e            \u003cdiv class=\"image-row\"\u003e                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/deta01.png?crop=center\u0026amp;height=565\u0026amp;v=1718696179\u0026amp;width=576\" alt=\"画像 1\"\u003e                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/deta02.png?crop=center\u0026amp;height=565\u0026amp;v=1718696178\u0026amp;width=576\" alt=\"画像 2\"\u003e                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/deta03.png?crop=center\u0026amp;height=565\u0026amp;v=1718696178\u0026amp;width=576\" alt=\"画像 3\"\u003e                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/new_ct.jpg?crop=center\u0026amp;height=900\u0026amp;v=1728357133\u0026amp;width=900\" alt=\"画像 4\"\u003e            \u003c\/div\u003e            \u003cp\u003eさらに多くの楽しみ方を発見してください...\u003c\/p\u003e        \u003c\/div\u003e    \u003c\/div\u003e","brand":"AcmeJoy","offers":[{"title":"ローズピンク","offer_id":42639815278686,"sku":"100276499-D3","price":284.88,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0657\/1206\/2558\/files\/20240819194006_83260.jpg?v=1775920612","url":"https:\/\/toolxxx.com\/ja\/products\/acmejoy-vvd-rider-desire-the-ultimate-riding-experience-innovative-design-withe-dual-control","provider":"Toolxxx","version":"1.0","type":"link"}