.point-exchange-modal{--point-exchange-px: calc(1 / 1920 * 100vw);display:block}.page-point-exchange{box-sizing:border-box;width:100%;padding:calc(var(--point-exchange-padding-top-desktop) * var(--point-exchange-px)) calc(24 * var(--point-exchange-px)) calc(var(--point-exchange-padding-bottom-desktop) * var(--point-exchange-px));overflow:hidden;color:var(--point-exchange-text, #000);background:var(--point-exchange-background, #f7f7f7);font-family:Noto Sans JP,sans-serif}.page-point-exchange *,.page-point-exchange *:before,.page-point-exchange *:after,.page-point-exchange__dialog,.page-point-exchange__dialog *{box-sizing:border-box}.page-point-exchange__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:calc(752 * var(--point-exchange-px));min-height:calc(388 * var(--point-exchange-px));margin:0 auto;text-align:center}.page-point-exchange__heading-row{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--point-exchange-px));min-height:calc(54 * var(--point-exchange-px))}.page-point-exchange__coin{display:block;flex:0 0 auto;width:calc(54 * var(--point-exchange-px));height:calc(54 * var(--point-exchange-px))}.page-point-exchange__coin img{display:block;width:100%;height:100%;object-fit:contain}.page-point-exchange__heading{margin:0;color:inherit;font-size:calc(40 * var(--point-exchange-px));font-weight:500;line-height:1.2;letter-spacing:calc(1.2 * var(--point-exchange-px));white-space:nowrap}.page-point-exchange__description{margin:calc(22 * var(--point-exchange-px)) 0 0;color:inherit;font-size:calc(32 * var(--point-exchange-px));font-weight:400;line-height:1.2;white-space:nowrap}.page-point-exchange__rate{margin:calc(54 * var(--point-exchange-px)) 0 0;color:transparent;background:linear-gradient(108.3deg,#499ee1 5.58%,#9781cc 107.24%);background-clip:text;-webkit-background-clip:text;font-family:Rany-Medium,Noto Sans JP,sans-serif;font-size:calc(128 * var(--point-exchange-px));font-weight:500;line-height:1.2;white-space:nowrap}.page-point-exchange__button{display:inline-flex;align-items:center;justify-content:center;width:calc(281 * var(--point-exchange-px));min-height:calc(46 * var(--point-exchange-px));margin-top:calc(13 * var(--point-exchange-px));padding:calc(4 * var(--point-exchange-px)) calc(20 * var(--point-exchange-px));color:var(--point-exchange-button-text, #000);background:var(--point-exchange-button-background, #d9d9d9);border:0;border-radius:calc(100 * var(--point-exchange-px));font:inherit;font-size:calc(32 * var(--point-exchange-px));font-weight:400;line-height:1.2;text-align:center;cursor:pointer}.page-point-exchange__button:hover{filter:brightness(.96)}.page-point-exchange__button:focus-visible{outline:calc(3 * var(--point-exchange-px)) solid currentColor;outline-offset:calc(4 * var(--point-exchange-px))}.page-point-exchange__dialog{width:min(calc(1214 * var(--point-exchange-px, 1px)),calc(100vw - 48px));height:min(calc(599 * var(--point-exchange-px, 1px)),calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;color:#000;background:#fff;border:0;border-radius:calc(16 * var(--point-exchange-px, 1px));box-shadow:0 calc(18 * var(--point-exchange-px, 1px)) calc(60 * var(--point-exchange-px, 1px)) #0003;font-family:Noto Sans JP,sans-serif}.page-point-exchange__dialog::backdrop{background:#0000008c}.page-point-exchange__dialog-inner{position:relative;width:100%;height:100%;padding:calc(64 * var(--point-exchange-px, 1px)) calc(89 * var(--point-exchange-px, 1px)) calc(70 * var(--point-exchange-px, 1px));overflow:auto;overscroll-behavior:contain}.page-point-exchange__close{position:absolute;top:calc(24 * var(--point-exchange-px, 1px));right:calc(24 * var(--point-exchange-px, 1px));display:inline-flex;align-items:center;justify-content:center;width:calc(72 * var(--point-exchange-px, 1px));height:calc(72 * var(--point-exchange-px, 1px));padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer}.page-point-exchange__close img{display:block;width:100%;height:100%;object-fit:contain}.page-point-exchange__close:hover img{opacity:.35}.page-point-exchange__close:focus-visible{outline:calc(3 * var(--point-exchange-px, 1px)) solid #333;outline-offset:calc(2 * var(--point-exchange-px, 1px))}.page-point-exchange__dialog-heading{margin:0;color:inherit;font-family:Rany-Medium,Noto Sans JP,sans-serif;font-size:calc(40 * var(--point-exchange-px, 1px));font-weight:500;line-height:1.2;letter-spacing:calc(1.2 * var(--point-exchange-px, 1px));text-align:left}.page-point-exchange__instructions{margin-top:calc(36 * var(--point-exchange-px, 1px));color:inherit;font-family:Rany-Regular,Noto Sans JP,sans-serif;font-size:calc(30 * var(--point-exchange-px, 1px));font-weight:400;line-height:calc(48 * var(--point-exchange-px, 1px))}.page-point-exchange__screenshots{display:flex;align-items:flex-start;gap:calc(24 * var(--point-exchange-px, 1px));margin-top:calc(52 * var(--point-exchange-px, 1px))}.page-point-exchange__screenshot{display:block;flex:0 0 auto;overflow:hidden}.page-point-exchange__screenshot--product{width:calc(518 * var(--point-exchange-px, 1px));height:calc(115 * var(--point-exchange-px, 1px))}.page-point-exchange__screenshot--points{width:calc(378 * var(--point-exchange-px, 1px));height:calc(115 * var(--point-exchange-px, 1px));border:1px solid #dedede}.page-point-exchange__screenshot img{display:block;width:100%;height:100%;object-fit:cover}.page-point-exchange__dialog-content{margin-top:calc(24 * var(--point-exchange-px, 1px));color:inherit;font-size:calc(18 * var(--point-exchange-px, 1px));line-height:1.7}.page-point-exchange__dialog-content:empty{display:none}.page-point-exchange__dialog-content>:first-child{margin-top:0}.page-point-exchange__dialog-content>:last-child{margin-bottom:0}html.point-exchange-dialog-open{overflow:hidden}@media screen and (min-width:1921px){.point-exchange-modal{--point-exchange-px: 1px}}@media screen and (max-width:850px){.point-exchange-modal{--point-exchange-px: calc(1 / 390 * 100vw)}.page-point-exchange{padding:calc(var(--point-exchange-padding-top-mobile) * var(--point-exchange-px)) 0 calc(var(--point-exchange-padding-bottom-mobile) * var(--point-exchange-px))}.page-point-exchange__inner{max-width:calc(390 * var(--point-exchange-px));min-height:calc(148 * var(--point-exchange-px))}.page-point-exchange__heading-row{gap:calc(7 * var(--point-exchange-px));min-height:calc(23 * var(--point-exchange-px))}.page-point-exchange__coin{width:calc(23 * var(--point-exchange-px));height:calc(23 * var(--point-exchange-px))}.page-point-exchange__heading{font-size:calc(20 * var(--point-exchange-px));letter-spacing:calc(.6 * var(--point-exchange-px))}.page-point-exchange__description{margin-top:calc(5 * var(--point-exchange-px));font-size:calc(12 * var(--point-exchange-px))}.page-point-exchange__rate{margin-top:calc(20 * var(--point-exchange-px));font-size:calc(48 * var(--point-exchange-px))}.page-point-exchange__button{width:calc(113 * var(--point-exchange-px));min-height:calc(20 * var(--point-exchange-px));margin-top:calc(9 * var(--point-exchange-px));padding:calc(2 * var(--point-exchange-px)) calc(8 * var(--point-exchange-px));font-size:calc(12 * var(--point-exchange-px))}.page-point-exchange__dialog{width:calc(350 * var(--point-exchange-px));height:min(calc(506 * var(--point-exchange-px)),calc(100dvh - 40px));border-radius:calc(16 * var(--point-exchange-px))}.page-point-exchange__dialog-inner{padding:calc(40 * var(--point-exchange-px)) calc(14 * var(--point-exchange-px)) calc(30 * var(--point-exchange-px))}.page-point-exchange__close{top:calc(10 * var(--point-exchange-px));right:calc(10 * var(--point-exchange-px));width:calc(32 * var(--point-exchange-px));height:calc(32 * var(--point-exchange-px))}.page-point-exchange__dialog-heading{font-size:calc(24 * var(--point-exchange-px));letter-spacing:calc(.72 * var(--point-exchange-px))}.page-point-exchange__instructions{margin-top:calc(20 * var(--point-exchange-px));font-size:calc(14 * var(--point-exchange-px));line-height:1.7}.page-point-exchange__screenshots{flex-direction:column;gap:calc(16 * var(--point-exchange-px));margin-top:calc(24 * var(--point-exchange-px))}.page-point-exchange__screenshot--product,.page-point-exchange__screenshot--points{width:calc(303 * var(--point-exchange-px));height:auto;aspect-ratio:auto}.page-point-exchange__screenshot--product img{aspect-ratio:343 / 76}.page-point-exchange__screenshot--points img{aspect-ratio:405 / 123}.page-point-exchange__screenshot img{height:auto;object-fit:contain}.page-point-exchange__dialog-content{margin-top:calc(20 * var(--point-exchange-px));font-size:calc(14 * var(--point-exchange-px))}}@media(forced-colors:active){.page-point-exchange__button,.page-point-exchange__dialog{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-page-point-exchange.css.map */