@charset "utf-8";

/*
 カラバリ拡張CSS
 カラバリを4枚以上表示する際に使用
*/
.product-color-set {
  left: -15px;
  right: auto;
  bottom: 0;
  z-index: -1;
}
.product-color-tip {
  position: relative;
  top: 15px;
  left: 250px;
}
.last-child > .product-color-set {
  left: auto;
  right: -15px;
}
.product-color-set.max-colset1 {
  width: 330px;
}
.product-color-set.max-colset2 {
  width: 400px;
}
.product-color-set.max-colset3 {
  width: 470px;
}
.product-color-set.max-colset4 {
  width: 540px;
}
.product-color-set.max-colset4 {
  width: 610px;
}
.product-color-set.max-colset-none {
  left: -11px;
  right: auto;
  width: 255px;
}
.product-color-set.max-colset1 ul,
.product-color-set.max-colset2 ul,
.product-color-set.max-colset3 ul,
.product-color-set.max-colset4 ul,
.product-color-set.max-colset5 ul,
.product-color-set.max-colset-none ul {
  display: block;
}
.last-child > .product-color-set > .product-color-tip {
  left: auto;
  left: 10px;
}
/* カラバリ拡張CSS */

/* タブレット対応 */
@media (min-width: 1031px) and (max-width: 1120px) {
  .product-color-tip {
    left: 240px;
  }
}
@media (min-width: 980px) and (max-width: 1030px) {
  .product-color-tip {
    left: 228px;
  }
}