{"product_id":"7th-anniversary-tee-matcha-face-angle-center-design","title":"【7周年記念Tシャツ】AN7 Face Angle 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    .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    .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    .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    .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    .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    .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    .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    .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\u003eAngle Center Design\n    \u003c\/h1\u003e\n    \u003cp class=\"m7-hero-sub\"\u003e\n      抹茶庵7周年を記念して制作した、\u003cbr\u003e\n      キャラクターの表情がさりげなく並ぶダブルネームTシャツ。\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\/5_6b4b44bc-37ed-4620-9bfc-bb7dd962a6bb.jpg?v=1781060450\" alt=\"7周年記念Tシャツ Angle Center Design White\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/6_c5673e4c-e19e-4c92-a9dd-8184b4de88d2.jpg?v=1781060451\" alt=\"7周年記念Tシャツ Angle Center Design 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テーマは、さりげなく着られる7周年。\u003c\/p\u003e\n    \u003cp\u003e\n      抹茶庵のキャラクターたちを、胸元にすっと並べたAngle Center Design。\n      大きく主張するのではなく、近くで見た時にふっと笑えるような、さりげない可愛さを大切にしました。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      抹茶ドラゴン、キング抹茶ドラゴン、そして抹茶庵らしい表情のキャラクターたち。\n      シンプルな線画だからこそ、日常のコーディネートにも自然に馴染みます。\n    \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\/face-w.png?v=1781060455\" alt=\"Angle Center Design 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      matcha an × T.K GARMENT SUPPLY\u003cbr\u003eダブルネーム仕様。\n    \u003c\/h2\u003e\n    \u003cp\u003e\n      今回のTシャツは、抹茶庵の7周年記念アイテムとして、\n      \u003cstrong\u003ematcha an × T.K GARMENT SUPPLY\u003c\/strong\u003e のダブルネームで制作しました。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      抹茶庵のキャラクターが持つ可愛さと、T.K GARMENT SUPPLYのアパレルとしての空気感。\n      その両方を掛け合わせ、グッズでありながら、ちゃんと普段着として選びたくなる一枚を目指しています。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      裾の右下には、T.K GARMENT SUPPLYのタグ付き。\n      シンプルなデザインの中に、特別なコレクションであることを感じさせる小さなアクセントを添えました。\n    \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\/face-b.png?v=1781060455\" alt=\"Angle Center Design Black 着用イメージ\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/5_6b4b44bc-37ed-4620-9bfc-bb7dd962a6bb.jpg?v=1781060450\" alt=\"Angle Center Design 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\n      ホワイトは、抹茶色の線画がやさしく映える軽やかな一枚。\n      キャラクターの表情が可愛く見えつつ、全体としてはシンプルなので、普段の装いにも取り入れやすいカラーです。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      ブラックは、胸元の抹茶色プリントが小さく光るような印象。\n      可愛いのに甘くなりすぎず、落ち着いた雰囲気で着られるのが魅力です。\n    \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\n      カフェ巡りやお出かけ、旅行、イベントなど、日常の中で気軽に着られるデザインです。\n      胸元のプリントが控えめなので、ジャケットやシャツのインナーとしても合わせやすく、さりげなく抹茶庵らしさを楽しめます。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      一枚で着れば、キャラクターの可愛さがほどよく見える主役に。\n      重ね着すれば、遊び心のあるワンポイントとして楽しめます。\n    \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\n    \u003cdiv class=\"m7-spec-row\"\u003e\n      \u003cstrong\u003e商品名\u003c\/strong\u003e\n      \u003cspan\u003e【7周年記念Tシャツ】Matcha Face Angle Center Design\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"m7-spec-row\"\u003e\n      \u003cstrong\u003e展開色\u003c\/strong\u003e\n      \u003cspan\u003eWhite \/ Black\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"m7-spec-row\"\u003e\n      \u003cstrong\u003eサイズ\u003c\/strong\u003e\n      \u003cspan\u003eM \/ L\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"m7-spec-row\"\u003e\n      \u003cstrong\u003e仕様\u003c\/strong\u003e\n      \u003cspan\u003eフロントプリント \/ 右下タグ付き\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"m7-spec-row\"\u003e\n      \u003cstrong\u003eコラボ\u003c\/strong\u003e\n      \u003cspan\u003ematcha an × T.K GARMENT SUPPLY\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"m7-spec-note\"\u003e\n      ※画像はイメージです。実際の商品とは色味やプリント位置が若干異なる場合がございます。\n    \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      さりげなく楽しんでいただきたい7周年記念Tシャツです。\n    \u003c\/strong\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"matcha an","offers":[{"title":"ホワイト \/ M","offer_id":45180398108854,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ホワイト \/ L","offer_id":45180398141622,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック \/ M","offer_id":45180398174390,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"ブラック \/ L","offer_id":45180398207158,"sku":null,"price":3850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0517\/4516\/1398\/files\/5_6b4b44bc-37ed-4620-9bfc-bb7dd962a6bb.jpg?v=1781060450","url":"https:\/\/matchaan.com\/products\/7th-anniversary-tee-matcha-face-angle-center-design","provider":"抹茶庵《matcha an》世界一の抹茶の濃さを目指した抹茶スイーツ専門店","version":"1.0","type":"link"}