商品系列: PRODUCT / 🎁スペシャルクーポン (寒暖差アイテム）

クーポンページ #coupon-section * { margin: 0; padding: 0; box-sizing: border-box; } #coupon-section { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; background-color: #EEECDD; color: #000; -webkit-font-smoothing: antialiased; } #coupon-section .container { max-width: 480px; margin: 0 auto; padding: 24px 16px; } #coupon-section .coupon-ticket { background-color: #A2C2DD; border-radius: 14px; margin-bottom: 20px; position: relative; box-shadow: 0 4px 16px rgba(0,0,0,0.10); overflow: hidden; } #coupon-section .coupon-top { padding: 12px 24px 6px; text-align: center; } #coupon-section .coupon-eyebrow { font-size: 10px; letter-spacing: 0.18em; color: #4a6a80; margin-bottom: 6px; } #coupon-section .coupon-title { font-size: 13px; line-height: 2.0; color: #222; } #coupon-section .coupon-title strong { font-size: 17px; display: block; margin-top: 0; line-height: 2.0; } #coupon-section .coupon-perforation { display: flex; align-items: center; position: relative; height: 18px; margin: 0; } #coupon-section .coupon-perforation .notch-left, #coupon-section .coupon-perforation .notch-right { width: 18px; height: 18px; min-width: 18px; background-color: #EEECDD; border-radius: 50%; flex-shrink: 0; margin: 0 -9px; } #coupon-section .coupon-perforation .dash-line { flex: 1; border: none; border-top: 2px dashed rgba(255,255,255,0.75); margin: 0 14px; } #coupon-section .coupon-bottom { padding: 8px 24px 16px; text-align: center; } #coupon-section .code-label { font-size: 10px; letter-spacing: 0.18em; color: #4a6a80; margin-bottom: 8px; } #coupon-section .coupon-code { font-size: 24px; font-weight: bold; letter-spacing: 0.14em; color: #1a1a1a; background-color: rgba(238, 236, 221, 0.4); display: inline-block; padding: 10px 22px; border-radius: 8px; margin-bottom: 16px; } #coupon-section .copy-button { background-color: #9C2335; color: #EEECDD; border: none; padding: 12px 0; border-radius: 8px; font-size: 13px; font-weight: bold; cursor: pointer; transition: opacity 0.25s ease; width: 100%; max-width: 240px; letter-spacing: 0.06em; display: block; margin: 0 auto; } #coupon-section .copy-button:active { opacity: 0.7; } #coupon-section .copy-button.copied { background-color: rgba(238, 236, 221, 0.55); color: #333; } #coupon-section .gift-block { margin-bottom: 20px; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } #coupon-section .gift-banner-link { display: block; width: 100%; text-decoration: none; } #coupon-section .gift-banner-link img { width: 100%; height: auto; display: block; } #coupon-section .gift-text { font-size: 11px; color: #333; line-height: 1.85; text-align: left; padding: 12px 14px; background-color: #A2C2DD; } #coupon-section .gift-text a { color: #333; text-decoration: underline; font-weight: bold; font-size: 13px; display: block; text-align: center; margin-top: 4px; } #coupon-section .notice { font-size: 10px; color: #555; line-height: 1.85; text-align: left; padding: 14px 12px; border-top: 1px solid rgba(0,0,0,0.08); } #coupon-section .notice .expire { font-size: 12px; font-weight: bold; color: #000; display: block; margin-top: 8px; } ★ページ下部紹介の商品が20%OFF★ 自動調温するアイテムと、熱を逃がすお手軽マットレスに使えるクーポン COUPON CODE TXPG268CTRL コードをコピー ※クーポンの利用はご購入いただいたアカウントでのログインが必須となります。未ログイン状態ではクーポンは利用いただけませんのでご了承ください。 ※他キャンペーン・クーポンとの併用不可 有効期限：注文日から15日間 function copyCouponCode() { const code = 'TXPG268CTRL'; const button = document.querySelector('#coupon-section .copy-button'); navigator.clipboard.writeText(code).then(() => { button.textContent = 'コピーしました！'; button.classList.add('copied'); setTimeout(() => { button.textContent = 'コードをコピー'; button.classList.remove('copied'); }, 2000); }).catch(() => { alert('コピーに失敗しました'); }); }