@charset "UTF-8";
/*セレクタの親クラス指定は .sp-uda01w */
.sp-uda01w .product-intro .product-intro-cnt .product-display .product-outline .product-color-list>* {
  width: 31%;
}
.sp-uda01w .product-intro .product-intro-cnt .product-display .product-outline .product-color-list .product-color .produnt-thumbnail {
  width: auto;
  height: auto;
}
/*本スタイルは414pxからSP対象とする*/
.sp-uda01w.for-pc{
  display: block;
}
.sp-uda01w.for-sp{
  display: none;
}
@media screen and (max-width: 414px) and (min-width: 0px){
  .sp-uda01w.for-pc{
    display: none;
  }
  .sp-uda01w.for-sp{
    display: block;
  }
}

.product-intro .product-intro-cnt .product-display .product-outline .product-color-list {
    margin: 0 -1% 30px;
    padding: 0;
}

.product-intro .product-intro-cnt .product-display .product-outline .product-color-list .product-color {
    background-color: #fff;
}

@media (max-width: 640px){
.product-intro .product-intro-cnt .product-display {
    border-top : none;
    padding-top : 0px;
}}

@media (max-width: 640px){
.product-intro .product-intro-cnt .product-display  .product-figure {
    margin-top: 0px ;
}}