{"title":"test-billabong-womens-swimwear","description":"\u003cstyle\u003e\nimg,\nvideo {\n  object-fit: contain;\n  width: 100%;\n  height: auto;\n  margin: 0 !important;\n  display: block;\n}\n.container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n.pc-display-only { display: block; }\n.sp-display-only { display: none; }\n.youtube {\n  width: 60%;\n  margin: 60px auto;\n  aspect-ratio: 16 \/ 9;\n}\n.youtube iframe { width: 100%; height: 100%; }\n.noto-sans-jp {\n  font-family: \"Noto Sans JP\", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 400;\n  font-style: normal;\n}\n.introText { text-align: center; }\n.imgBox {\n  max-width: 1200px;\n  width: 100%;\n  margin: 0px auto !important;\n  padding-left: 0 !important;\n  display: flex;\n  flex-wrap: wrap;\n}\n.imgBox .w30 { width: 30.8%; }\n.imgBox .w50 { width: 49.9%; }\n.imgBox .w70 { width: 69.2%; }\n.imgBox .w100, .imgBox img { width: 100%; }\n\n\/* ▼ スライドショー *\/\n.qs-slide-section {\n  width: 100%;\n  margin: 40px 0;\n  overflow: hidden;\n}\n.qs-slide-track-wrap {\n  overflow: hidden; \/* 修正：ネイティブスクロール無効化→JS統一制御 *\/\n  scrollbar-width: none;\n  cursor: grab;\n  user-select: none;\n}\n.qs-slide-track-wrap::-webkit-scrollbar { display: none; }\n.qs-slide-track-wrap.is-grabbing { cursor: grabbing; }\n.qs-slide-track {\n  display: flex;\n  gap: 12px;\n  padding: 0 5%;\n  width: max-content;\n}\n.qs-slide-item {\n  flex: 0 0 auto;\n  width: calc(25vw - 20px);\n  max-width: 320px;\n  aspect-ratio: 1114 \/ 1600;\n  overflow: hidden;\n  cursor: pointer;\n}\n.qs-slide-item img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  margin: 0 !important;\n  transition: opacity 0.2s;\n}\n.qs-slide-item:hover img { opacity: 0.85; }\n\n.qs-modal {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.85);\n  z-index: 99999;\n  align-items: center;\n  justify-content: center;\n}\n.qs-modal.is-open { display: flex; }\n.qs-modal-inner {\n  position: relative;\n  max-width: 90vw;\n  max-height: 90vh;\n}\n.qs-modal-inner img {\n  max-width: 90vw !important;\n  max-height: 90vh !important;\n  width: auto !important;\n  height: auto !important;\n  display: block !important;\n  object-fit: contain !important;\n  margin: 0 !important;\n}\n.qs-modal-close {\n  position: absolute;\n  top: -36px;\n  right: 0;\n  background: none;\n  border: none;\n  color: #fff;\n  font-size: 28px;\n  cursor: pointer;\n  line-height: 1;\n  padding: 0;\n}\n.qs-modal-prev,\n.qs-modal-next {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(255,255,255,0.15);\n  border: none;\n  color: #fff;\n  font-size: 24px;\n  width: 40px;\n  height: 60px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.qs-modal-prev { left: -48px; }\n.qs-modal-next { right: -48px; }\n\n@media screen and (max-width: 840px) {\n  .pc-display-only { display: none; }\n  .sp-display-only { display: block; }\n  .container {\n    width: auto;\n    padding: 0;\n    margin-left: calc(((100vw - 100%) \/ 2) * -1);\n    margin-right: calc(((100vw - 100%) \/ 2) * -1);\n  }\n  .youtube { width: calc(100% - 30px); margin: 40px auto; }\n  .introText { padding: 0 15px; }\n  .imgBox { margin: 40px auto !important; }\n  .qs-slide-item {\n    width: calc(33.333vw - 8px); \/* 修正：SP3枚 *\/\n    max-width: none;\n  }\n  .qs-slide-track { padding: 0 15px; gap: 8px; }\n  .qs-modal-prev { left: -36px; }\n  .qs-modal-next { right: -36px; }\n}\n\/* ▲ スライドショー *\/\n\n.title {\n  font-weight: 700;\n  font-size: 1.2em;\n  margin: 0 5%; \/* 修正 *\/\n}\n.sub-title {\n  font-weight: 700;\n  font-size: 1em;\n  margin: 0 5%; \/* 修正 *\/\n}\n.text {\n  font-weight: 400;\n  font-size: 1em;\n  margin: 0 5%; \/* 修正 *\/\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1740x900.jpg?v=1776731324\" alt=\"\" width=\"100%\" class=\"pc-display-only\"\u003e \n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-750x600.jpg?v=1776731320\" alt=\"\" width=\"100%\" class=\"sp-display-only\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--\u003cdiv style=\"margin: 0 5%;\"\u003e\n  \u003cp class=\"title\"\u003eサーフィンとスケートボードのルーツが交差する、レジェンド級コラボが実現\u003c\/p\u003e\n\u003cp class=\"sub-title\"\u003e時代を創った2つのアイコンによる共演\u003c\/p\u003e\n\u003cp class=\"text\"\u003e70年代ベニスビーチ、サーフィンのスタイルをストリートへと持ち込み、現代スケートボードの礎を築いた「Z-BOYS」。その熱狂の中心に在ったのがDOGTOWN。スケートボードをアートとパンク、そしてライフスタイルへと変貌させた伝説的ブランドである。\u003cbr\u003e\n  一方、同時代にオーストラリアで誕生、革新的なボードショーツを生み出し、瞬く間に世界中のサーファーの支持を得て、サーフィンをカルチャーへと昇華させたQUIKSILVER。\u003cbr\u003e\nこれは単なるアパレルのコラボレーションではない。SURFとSKATE、海とストリートが互いにリスペクトを捧げた、歴史の証明である。\u003cbr\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e--\u003e\n\u003cdiv class=\"qs-slide-section\"\u003e\n\u003cdiv class=\"qs-slide-track-wrap\" id=\"qsSlideWrap\"\u003e\n\u003cdiv class=\"qs-slide-track\" id=\"qsSlideTrack\"\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-1.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-2.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-3.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"3\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-4.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"4\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-5.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"5\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-6.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"6\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-7.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"7\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-8.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"8\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-9.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"9\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-10.jpg?v=1782285263\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"10\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-11.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"11\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-12.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-13.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item\" data-index=\"13\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-14.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-1.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-2.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-3.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"3\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-4.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"4\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-5.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"5\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-6.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"qs-slide-item qs-clone\" data-index=\"6\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-7.jpg?v=1782285264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qs-modal\" id=\"qsModal\"\u003e\n\u003cdiv class=\"qs-modal-inner\"\u003e\n\u003cbutton class=\"qs-modal-close\" id=\"qsModalClose\"\u003e✕\u003c\/button\u003e \u003cbutton class=\"qs-modal-prev\" id=\"qsModalPrev\"\u003e‹\u003c\/button\u003e \u003cimg alt=\"\" id=\"qsModalImg\"\u003e \u003cbutton class=\"qs-modal-next\" id=\"qsModalNext\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  (function(){\n    var images = [\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-1.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-2.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-3.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-4.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-5.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-6.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-7.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-8.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-9.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-10.jpg?v=1782285263\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-11.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-12.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-13.jpg?v=1782285264\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/billabong-womens-swimwear-1080x1440-14.jpg?v=1782285264\"\n    ];\n    var current = 0;\n    var modal = document.getElementById('qsModal');\n    var modalImg = document.getElementById('qsModalImg');\n    var wrap = document.getElementById('qsSlideWrap');\n    var track = document.getElementById('qsSlideTrack');\n\n    \/* translateX で位置管理 *\/ \/* 修正：scrollLeft廃止→transform統一 *\/\n    var posX = 0;\n    var autoSpeed = 0.6;\n    var isPaused = false;\n    var resumeTimer = null;\n\n    function getOriginalWidth() {\n      var items = track.querySelectorAll('.qs-slide-item:not(.qs-clone)');\n      var total = 0;\n      items.forEach(function(el){ total += el.offsetWidth + 12; });\n      return total;\n    }\n    function setPos(x) {\n      var ow = getOriginalWidth();\n      if (x \u003c= -ow) x += ow;\n      if (x \u003e 0) x -= ow;\n      posX = x;\n      track.style.transform = 'translateX(' + posX + 'px)';\n    }\n\n    function autoScroll() {\n      if (!isPaused) setPos(posX - autoSpeed);\n      requestAnimationFrame(autoScroll);\n    }\n    requestAnimationFrame(autoScroll);\n\n    function pauseAuto() {\n      isPaused = true;\n      if (resumeTimer) clearTimeout(resumeTimer);\n    }\n    function resumeAuto(delay) {\n      if (resumeTimer) clearTimeout(resumeTimer);\n      resumeTimer = setTimeout(function(){ isPaused = false; }, delay || 0);\n    }\n\n    \/* PC ホバー *\/\n    wrap.addEventListener('mouseenter', function(){ pauseAuto(); });\n    wrap.addEventListener('mouseleave', function(){ if(!isDown) resumeAuto(); });\n\n    \/* PC ドラッグ *\/\n    var isDown = false, startX, posXStart, moved = false;\n    wrap.addEventListener('mousedown', function(e){\n      isDown=true; moved=false; pauseAuto();\n      wrap.classList.add('is-grabbing');\n      startX = e.clientX;\n      posXStart = posX;\n    });\n    wrap.addEventListener('mouseup', function(){\n      isDown=false; wrap.classList.remove('is-grabbing'); resumeAuto(500);\n    });\n    wrap.addEventListener('mouseleave', function(){\n      if(isDown){ isDown=false; wrap.classList.remove('is-grabbing'); resumeAuto(500); }\n    });\n    wrap.addEventListener('mousemove', function(e){\n      if(!isDown) return;\n      var dx = e.clientX - startX;\n      if(Math.abs(dx) \u003e 4) moved = true;\n      setPos(posXStart + dx);\n    });\n\n    \/* SP タッチ *\/ \/* 修正：transform制御でスワイプ対応 *\/\n    var touchStartX = 0, posXTouch = 0, touchMoved = false;\n    wrap.addEventListener('touchstart', function(e){\n      pauseAuto();\n      touchStartX = e.touches[0].clientX;\n      posXTouch = posX;\n      touchMoved = false;\n    }, {passive:true});\n    wrap.addEventListener('touchmove', function(e){\n      var dx = e.touches[0].clientX - touchStartX;\n      if(Math.abs(dx) \u003e 4) touchMoved = true;\n      setPos(posXTouch + dx);\n    }, {passive:true});\n    wrap.addEventListener('touchend', function(){\n      resumeAuto(1500);\n    }, {passive:true});\n\n    \/* クリック・タップでモーダル *\/\n    track.addEventListener('click', function(e){\n      if(moved || touchMoved) return;\n      var item = e.target.closest('.qs-slide-item');\n      if(!item) return;\n      current = parseInt(item.getAttribute('data-index'));\n      modalImg.src = images[current];\n      modal.classList.add('is-open');\n    });\n\n    document.getElementById('qsModalClose').addEventListener('click', function(){ modal.classList.remove('is-open'); });\n    modal.addEventListener('click', function(e){ if(e.target===modal) modal.classList.remove('is-open'); });\n    document.getElementById('qsModalPrev').addEventListener('click', function(){ current=(current-1+images.length)%images.length; modalImg.src=images[current]; });\n    document.getElementById('qsModalNext').addEventListener('click', function(){ current=(current+1)%images.length; modalImg.src=images[current]; });\n  })();\n  \u003c\/script\u003e\n  \u003cdiv style=\"margin: 0 5%;\"\u003e \n\u003cp class=\"sub-title\"\u003eコレクションの特徴\u003c\/p\u003e\n\u003cp class=\"text\"\u003eDOGTOWNのアイコニックな「クロスロゴ」と、QUIKSILVERの象徴である「マウンテン＆ウェーブ」を融合させたスペシャルロゴを採用。70-80年代のアーカイブを彷彿とさせるカラーリングとグラフィックプリント。ヴィンテージな風合いを再現したピグメント加工。また、軽量でドライタッチな速乾素材を採用するなど、現代のテクノロジーと当時の空気感を融合させたコレクションに仕上げています。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/boardriders.co.jp\/collections\/test-billabong-womens-swimwear.oembed","provider":"Boardriders Japan online store","version":"1.0","type":"link"}