@charset "utf-8";

@media screen and (max-width: 768px) {
  .widget-parts.pc, .widget-parts .pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .widget-parts.sp, .widget-parts .sp {
    display: none !important;
  }
}

.widget-parts a:hover {
    opacity: 0.7;
}

.widget-parts {
  width: 100%;
}
.widget-parts .main-contents {
  width: 100%;
  overflow: hidden;
}
.widget-parts .main-contents.pc .slick-image-list {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(var(--cw, 960px) + 15px);
  width: calc(var(--cw, 960px) + 15px);
  margin: 0 auto;
}
.widget-parts .main-contents.pc .slick-image-list .slick-image-list-item {
  margin: 0 15px 15px 0;
  width: auto;
}
.widget-parts .main-contents.pc .slick-image-list .slick-image-list-item a {
  position: static;
  display: inline;
  line-height: 0;
}
.widget-parts .main-contents.pc .slick-image-list img {
  /* height: auto; */
  height: 230px;
  object-fit: cover;
}
.widget-parts .main-contents.pc .slick-image-list[data-image-cols-pc="1"] img {
  width: var(--cw, 960px);
  max-width: var(--cw, 960px);
}
.widget-parts .main-contents.pc .slick-image-list[data-image-cols-pc="2"] img {
  width: calc((var(--cw, 960px) + 15px) / 2  - 15px);
  max-width: calc((var(--cw, 960px) + 15px) / 2  - 15px);
}
.widget-parts .main-contents.pc .slick-image-list[data-image-cols-pc="3"] img {
  width: calc((var(--cw, 960px) + 15px) / 3  - 15px);
  max-width: calc((var(--cw, 960px) + 15px) / 3  - 15px);
}
.widget-parts .main-contents.pc .slick-image-list[data-image-cols-pc="4"] img {
  width: calc((var(--cw, 960px) + 15px) / 4  - 15px);
  max-width: calc((var(--cw, 960px) + 15px) / 4  - 15px);
}