🎁スペシャルクーポン（ギフト）

About

クーポンページ #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: 12px; line-height: 1.4; color: #222; } #coupon-section .coupon-title strong { font-size: 14px; display: block; margin-top: 0; line-height: 1.4; } #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 e