ボディフレンド ダヴィンチ BFB-8210EU

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <style> .scrolling-promotion{display:flex;align-items:center;overflow:hidden}.scrolling-promotion .promotion{flex:0 0 auto;display:flex;align-items:center}.scrolling-promotion .promotion img,.scrolling-promotion .promotion svg{max-width:100%;width:auto;height:calc(var(--image-height) * .75)}.scrolling-promotion .promotion--animated{animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content;will-change:transform,width}.scrolling-promotion--left .promotion--animated{animation-name:scrolling-left}.scrolling-promotion--right .promotion--animated{animation-name:scrolling-right}@media screen and (hover: hover){.scrolling-promotion:hover .promotion--animated{animation-play-state:paused}}.scrolling-promotion--paused .promotion--animated{animation-play-state:paused}.scrolling-promotion .promotion__item{margin:0 1.5rem;display:flex;align-items:center;flex-direction:column;row-gap:1rem;--icon-height: 2.6rem}.scrolling-promotion .promotion-icon--small{--icon-height: 2rem}.scrolling-promotion .promotion-icon--large{--icon-height: 3.2rem}.scrolling-promotion .promotion__text{color:inherit;line-height:1;white-space:nowrap;font-size:calc(var(--font-size) * .75)}@media screen and (min-width: 750px){.scrolling-promotion .promotion img,.scrolling-promotion .promotion svg{max-width:100%;height:var(--image-height)}.scrolling-promotion .promotion__item{margin:0 2.5rem}.scrolling-promotion .promotion__text{font-size:var(--font-size)}}.scrolling-promotion .promotion__link{color:rgb(var(--color-link));text-decoration:none}.scrolling-promotion .media-wrapper:not(.loading){background-color:transparent}@keyframes scrolling-left{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(-100%,0,0)}}@keyframes scrolling-right{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.scrolling-promotion .promotion__icon{display:inline-flex;line-height:0}.promotion-icon--colored .promotion__icon{width:calc(var(--icon-height) + 3rem);height:calc(var(--icon-height) + 3rem);border-radius:50%;align-items:center;justify-content:center;background-color:rgb(var(--color-icon))}.scrolling-promotion .promotion__icon svg,.scrolling-promotion .promotion__icon img{width:auto;height:var(--icon-height);max-width:var(--icon-height);fill:currentColor} * { box-sizing: border-box; } .advantage-custom { justify-content: center; } .videoCover button { color: rgb(33, 35, 38); background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 4rem rgba(33, 35, 38, .2); border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; transition: transform .25s ease; z-index: 2; width: 64px; height: 64px; padding: 0; border: 0; min-width: 64px; cursor: pointer; } .videoCover { position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; left: 0; z-index: 1; height: 100%; top: 0; } .shopify-sections img { max-width: 100%; width: 100%; } .videoCover img { position: absolute; height: 100%; top: 0; left: 0; } .first-section-here p { font-size: 42px; text-align: center; margin: 30px 0; } .videoWrapper { position: relative; } .videoWrapper video { display: block; width: 100%; } .videoCover button::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; } .design-quote-holder { position: relative; width: 100%; max-width: 100%; margin: 50px 0; } .design-quote-holder .background-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .design-quote-content-holder { position: relative; z-index: 1; } .design-quote-holder .background-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .design-quote-content-holder { max-width: 1235px; margin: 0 auto; padding: 60px 20px 60px 20px; color: #fff; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } .design-quote-content-holder .quote-content { font-size: 16px; line-height: 24px; letter-spacing: 0px; text-align: center; } .design-quote-content-holder .quote-icon img { max-width: 30px; } .design-quote-content-holder .quote-info { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; margin-top: 30px; } .design-quote-content-holder .quote-info .quote-info-item { margin-bottom: 20px; } .design-quote-content-holder .quote-info .quote-info-item img { max-width: 326px; max-height: 44px; } .design-quote-content-holder .quote-info .design-img:nth-child(3) img { max-width: 136px; } .design-quote-content-holder .quote-info .design-text { letter-spacing: 0px; font-size: 15px; line-height: 28px; text-transform: uppercase; margin-bottom: 30px; text-align: center; } .theimagewrapper { position: relative; padding-bottom: 50%; } .theimagewrapper>div { width: 100%; position: absolute; height: 100%; top: 0; left: 0; } .theimagewrapper>div img { width: 100%; height: 100%; object-fit: cover; } .mulicolum-grid-item .h3 { font-size: 28px; margin: 20px 0; display: block; } .scrolling-promotion { display: flex; align-items: center; overflow: hidden; color: rgb(33, 35, 38); background: #f2f2f2; background-color: rgb(242, 242, 242); } .scrolling-promotion .promotion { flex: 0 0 auto; display: flex; align-items: center } .scrolling-promotion .promotion img, .scrolling-promotion .promotion svg { max-width: 100%; width: auto; height: calc(var(--image-height) * .75) } .scrolling-promotion .promotion--animated { animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: var(--duration); animation-play-state: running; width: max-content; will-change: transform, width } .scrolling-promotion--left .promotion--animated { animation-name: scrolling-left } .scrolling-promotion--right .promotion--animated { animation-name: scrolling-right } @media screen and (hover: hover) { .scrolling-promotion:hover .promotion--animated { animation-play-state: paused } } .scrolling-promotion--paused .promotion--animated { animation-play-state: paused } .scrolling-promotion .promotion__item { margin: 0 1.5rem; display: flex; align-items: center; flex-direction: column; row-gap: 1rem; --icon-height: 2.6rem } .scrolling-promotion .promotion-icon--small { --icon-height: 2rem } .scrolling-promotion .promotion-icon--large { --icon-height: 3.2rem } .scrolling-promotion .promotion__text { color: inherit; line-height: 1; white-space: nowrap; font-size: calc(var(--font-size) * .75) } @media screen and (min-width: 750px) { .scrolling-promotion .promotion img, .scrolling-promotion .promotion svg { max-width: 100%; height: var(--image-height) } .scrolling-promotion .promotion__item { margin: 0 2.5rem } .scrolling-promotion .promotion__text { font-size: var(--font-size) } } .scrolling-promotion .promotion__link { color: rgb(var(--color-link)); text-decoration: none } .scrolling-promotion .media-wrapper:not(.loading) { background-color: transparent } @keyframes scrolling-left { 0% { transform: translateZ(0); visibility: visible } to { transform: translate3d(-100%, 0, 0) } } @keyframes scrolling-right { 0% { transform: translate3d(-100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } .scrolling-promotion .promotion__icon { display: inline-flex; line-height: 0 } .promotion-icon--colored .promotion__icon { width: calc(var(--icon-height) + 3rem); height: calc(var(--icon-height) + 3rem); border-radius: 50%; align-items: center; justify-content: center; background-color: rgb(var(--color-icon)) } .scrolling-promotion .promotion__icon svg, .scrolling-promotion .promotion__icon img { width: auto; height: var(--icon-height); max-width: var(--icon-height); fill: currentColor } .scrolling-promotion-wrapper h2 { margin: 30px 0; text-align: center; font-size: 42px; } .scrolling-promotion { padding: 20px 0; } .scrolling-promotion-wrapper { overflow: hidden; } @media screen and (max-width: 750px) {} @media screen and (min-width: 900px) { .design-quote-content-holder .quote-content { font-size: 20px; line-height: 32px; } .design-quote-content-holder { padding: 80px 20px 80px 20px; } .design-quote-content-holder .quote-info .design-text { font-size: 17px; line-height: 32px; } } @media screen and (min-width: 1200px) { .design-quote-content-holder { padding: 120px 20px 100px 20px; } .design-quote-content-holder .quote-content { font-size: 26px; line-height: 39px; } .design-quote-content-holder .quote-info { margin-top: 50px; } } @media screen and (min-width: 1440px) { .design-quote-content-holder { padding: 160px 20px 120px 20px; } } .shopify-sections.fourth-section.mulicolum { display: flex; gap: 50px; margin: 50px 0; } .mulicolum-grid-item { flex: 1; } .img-box.cover-image img { max-width: 100%; height: 100%; } .float-text { padding: 50px 30px; background: #000000; } .float-text p, .float-text h3 { color: #ffffff; } .float-text h3 { font-size: 32px; margin: 0; margin-bottom: 30px; } .float-text p { font-size: 22px; line-height: 30px; letter-spacing: 0px; } .video-section__media.no-video { padding-bottom: 0 !important; } .custom-video-bg { background-color: transparent; } .float-text-title h3 { } .banner-video-layered { position: relative; } .third-section-shopify h2 { font-size: 42px; text-align: center; margin: 30px 0; } @media screen and (min-width: 990px) { .custom-video-bg>.img-box { min-height: 550px; } } @media screen and (min-width: 1200px) { .video-text-section { position: relative; display: flex; justify-content: flex-end; } .video-text-section.flex-start { justify-content: flex-start; } .float-text { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 45%; padding: 100px 50px; } .video-text-section.flex-start .float-text { left: auto; right: 50px; } .video-text-section .video-section__media { width: 75%; } } @media screen and (min-width: 1440px) { .float-text { padding:70px 50px; } } .features-custom{ padding:40px 0; display:flex; position: relative; overflow: hidden; justify-content: center; } .video-holder{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .video-holder video{ width:100%; height:100%; object-fit:cover; } .features-custom-holder{ color:#ffffff; max-width:1580px; padding:0 30px; position: relative; z-index:2; } .h2-title h2{ color:#ffffff; font-size:28px; text-align:center; } .h2-title:after{ display:block; content:''; width:150px; height:1px; background: #ffffff; margin: 0 auto; } .features-list-holder{ padding-top:45px; position: relative; } .features-list svg path{ fill:#ffffff; } .features-list{ display:flex; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 1; } .features-list .item{ width: calc(50% - 20px); font-size:16px; display: flex; align-items: center; margin-bottom:30px; text-transform: uppercase; margin:0px 10px 15px; } .features-list .item svg{ flex-basis:30px; width:30px; height:auto; margin-right:15px; } .design-quote-holder-2 .background-image::before { content: ""; background: rgba(0,0,0,0.48); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .design-quote-holder-2.design-quote-holder .background-image { position: static; } .design-quote-holder-2 .design-quote-content-holder { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; max-width: 90%; margin: 0 auto; right: 0; align-items: flex-start; justify-content: center; } .design-quote-holder-2 .design-quote-content-holder > div { padding: 40px 60px; max-width: 50%; } .design-quote-holder-2 .design-quote-content-holder p { text-align: left; } .design-quote-holder-2 .design-quote-content-holder .h3 { font-size: 30px; } .design-quote-holder-2 .design-quote-content-holder .h3::after { content: ""; width: 70px; height: 1px; background: #fff; display: block; margin-top: 40px; margin-bottom: 40px; } .design-quote-holder-2.design-quote-holder .background-image img { display: block; } @media screen and (max-width: 900px){ .features-list .item svg{ min-width:25px; flex-basis:25px; width:25px; } } @media screen and (max-width: 600px) { .video-holder{ display:none; } .features-custom-holder{ padding:0 15px; } .features-list .item{ align-items: flex-start; width: 100%; font-size:12px; } } @media screen and (min-width: 990px){ .features-list-holder{ margin-top:90px; padding-top:15px; padding-bottom:30px; position: relative; } .features-list .item{ width: calc(50% - 60px); font-size:18px; } .features-custom-holder{ padding:0 60px; } .features-custom{ padding:80px 0; } .h2-title h2{ font-size:42px; margin-bottom:100px; } .center-bg{ background: rgba(0, 0, 0, calc(36 / 100)); display:block !important; position: absolute; left:0; right:0; top:0; bottom:0; z-index: 0; } } @media screen and (min-width: 1440px){ .features-list .item{ width: calc(33.33% - 60px); margin:0px 30px 15px; } } .advantage-custom{ background:#000000; padding:40px 0 80px; display:flex; } .advantage-custom-holder{ color:#ffffff; max-width:1320px; } .h2-title h2{ color:#ffffff; font-size:28px; text-align:center; } .h2-title:after{ display:block; content:''; width:150px; height:1px; background: #ffffff; margin: 0 auto; } .advantage-list-holder{ padding-top:45px; position: relative; padding-left: 60px; padding-right: 60px; } .advantage-list svg path{ fill:#ffffff; } .advantage-list{ display:flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; } .advantage-list .item-title{ font-size:16px; flex:1; text-align:center; margin-bottom:30px; text-transform: uppercase; opacity:0.29; cursor:pointer; padding: 0 10px; } .advantage-list .item-title.active{ opacity:1; } .advantage-list .item svg{ flex-basis:30px; width:30px; height:auto; margin-right:15px; } .desc h3{ font-size:26px; color:#fff; text-align:center; } .item-content-detail .desc{ margin:30px 0px; } .diff-box{ display: flex; justify-content: center; align-items: center; } .diff-box>div{ margin:0 45px; } .diff-box .img-box{ min-height:146px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; } .diff-box img{ max-width:100%; } .diff-box .diff-title{ font-size:18px; text-transform: uppercase; } .diff-box .diff-title.center{ text-align:center; } .item-content-detail{ display:none; } .item-content-detail.active{ display:block; } @media screen and (max-width: 750px){ .diff-box{ flex-direction: column; } } @media screen and (min-width: 990px){ .item-content-detail .desc{ min-height:102px; margin:60px 0 120px; } .advantage-list-holder{ margin-top:90px; padding-top:45px; position: relative; } .advantage-list .item-title{ font-size:20px; } .advantage-custom-holder{ } .advantage-custom{ padding:80px 0 150px; } .h2-title h2{ font-size:42px; margin-bottom:80px; } } .item-content-detail .video-box .video{ width:100%; } .item-content-detail:nth-child(1) .video-box{ max-width:261px; } .item-content-detail:nth-child(1) .img-box{ max-width:261px; } .item-content-detail:nth-child(2) .video-box{ max-width:570px; } .item-content-detail:nth-child(3) .video-box{ max-width:570px; } .diff-box.desktop{ /* display:none; */ } .image-with-text-hover.shopify-sections { display: flex; } .image-with-text-hover.shopify-sections > div { flex: 1; } .theItems_hover > div { max-width: 580px; margin: 0 auto; padding: 0 50px; display: flex; gap: 50px; min-height: 205px; flex-direction: column; } .tab-hover { font-size: 18px; line-height: 32px; cursor: pointer; } .tab-hover:not(.active) { opacity: 0.5; } .tab-hover-content:not(.active) { display: none; } img.tab-hover-image:not(.active) { display: none; } .image-with-text-hover.shopify-sections { margin: 30px 0; } .theItems_hover { min-height: 205px; display: flex;align-items: center;justify-content: center; } .tab-hover + .tab-hover { margin-top: 10px; } .image-with-text-hover.shopify-sections > div img { width: 100%; height: 100%; object-fit: cover; } /* MEDIA */ @media screen and (max-width: 768px){ .diff-box.desktop{ display:none; } .shopify-sections.fourth-section.mulicolum {flex-direction: column;} .theItems_hover > div { padding: 30px 15px; } .image-with-text-hover.shopify-sections { flex-direction: column; } .design-quote-holder-2 .design-quote-content-holder { position: static; padding: 0; max-width: 100%; } .design-quote-holder-2.design-quote-holder .background-image { position: relative; } .design-quote-holder-2 .design-quote-content-holder > div { padding: 20px 0px; max-width: 100%; } .design-quote-holder-2 .design-quote-content-holder .h3 { color: #000; } .design-quote-holder-2 .design-quote-content-holder .quote-content p { color: #000; } .design-quote-holder-2 .design-quote-content-holder .h3::after { background: #000; margin: 20px 0; } .video-holder { display: block; } .video-holder video { height: 100%; object-fit: cover; } .float-text { padding: 20px; } .advantage-list .item-title { width: 100%; } .advantage-list { flex-direction: column; } .item-content { padding: 15px; } .desc h3 { font-size: 20px; } } @media screen and (min-width: 768px){ .diff-box.mobile{ display:none; } } </style> <section class="first-section-here shopify-sections"> <p>革新的なデザイン、贅沢なエッセンス</p> <div class="videoWrapper"> <div class="videoCover"> <button type="button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon icon-play" fill="none" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.277 12.927V7.07l4.649 2.927-4.649 2.93zm-.134-7.235a.595.595 0 00-.32-.092c-.344 0-.623.292-.623.653v7.492c0 .119.03.235.089.337.177.309.56.41.855.224l5.954-3.747a.638.638 0 00.214-.224.673.673 0 00-.214-.897L8.144 5.691z" fill="currentColor"></path> </svg></button> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/davinci2.webp"> </div> <video class="banner-video video" playsinline="playsinline" controls="controls" controlslist="nodownload" preload="auto" aria-label=""> <source src="https://cdn.shopify.com/videos/c/o/v/e85d3fd69a6c4c91b6ca6c3c27a84390.mp4" type="video/mp4"> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/davinci2.webp"></video> </div> </section> <div class="design-quote-holder shopify-sections"> <div class="background-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/QuoteImage.webp"></div> <div class="design-quote-content-holder"> <div class="quote-icon"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Quote.webp"></div> <div class="quote-content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">「DaVinci は挑戦的なプロジェクトでした。そのおかげで、一貫性とバランスを備えたテクノロジーの設計における私たちの経験を完全に表現することができました。コンパクトで象徴的、合理的かつ独特な DaVinci は、明確な「繭」効果、エレガントな人間工学に基づいた包み込むような保護シェルを備えており、リラックスし、そして何よりも DaVinci に搭載されている複数の機能の恩恵を受けることができます。DaVinci に使用されるカラーパレットは医療の世界を指しており、配管と健康の色である青と理想の白が含まれています。メタリックグレーのコンポーネントは、現在アクティブになっているマッサージの種類を示すサイドライト要素や、フットレストの真下にあるスピンなどの機能で認識できるように、一般的に、当社の数多くの自動車研究プロトタイプを参照しています。」</span> </span></p> </div> <div class="quote-info"> <div class="design-img quote-info-item"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//Massimo.webp"></div> <div class="design-text quote-info-item"><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">ITALDESIGN シニアインダストリアルデザイナー</span> </span></div> <div class="design-img quote-info-item"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//ItalDesign.webp"></div> </div> </div> </div> <div class="section--padding third-section-shopify shopify-sections"> <h2>休憩のための追い越し車線</h2> <div class="video-section page-width video-text-section flex-start"> <div class="video-section__media custom-video-bg no-video deferred-media no-js-hidden media-wrapper media-wrapper--large" style="padding-bottom: 56.23028391167192%;"> <div class="img-box cover-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/06.webp"></div> </div> <div class="float-text"> <div class="text-holder"> <div class="float-text-title"> <h3><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">体組成分析</span> </span></h3> </div> <div class="content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">DaVinci の AI ヘルス スキャナーは、体組成を正確に測定して報告し、疲労点を特定することで、個人の健康状態に革命をもたらします。これにより、各マッサージが体の最適なニーズに合わせて調整されます。 </span> </span><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">くつろぎと健康をあなたに合わせてご提案します。 </span> </span></p> </div> </div> </div> </div> </div> <div class="shopify-sections fourth-section mulicolum"> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//002_ee76fecd-71ba-4147-981f-626d00d9e27e.webp"></div> </div> <div> <span class="h3">贅沢全開</span> <p>強力な高トルクモーターを搭載した DaVinci クワッド スクーター テクノロジーの比類のない機能を体験してください。高速レーシングカーのパワーを反映した爽快なマッサージ体験のために設計された DaVinci は、比類のないパワーと細心の注意を払った精度の両方を提供します。</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//003_0a436897-1a1b-4669-9b83-cb61e49fd5ac.webp"></div> </div> <div> <span class="h3">感覚に浸るメロディーの没入 </span> <p>DaVinci の音楽と同期したマッサージ プログラムで、感覚の旅に出かけましょう。この椅子は音と触覚を見事に組み合わせており、多感覚で安らぎへのリラクゼーションのシンフォニーを作り上げています。</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//004_1e002abd-a794-4879-8d04-2ac739bde39f.webp"></div> </div> <div> <span class="h3"> LED波長療法 </span> <p>DaVinci は、特定の波長を放射する特別な LED エミッターの力を利用して、関節、特に手と手首の健康を最適化します。この正確な光療法は、心地よい温熱要素によって補完され、標的を絞った症状の緩和と治療効果の向上をもたらします。</p> </div> </div> </div> <div class="section--padding shopify-sections fifth-section-shopify"> <div class="video-section page-width video-text-section flex-start"> <div class="title-wrapper title-wrapper--no-heading center"> <h2 class="title h1"><br></h2> <br> </div> <noscript> <div class="video-section__media" style="padding-bottom: 53.86378519973805%;"> <a href="" class="video-section__poster media media--transparent media--landscape"> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//001_cca4cd53-10ef-4e7c-a1e4-204be4032640.webp" alt="Load video: "> </a> </div> </noscript> <div class="video-section__media custom-video-bg no-video deferred-media no-js-hidden media-wrapper media-wrapper--large" data-media-id="" style="padding-bottom: 53.86378519973805%;"> <div class="img-box cover-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//001_cca4cd53-10ef-4e7c-a1e4-204be4032640.webp" alt="ビデオをロードします:"></div> </div> <div class="float-text"> <div class="text-holder"> <div class="float-text-title"> <h3><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">オールインワンのエンターテイメントリモコン</span> </span></h3> </div> <div class="content"> <p><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">DaVinci の革新的なリモコンを使用すると、マッサージ チェアに座りながら、インターネット サーフィン、Netflix の視聴、電話をかけたり、写真を撮ったりすることもできます。リラックスタイムをインタラクティブで多様なエンターテイメント体験に変える、これに匹敵するリモコンはありません。</span> </span></p> </div> </div> </div> </div> </div> <div class="shopify-sections fourth-section mulicolum"> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//006_69f9f8b4-ea1a-44f0-b74e-06010083361d.webp"></div> </div> <div> <span class="h3">リラクゼーションに突入 </span> <p>DaVinci は、ニーディング、タッピング、チョッピング、指圧、ロッキングタッピング、その組み合わせなど、さまざまなマッサージテクニックを提供しており、それぞれが精力的な高揚感から深く心地よいリラクゼーションへと導くために巧みに作られています。</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//007.webp"></div> </div> <div> <span class="h3">平和への旅 </span> <p>ダヴィンチの専用瞑想プログラムで平和な旅に出かけましょう。深いリラクゼーションとマインドフルネスのためにデザインされています。穏やかで瞑想的な状態に優しく導かれ、平和と静けさに包まれてください。</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//008_cc79a557-8386-4a65-8996-a6494fcf4587.webp"></div> </div> <div> <span class="h3"> 革新的なデザイン、贅沢なエッセンス </span> <p>DaVinci は常識を超え、洗練されたデザインと最先端のイノベーションを組み合わせています。単なるマッサージチェアではなく、高級感とスタイリッシュさの証であり、比類のない快適さを提供しながら、その印象的な存在感であらゆる部屋を変えます。</p> </div> </div> </div> <div class="scrolling-promotion-wrapper"> <h2>お気に入りのマッサージスタイルが生まれ変わります</h2> <scrolling-promotion data-speed="4.8" class="scrolling-promotion color-scheme-3 gradient scrolling-promotion--left section--padding promotion-icon--colored hidden" style="--duration: 25.29s;"> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">こねる</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">振動</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">ロール</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">指圧</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">ノックする</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;" class="">ストレッチ</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">指圧</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">深部組織</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">リフレクソロジー</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">こする</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">圧縮</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">ドラム</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">-</span> </span> </div> </div> </div> </scrolling-promotion> </div> <div class="features-custom"> <div class="features-custom-holder"> <div class="h2-title"> <h2><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">日常の快適さの中で非日常を体験してください</span></span></h2> </div> <div class="features-list-holder"> <div class="features-list"> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">4D アドバンスド クアッド ローラー</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">無重力</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">サラウンドサウンド音楽</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">総合的な温熱療法</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">シームレスなタッチスクリーンリモコン</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">省スペース設計</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">フレキシブルSLレール</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">強力なブラシレスモーター</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">正確なボディスキャン</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">自動で伸縮可能なフットレスト</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">3Dふくらはぎ着圧</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ホットキーコントローラー</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Serene Aircell テクノロジー</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ダイナミックフットリフレクソロジー</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">調和のとれたロッキング</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">エンターテイメントリモコン</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">カスタマイズ可能な自動プログラム</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AI を活用</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">人間工学に基づいたストレッチ</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">プレミアムコンポジット仕上げ</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">柔らかくなるぬいぐるみ枕</span></span></span> </div> </div> </div> </div> <div class="video-holder"><video id="video-background" autoplay="autoplay" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/5b29f94b53c24af78af6c80fa9c02882.mp4" type="video/mp4"></video></div> <script> window.addEventListener('DOMContentLoaded', function() { var video = document.getElementById('video-background'); video.play(); }); </script> </div> <div class="design-quote-holder design-quote-holder-2 shopify-sections"> <div class="background-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//Davinci_e0685938-1430-475b-9bde-d9529309b29d.jpg"></div> <div class="design-quote-content-holder"> <div> <span class="h3">あらゆる意味でのアート </span> <div class="quote-content"> <p>DaVinci の美しい曲線を強調する複合シェルを備えたパール ブルー仕上げでご利用いただけます。これは単なる椅子ではありません。それはあなたが大切にしているライフスタイルの象徴であり、あなたの生活空間をすべての人にとって幸福の聖域に変える素晴らしい焦点です。</p> </div> </div> </div> </div> <div class="advantage-custom shopify-sections"> <div class="advantage-custom-holder"> <div class="h2-title"> <h2><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ダヴィンチの利点</span></span></h2> </div> <div class="advantage-list-holder"> <div class="advantage-list"> <div class="item-title active"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">エアセルテクノロジー</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">トルク制御</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AIの進歩</span></span></span></div> </div> <div class="item-content"> <div class="item-content-detail active"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">高感度の Aircell テクノロジーで快適さの波を解き放ちます。幅広い PSI 範囲により、適切な圧力が保証され、ニーズに最適化された絶妙なマッサージ体験が保証されます。</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/air_pressure-olympia.svg?v=1689204331"></div> <p class="diff-title center"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ダヴィンチ</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Air_Pressure_-_Industry.webp"></div> <p class="diff-title center"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">業界平均</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/ea0333e0c47b46e5981a774f5677c95c.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/9056f9ea1a394d359885c1b635baeda1.mp4" type="video/mp4"></video></div> </div> </div> </div> <div class="item-content-detail"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">当社のアクティブ トルク コントロールは、強さと繊細さのバランスが取れるように慎重に調整されています。幅広いサービスのおかげで、DaVinci は、お客様の快適さのニーズに応じて、強力な深部組織マッサージまたは穏やかで心地よいストロークのいずれかを提供できます。</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/torque_range-olympia.svg?v=1689204543"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ダヴィンチ</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Torque_Range_-_Industry.webp?v=1693821659"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">業界平均</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/0922998367694c64ba535d4d3d31dc27.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/8952206ce49e40a3846009b8d5f406f9.mp4" type="video/mp4"></video></div> </div> </div> </div> <div class="item-content-detail"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">お客様個人のニーズに合わせて特別に設計された AI により、お客様のマッサージ体験がお客様と同じように個性的なものになることが保証されます。生体認証データを使用して、マッサージが楽しいだけでなく心地よいものになるように設計されています。</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/software_ai-olympia.svg?v=1689204556"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ダヴィンチ</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/software_ai-industry_average.svg?v=1689204560"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">業界平均</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/ae22d3b261f5477cb158ba12a5ade3ea.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/da43f6a5653242018d6eace40e2a1c1d.mp4" type="video/mp4"></video></div> </div> </div> </div> </div> </div> </div> </div> <div class="image-with-text-hover shopify-sections"> <div class="theItems_hover"> <div> <div> <div class="tab-hover active" data-id="1">XEUS スマートチップを搭載</div> <div class="tab-hover" data-id="2">卓越性を追求した設計</div> </div> <div class="tab-hover-content active" data-id="1">Xeus スマート チップは、DaVinci の強力な心臓部です。 Xeus スマート チップは、高度な人工知能プロセスを使用して、体の独特の輪郭に合わせてカスタマイズされたマッサージを提供します。 Xeus スマート チップはこの種のものでは初のものであり、DaVinci を新時代の比類のない医療機器にしています。</div> <div class="tab-hover-content" data-id="2">Xeus スマート チップの機能は、スポーツ カーにふさわしい技術インフラを通じて体験できます。広範囲の電力精度を可能にするアクティブ トルク制御モーターと、すべての電力がささやき声に近い静かさで確実に供給される高度な遮音性を備えています。</div> </div> </div> <div> <img class="tab-hover-image active" src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//shutterstock_1382571053_e809b7f3-209d-4ea3-bc61-befeff1f961b.webp" data-id="1"> <img class="tab-hover-image" src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//shutterstock_1118433347_b9c48bb2-2e96-44c3-952e-83808524e74b.webp" data-id="2"> </div> </div> <script> $(".tab-hover").on("mouseover",function () { let id = $(this).data("id"); $(this).addClass("active").siblings(".tab-hover").removeClass("active"); $(`.tab-hover-content[data-id="${id}"]`).addClass("active").siblings(".tab-hover-content").removeClass("active"); $(`.tab-hover-image[data-id="${id}"]`).addClass("active").siblings(".tab-hover-image").removeClass("active"); }) $(function(){ $('.advantage-list .item-title').eq(0).addClass('active'); $('.item-content .item-content-detail').eq(0).addClass('active'); var pageWidth = parseInt(window.innerWidth); $('.advantage-list .item-title').click(function(){ $(this).addClass('active').siblings().removeClass('active'); var index = $(this).index(); $('.item-content .item-content-detail').eq(index).addClass('active').siblings().removeClass('active'); if(pageWidth >= 768){ var video = $('.item-content .item-content-detail').eq(index).find('.video'); video.each(function() { this.play(); }); var other_video = $('.item-content .item-content-detail').eq(index).siblings().find('.video'); other_video.each(function() { this.currentTime = 0; this.pause(); }); } }) var top = $('.advantage-custom').offset().top -80; $(window).scroll(function(e){ if(pageWidth >= 768){ var h = $(this).scrollTop(); var index = $('.advantage-list .item-title.active').index(); //console.log(index); var video = $('.item-content .item-content-detail').eq(index).find('.video'); if( h> top){ //$('.item-content .item-content-detail').eq(0).find('.video')[0].play(); video.each(function() { this.play(); }); }else{ video.each(function() { this.currentTime = 0; this.pause(); }); } } }); }) </script> <script> let theme = {}; theme.initWhenVisible = function (options) { const threshold = options.threshold ? options.threshold : 0; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { if (typeof options.callback === 'function') { options.callback(); observer.unobserve(entry.target); } } }); }, { rootMargin: `0px 0px ${threshold}px 0px` }); observer.observe(options.element); }; class ScrollingPromotion extends HTMLElement { constructor() { super(); this.config = { moveTime: parseFloat(this.dataset.speed), // 100px going to move for space: 100, // 100px }; this.promotion = this.querySelector('.promotion'); theme.initWhenVisible({ element: this, callback: this.init.bind(this), threshold: 600 }); } init() { if (this.childElementCount === 1) { this.promotion.classList.add('promotion--animated'); for (let index = 0; index < 10; index++) { this.clone = this.promotion.cloneNode(true); this.clone.setAttribute('aria-hidden', true); this.appendChild(this.clone); const imageWrapper = this.clone.querySelector('.media-wrapper'); if (imageWrapper) { imageWrapper.classList.remove('loading'); } } const animationTimeFrame = (this.promotion.clientWidth / this.config.space) * this.config .moveTime; this.style.setProperty('--duration', `${animationTimeFrame}s`); // pause when out of view const observer = new IntersectionObserver((entries, _observer) => { entries.forEach(entry => { if (entry.isIntersecting) { this.scrollingPlay(); } else { this.scrollingPause(); } }); }, { rootMargin: '0px 0px 50px 0px' }); observer.observe(this); } } scrollingPlay() { this.classList.remove('scrolling-promotion--paused'); } scrollingPause() { this.classList.add('scrolling-promotion--paused'); } } customElements.define('scrolling-promotion', ScrollingPromotion); $(".videoCover button").click(function(){ $(".videoCover").hide(); let vid = document.querySelector(".videoWrapper .banner-video"); vid.play(); }) </script>