日本茶 ギフトセット 茶缶 熨斗対応
.pdp-mobile {font-family: system-ui, -apple-system, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; color:#111; line-height:1.7; --cta-width: 340px;} .pdp-mobile *{box-sizing:border-box} .pdp-mobile img{max-width:100%;height:auto;display:block;border-radius:12px} .pdp-mobile h1,.pdp-mobile h2,.pdp-mobile h3{margin:0 0 .6rem;line-height:1.3} .pdp-mobile h1{font-size:clamp(20px,4.5vw,28px);font-weight:800} .pdp-mobile h2{font-size:clamp(18px,4vw,24px);font-weight:800} .pdp-mobile h3{font-size:clamp(16px,3.7vw,20px);font-weight:700} .pdp-mobile p{margin:0 0 .8rem} .pdp-mobile .section{padding:16px 14px;background:#fff;max-width:1120px;margin:0 auto} .pdp-mobile .card{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)} .pdp-mobile .muted{color:#666} .pdp-mobile .subtle{color:#4b5563;font-size:13px} .pdp-mobile .badge{display:inline-flex;align-items:center;gap:.35em;font-size:12px;padding:.35em .6em;border-radius:999px;background:#0ea5e9;color:#fff;font-weight:800;letter-spacing:.02em} .pdp-mobile .badge.gray{background:#e5e7eb;color:#111} .pdp-mobile .grid{display:grid;gap:12px} .pdp-mobile .grid.cols-2{grid-template-columns:1fr 1fr} .pdp-mobile .list{list-style:none;padding-left:0;margin:0} .pdp-mobile .list li{display:flex;gap:.6rem;align-items:flex-start} .pdp-mobile .icon{font-style:normal;display:inline-block;width:1.25em;text-align:center} .pdp-mobile .cta{display:flex;gap:10px} .pdp-mobile .btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:999px;background:#16a34a;color:#fff;font-weight:900;letter-spacing:.02em;text-decoration:none;box-shadow:0 6px 20px rgba(22,163,74,.25)} .pdp-mobile .btn-primary:active{transform:translateY(1px)} .pdp-mobile .media-title{display:flex;align-items:center;gap:.5rem;font-weight:900;color:#111;font-size:14px;margin:10px 0 6px} .pdp-mobile .media-title .dot{width:8px;height:8px;border-radius:999px;background:#0ea5e9;display:inline-block} .pdp-mobile .media-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;margin-bottom:0} .pdp-mobile .steps{display:grid;gap:10px;grid-template-columns:1fr} .pdp-mobile .step{display:flex;gap:10px;align-items:flex-start;background:#f9fafb;border:1px solid #f1f5f9;border-radius:14px;padding:10px} .pdp-mobile .step-num{width:28px;height:28px;border-radius:999px;background:#111;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center} .pdp-mobile .lineup{display:grid;gap:12px} .pdp-mobile .lineup .card h3{margin-top:.25rem} .pdp-mobile details{border:1px dashed #e5e7eb;border-radius:12px;padding:10px;background:#fcfcfd} .pdp-mobile summary{cursor:pointer;font-weight:700} .pdp-mobile .accordion details{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden} .pdp-mobile .accordion details+details{margin-top:10px} .pdp-mobile .accordion summary{position:relative;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800} .pdp-mobile .accordion summary:hover{background:#f9fafb} .pdp-mobile .accordion summary::marker{display:none} .pdp-mobile .accordion summary:after{content:"▼";position:absolute;right:16px;transition:transform .2s ease} .pdp-mobile .accordion details[open] summary:after{transform:rotate(180deg)} .pdp-mobile .accordion .content{padding:0 16px 14px;color:#374151} .pdp-mobile .sticky-bar{position:sticky;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.1) blur(6px);border-top:1px solid #eee;padding:10px 12px;z-index:9} .only-desktop{display:none}.only-mobile{display:block} /* ▼ 茶缶こだわりセクション */ .pdp-mobile .teacan{background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%)} .pdp-mobile .teacan .lead{font-weight:600} .pdp-mobile .teacan-grid{grid-template-columns:1fr 1fr;gap:14px} .pdp-mobile .teacan figure{margin:0} .pdp-mobile .teacan figcaption{font-size:13px;color:#6b7280;margin-top:6px} /* ▼ ギフトBOXギャラリー */ .pdp-mobile .giftbox{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)} .pdp-mobile .giftbox .lead{font-weight:600} .pdp-mobile .giftbox figure{margin:0} .pdp-mobile .giftbox figcaption{font-size:13px;color:#4b5563;margin-top:6px} .pdp-mobile .giftbox .grid{gap:14px} .pdp-mobile .giftbox img{box-shadow:0 8px 24px rgba(0,0,0,.06)} /* ▼ CTAアニメ */ .pdp-mobile .btn-primary.cta-animate{animation: giftPulse 2.4s ease-in-out infinite;transition: transform .25s ease, box-shadow .25s ease} .pdp-mobile .btn-primary.cta-animate:hover{transform: translateY(-2px) scale(1.04);box-shadow: 0 8px 24px rgba(22,163,74,.35)} @keyframes giftPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}} /* PC */ @media (min-width:1024px){ .only-desktop{display:block}.only-mobile{display:none} .pdp-mobile h1{font-size:30px}.pdp-mobile h2{font-size:24px} .pdp-mobile .grid.cols-2{grid-template-columns:1fr 1fr;gap:22px} .pdp-mobile .lineup{grid-template-columns:repeat(3,1fr)} .pdp-mobile .sticky-bar{display:none} .pdp-mobile .pc-two{display:grid;grid-template-columns:1.5fr .9fr;gap:36px;align-items:start} .pdp-mobile .cta{justify-content:flex-start}.pdp-mobile .cta .btn-primary{width:var(--cta-width)} .pdp-mobile .cta-desktop-bottom{display:flex;justify-content:center;margin-top:24px} .pdp-mobile .cta-desktop-bottom .btn-primary{width:var(--cta-width)} .pdp-mobile .teacan{padding:22px 20px} .pdp-mobile .teacan-grid{grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch} .pdp-mobile .teacan .text-col{display:flex;flex-direction:column;justify-content:center} .pdp-mobile .giftbox .grid{grid-template-columns:1fr 1fr;gap:22px} } @media (min-width:1280px){.pdp-mobile .lineup{grid-template-columns:repeat(4,1fr)}} /* スマホ余白 */ @media (max-width:1023px){ .pdp-mobile .media-badges{ margin-bottom: 18px } .pdp-mobile .section + .section{ margin-top: 10px } .pdp-mobile .section.only-mobile{ margin-top: 14px } .pdp-mobile .section.only-mobile .side-cta{ padding-top: 4px } .pdp-mobile .teacan{padding:18px 14px} .pdp-mobile .teacan-grid{grid-template-columns:1fr;gap:12px} .pdp-mobile .giftbox{padding:18px 14px} .pdp-mobile .giftbox .grid{grid-template-columns:1fr;gap:12px} } 【京都祇園】日本茶 茶缶ギフト（2缶・選べる4種） ご挨拶・内祝い・手土産に。上質な宇治茶・和紅茶・和烏龍茶から選べる2缶セット。のし／名入れ／到着指定に対応。 🍵 上品に見栄える茶缶×化粧箱 🎁 のし・名入れ・手提げ袋までワンストップ対応 🕒 最短3営業日以内に出荷 オプションを選択して購入 📰 メディア紹介 日本テレビ「ヒルナンデス!」 価格・納期 価格：¥3,980〜（税込） 🕒 納期：3営業日以内に出荷 🚚 送料：¥800（宅配便） 🎀 のし／名入れ／ギフト包装／手提げ袋／到着指定 オプションを選択して購入 ※ ページ上部のオプション選択エリアへ移動します。 こんな方におすすめ 🎉 目上の方や取引先にも失礼のない贈り物を選びたい 🧾 のし・手提げ袋対応をまとめてお願いしたい 📦 常温で保管でき、贈り先でも扱いやすい 美味しい淹れ方（基本） 1 茶葉を計量 急須に茶葉を入れます（2〜3g/1人分が目安）。 2 湯温を整える 煎茶：70〜80℃／玉露：50〜60℃／ほうじ茶・和紅茶・和烏龍：90〜100℃。 3 静かに抽出 1分前後を目安に。最後の一滴まで注ぐと旨みを逃しません。 茶缶×化粧箱で、贈り物にふさわしい一式 光・湿気から茶葉を守る密閉茶缶と、上質な化粧箱のセット。お届けする瞬間まで香りと鮮度に配慮しています。 ✅ 選べる4種（煎茶・玉露／煎茶・極上ほうじ茶／和紅茶・和烏龍茶／極上煎茶・極上玉露） ✅ のし・名入れ・手提げ袋に対応 ✅ 常温保存・賞味期限半年以上（茶葉製品） オプションを選択して購入 ※ 抽出温度は茶種により調整してください。 開けた瞬間に嬉しい、凛とした装い 茶種にあわせて選べるセット 上品に見栄えるギフトBOX 贈り物に最適 専用の化粧紙・茶缶ラベルで、フォーマルなご挨拶や内祝いにもふさわしい佇まい。 ブランドオリジナルの化粧紙で丁寧に包装 高級感と実用性を兼ね備えた2缶セット このギフトBOXで贈る ※ のし・名入れ・手提げ袋の有無はオプションからお選びいただけます。 ラインナップ・内容量 煎茶・玉露（画像はイメージです）各50g 茶種の目安 煎茶（70〜80℃／1分前後）・玉露（50〜60℃／2分前後）。旨みと甘みのバランスを楽しめます。 煎茶・極上ほうじ茶 （画像はイメージです）煎茶50g／ほうじ茶25g 茶種の目安 煎茶は70〜80℃、ほうじ茶は熱湯で香ばしさを引き出します。 和紅茶・和烏龍茶（画像はイメージです）各25g 茶種の目安 和紅茶・和烏龍茶は栽培期間中無農薬。水出しも可能です。 極上煎茶・極上玉露（宇治茶セット）各50g 茶種の目安 香りと旨みが特徴の宇治茶のハイグレード。ぬるめの湯でじっくり甘みをお愉しみいただけます。日本茶がお好きな方には、ぜひこちらを贈られると良いでしょう。 オプションを選択して購入 今ご注文で最短出荷 🕒 3営業日以内に出荷 🎁 ギフト／のし対応 🚚 送料：¥800（宅配便） オプションを選択して購入 ※ ページ上部のオプション選択エリアへ移動します。 充実のギフトサービス 大切な方への贈り物に最適。のしやギフト包装、手提げ袋など、すべてワンストップで対応します。 ギフト包装に対応 手提げ袋（無料・有料） 手提げ袋オプション例 各種熨斗に対応 到着日時指定可能 オプションを選択して購入 熨斗対応について詳しくはこちら ご利用ガイド 賞味期限 茶葉製品：半年以上 保存方法 直射日光・高温多湿を避け、開封後は早めにお召し上がりください。 ご注文時のご要望 カート画面の備考欄にて、メッセージカード等のご希望を承ります。 お届けについて 納期：3営業日以内に出荷（土日祝除く） 送料：¥800（宅配便） 配達日時指定：備考欄にて承ります。 お支払い方法 クレジットカード（VISA／Mastercard／American Express ほか）に対応。 オプションを選択して購入 (function(){ function scrollToTop(){ try{window.scrollTo({top:0,behavior:'smooth'})}catch(e){window.scrollTo(0,0)} } function handleClick(e){e.preventDefault();scrollToTop()} // クリックでページ上部のオプション選択へ document.querySelectorAll('.pdp-mobile a.btn-primary[href="#AddToCart"]').forEach(function(a){ a.setAttribute('aria-label','ページ上部に移動してオプションを選択'); a.addEventListener('click', handleClick); }); // FAQ: open状態をaria-expandedに反映 document.querySelectorAll('.pdp-mobile .accordion details').forEach(function(d){ var sm=d.querySelector('summary'); if(!sm) return; function sync(){sm.setAttribute('aria-expanded', d.hasAttribute('open')?'true':'false')} d.addEventListener('toggle', sync); sync(); }); // 全CTAにアニメーション付与 document.querySelectorAll('.pdp-mobile a.btn-primary').forEach(function(a){ if(!a.classList.contains('cta-animate')) a.classList.add('cta-animate'); }); })();