@charset 'UTF-8';

#slide.slick-initialized { display: block; }
.slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; }
.slick-slide:focus { outline: none; }

.slick-slider { width: 100%; height: 100%; margin: 0; }
.slick-list,
.slick-track { height: 100%; }

#slide { position: relative; }
#slide .slick-prev,
#slide .slick-next {
  position: absolute;
  top: calc(50% - 12px);
  transform: translateY(-50%);
  z-index: 3;
  width: 50px;
  height: 100%;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
#slide .slick-next { background: url(../img/slide-next.png) center center / 13px 24px no-repeat; right: 0; }
#slide .slick-prev { background: url(../img/slide-prev.png) center center / 13px 24px no-repeat; left: 0; }
#slide .slick-prev:hover,
#slide .slick-prev:focus,
#slide .slick-next:hover,
#slide .slick-next:focus { opacity: 0.7; }

#slide .slick-dots {
  position: absolute;
  bottom: -60px;
  width: 100%;
  text-align: center;
}
#slide .slick-dots li {
  position: relative;
  display: inline-block;
}
#slide .slick-dots li button {
  display: block;
  width: 15px;
  height: 18px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: none;
  margin: 0 4px;
}
#slide .slick-dots li button::before {
  content: "";
  display: block;
  width: 15px;
  height: 18px;
  background: url(../img/mem-icon-gry.png) center center / contain no-repeat;
}
#slide .slick-dots li.slick-active:nth-of-type(1) button::before { background: url(../img/mem-icon-blu.png) center center / contain no-repeat; }
#slide .slick-dots li.slick-active:nth-of-type(2) button::before { background: url(../img/mem-icon-ppl.png) center center / contain no-repeat; }
#slide .slick-dots li.slick-active:nth-of-type(3) button::before { background: url(../img/mem-icon-yel.png) center center / contain no-repeat; }
#slide .slick-dots li.slick-active:nth-of-type(4) button::before { background: url(../img/mem-icon-grn.png) center center / contain no-repeat; }
#slide .slick-dots li.slick-active:nth-of-type(5) button::before { background: url(../img/mem-icon-red.png) center center / contain no-repeat; }

#slide .slick-dots li button:hover,
#slide .slick-dots li button:focus { outline: none; opacity: 1; }
#slide .slick-dots li.slick-active button { opacity: 1; }



#slide-sub { display: none; }
#slide-sub .slick-slide { margin: 0; }
#slide-sub img { transform: scale(0.9); }
#slide-sub .slick-current img { transform: scale(1.00); }
#slide-sub .slick-track { transform: unset!important; }


@media screen and (max-width: 767.9px) {

#slide { display: none; }
#slide-sub { display: block; }

} /* @ */

/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

#top-slide.slick-initialized { display: block; }

#top-slide .slick-list {
  padding-bottom: 20px !important;
}
#top-slide .slick-slide a {
  display: block;
}
#top-slide .slick-slide {
  transform: scale(.8);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
#top-slide .slick-current {
  transform: scale(1);
}

#top-slide .slick-prev,
#top-slide .slick-next {
  position: absolute;
  top: calc(50% - 41px);
  z-index: 3;
  width: 56px;
  height: 56px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
#top-slide .slick-next { background: url(../img/top-slide-next.png) center center / contain no-repeat; right: calc(50% - 28%); }
#top-slide .slick-prev { background: url(../img/top-slide-prev.png) center center / contain no-repeat; left: calc(50% - 28%); }
#top-slide .slick-prev:hover,
#top-slide .slick-prev:focus,
#top-slide .slick-next:hover,
#top-slide .slick-next:focus { opacity: 0.7; }


@media screen and (max-width: 767.9px) {
#top-slide .slick-prev,
#top-slide .slick-next { top: calc(50% - 22px); width: 26px; height: 26px; }
#top-slide .slick-next { right: 9%; }
#top-slide .slick-prev { left: 9%; }

} /* @ */