main.membership-page #membership{padding:0!important}main.membership-page #membership>*+*{margin-top:60px!important}main.membership-page #membership .img-wrapper{border-radius:var(--image-radius)!important;background:var(--surface-color-soft)!important;margin:0 auto 30px!important;overflow:hidden!important}main.membership-page #membership .img-wrapper .img{aspect-ratio:5/4;object-fit:cover!important;width:100%!important;display:block!important}main.membership-page #membership :is(.heading,.register>.heading,.reward-list>.title){font-family:var(--font-family-heading-page)!important;font-weight:var(--font-weight-heading-page,400)!important;color:var(--text-color)!important;line-height:1.4!important}main.membership-page #membership .heading{font-size:var(--font-xl)!important;letter-spacing:.03em!important;margin:0 0 20px!important}.membership .guide .about-point{border-radius:var(--image-radius);background-color:color-mix(in srgb, var(--text-color) 5%, transparent)!important;padding:30px 30px 35px!important}.membership .guide .about-point .heading-point{font-size:var(--font-m)!important;color:var(--text-color)!important;margin:0 0 10px 10px!important}main.membership-page #membership .content .description,main.membership-page #membership .about-point .description{margin-top:0!important}main.membership-page #membership .register .description-wrapper{margin-top:2vw!important}main.membership-page #membership .register .description,main.membership-page #membership .register .description-wrapper{text-align:center!important}main.membership-page #membership :is(.description p,.description,.description-details,.login){font-size:var(--font-size-body-small)!important;letter-spacing:.05em!important;color:var(--text-color)!important;font-weight:400!important;line-height:1.6!important}main.membership-page #membership .about-point .description{margin-left:0!important;padding-left:0!important}main.membership-page #membership ul.description{margin:0!important;padding-left:0!important;list-style:none!important}main.membership-page #membership ul.description li{position:relative;margin:0!important;padding:0 0 0 2.1em!important}main.membership-page #membership ul.description li+li{margin-top:.5em!important}main.membership-page #membership ul.description li:before{content:"";background:color-mix(in srgb, var(--text-color) 50%, transparent);border-radius:50%;width:4px;height:4px;position:absolute;top:.7em;left:1em}main.membership-page #membership .reward-list>.title{font-size:var(--font-l)!important;letter-spacing:.03em!important}main.membership-page #membership .register>.heading{font-size:var(--font-l)!important;letter-spacing:.1em!important;margin:0!important}main.membership-page #membership .reward-list>.bar{background:var(--line-color-soft)!important;border:0!important;width:100%!important;height:1px!important;margin:6px 0 10px!important}main.membership-page #membership .reward-card-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px!important;display:grid!important}main.membership-page.pc-cols-5 #membership .reward-card-list{grid-template-columns:repeat(5,minmax(0,1fr))}main.membership-page.pc-cols-4 #membership .reward-card-list{grid-template-columns:repeat(4,minmax(0,1fr))}main.membership-page.pc-cols-3 #membership .reward-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}main.membership-page #membership .reward-card{width:auto!important;margin-left:0!important;padding:0!important}main.membership-page #membership .reward-card a{display:block!important}main.membership-page #membership .reward-image{aspect-ratio:3/4;aspect-ratio:var(--catalog-image-aspectratio);object-fit:cover!important;border-radius:calc(var(--image-radius) - 2px)!important;width:100%!important;height:100%!important;margin-bottom:20px!important;display:block!important}main.membership-page #membership .reward-detail-wrapper .title{font-size:var(--font-size-heading-card)!important;font-family:var(--font-family-heading-card)!important;font-weight:var(--font-weight-heading-card,400)!important;letter-spacing:.04em!important;color:var(--text-color)!important;margin:0!important;line-height:1.3!important}main.membership-page #membership .exchange-point-wrapper{background:0 0!important;border-radius:0!important;align-items:center!important;gap:6px!important;padding:0!important;display:inline-flex!important}main.membership-page #membership .exchange-point-icon{width:18px!important;height:18px!important}main.membership-page #membership .exchange-point{font-family:var(--font-family-numeric)!important;font-size:var(--font-size-price)!important;letter-spacing:.12em!important;color:var(--text-color)!important;font-weight:400!important}main.membership-page #membership .register{border-radius:calc(var(--image-radius) * 1.25)!important;background:var(--surface-color-soft)!important;border:0!important;padding:5vw!important}main.membership-page #membership .mail-magazine .label,main.membership-page #membership .description-link,main.membership-page #membership .login-link{color:var(--text-color)!important}main.membership-page #membership .description-link,main.membership-page #membership .login-link{text-decoration:underline!important}main.membership-page #membership .link-wrapper .link,.membership .guide .mypage-link .link{white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .3s,background-color .3s,border-color .3s,color .3s;border:1px solid var(--accent-color)!important;background:var(--accent-color)!important;min-height:40px!important;color:var(--accent-text-color)!important;font-family:var(--font-family-sans)!important;font-size:var(--font-size-label)!important;letter-spacing:.08em!important;text-align:center!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:.72em 1.4em!important;font-weight:400!important;line-height:1!important;text-decoration:none!important;display:inline-flex!important}main.membership-page #membership .link-wrapper .link:link,main.membership-page #membership .link-wrapper .link:visited,main.membership-page #membership .link-wrapper .link:hover,main.membership-page #membership .link-wrapper .link:active,.membership .guide .mypage-link .link:link,.membership .guide .mypage-link .link:visited,.membership .guide .mypage-link .link:hover,.membership .guide .mypage-link .link:active{color:var(--accent-text-color)!important;text-decoration:none!important}main.membership-page #membership .link-wrapper .link:hover,.membership .guide .mypage-link .link:hover{background:color-mix(in srgb, var(--accent-color) 90%, white 10%)!important;border-color:color-mix(in srgb, var(--accent-color) 90%, white 10%)!important}@media (min-width:600px) and (max-width:1024px){main.membership-page.tb-cols-4 #membership .reward-card-list{grid-template-columns:repeat(4,minmax(0,1fr))}main.membership-page.tb-cols-3 #membership .reward-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:599px){main.membership-page.sp-cols-3 #membership .reward-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}main.membership-page.sp-cols-2 #membership .reward-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.membership .mypage .content .definition-description{background-color:color-mix(in srgb, var(--text-color) 5%, transparent)!important;border-radius:var(--image-radius)!important;padding:4vw!important}.membership .mypage .content .customer-info-wrapper{margin-bottom:0!important}.membership .mypage .content .customer-info-wrapper .customer-info{font-family:var(--font-family-heading-card)!important;font-weight:var(--font-weight-heading-card,400)!important;color:var(--text-color)!important;line-height:1.4!important}.membership .mypage .card{padding:20px 0;border:1px solid var(--line-color-soft)!important;color:#333!important;gap:10px!important;max-height:none!important;margin-right:3vw!important}@media (max-width:768px){.membership .mypage .card{margin-right:auto!important}}.membership .mypage .card .logo-text{font-size:var(--font-l)!important;font-weight:var(--font-weight-heading-card,500)!important;font-family:var(--font-family-heading-card)!important}.membership .mypage .card .membership-name{font-weight:400!important;font-size:var(--font-s)!important}.membership .mypage .content .bar{background-color:var(--line-color-soft)!important}.membership .mypage .reward-list .howto{background-color:color-mix(in srgb, var(--text-color) 5%, transparent)!important;border-radius:var(--image-radius)!important}.membership .point-history .content .point-history-summary .point-name{font-family:var(--font-family-heading-card)!important;font-size:var(--font-size-m)!important;font-weight:var(--font-weight-heading-card,normal)!important;letter-spacing:.02em!important;color:color-mix(in srgb, var(--text-color) 90%, transparent)!important;line-height:1.6!important}.membership .mypage .content .customer-info-wrapper .edit-wrapper .edit,.membership .mypage .logout,.membership .mypage .leave-wrapper .leave{border-radius:999px;background-color:color-mix(in srgb, var(--text-color) 10%, transparent)!important;font-size:var(--font-s)!important;color:var(--text-color)!important;padding:10px 30px!important;text-decoration:none!important}.membership .mypage .content .customer-info-wrapper .edit-wrapper .edit{font-size:var(--font-xs)!important;padding:5px 20px!important}body:has(.membership .mypage #leave-modal[style*="display: block"]) header{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body:has(.membership .mypage #leave-modal[style*="display: block"]) .newsletter-signup{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.membership .login .register-link{color:var(--text-color)!important}.membership .mypage .content .about-wrapper .about,.membership .mypage .content .definition-description .point-history .link,.membership .mypage .content .definition-description .point-expiry-date,.membership .mypage .reward-list .howto .caption .text{color:inherit!important}