{"product_id":"7th-anniversary-tee-matcha-kagekiha","title":"【7周年記念Tシャツ】抹茶過激派 Kanji Center Design｜matcha an × T.K GARMENT SUPPLY","description":"\u003csection class=\"matchaan-7th\"\u003e\n  \u003cstyle\u003e\n    .matchaan-7th {\n      --green: #003d30;\n      --gold: #b8973a;\n      --gold-light: #d4af5a;\n      --cream: #faf6ee;\n      --ink: #1a1a1a;\n      --muted: #6b6560;\n      --border: rgba(184, 151, 58, 0.25);\n      --border-green: rgba(0, 61, 48, 0.15);\n\n      max-width: 960px;\n      margin: 0 auto;\n      padding: 56px 20px 80px;\n      color: var(--ink);\n      font-family: \"Hiragino Mincho ProN\", \"Yu Mincho\", \"YuMincho\", Georgia, serif;\n      line-height: 2;\n      background: #fff;\n    }\n\n    \/* ── HERO ── *\/\n    .m7-hero {\n      position: relative;\n      text-align: center;\n      padding: 56px 24px 52px;\n      background: linear-gradient(160deg, #003d30 0%, #005a44 60%, #003d30 100%);\n      border-radius: 28px;\n      overflow: hidden;\n      margin-bottom: 56px;\n    }\n\n    .m7-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(184,151,58,0.18) 0%, transparent 70%),\n        radial-gradient(ellipse 40% 30% at 80% 100%, rgba(184,151,58,0.10) 0%, transparent 60%);\n      pointer-events: none;\n    }\n\n    .m7-anniversary-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 22px;\n      padding: 7px 20px;\n      border: 1px solid var(--gold);\n      border-radius: 999px;\n      color: var(--gold-light);\n      font-size: 11px;\n      letter-spacing: 0.22em;\n      font-family: Georgia, \"Times New Roman\", serif;\n      text-transform: uppercase;\n    }\n\n    .m7-anniversary-badge::before,\n    .m7-anniversary-badge::after {\n      content: \"\";\n      display: block;\n      width: 18px;\n      height: 1px;\n      background: var(--gold);\n      opacity: 0.7;\n    }\n\n    .m7-hero-title {\n      margin: 0;\n      color: #fff;\n      font-size: clamp(32px, 5.5vw, 58px);\n      line-height: 1.3;\n      letter-spacing: 0.06em;\n      font-weight: 600;\n    }\n\n    .m7-hero-title em {\n      display: block;\n      font-style: normal;\n      color: var(--gold-light);\n      font-size: 0.62em;\n      letter-spacing: 0.18em;\n      margin-bottom: 8px;\n      font-family: Georgia, serif;\n    }\n\n    .m7-hero-sub {\n      margin: 20px auto 0;\n      max-width: 620px;\n      font-size: 14.5px;\n      color: rgba(255,255,255,0.72);\n      line-height: 1.9;\n      letter-spacing: 0.04em;\n    }\n\n    .m7-hero-images {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 36px;\n    }\n\n    .m7-hero-images img {\n      width: 100%;\n      display: block;\n      border-radius: 18px;\n      box-shadow: 0 24px 56px rgba(0,0,0,0.32);\n    }\n\n    \/* ── DIVIDER ── *\/\n    .m7-divider {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      margin: 52px 0;\n      color: var(--gold);\n      font-size: 11px;\n      letter-spacing: 0.2em;\n      font-family: Georgia, serif;\n    }\n\n    .m7-divider::before,\n    .m7-divider::after {\n      content: \"\";\n      flex: 1;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n      opacity: 0.5;\n    }\n\n    \/* ── SECTION ── *\/\n    .m7-section {\n      margin: 0 0 52px;\n    }\n\n    .m7-section h2 {\n      margin: 0 0 20px;\n      color: var(--green);\n      font-size: clamp(22px, 3.8vw, 34px);\n      line-height: 1.5;\n      letter-spacing: 0.07em;\n      font-weight: 600;\n    }\n\n    .m7-section h2 small {\n      display: block;\n      font-size: 0.5em;\n      color: var(--gold);\n      letter-spacing: 0.18em;\n      font-family: Georgia, serif;\n      margin-bottom: 6px;\n      font-weight: 400;\n    }\n\n    .m7-section p {\n      margin: 0 0 16px;\n      font-size: 15.5px;\n      color: var(--ink);\n    }\n\n    .m7-lead {\n      font-size: 18px !important;\n      color: var(--green);\n      font-weight: 600;\n      line-height: 1.8;\n    }\n\n    \/* ── IMAGE BLOCKS ── *\/\n    .m7-img-full img {\n      width: 100%;\n      display: block;\n      border-radius: 22px;\n      box-shadow: 0 16px 40px rgba(0,0,0,0.10);\n      margin: 32px 0;\n    }\n\n    .m7-img-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin: 32px 0;\n    }\n\n    .m7-img-grid img {\n      width: 100%;\n      display: block;\n      border-radius: 18px;\n      box-shadow: 0 12px 32px rgba(0,0,0,0.10);\n    }\n\n    \/* ── QUOTE ── *\/\n    .m7-quote {\n      margin: 52px 0;\n      padding: 44px 28px;\n      text-align: center;\n      background: linear-gradient(135deg, #003d30 0%, #005a44 100%);\n      border-radius: 24px;\n      color: #fff;\n    }\n\n    .m7-quote p {\n      margin: 0;\n      font-size: clamp(20px, 3.5vw, 30px);\n      line-height: 1.9;\n      letter-spacing: 0.1em;\n      color: #fff !important;\n    }\n\n    .m7-quote-mark {\n      display: block;\n      color: var(--gold);\n      font-size: 36px;\n      line-height: 1;\n      margin-bottom: 12px;\n      font-family: Georgia, serif;\n      opacity: 0.8;\n    }\n\n    \/* ── SPEC BOX ── *\/\n    .m7-spec-box {\n      margin: 0 0 52px;\n      border: 1px solid var(--border);\n      border-radius: 24px;\n      overflow: hidden;\n    }\n\n    .m7-spec-header {\n      padding: 20px 28px;\n      background: linear-gradient(90deg, #003d30, #005a44);\n      color: var(--gold-light);\n      font-size: 13px;\n      letter-spacing: 0.18em;\n      font-family: Georgia, serif;\n    }\n\n    .m7-spec-row {\n      display: grid;\n      grid-template-columns: 130px 1fr;\n      gap: 12px;\n      padding: 14px 28px;\n      border-bottom: 1px solid var(--border-green);\n      font-size: 14px;\n      background: #fff;\n    }\n\n    .m7-spec-row:last-child {\n      border-bottom: none;\n    }\n\n    .m7-spec-row strong {\n      color: var(--green);\n      font-weight: 600;\n    }\n\n    .m7-spec-note {\n      padding: 14px 28px 18px;\n      font-size: 12.5px;\n      color: var(--muted);\n      background: var(--cream);\n    }\n\n    \/* ── BADGE ROW ── *\/\n    .m7-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin: 24px 0 0;\n    }\n\n    .m7-badge {\n      padding: 7px 16px;\n      border-radius: 999px;\n      border: 1px solid var(--border);\n      color: var(--gold);\n      font-size: 12.5px;\n      letter-spacing: 0.08em;\n      background: rgba(184,151,58,0.05);\n    }\n\n    \/* ── CLOSING ── *\/\n    .m7-closing {\n      text-align: center;\n      padding: 48px 24px;\n      border: 1px solid var(--border);\n      border-radius: 24px;\n      background: var(--cream);\n    }\n\n    .m7-closing p {\n      margin: 0 0 10px;\n      font-size: 15px;\n      color: var(--muted);\n    }\n\n    .m7-closing strong {\n      display: block;\n      margin-top: 16px;\n      font-size: clamp(18px, 3vw, 26px);\n      color: var(--green);\n      letter-spacing: 0.08em;\n      line-height: 1.7;\n    }\n\n    @media (max-width: 680px) {\n      .matchaan-7th { padding: 36px 14px 60px; }\n      .m7-hero { padding: 40px 16px 38px; border-radius: 20px; }\n      .m7-hero-images, .m7-img-grid { grid-template-columns: 1fr; }\n      .m7-spec-row { grid-template-columns: 100px 1fr; padding: 12px 18px; }\n      .m7-spec-header { padding: 16px 18px; }\n      .m7-spec-note { padding: 12px 18px 14px; }\n      .m7-quote { padding: 34px 18px; }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"m7-hero\"\u003e\n    \u003cdiv class=\"m7-anniversary-badge\"\u003e7th Anniversary\u003c\/div\u003e\n    \u003ch1 class=\"m7-hero-title\"\u003e\n      \u003cem\u003ematcha an × T.K GARMENT SUPPLY\u003c\/em\u003e\n      7周年記念Tシャツ\u003cbr\u003e抹茶過激派\n    \u003c\/h1\u003e\n    \u003cp class=\"m7-hero-sub\"\u003e\n      抹茶庵7年間の歩みを、可愛さと少しのやんちゃさで形にした、\u003cbr\u003e\n      ダブルネームの記念コレクション。\n    \u003c\/p\u003e\n    \u003cdiv class=\"m7-hero-images\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/7.jpg?v=1781059138\" alt=\"7周年記念Tシャツ 抹茶過激派 White\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/8_024f6e04-18de-4164-86e1-aa32335216c4.jpg?v=1781059138\" alt=\"7周年記念Tシャツ 抹茶過激派 Black\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CONCEPT --\u003e\n  \u003cdiv class=\"m7-section\"\u003e\n    \u003ch2\u003e\n      \u003csmall\u003eCONCEPT\u003c\/small\u003e\n      抹茶を愛しすぎた、\u003cbr\u003eちょっと危ないくらい可愛い一枚。\n    \u003c\/h2\u003e\n    \u003cp class=\"m7-lead\"\u003eテーマは「抹茶過激派」。\u003c\/p\u003e\n    \u003cp\u003e抹茶が好き。抹茶の色が好き。抹茶の香りが好き。その気持ちを、少しだけ大げさに、少しだけやんちゃに、そして抹茶庵らしく可愛く表現した7周年記念Tシャツです。\u003c\/p\u003e\n    \u003cp\u003eフロントには、抹茶庵のキャラクターたちを線画で配置。中央には縦に入った「抹茶過激派」の文字。主張しすぎないサイズ感でありながら、近くで見るとしっかり世界観が伝わるデザインに仕上げました。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"m7-img-full\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/kagekiha-w.png?v=1781059106\" alt=\"抹茶過激派 White 着用イメージ\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"m7-divider\"\u003eDouble Name Collection\u003c\/div\u003e\n\n  \u003c!-- COLLABORATION --\u003e\n  \u003cdiv class=\"m7-section\"\u003e\n    \u003ch2\u003e\n      \u003csmall\u003eCOLLABORATION\u003c\/small\u003e\n      T.K GARMENT SUPPLYとの\u003cbr\u003eダブルネーム仕様。\n    \u003c\/h2\u003e\n    \u003cp\u003e今回のTシャツは、抹茶庵だけで完結するグッズではなく、\u003cstrong\u003ematcha an × T.K GARMENT SUPPLY\u003c\/strong\u003e のダブルネームとして制作しました。\u003c\/p\u003e\n    \u003cp\u003e抹茶庵のキャラクター性と、T.K GARMENT SUPPLYのアパレルとしての空気感。その両方を掛け合わせることで、単なる記念品ではなく、ちゃんと日常で着たくなるTシャツを目指しています。\u003c\/p\u003e\n    \u003cp\u003e裾の右下には、T.K GARMENT SUPPLYのタグ付き。小さなディテールですが、この一枚が特別なコレクションであることを感じさせてくれます。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"m7-img-grid\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/kagekiha-b.png?v=1781059116\" alt=\"抹茶過激派 Black 着用イメージ\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/7.jpg?v=1781059138\" alt=\"抹茶過激派 White 商品画像\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"m7-divider\"\u003eColorway\u003c\/div\u003e\n\n  \u003c!-- COLOR --\u003e\n  \u003cdiv class=\"m7-section\"\u003e\n    \u003ch2\u003e\n      \u003csmall\u003eCOLORWAY\u003c\/small\u003e\n      白は軽やかに。\u003cbr\u003e黒は少しクールに。\n    \u003c\/h2\u003e\n    \u003cp\u003eホワイトは、線画のキャラクターがすっと映える、清潔感のある印象。デニムやチノ、白系のボトムスとも相性がよく、抹茶庵らしいやわらかさを楽しめます。\u003c\/p\u003e\n    \u003cp\u003eブラックは、抹茶色のプリントがきゅっと締まって見える一枚。可愛いデザインでありながら、甘くなりすぎず、普段のコーディネートにも取り入れやすいカラーです。\u003c\/p\u003e\n    \u003cdiv class=\"m7-badges\"\u003e\n      \u003cspan class=\"m7-badge\"\u003eWhite \/ Black\u003c\/span\u003e\n      \u003cspan class=\"m7-badge\"\u003eSize：M・L\u003c\/span\u003e\n      \u003cspan class=\"m7-badge\"\u003e7th Anniversary\u003c\/span\u003e\n      \u003cspan class=\"m7-badge\"\u003eDouble Name Tee\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- QUOTE --\u003e\n  \u003cdiv class=\"m7-quote\"\u003e\n    \u003cspan class=\"m7-quote-mark\"\u003e“\u003c\/span\u003e\n    \u003cp\u003e抹茶が好き、だけじゃ足りない。\u003cbr\u003eだから、着る。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SCENE --\u003e\n  \u003cdiv class=\"m7-section\"\u003e\n    \u003ch2\u003e\n      \u003csmall\u003eSTYLING\u003c\/small\u003e\n      おすすめの着用シーン\n    \u003c\/h2\u003e\n    \u003cp\u003eイベントやフェス、抹茶庵へのお出かけはもちろん、普段のカフェ巡りや旅行、ちょっと力を抜いた休日コーデにもおすすめです。\u003c\/p\u003e\n    \u003cp\u003eジャケットやシャツのインナーとして着れば、キャラクターの存在感を少しだけ見せることもできます。一枚で着ると可愛く、重ね着すると遊び心のあるアクセントに。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SPEC --\u003e\n  \u003cdiv class=\"m7-spec-box\"\u003e\n    \u003cdiv class=\"m7-spec-header\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n    \u003cdiv class=\"m7-spec-row\"\u003e\n\u003cstrong\u003e商品名\u003c\/strong\u003e\u003cspan\u003e【7周年記念Tシャツ】抹茶過激派 Kanji Center Design\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"m7-spec-row\"\u003e\n\u003cstrong\u003e展開色\u003c\/strong\u003e\u003cspan\u003eWhite \/ Black\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"m7-spec-row\"\u003e\n\u003cstrong\u003eサイズ\u003c\/strong\u003e\u003cspan\u003eM \/ L\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"m7-spec-row\"\u003e\n\u003cstrong\u003e仕様\u003c\/strong\u003e\u003cspan\u003eフロントプリント \/ 右下タグ付き\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"m7-spec-row\"\u003e\n\u003cstrong\u003eコラボ\u003c\/strong\u003e\u003cspan\u003ematcha an × T.K GARMENT SUPPLY\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"m7-spec-note\"\u003e※画像はイメージです。実際の商品とは色味やプリント位置が若干異なる場合がございます。\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CLOSING --\u003e\n  \u003cdiv class=\"m7-closing\"\u003e\n    \u003cp\u003e抹茶庵の7年間を、ただきれいにまとめるのではなく、\u003c\/p\u003e\n    \u003cp\u003e今の抹茶庵らしい可愛さ、勢い、少しのユーモアを込めて形にしました。\u003c\/p\u003e\n    \u003cstrong\u003e\n      抹茶が好きな方にも、キャラクターが好きな方にも、\u003cbr\u003e\n      「ちょっと変だけど、なんか好き」と思ってくださる方にも。\n    \u003c\/strong\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"matcha an","offers":[{"title":"ホワイト \/ M","offer_id":45180390211766,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ホワイト \/ L","offer_id":45180390244534,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック \/ M","offer_id":45180390277302,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック \/ L","offer_id":45180390310070,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/7.jpg?v=1781059138","url":"https:\/\/matchaan.com\/products\/7th-anniversary-tee-matcha-kagekiha","provider":"抹茶庵《matcha an》世界一の抹茶の濃さを目指した抹茶スイーツ専門店","version":"1.0","type":"link"}