.c-dialog-content .u-pc{display:none}@media (min-width:901px){.c-dialog-content .u-pc{display:none}}@media (min-width:900px){.c-dialog-content .u-sp{display:inherit}}@media (max-width:900px){.c-dialog-content .u-sp{display:inherit}}
.c-variation-color-select{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:22px 12px;margin-top:1.5rem;display:grid}.c-variation-color-select__option{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0;font-family:inherit;display:flex}.c-variation-color-select__option:disabled{cursor:not-allowed;opacity:.35}.c-variation-color-select__dot{border-radius:50%;width:52px;height:52px;transition:transform .2s;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.c-variation-color-select__dot img{object-fit:cover;width:100%;height:100%}.c-variation-color-select__option:not(:disabled):hover .c-variation-color-select__dot{transform:scale(1.05)}.c-variation-color-select__label{color:#6f6f73;letter-spacing:.1em;text-align:center;font-size:11.5px}@media screen and (max-width:880px){.c-variation-color-select{gap:16px 8px}.c-variation-color-select__dot{width:46px;height:46px}}@media screen and (max-width:480px){.c-variation-color-select{grid-template-columns:repeat(3,1fr);gap:13px 8px}.c-variation-color-select__dot{width:42px;height:42px}}