/** 全体 **/
.slick-slider {
  margin: 0 !important;;
  display: flex;
}

.slick-container {
  margin: 0 auto 10px auto;
  height: 320px !important;
  max-width: 400px;
  background-color: #ccc;
}

/** 画像共通 **/
.slick-container img {
  width: 100%;
  height: 100% !important;
}

/** メインスライダー **/
.slick-container .main-slider {
  height: 240px !important;
  width: 100%;
  margin: 0;
}

.main-slider img{
  object-fit: cover; /* 拡大して表示 */
  height: auto;
}

/** サムネイル スライダー**/
div.thumbnail-slider {
  height: 80px !important;
  width: 100%;
}

div.thumbnail-img{
  
}

/* 重要 */
div.slick-track{
  height: 100%;
}

.thumbnail-slider img {
  object-fit: contain;
  object-fit: cover; /* 拡大して表示 */
  width: 100% !important;
  height: 90px !important;
}


/** 矢印 **/
.slick-arrow{
  z-index:2!important;
  width:30px!important;
  height:30px!important;
  opacity: 0.7;
}

.slick-slide{
  padding:2px;
}


/* サムネイル選択以外は透明にする */
/*
.thumbnail-slider img{ 
opacity: .3;
transition: opacity .3s linear;

}

.thumbnail-slider .slick-current{
  opacity: 1;
  border: solid 4px orange;
}

*/