@charset "utf-8";

/*
 カラバリ拡張CSS
 カラバリを4枚以上表示する際に使用
*/
.product-color-set {
  top: 0;
  left:auto;
  right:-83px;
  bottom:auto;
  z-index:-1;
  padding: 10px 0;
}
.product-color-tip {
  position:relative;
  top:0;
  left:auto;
  right: -4px;
}
  .last-child > .product-color-set{
    left:auto;
    right:-83px;
  }
  .product-color-set.max-colset1{
    width:80px;
  }
  .product-color-set.max-colset2{
    width:150px;
    right: -153px;
  }
  .product-color-set.max-colset3{
    width:230px;
    right: -230px;
  }
  .product-color-set.max-colset4{
    width:540px;
  }
  .product-color-set.max-colset4{
    width:610px;
  }
  .product-color-set.max-colset-none{
    width:0;
  }
  .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;
    }

@media (max-width: 1110px) {
  .last-child > .product-color-set{
    right: auto;
    left: -83px;
  }
  .last-child > .product-color-set.max-colset2{
    left: -150px;
  }
}
/* カラバリ拡張CSS */