.hhsp .hhsp-bonus-note{display:inline-block;padding:12px 16px;background:#e5e0ed;border-radius:6px;font-size:13px;line-height:1.6;margin:5px 0 0}
.hhsp .hhsp-bonus-note a{text-decoration:underline;text-underline-offset:3px;font-weight:bold}
.hhsp .hhsp-bonus{background:#f5f0e7;border-block:1px solid #e6dfd3}
.hhsp .hhsp-bonus-art{background:linear-gradient(145deg,#e5e0ed,#dce5d6);padding:44px 40px 25px;border-radius:12px}
.hhsp .hhsp-bonus-cover{width:min(100%,310px);margin:auto;box-shadow:11px 15px 25px #343a3622;transform:rotate(-3deg)}
.hhsp .hhsp-bonus-art figcaption{margin-top:27px}
.hhsp .hhsp-bonus h3{font-size:25px}
.hhsp .hhsp-bonus .hhsp-count{margin-bottom:12px}
.hhsp .hhsp-bonus-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:62px;margin-top:55px;border-top:1px solid #d9ddd4}
.hhsp .hhsp-bonus-detail .hhsp-sheet{max-width:430px;width:100%;justify-self:center}
.hhsp .hhsp-final-bonus{font-weight:bold;font-size:15px}
@media(max-width:850px){.hhsp .hhsp-bonus-detail{gap:30px}.hhsp .hhsp-bonus-art{padding:34px 25px 25px}}
@media(max-width:640px){.hhsp .hhsp-bonus .hhsp-two{display:flex;flex-direction:column-reverse;align-items:stretch}.hhsp .hhsp-bonus-art{width:100%;max-width:440px;margin:12px auto 0}.hhsp .hhsp-bonus-detail{grid-template-columns:1fr;padding-top:36px;margin-top:36px}.hhsp .hhsp-bonus-detail .hhsp-sheet{order:0}.hhsp .hhsp-bonus .hhsp-button{margin-top:5px}}