{"title":"element-collections-wwfe","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: 0px;\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: 24px;\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: 48px;\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    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    .grid { gap: 0px; }\n  }\n  @media (min-width: 768px) {\n    .gallery { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n    .grid { gap: 0px; }\n  }\n\n  .pc-display-only {\n    display: none;\n  }\n  .sp-display-only {\n    display: block;\n  }\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\/element-collections-wwfe-1740x900.jpg?v=1789026903\" alt=\"\" width=\"100%\" class=\"pc-display-only\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-750x600.jpg?v=1789026921\" alt=\"\" width=\"100%\" class=\"sp-display-only\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"desktop\"\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_1680_02.jpg?v=1789006749\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_1680_03.jpg?v=1789006749\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_1680_04.jpg?v=1789006749\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_1680_05.jpg?v=1789006749\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_1680_06.jpg?v=1789006748\"\u003e\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-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_750_02.jpg?v=1789006755\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_750_03.jpg?v=1789006755\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_750_04.jpg?v=1789006755\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_750_05.jpg?v=1789006755\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/element-collections-wwfe-_750_06.jpg?v=1789006965\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/boardriders.co.jp\/collections\/element-collections-wwfe.oembed","provider":"Boardriders Japan online store","version":"1.0","type":"link"}