阪神OPENイベントクーポン（20%OFF）

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: 12px 16px; } #coupon-section .coupon-ticket { background-color: #A2C2DD; border-radius: 14px; margin-bottom: 0px; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.10); overflow: hidden; } #coupon-section .coupon-top { padding: 10px 20px 4px; text-align: center; } #coupon-section .coupon-title { font-size: 13px; line-height: 1.85; color: #222; } #coupon-section .coupon-title strong { font-size: 16px; display: block; margin-top: 4px; line-height: 1.85; } #coupon-section .coupon-perforation { display: flex; align-items: center; position: relative; height: 16px; margin: 0; } #coupon-section .coupon-perforation .notch-left, #coupon-section .coupon-perforation .notch-right { width: 16px; height: 16px; min-width: 16px; background-color: #EEECDD; border-radius: 50%; flex-shrink: 0; margin: 0 -8px; } #coupon-section .coupon-perforation .dash-line { flex: 1; border: none; border-top: 2px dashed rgba(255,255,255,0.75); margin: 0 12px; } #coupon-section .coupon-bottom { padding: 6px 20px 12px; text-align: center; } #coupon-section .code-label { font-size: 10px; letter-spacing: 0.18em; color: #4a6a80; margin-bottom: 6px; } #coupon-section .coupon-code { font-size: 22px; font-weight: bold; letter-spacing: 0.14em; color: #1a1a1a; background-color: rgba(238, 236, 221, 0.4); display: inline-block; padding: 8px 18px; border-radius: 8px; margin-bottom: 10px; } #coupon-section .copy-button { background-color: #9C2335; color: #EEECDD; border: none; padding: 10px 0; border-radius: 8px; font-size: 13px; font-weight: bold; cursor: pointer; transition: opacity 0.25s ease; width: 100%; max-width: 220px; letter-spacing: 0.06em; display: block; margin: 0 auto; } #coupon-section .c