.x3-purchase{background:var(--x3-purchase-bg, #000);padding:clamp(40px,3.13vw,80px) clamp(16px,16.8vw,430px) clamp(48px,6.25vw,160px);text-align:center}.x3-purchase__inner{max-width:1700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(48px,3.91vw,100px)}.x3-purchase__header{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,1.25vw,32px);width:100%}.x3-purchase__title{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:600;font-size:clamp(34px,3.854vw,74px);color:var(--x3-purchase-title-color, #ffc100);margin:0;letter-spacing:0;line-height:1.3}.x3-purchase__subtitle{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:400;font-size:clamp(16px,1.667vw,32px);color:var(--x3-purchase-subtitle-color, #fff);margin:0;letter-spacing:.02em;line-height:1.3}.x3-purchase__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,.781vw,20px);width:100%}.x3-purchase__card{background:var(--x3-purchase-card-bg, #fffcf5);border-radius:clamp(16px,.94vw,24px);aspect-ratio:840 / 647;padding:clamp(24px,2.34vw,60px) clamp(16px,1.56vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center}.x3-purchase__image{width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.x3-purchase__image img{max-width:80%;max-height:100%;object-fit:contain}.x3-purchase__name{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-style:italic;font-weight:700;font-size:clamp(22px,2.5vw,48px);letter-spacing:.01em;color:var(--x3-purchase-text-color, #282828);margin:clamp(12px,.78vw,20px) 0 clamp(8px,.469vw,12px);letter-spacing:0;line-height:1.3;display:inline-flex;align-items:flex-end;gap:clamp(6px,.42vw,10px);justify-content:center}.x3-purchase__name-text{display:inline-block;line-height:1}.x3-purchase__name-suffix{display:inline-block;height:.85em;width:auto;flex-shrink:0}.x3-purchase__desc{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-style:normal;font-weight:400;font-size:clamp(12px,1.042vw,20px);color:var(--x3-purchase-text-color, #282828);margin:0 0 clamp(20px,1.875vw,48px);letter-spacing:0;line-height:1.3}.x3-purchase__actions{display:flex;gap:clamp(8px,.547vw,14px);justify-content:center}.x3-purchase__btn{display:inline-flex;align-items:center;justify-content:center;gap:clamp(4px,.234vw,6px);height:clamp(36px,1.875vw,48px);padding:0 clamp(16px,.94vw,24px);border-radius:999px;font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:clamp(12px,.547vw,14px);font-weight:500;text-decoration:none;transition:opacity .2s ease,background .2s ease;white-space:nowrap;box-sizing:border-box}.x3-purchase__btn--primary{min-width:clamp(120px,7.03vw,180px);background:var(--x3-purchase-primary-bg, #ffc100);color:var(--x3-purchase-primary-color, #282828)}.x3-purchase__btn--primary:hover{background:#e6a800;color:var(--x3-purchase-primary-color, #282828)}.x3-purchase__btn--secondary{min-width:clamp(100px,5.08vw,130px);background:transparent;color:var(--x3-purchase-secondary-color, #282828);border:1px solid var(--x3-purchase-secondary-border, #282828)}.x3-purchase__btn--secondary:hover{background:#0000000d}.x3-purchase__btn-arrow{font-size:clamp(12px,.547vw,14px);line-height:1}@media(max-width:1024px){.x3-purchase{padding:calc(32 / 768 * 100vw) calc(16 / 768 * 100vw)}.x3-purchase__header{gap:calc(16 / 768 * 100vw)}.x3-purchase__title{font-size:calc(32 / 768 * 100vw);margin-bottom:0}.x3-purchase__subtitle{font-size:2.34375vw}.x3-purchase__grid{gap:calc(10 / 768 * 100vw);grid-template-columns:repeat(2,1fr)}.x3-purchase__card{padding:calc(21 / 768 * 100vw);aspect-ratio:363 / 340;min-height:0;border-radius:calc(16 / 768 * 100vw)}.x3-purchase__name{font-size:calc(26 / 768 * 100vw)}.x3-purchase__desc{font-size:calc(11 / 768 * 100vw)}.x3-purchase__actions{gap:1.5625vw}.x3-purchase__btn{height:6.25vw;font-size:calc(14 / 768 * 100vw);padding:0 calc(20 / 768 * 100vw)}.x3-purchase__btn--primary{min-width:23.4375vw}.x3-purchase__btn--secondary{min-width:calc(130 / 768 * 100vw)}}@media(max-width:640px){.x3-purchase{padding:calc(24 / 390 * 100vw) calc(15 / 390 * 100vw)}.x3-purchase__header{gap:calc(16 / 390 * 100vw)}.x3-purchase__title{font-size:calc(24 / 390 * 100vw);margin-bottom:0}.x3-purchase__subtitle{font-size:calc(14 / 390 * 100vw)}.x3-purchase__grid{grid-template-columns:1fr;gap:calc(10 / 390 * 100vw)}.x3-purchase__card{padding:calc(19 / 390 * 100vw);aspect-ratio:360 / 340;min-height:0;border-radius:calc(16 / 390 * 100vw)}.x3-purchase__image img{max-height:200px}.x3-purchase__name{font-size:calc(24 / 390 * 100vw)}.x3-purchase__desc{font-size:calc(10 / 390 * 100vw)}.x3-purchase__actions{gap:calc(12 / 390 * 100vw)}.x3-purchase__btn{height:calc(48 / 390 * 100vw);font-size:calc(14 / 390 * 100vw);padding:0 calc(20 / 390 * 100vw)}.x3-purchase__btn--primary{min-width:calc(180 / 390 * 100vw)}.x3-purchase__btn--secondary{min-width:calc(130 / 390 * 100vw)}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/x3-purchase-products.css.map */