.new-common-reward-cards{--reward-px: calc(1 / 1920 * 100vw);box-sizing:border-box;width:100%;padding:calc(var(--reward-padding-top-desktop) * var(--reward-px)) calc(24 * var(--reward-px)) calc(var(--reward-padding-bottom-desktop) * var(--reward-px));overflow:hidden;color:#333;background:var(--reward-section-background, #fff);font-family:Noto Sans JP,sans-serif}.new-common-reward-cards *,.new-common-reward-cards *:before,.new-common-reward-cards *:after{box-sizing:border-box}.new-common-reward-cards__inner{width:100%;max-width:calc(1440 * var(--reward-px));margin:0 auto}.new-common-reward-cards__heading{margin:0 0 calc(32 * var(--reward-px));color:inherit;font-size:calc(36 * var(--reward-px));font-weight:500;line-height:1.3;text-align:center}.new-common-reward-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24 * var(--reward-px));margin:0;padding:0;list-style:none}.new-common-reward-cards__item{min-width:0}.reward-card{width:100%;height:calc(675 * var(--reward-px));overflow:hidden;border-radius:calc(16 * var(--reward-px));background:#d5e9ff;isolation:isolate}.reward-card__header{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--reward-px));height:calc(100 * var(--reward-px));padding:0 calc(20 * var(--reward-px));background:#d5e9ff}.reward-card__icon{display:block;flex:0 0 auto;width:calc(48 * var(--reward-px));height:calc(48 * var(--reward-px))}.reward-card__icon img{display:block;width:100%;height:100%;object-fit:contain}.reward-card__eyebrow{margin:0;color:#333;font-size:calc(24 * var(--reward-px));font-weight:400;line-height:1.2;white-space:nowrap}.reward-card__body{position:relative;height:calc(575 * var(--reward-px));overflow:hidden;color:#fff}.reward-card__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#35a3e4,#91a8ff 52%,#9871c8)}.reward-card__background img{display:block;width:100%;height:100%;object-fit:cover}.reward-card__content{position:relative;z-index:1;width:100%;height:100%;text-align:center}.reward-card__title{position:absolute;top:calc(24 * var(--reward-px));right:calc(16 * var(--reward-px));left:calc(16 * var(--reward-px));margin:0;color:inherit;font-size:calc(32 * var(--reward-px));font-weight:500;line-height:1.2}.reward-card__points{position:absolute;top:calc(90 * var(--reward-px));right:0;left:0;display:flex;align-items:flex-start;justify-content:center;color:inherit;font-family:Rany-Bold,Noto Sans JP,sans-serif;font-weight:700;line-height:1.2}.reward-card__points-value{font-size:calc(64 * var(--reward-px))}.reward-card__points-unit{margin-top:calc(6 * var(--reward-px));font-size:calc(24 * var(--reward-px))}.reward-card__equivalent{position:absolute;top:calc(350 * var(--reward-px));right:calc(24 * var(--reward-px));margin:0;color:inherit;font-family:Rany-Bold,Noto Sans JP,sans-serif;font-size:calc(20 * var(--reward-px));font-weight:700;line-height:1.2}.reward-card__description{position:absolute;top:calc(400 * var(--reward-px));left:50%;width:calc(400 * var(--reward-px));color:inherit;font-size:calc(16 * var(--reward-px));font-weight:500;line-height:1.3;transform:translate(-50%)}.reward-card__description p{margin:0;color:inherit}.reward-card__button{position:absolute;top:calc(456 * var(--reward-px));left:50%;display:flex;align-items:center;justify-content:center;width:calc(297 * var(--reward-px));min-height:calc(46 * var(--reward-px));padding:calc(8 * var(--reward-px)) calc(18 * var(--reward-px));color:#333;background:#fff;border-radius:calc(100 * var(--reward-px));font-family:Rany-Medium,Noto Sans JP,sans-serif;font-size:calc(20 * var(--reward-px));font-weight:500;line-height:1.2;text-decoration:none;transform:translate(-50%)}.reward-card__button:hover{color:#333;background:#f5f8ff}.reward-card__button:focus-visible{color:#333;outline:calc(3 * var(--reward-px)) solid #fff;outline-offset:calc(4 * var(--reward-px))}.reward-card__note{position:absolute;top:calc(528 * var(--reward-px));right:calc(16 * var(--reward-px));left:calc(16 * var(--reward-px));margin:0;color:inherit;font-size:calc(12 * var(--reward-px));font-weight:400;line-height:1.2}@media screen and (min-width:1921px){.new-common-reward-cards{--reward-px: 1px}}@media screen and (max-width:850px){.new-common-reward-cards{--reward-px: calc(1 / 390 * 100vw);padding:calc(var(--reward-padding-top-mobile) * var(--reward-px)) calc(20 * var(--reward-px)) calc(var(--reward-padding-bottom-mobile) * var(--reward-px))}.new-common-reward-cards__inner{max-width:calc(350 * var(--reward-px))}.new-common-reward-cards__heading{margin-bottom:calc(24 * var(--reward-px));font-size:calc(24 * var(--reward-px))}.new-common-reward-cards__grid{grid-template-columns:minmax(0,1fr);gap:calc(13 * var(--reward-px))}.reward-card{height:calc(509 * var(--reward-px));border-radius:calc(12 * var(--reward-px))}.reward-card__header{gap:calc(10 * var(--reward-px));height:calc(75 * var(--reward-px));padding:0 calc(12 * var(--reward-px))}.reward-card__icon{width:calc(36.2 * var(--reward-px));height:calc(36.2 * var(--reward-px))}.reward-card__eyebrow{font-size:calc(16 * var(--reward-px))}.reward-card__body{height:calc(434 * var(--reward-px))}.reward-card__title{top:calc(13 * var(--reward-px));right:calc(10 * var(--reward-px));left:calc(10 * var(--reward-px));font-size:calc(24 * var(--reward-px))}.reward-card__points{top:calc(58 * var(--reward-px))}.reward-card__points-value{font-size:calc(48 * var(--reward-px))}.reward-card__points-unit{margin-top:calc(4 * var(--reward-px));font-size:calc(16 * var(--reward-px))}.reward-card__equivalent{top:calc(262 * var(--reward-px));right:calc(23 * var(--reward-px));font-size:calc(16 * var(--reward-px))}.reward-card__description{top:calc(298 * var(--reward-px));width:calc(288 * var(--reward-px));font-size:calc(12 * var(--reward-px))}.reward-card__button{top:calc(342 * var(--reward-px));width:calc(224 * var(--reward-px));min-height:calc(35 * var(--reward-px));padding:calc(6 * var(--reward-px)) calc(14 * var(--reward-px));font-size:calc(14 * var(--reward-px))}.reward-card__note{top:calc(398 * var(--reward-px));right:calc(8 * var(--reward-px));left:calc(8 * var(--reward-px));font-size:calc(8 * var(--reward-px))}}@media(forced-colors:active){.reward-card{border:1px solid CanvasText}.reward-card__button{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-page-reward-cards.css.map */