@charset "utf-8";
.fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__label,
#order .fs-c-variationMatrix__row:has(.fs-c-variationMatrix__row__thumbnail) .fs-c-variationMatrix__lane{
  display: none;
}
@media (hover: hover){
  .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__image{
    overflow: hidden;
  }
  .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__image img{
    transition: .3s;
  }
  .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__list__item:hover .fs-c-variationPanelList__panel__image img{
    transform: scale(1.2);
  }
}
@media screen and (min-width: 768px){
  .fs-c-variationPanelList__list:has(.fs-c-variationPanelList__panel__image){
    grid-template-columns: repeat(6,1fr);
    gap: 3px;
  }
  #order .fs-c-productChooseVariation .fs-c-variationMatrix{
    grid-template-columns: repeat(6,1fr);
    gap: 3px;
  }
}
@media screen and (max-width: 767px){
  .fs-c-variationPanelList__list:has(.fs-c-variationPanelList__panel__image){
    grid-template-columns: repeat(5,1fr);
    gap: 3px;
  }
  #order .fs-c-productChooseVariation .fs-c-variationMatrix{
    grid-template-columns: repeat(5,1fr);
    gap: 3px;
  }
}