.hero-points a{ display:flex; align-items:center; justify-content:center; min-width:110px; /* 幅を均一化 */ height:34px; /* 高さを均一化 */ padding:0 10px; box-sizing:border-box; background:#fff; border:1px solid #e6e1d5; border-radius:999px; font-size:1rem; /* 小さめ文字 */ line-height:1; text-decoration:none; color:#333; flex-shrink:0; /* 縮んで崩れない */ text-align:center; } .hero-points a:hover{ background:#f8f6f0; } /* スマホ調整 */ @media (max-width:768px){ .hero-points{ gap:5px; margin:0 0 12px; padding-bottom:2px; } .hero-points a{ min-width:92px; /* スマホは少し細く */ height:30px; padding:0 8px; font-size:0.85rem; border-radius:999px; } } /* 極小スマホ */ @media (max-width:480px){ .hero-points a{ min-width:84px; height:28px; padding:0 7px; font-size:0.78rem; } }

HOME 商品一覧送料・お支払いポイントシステムお問合せお客様情報鹸化価表メルマガ

h560_n1

2022.01.22