.x3-cmp{background:var(--x3-cmp-section-bg, #181818);padding:clamp(32px,1.88vw,48px) clamp(16px,16.8vw,430px) clamp(48px,3.13vw,80px);text-align:center}.x3-cmp__trigger-wrap{display:flex;justify-content:center}.x3-cmp__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:488px;padding:16px 32px;background:var(--x3-cmp-trigger-bg, #181818);border:1px solid var(--x3-cmp-trigger-border, #ffffff);border-radius:24px;color:var(--x3-cmp-trigger-color, #ffffff);cursor:pointer;font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;transition:background .2s ease,transform .15s ease}.x3-cmp__trigger:hover{background:#2a2a2a}.x3-cmp__trigger:active{transform:scale(.98)}.x3-cmp__trigger-text{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.3;flex:1;text-align:center}.x3-cmp__trigger-title,.x3-cmp__trigger-subtitle{font-size:clamp(18px,1.25vw,32px);font-weight:400}.x3-cmp__trigger-icon{position:relative;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--x3-cmp-trigger-icon-bg, #fffcf5);display:inline-block}.x3-cmp__trigger-icon:before,.x3-cmp__trigger-icon:after{content:"";position:absolute;top:50%;left:50%;background:#181818}.x3-cmp__trigger-icon:before{width:18px;height:2px;transform:translate(-50%,-50%)}.x3-cmp__trigger-icon:after{width:2px;height:18px;transform:translate(-50%,-50%)}.x3-cmp__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.x3-cmp__modal[hidden]{display:none!important}.x3-cmp__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;cursor:pointer}.x3-cmp__dialog{position:relative;background:var(--x3-cmp-bg, #181818);border-radius:16px;max-width:1700px;width:100%;max-height:90vh;overflow-y:auto;padding:32px 24px 40px;box-shadow:0 20px 60px #00000080;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.08)}.x3-cmp__dialog::-webkit-scrollbar{width:10px}.x3-cmp__dialog::-webkit-scrollbar-track{background:#ffffff14;border-radius:8px}.x3-cmp__dialog::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:8px}.x3-cmp__dialog::-webkit-scrollbar-thumb:hover{background:#ffffff8c}.x3-cmp__close{position:absolute;top:12px;right:16px;background:transparent;border:none;color:var(--x3-cmp-row-color, #fff);font-size:clamp(18px,1.25vw,32px);line-height:1;cursor:pointer;padding:4px 12px}.x3-cmp__modal-title{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-size:clamp(14px,.938vw,24px);font-weight:600;color:var(--x3-cmp-row-color, #fff);margin:0 0 24px;text-align:center}.x3-cmp__inner{max-width:1700px;margin:0 auto;padding:0}.x3-cmp__table{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.2fr;border:1px solid var(--x3-cmp-divider-color, #444);border-radius:4px;overflow:hidden;background:var(--x3-cmp-bg, #181818)}.x3-cmp__row{display:contents}.x3-cmp__cell{padding:32px 20px;text-align:center;font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-size:clamp(14px,.938vw,24px);line-height:1.3;letter-spacing:.02em;color:var(--x3-cmp-row-color, #fff);border-bottom:1px solid var(--x3-cmp-divider-color, #444);border-right:1px solid var(--x3-cmp-vline-color, #444);display:flex;align-items:center;justify-content:center;white-space:normal}.x3-cmp__cell--accent,.x3-cmp__row--head .x3-cmp__cell:last-child{border-right:0}.x3-cmp__cell--head{background:var(--x3-cmp-head-bg, #fff);color:var(--x3-cmp-head-color, #333);font-weight:600}.x3-cmp__cell--label{font-weight:400;color:var(--x3-cmp-row-color, #fff)}.x3-cmp__cell--accent{color:var(--x3-cmp-accent-color, #ffc100);font-weight:500}.x3-cmp__cell--merge-down{grid-row:span 2;align-items:center;justify-content:center}@media(max-width:1024px){.x3-cmp{padding:48px 0}.x3-cmp__cell{padding:20px 12px;font-size:clamp(14px,.703vw,18px)}}@media(max-width:640px){.x3-cmp{padding:32px 0}.x3-cmp__inner{padding:0 12px}.x3-cmp__cell{padding:14px 6px;font-size:13px;letter-spacing:0}}@media(max-width:1024px){.x3-cmp__trigger{min-width:0;max-width:100%;padding:14px 24px;gap:20px}.x3-cmp__trigger-title,.x3-cmp__trigger-subtitle{font-size:clamp(14px,.859vw,22px)}.x3-cmp__trigger-icon{width:40px;height:40px}.x3-cmp__trigger-icon:before{width:16px}.x3-cmp__trigger-icon:after{height:16px}.x3-cmp__dialog{padding:24px 16px 32px}.x3-cmp__modal-title{font-size:clamp(14px,.781vw,20px)}}@media(max-width:640px){.x3-cmp{padding:32px 16px}.x3-cmp__trigger{min-width:0;width:100%;padding:12px 16px;border-radius:18px;gap:12px}.x3-cmp__trigger-title,.x3-cmp__trigger-subtitle{font-size:clamp(14px,.586vw,15px)}.x3-cmp__trigger-icon{width:32px;height:32px}.x3-cmp__trigger-icon:before{width:14px}.x3-cmp__trigger-icon:after{height:14px}.x3-cmp__modal{padding:12px}.x3-cmp__dialog{padding:20px 12px 24px;border-radius:12px;max-height:92vh}.x3-cmp__modal-title{font-size:clamp(14px,.625vw,16px);margin-bottom:16px}.x3-cmp__close{font-size:clamp(14px,.938vw,24px);top:8px;right:8px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/x3-comparison-table.css.map */