{"product_id":"uber-x-yourstuffmade-custom-pride-campaign-merchandise-for-sydney-mardi-gras","title":"Uber","description":"\u003cstyle\u003e\n\/* YSM V9 商品事例 — この商品のみに適用 *\/\nbody:has(.ysm-uber-v9) .product.grid,body:has(.ysm-uber-v9) .product:not(.card__inner){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important}\nbody:has(.ysm-uber-v9) .product__media-wrapper,body:has(.ysm-uber-v9) .product__media-gallery,body:has(.ysm-uber-v9) .product media-gallery,body:has(.ysm-uber-v9) .product__title,body:has(.ysm-uber-v9) .product .price,body:has(.ysm-uber-v9) .product .product-form,body:has(.ysm-uber-v9) .product product-form,body:has(.ysm-uber-v9) .product variant-selects,body:has(.ysm-uber-v9) .product .shopify-payment-button,body:has(.ysm-uber-v9) .product .product__tax,body:has(.ysm-uber-v9) .product .product__sku,body:has(.ysm-uber-v9) .product .product__inventory,body:has(.ysm-uber-v9) .product .share-button{display:none!important}\nbody:has(.ysm-uber-v9) .product__info-wrapper,body:has(.ysm-uber-v9) .product__info-container,body:has(.ysm-uber-v9) .product__description,body:has(.ysm-uber-v9) .product__description .rte{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;padding:0!important;margin-inline:auto!important}\nbody:has(.ysm-uber-v9) .product__info-wrapper.grid__item{width:100%!important;max-width:100%!important}\n.ysm-uber-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;width:100%;max-width:1160px;margin-inline:auto;color:var(--ink);font-family:inherit;line-height:1.5;overflow:clip}\n.ysm-uber-v9 *{box-sizing:border-box;min-width:0}\n.ysm-uber-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-uber-v9 h1,.ysm-uber-v9 h2,.ysm-uber-v9 h3{color:var(--ink);font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0}\n.ysm-uber-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-uber-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-uber-v9 h3{font-size:clamp(17px,1.7vw,21px)}.ysm-uber-v9 p{margin:0}.ysm-uber-v9 a{text-decoration:none}\n.ysm-uber-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}\n.ysm-uber-v9 .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-uber-v9 .btn{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:12px 19px;border-radius:10px;background:var(--green);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none!important;transition:transform .2s,background .2s}\n.ysm-uber-v9 .btn:hover{background:#204e36;transform:translateY(-2px)}.ysm-uber-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-uber-v9 .square{display:block;position:relative;aspect-ratio:1\/1;width:100%;margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}\n.ysm-uber-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-position:center}\n.ysm-uber-v9 .square.photo img{object-fit:cover!important}.ysm-uber-v9 .square.art img{object-fit:contain!important}\n.ysm-uber-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-uber-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}\n.ysm-uber-v9 .hero .lead{margin-top:16px}.ysm-uber-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-uber-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-uber-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-uber-v9 .section-lead{margin-top:12px;max-width:780px}\n.ysm-uber-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,4vw,60px)}.ysm-uber-v9 .quote{border-left:3px solid var(--green);padding-left:16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);line-height:1.4;font-weight:650;letter-spacing:-.02em}\n.ysm-uber-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-uber-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-uber-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}\n.ysm-uber-v9 .num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:12px}.ysm-uber-v9 .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-uber-v9 .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-uber-v9 .gallery a{display:block;cursor:zoom-in}.ysm-uber-v9 .gallery a:hover .square{border-color:#9db9a5}.ysm-uber-v9 .gallery a img{transition:transform .25s}.ysm-uber-v9 .gallery a:hover img{transform:scale(1.035)}\n.ysm-uber-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-uber-v9 .project-info h3{margin-bottom:17px}.ysm-uber-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-uber-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-uber-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-uber-v9 .info-item p{font-size:14px;color:var(--muted);line-height:1.55}\n.ysm-uber-v9 .final{padding:30px 0 40px}.ysm-uber-v9 .cta{padding:clamp(25px,4vw,38px);border-radius:17px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-uber-v9 .cta h2{color:#fff}.ysm-uber-v9 .cta .eyebrow{color:#b1d9bd}.ysm-uber-v9 .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-uber-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-uber-v9 .hero-grid,.ysm-uber-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-uber-v9 .story{grid-template-columns:1fr}.ysm-uber-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ysm-uber-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-uber-v9 .inner{width:calc(100% - 28px)}.ysm-uber-v9 .hero{padding:14px 0 25px}.ysm-uber-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-uber-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-uber-v9 .section{padding:25px 0}.ysm-uber-v9 .story-card,.ysm-uber-v9 .project-info{padding:17px}.ysm-uber-v9 .gallery{gap:8px}.ysm-uber-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-uber-v9 .hero .btn,.ysm-uber-v9 .cta .btn{width:100%}.ysm-uber-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-uber-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-uber-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eYSM Projects \/ プライド＆イベントグッズ\u003c\/p\u003e\n\u003ch1\u003eUber: BEを大胆に表現。\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eシドニー・ゲイ・アンド・レズビアン・マルディグラに向け、Uberの「uBEr」キャンペーンは、街中に存在感と祝祭の彩りをもたらしました。YSMは、キャンペーンのメッセージを形にするブランドビジュアルとグッズの制作をサポートしました。\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eUber\u003c\/span\u003e\u003cspan class=\"chip\"\u003eイベントグッズ\u003c\/span\u003e\u003cspan class=\"chip\"\u003eオリジナルグッズ\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eオリジナル製品の製造について見る →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Uber BE プライドエナメルピン\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Uberprideenamelpin.webp?v=1756508823\" width=\"900\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner brand-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eブランド\u003c\/p\u003e\n\u003ch2\u003eコミュニティのためのデザイン。\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003e個性とインクルージョンを軸に、印象的なレインボーアートとブランドグッズを通じて、公共の祝祭と人々に伝わるメッセージを結びつけました。\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003e優れたイベントグッズは、イベントが終わった後もメッセージを伝え続けます。\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eプロジェクトのポイント\u003c\/p\u003e\n\u003ch2\u003eイベントグッズ\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eオリジナルのエナメルピンと、細部までこだわったYSMの製造。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eコラボレーション\u003c\/p\u003e\n\u003ch2\u003e企画から実際の製品へ。\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eブランドのアイデア、クリエイティブ開発、製造上の要件を結びつける、焦点を絞ったプロセス。\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ 企画\u003c\/p\u003e\n\u003ch3\u003e意義あるものに\u003c\/h3\u003e\n\u003cp\u003e大規模なプライドイベントに向けて、目を引くグッズとキャンペーンビジュアルを制作。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ YSMの役割\u003c\/p\u003e\n\u003ch3\u003e実現可能な形に\u003c\/h3\u003e\n\u003cp\u003eビジュアル制作、オリジナルグッズのデザイン、製造の調整をサポート。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ 成果\u003c\/p\u003e\n\u003ch3\u003e記憶に残るものに\u003c\/h3\u003e\n\u003cp\u003e「BE」のメッセージを軸にした、色鮮やかで印象的なキャンペーンのタッチポイント。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eプロジェクトギャラリー\u003c\/p\u003e\n\u003ch2\u003eアイデアを形にする細部。\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eプロジェクトの写真、制作アートワーク、ブランドの背景をご覧ください。画像を選択すると拡大表示できます。\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Uberプライドのレインボーデザインを見る\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/UberPridedesign.webp?v=1756508823\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Uberプライドのレインボーデザイン\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/UberPridedesign.webp?v=1756508823\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"レインボーフラッグを掲げたプライドのお祝いを見る\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849840241.webp?v=1756508633\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"レインボーフラッグを掲げたプライドのお祝い\" height=\"600\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849840241.webp?v=1756508633\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"青い背景に映えるプライドの記念品を見る\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849873009.webp?v=1756508633\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"青い背景に映えるプライドの記念品\" height=\"600\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849873009.webp?v=1756508633\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eプロジェクト詳細\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003e制作内容\u003c\/strong\u003e\u003cp\u003eシドニー・マルディグラのキャンペーンとオリジナルのプライドグッズ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eデザインの特徴\u003c\/strong\u003e\u003cp\u003eレインボーモチーフ、エナメルピン、トートバッグ、イベントビジュアル\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003e製造で重視した点\u003c\/strong\u003e\u003cp\u003eキャンペーン全体の統一感、鮮やかな色彩、イベントに向けた準備\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eYSMの役割\u003c\/strong\u003e\u003cp\u003e製造と品質管理の調整に加え、クリエイティブ面をサポート\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eアイデアを形に\u003c\/p\u003e\n\u003ch2\u003e大切にしたくなるグッズをつくりましょう。\u003c\/h2\u003e\n\u003cp\u003eブランドのコレクターズアイテムから新商品の発売、キャンペーンまで、YSMはクリエイティブ開発、倫理的な製造方針、現場に密着した生産サポートを一つにまとめて提供します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e次のプロジェクトを始める →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: 元のShopify商品メディアをこのプロジェクトのギャラリーに追加します。\n   ネイティブメディアは画面上では非表示のまま、確実な画像ソースとして使用します。\n   ギャラリーにすでにある選定済みのプロジェクト写真は先頭に表示されます。 *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-uber-v9';\n  function imageKey(url) {\n    if (!url) return '';\n    try {\n      var parsed = new URL(url, window.location.href);\n      var file = decodeURIComponent(parsed.pathname.split('\/').pop() || '');\n      return file.replace(\/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d*|x\\d+)\\.(?=[^.]+$)\/i, '.').toLowerCase();\n    } catch (e) { return url.split('?')[0].toLowerCase(); }\n  }\n  function bestURL(img) {\n    if (!img) return '';\n    var url = img.getAttribute('data-zoom-src') || img.getAttribute('data-full-src') || '';\n    if (!url) {\n      var srcset = img.getAttribute('srcset') || img.getAttribute('data-srcset') || '';\n      var choices = srcset.split(',').map(function (s) {\n        var match = s.trim().match(\/^(\\S+)\\s+(\\d+)w$\/);\n        return match ? {url:match[1],width:Number(match[2])} : null;\n      }).filter(Boolean).sort(function(a,b){return b.width-a.width;});\n      if (choices.length) url = choices[0].url;\n    }\n    url = url || img.getAttribute('data-src') || img.getAttribute('src') || '';\n    if (url.indexOf('\/\/')===0) url=window.location.protocol+url;\n    return url;\n  }\n  function addProductMedia() {\n    var project = document.querySelector(articleSelector);\n    if (!project) return;\n    var gallery = project.querySelector('[data-ysm-expanded-gallery]');\n    if (!gallery) return;\n    var seen = new Set();\n    project.querySelectorAll('img').forEach(function(img){ seen.add(imageKey(img.getAttribute('src'))); });\n    gallery.querySelectorAll('a[href]').forEach(function(a){ seen.add(imageKey(a.getAttribute('href'))); });\n    \/\/ 現在の商品に紐づく元のメディアのみを取得し、おすすめ商品やナビゲーションの画像は除外します。\n    var candidates = document.querySelectorAll(\n      '.product__media-wrapper .product__media-item img, ' +\n      '.product__media-wrapper .product__media img, ' +\n      '.product__media-wrapper media-gallery img, ' +\n      '.product__media-gallery .product__media img, ' +\n      '.product__media-gallery .product__media-item img'\n    );\n    var added = 0;\n    candidates.forEach(function(img){\n      var url=bestURL(img);\n      var key=imageKey(url);\n      if (!url || !key || seen.has(key)) return;\n      \/\/ 透明なプレースホルダーと画像ではないSVGアイコンを除外します。\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || '元のプロジェクト写真';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','元のプロジェクト画像を見る: '+label);\n      var figure=document.createElement('figure');\n      figure.className='square photo';\n      var picture=document.createElement('img');\n      picture.src=url;\n      picture.alt=label;\n      picture.loading='lazy';\n      picture.width=600;\n      picture.height=600;\n      figure.appendChild(picture);\n      a.appendChild(figure);\n      gallery.appendChild(a);\n      added++;\n    });\n    if (added) gallery.setAttribute('data-extra-photos', String(\n      Number(gallery.getAttribute('data-extra-photos')||0)+added\n    ));\n  }\n  if (document.readyState==='loading') {\n    document.addEventListener('DOMContentLoaded',addProductMedia);\n  } else { addProductMedia(); }\n  window.addEventListener('load',addProductMedia,{once:true});\n  \/\/ 一部のShopifyテーマでは、DOMContentLoaded後に商品メディアがレンダリングされます。\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Uber","offers":[{"title":"Default Title","offer_id":43850871210006,"sku":"","price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/Uberprideenamelpin.webp?v=1756508823","url":"https:\/\/yourstuffmade.com\/ja\/products\/uber-x-yourstuffmade-%e3%82%b7%e3%83%89%e3%83%8b%e3%83%bc-%e3%83%9e%e3%83%ab%e3%83%87%e3%82%a3%e3%82%b0%e3%83%a9%e5%90%91%e3%81%91%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%97%e3%83%a9%e3%82%a4%e3%83%89%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%9a%e3%83%bc%e3%83%b3%e3%82%b0%e3%83%83%e3%82%ba","provider":"Yourstuffmade.com","version":"1.0","type":"link"}