{"title":"test-rvca-collections-surf-tee","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: 10px; 画像間の空き幅を調整（任意）\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: auto;\n  aspect-ratio: 2180 \/ 1440;\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\/* 説明文 *\/\n.description {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 40px;\n  line-height: 1.9;\n  font-size: 15px;\n}\n\n\/* 見出し部分 *\/\n.description strong{\n  font-weight: 700;\n  display: block;\n  margin-bottom: 12px;\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv\u003e\n\u003cimg media=\"(min-width: 768px)\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-1740x900.jpg\" class=\"desktop\"\u003e \n\u003cimg media=\"(max-width: 768px)\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-750x600.jpg\" class=\"mobile\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"noto-sans-jp description\"\u003e\u003cstrong\u003eSURF TEE\u003cbr\u003e\u003c\/strong\u003e\n  \u003cspan style=\"font-weight: 400;\"\u003e人気のSURF TEEシリーズに、柔らかな肌触りが特徴の新素材モデルが新登場。さらに、従来のハリ感のある素材シリーズからも新デザインが登場。\u003cbr\u003e\n4WAYストレッチ素材を採用し、サーフシーンはもちろん、トレーニングなどのアクティブシーンにも対応。さらに、吸水速乾機能で汗をかいても快適な着用感をキープします。UVカット機能に加え、耐塩素仕様のため、海やプールでも安心して着用可能。海でも街でも快適に過ごせる、機能性とデザイン性を兼ね備えた一枚です。リラックスしたムードの中に、RVCAらしいアートとエッジを感じさせる、幅広いシーンで活躍するアイテムです。\u003cbr\u003e\n\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n  \u003cdiv\u003e\n   \u003c!-- \u003cdiv class=\"youtube\"\u003e\n      \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/bB89-oBDwy4\" 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--\u003e\n  \u003c\/div\u003e\n\u003cdiv class=\"spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"desktop\"\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"item span-8\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a858\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-1.jpg?v=1780477765\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-4\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a858\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-1080x1440-1.jpg?v=1780477771\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-8\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a862\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-2.jpg?v=1780477765\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-4\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a862\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-1080x1440-2.jpg?v=1780477771\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-4\"\u003e\u003ca\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-1080x1440-3.jpg?v=1780477771\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-8\"\u003e\u003ca\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-3.jpg?v=1780477765\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-8\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a855\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-4.jpg?v=1780477765\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-4\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a855\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-1080x1440-4.jpg?v=1780477771\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-8\"\u003e\u003ca\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-1080x1440-5.jpg?v=1780477771\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-4\"\u003e\u003ca\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-5.jpg?v=1780477765\"\u003e \u003c\/a\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\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a858\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-1.jpg\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a862\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-2.jpg\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003ca\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-SP-2180x1440-3.jpg?v=1780571506\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003ca href=\"https:\/\/boardriders.co.jp\/products\/bg04a855\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-5.jpg\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"item span-12\"\u003e\u003ca\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0840\/7033\/4745\/files\/rvca-collections-surf-tee-2180x1440-4.jpg\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/boardriders.co.jp\/collections\/test-rvca-collections-surf-tee.oembed","provider":"Boardriders Japan online store","version":"1.0","type":"link"}