.variation-swatches-app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:20px;padding:0}.variation-swatches-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.variation-swatch-group{display:flex;flex-direction:column;gap:8px}.variation-swatch-group.validation-error .variation-swatch-label .swatch-label-text{color:#dc2626;font-weight:600}.variation-swatch-group.validation-error .variation-swatches{background-color:#dc262608;border:1px solid #dc2626;border-radius:8px;padding:8px}.variation-swatch-group.validation-error .variation-swatches .variation-swatch{border-color:#dc2626}.variation-swatch-group.validation-error .variation-swatches .variation-swatch:hover{border-color:#b91c1c}.variation-swatch-group.validation-error:after{color:#dc2626;content:"この項目を選択してください";display:block;font-size:12px;font-weight:500;margin-top:4px}.variation-swatch-group .variation-swatch-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.variation-swatch-group .variation-swatch-label .swatch-label-text{color:#374151;font-size:14px;font-weight:700;text-transform:capitalize}.variation-swatch-group .variation-swatch-label .swatch-label-text .required-indicator{color:#dc2626;font-weight:600;margin-left:4px}.variation-swatch-group .variation-swatch-label .clear-selection-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px 6px;transition:all .15s ease}.variation-swatch-group .variation-swatch-label .clear-selection-btn:hover{background-color:#f8fafc;color:#374151}.variation-swatch-group .selected-variation-name{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.variation-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.variation-swatches.small{gap:6px}.variation-swatches.large{gap:12px}.variation-swatches-container .swatch-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.variation-swatch{background-color:#fff;border:1px solid #e5e7eb;cursor:pointer;display:inline-block;outline:none;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.variation-swatch:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.variation-swatch:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.variation-swatch.disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.5}.variation-swatch.disabled:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.variation-swatch.selected{border-color:#1d4ed8;box-shadow:0 0 0 2px #2563eb33;transform:translateY(-1px)}.variation-swatch.swatch-button{background-color:#fff;border-color:#e5e7eb}.variation-swatch.swatch-button:hover{background-color:#f8fafc;border-color:#d1d5db}.variation-swatch.swatch-button.selected{background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.variation-swatch.swatch-button.selected:hover{background-color:#1a46c2}.variation-swatch.swatch-button.disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af}.variation-swatch.swatch-color{border:2px solid #e5e7eb}.variation-swatch.swatch-color:hover{border-color:#d1d5db}.variation-swatch.swatch-color.selected{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed833}.variation-swatch.swatch-color.disabled{position:relative}.variation-swatch.swatch-color.disabled:before{background-color:#9ca3af;content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px}.variation-swatch.swatch-image{background-color:#0000;border:2px solid #e5e7eb;overflow:hidden}.variation-swatch.swatch-image:hover{border-color:#d1d5db}.variation-swatch.swatch-image.selected{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed833}.variation-swatch.swatch-image.disabled{filter:grayscale(100%) opacity(.5)}.variation-swatch.swatch-small{font-size:12px;height:32px;width:32px}.variation-swatch.swatch-medium{font-size:13px;height:40px;width:40px}.variation-swatch.swatch-large{font-size:14px;height:48px;width:48px}.variation-swatch.swatch-rounded{border-radius:50%}.variation-swatch.swatch-squared{border-radius:6px}.swatch-button-inner,.swatch-color-inner,.swatch-image-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.swatch-button-inner .checkmark,.swatch-color-inner .checkmark,.swatch-image-inner .checkmark{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #00000080}.swatch-button-inner .cross,.swatch-color-inner .cross,.swatch-image-inner .cross{color:#9ca3af;font-size:16px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.swatch-button-inner{padding:6px 12px}.swatch-button-inner .swatch-text{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-image-inner{display:block;height:100%;position:relative;width:100%}.swatch-image-inner img.swatch-image-src{border-radius:inherit;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.swatch-image-inner .swatch-image-placeholder{align-items:center;background-color:#f3f4f6;border-radius:inherit;display:flex;height:100%;justify-content:center;width:100%}.swatch-image-inner .swatch-image-placeholder i{color:#9ca3af;font-size:16px;opacity:.7}.swatch-radio-inner{align-items:center;display:flex;gap:6px}.swatch-radio-inner .radio-selected,.swatch-radio-inner .radio-unselected{border:2px solid #e5e7eb;border-radius:50%;display:inline-block;height:14px;width:14px}.swatch-radio-inner .radio-selected{background-color:#1d4ed8;border-color:#1d4ed8}.swatch-radio-inner .swatch-radio-label{color:#374151;font-size:13px}.variation-swatch.swatch-radio,.variation-swatch.swatch-radioMulti,.variation-swatch.swatch-radio_multi{background:#0000;border:none;height:auto;padding:4px 6px;width:auto}.variation-swatches-container .swatch-tooltip{bottom:100%;left:50%;margin-bottom:8px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.variation-swatches-container .swatch-tooltip .tooltip-content{background-color:#1f2937;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;white-space:nowrap}.variation-swatches-container .swatch-tooltip .tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #1f2937;left:50%;position:absolute;top:100%;transform:translateX(-50%)}@keyframes swatchAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.variation-swatch{animation:swatchAppear .2s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.variation-swatches{gap:6px}.variation-swatch.swatch-small{font-size:11px;height:28px;width:28px}.variation-swatch.swatch-medium{font-size:12px;height:36px;width:36px}.variation-swatch.swatch-large{font-size:13px;height:44px;width:44px}.variation-swatch-group .variation-swatch-label .swatch-label-text{font-size:13px}}@media(prefers-contrast:high){.variation-swatch{border-width:2px}.variation-swatch.selected{border-width:3px}}@media(prefers-reduced-motion:reduce){.variation-swatch{animation:none;transition:none}.variation-swatch:hover{transform:none}.swatch-tooltip{transition:none}}.dependent-select-placeholder{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:14px;font-style:italic;padding:12px 16px;text-align:center}.dependent-select-placeholder span{display:inline-block}.variation-swatch-group.dependent-select{opacity:.7}.variation-swatch-group.dependent-select .variation-swatch-label .swatch-label-text{color:#6b7280}.variation-swatches-container .swatch-label{word-wrap:break-word;color:#6b7280;font-size:11px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin-top:8px;overflow-wrap:break-word;padding:0;text-align:center;width:auto}.variation-swatches-container .swatch-label .selected-value{font-weight:400}.swatch-wrapper:has(.swatch-small) .variation-swatches-container .swatch-label{font-size:10px;margin-top:3px;width:auto}.swatch-wrapper:has(.swatch-medium) .variation-swatches-container .swatch-label{font-size:11px;margin-top:4px;width:auto}.swatch-wrapper:has(.swatch-large) .variation-swatches-container .swatch-label{font-size:12px;margin-top:5px;width:auto}@media(max-width:768px){.swatch-label{font-size:10px;margin-top:3px;width:auto}}.variation-swatches.vertical{align-items:flex-start;flex-direction:column}.variation-swatches.horizontal{flex-direction:row}.variation-swatch.swatch-image.swatch-small{height:48px;width:48px}.variation-swatch.swatch-image.swatch-medium{height:56px;width:56px}.variation-swatch.swatch-image.swatch-large{height:64px;width:64px}body#page_product_list .variation-swatches{gap:6px}body#page_product_list .ec-shelfGrid__item .ec-productRole__actions>.ec-select{display:none}body#page_product_list .variation-swatch.swatch-image.swatch-small{height:32px;width:32px}body#page_product_list .variation-swatch.swatch-image.swatch-medium{height:40px;width:40px}body#page_product_list .variation-swatch.swatch-image.swatch-large{height:48px;width:48px}body#page_product_list .variation-swatch.swatch-color.swatch-small{height:20px;width:20px}body#page_product_list .variation-swatch.swatch-color.swatch-medium{height:24px;width:24px}body#page_product_list .variation-swatch.swatch-color.swatch-large{height:28px;width:28px}body#page_product_list .variation-swatch.swatch-label.swatch-small{font-size:11px;height:24px}body#page_product_list .variation-swatch.swatch-label.swatch-medium{font-size:12px;height:28px}body#page_product_list .variation-swatch.swatch-label.swatch-large{font-size:13px;height:32px}.variation-swatch.swatch-label{min-width:40px;width:auto}.variation-swatch.swatch-label.swatch-small .swatch-button-inner{padding:4px 8px}.variation-swatch.swatch-label.swatch-medium .swatch-button-inner{padding:6px 12px}.variation-swatch.swatch-label.swatch-large .swatch-button-inner{padding:8px 16px}.swatch-dropdown-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:120px;padding:6px 8px;transition:border-color .15s ease}.swatch-dropdown-select:hover{border-color:#d1d5db}.swatch-dropdown-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.swatch-image{padding:0}#page_product_detail .ec-productRole__actions>.ec-select{display:none}
/*# sourceMappingURL=main.5fe4251c.css.map*/