{"title":"test-dcshoes-collections-alliance","description":"\u003cstyle\u003e\n  .desktop {\n    display: none;\n  }\n  .mobile {\n    display: block;\n  }\n  .container {\n    width: calc(100% + 20px);\n    margin-left: calc(((100vw - 100%) \/ 2) * -1);\n    margin-right: calc(((100vw - 100%) \/ 2) * -1);\n    padding: 0 !important;\n    }\n  .spacer {\n    display: block !important;\n    height: 32px;\n    width: 100%;\n  }\n  @media screen and (min-width: 768px) {\n    .desktop {\n      display: block;\n    }\n    .mobile {\n      display: none;\n    }\n    .container {\n      max-width: 720px;\n      margin: 0 auto;\n      padding: 0 auto;\n    }\n    .spacer {\n      display: block !important;\n      height: 48px;\n      width: 100%;\n    }\n  }\n  @media screen and (min-width: 1024px) {\n    .desktop {\n      display: block;\n    }\n    .mobile {\n      display: none;\n    }\n    .container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 auto;\n    }\n    .spacer {\n      display: block !important;\n      height: 64px;\n      width: 100%;\n    }\n  }\n  img,\n  video {\n    object-fit: contain;\n    width: 100%;\n    height: auto;\n    margin: 0px 0 !important;\n    display: block;\n  }\n  .youtube {\n    max-width: 840px;\n    aspect-ratio: 16 \/ 9;\n    margin: 30px auto;\n  }\n  .youtube iframe {\n    width: 100%;\n    height: 100%;\n  }\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    word-break: auto-phrase;\n  }\n  .source-serif-4 {\n    font-family: \"Source Serif 4\", serif;\n    font-optical-sizing: auto;\n    font-weight: 600;\n    font-style: normal;\n    font-size: xx-large;\n    word-break: auto-phrase;\n  }\n  .menu {\n    background-color: #ccc;\n    padding: 10px;\n    margin: 10px 10px;\n  }\n  .menu a {\n    color: #333;\n    text-decoration: none;\n    margin-right: 10px;\n    display: inline-block;\n  }\n  .badge {\n    width: 150px;\n    height: auto;\n    margin: 0%;\n    background-color: #FF00A1;\n    font-family: \"Noto Sans\", sans-serif;\n    color: #FFFFFF;\n    text-align: center;\n    font-size: smaller;\n    padding: 2px 20px 2px 20px;\n    vertical-align:baseline;\n  }\n  .button {\n    background-color: #444;\n    border: none;\n    color: white;\n    padding: 10px 30px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    font-size: 16px;\n    margin: 4px 2px;\n    cursor: pointer;\n    border-radius: 8px;\n  }\n  .button a {\n    color: white;\n    text-decoration: none;\n  }\n  .button a :hover {\n    color: #ccc;\n    text-decoration: none;\n  }\n  \/* 基準コンテナ（親） *\/\n  .grid {\n    \/* 12カラムグリッド：1:2 のような倍率指定をしやすい *\/\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 5px;\/* 画像間の空き幅を調整（任意） *\/\n    grid-auto-flow: dense; \/* 空きを詰めたいときに有効（任意） *\/\n  }\n\n  \/* 子の“幅倍率”をカラムスパンで表現（1:2 なら 4:8 カラムなど） *\/\n  .item.span-2 { grid-column: span 2; } \/* = 1\/6 幅 *\/\n  .item.span-3 { grid-column: span 3; } \/* = 1\/4 幅 *\/\n  .item.span-4 { grid-column: span 4; } \/* = 1\/3 幅 *\/\n  .item.span-8 { grid-column: span 8; } \/* = 2\/3 幅 *\/\n  .item.span-6 { grid-column: span 6; } \/* = 1\/2 幅 *\/\n  .item.span-12 { grid-column: span 12; } \/* = 3\/3 幅 *\/\n\n  .item { \n    overflow: hidden;\n  }\n  \/* コンテナの縦横比（幅-高）を指定、画像のアスペクト比に合わせると良い *\/\n  .item.ratio-3-4   { aspect-ratio: 3 \/ 4; }\n  .item.ratio-6-4   { aspect-ratio: 6 \/ 4; }\n  .item.ratio-1-1   { aspect-ratio: 1 \/ 1; }\n  .item.ratio-2-1   { aspect-ratio: 2 \/ 1; }\n  .item.ratio-4-3   { aspect-ratio: 4 \/ 3; }\n  .item.ratio-3-2   { aspect-ratio: 3 \/ 2; }\n  .item.ratio-16-9  { aspect-ratio: 16 \/ 9; }\n\n  .item \u003e img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* レスポンシブ（例）: スマホは1カラム、タブレット以上で12カラム *\/\n  @media (max-width: 768px) {\n    .gallery { grid-template-columns: 1fr; }\n    .item { grid-column: auto; } \/* 全幅 *\/\n  }\n  @media (min-width: 768px) {\n    .gallery { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n  }\n\n.youtube video {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover; \n}\n\/* 高さを揃える：行の高さを固定（PC）*\/\n.desktop .grid .item{\n  height: clamp(360px, 32vw, 650px); \n  overflow: hidden;\n}\n\n\/*高さを揃える：行の高さを固定（SP）*\/\n.mobile .grid .item{\n  height: clamp(180px, 48vw, 320px); \n  overflow: hidden;\n}\n\n\/* a と img を枠いっぱいに（余白なしにするのに必須） *\/\n.grid .item \u003e a{\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n\/* 画像は枠にフィット：余白なし（トリミングあり） *\/\n.grid .item img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"container\"\u003e\n\n  \u003cdiv\u003e\n    \u003cimg class=\"desktop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-header-3200x1320.jpg?v=1770007060%0A%20%20%20%20\" alt=\"\" media=\"(min-width: 768px)\"\u003e\n    \u003cimg class=\"mobile\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-header-640x648.jpg?v=1770007060%0A%20%20%20%20\" alt=\"\" media=\"(max-width: 768px)\"\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- \u003cdiv style=\"text-align: center;\"\u003e\n \u003cp class=\"source-serif-4\"\u003e\n      RVCA × EVERLAST COLLECTION\n    \u003c\/p\u003e\n  \u003c\/div\u003e--\u003e\n  \u003cdiv style=\"margin: 0 5%;\"\u003e\n    \u003cp class=\"noto-sans-jp\"\u003e\n     \u003c\/p\u003e\n\u003ccenter\u003e 進化したクラシック AT-2。​​\u003cbr\u003e\n\u003cbr\u003e\n      AEROTECHベンチレーションが、シューズ内を快適にキープ。​\u003cbr\u003e\nヒールエアが衝撃を吸収し、TPUシャンクが通気性と安定感を両立。\u003c\/center\u003e​\u003cbr\u003e\n    \n  \u003c\/div\u003e\n\n    \u003cdiv\u003e\n    \u003cdiv class=\"youtube\"\u003e\n      \u003cvideo class=\"lp-video\" controls playsinline webkit-playsinline preload=\"metadata\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/970f18d4c2a646719770f6e671578b41.mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"spacer\"\u003e\u003c\/div\u003e\n  \n  \u003cdiv class=\"desktop\"\u003e\n    \u003cdiv class=\"grid\"\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-001.jpg?v=1770104674\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n         \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-002.jpg?v=1770104674\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-003.jpg?v=1770105906\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-004.jpg?v=1770104681\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-4\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-005.jpg?v=1770105906\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-8\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-006.jpg?v=1770104674\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"mobile\"\u003e\n    \u003cdiv class=\"grid\"\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-001.jpg?v=1770104674\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-002.jpg?v=1770104674\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-6\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-003.jpg?v=1770105906\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-004.jpg?v=1770104681\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-3\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-005.jpg?v=1770105906\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"item span-6\"\u003e\n        \u003ca href=\"\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/dcshoes-collections-at-2-LP-006.jpg?v=1770104674\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!--\n  \u003cdiv\u003e\n    \u003cdiv class=\"youtube\"\u003e\n      \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/ZMXmXGHrfBE\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\n      \u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"spacer\"\u003e\u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003cp class=\"source-serif-4\"\u003e\n      Kento's comment\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003cp class=\"noto-sans-jp\"\u003e\n      忙しいシティライフから逃れるため（いい意味で現実離れ）のワードローブとして、\u0026quot;VACATION FROM LIFE\u0026quot;というテーマのもとスケーター目線も取り入れ、ディテールや素材にこだわりました。スケート時にも、リラックス時にも、さらにはクリーンなコーディネートシーンでも着用できる、ニュートラルでシンプルなスタイルに仕上げました。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  --\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/boardriders.co.jp\/collections\/test-dcshoes-collections-alliance.oembed","provider":"Boardriders Japan online store","version":"1.0","type":"link"}