BETTE ギフトカード

BETTE Verified independent store

→

【eギフト】選べるビーツ商品券 /* グローバル設定 */ html { box-sizing: border-box; overflow-x: hidden; /* HTMLレベルで横スクロールを抑制 */ } *, *::before, *::after { box-sizing: inherit; } /* 1. フォントの種類 (Font Famil y) */ body { font-family: 'Noto Sans Display', 'Noto Sans JP', sans-serif; color: #333333; /* 本文の基本色 */ line-height: 1.6; margin: 0; /* デフォルトマージンを削除 */ padding: 0; /* bodyのpaddingを削除 */ text-align: left; overflow-x: hidden; /* bodyレベルで横スクロールを抑制 */ } /* コンテンツラッパーを導入し、本文の余白を管理 */ #container { /* SPデフォルト: 上下20px、左右10pxに調整 */ padding: 20px 10px; } h1, h2, h3 { font-family: 'Noto Sans JP', sans-serif; /* 見出しフォント */ text-align: left; color: #333333; /* 見出しを黒字（基本色）に統一 */ font-weight: bold; /* H1-3を太字にする */ line-height: 1.25; /* H1, H2, H3の行間を詰める */ } /* 本文要素にも Noto Sans Display を適用 */ p, ul, table, th, td { font-family: 'Noto Sans Display', 'Noto Sans JP', sans-serif; } /* 2. 文字サイズと階層 (初期設定: SP推奨サイズ) */ h1 { font-size: 24px; /* SP: 24px */ margin-top: 0; border-bottom: none; } h2 { font-size: 20px; /* SP: 20px */ margin-top: 30px; } /* h3は不使用 */ /* 本文・太字の設定 */ p, ul, table, th, td { font-size: 14px; /* SP: 14px */ margin-bottom: 14px; } /* strongタグをH3の代替として太字・大きくし、上下スペースを確保 */ strong { font-weight: bold; /* 太字を有効化 */ font-size: 16px; /* SP基準のH3サイズに調整 */ display: block; /* ブロック要素にして独立性を高める */ margin-top: 25px; /* H3相当の上スペース */ margin-bottom: 5px; } .caption { font-size: 12px; /* キャプション/注意書き */ color: #777777; } .hashtags { margin-top: 30px; font-size: 14px; color: #555555; } /* ハッシュタグ用のスタイル */ /* PC推奨サイズ（幅768px以上をPCと想定） */ @media (min-width: 768px) { #container { /* PC表示時: 左右の余白は30pxを維持（広めの設定） */ padding: 30px; max-width: 900px; /* PCでの見やすさのために最大幅を任意で設定 */ margin: 0 auto; } h1 { font-size: 32px; /* PC: 32px */ } h2 { font-size: 24px; /* PC: 24px */ margin-top: 30px; } p, ul, table, th, td { font-size: 16px; /* PC: 16px */ margin-bottom: 16px; } strong { font-size: 18px; /* PC基準のH3サイズに調整 */ margin-top: 25px; } .caption { font-size: 14px; /* PC: 12px ～ 14px */ } } /* 4. 装飾とスタイル */ ul { padding-left: 20px; } /* テーブル要素がオーバーフローの原因になりやすいため、幅をしっかり設定 */ .nutrition-table { width: 100%; border-collapse: collapse; margin-top: 15px; } .nutrition-table th, .nutrition-table td { border: 1px solid #e0e0e0; padding: 10px; text-align: left; } .nutrition-table th { background-color: #f5f5f5; font-weight: normal; } 【eギフト】選べるビーツ商品券 カタログギフトのように、ギフトをもらった方が好きなビーツの商品をお楽しみいただけます。 「相手の好みがわからない、好きなものを食べてほしい」といったギフトの悩みを解決する“eギフト専用”商品です。大切な方への「大切なひととき」や「健康を願って」の贈りものとしてご活用ください。 安心して選べる贈り物 有効期限は発行から**２年間**となりますので、ゆったりと安心してご利用いただけます。 ＜ご利用方法について＞ ギフトカードは購入者が登録したメールアドレスにお届けします。 届いたメールまたはギフトカードを転送して、お送りくださいますようお願いいたします。 #ビーツ #eギフト #ギフト券 #カタログギフト #健康 #贈り物 Show more