@charset 'UTF-8';

#event-slide {
  display: none;
}
#event-slide.slick-initialized {
  display: block;
}
#top-slide {
  display: none;
}
#top-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%;
}

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

#pickup-slide {
  position: relative;
}
#pickup-slide .slick-prev,
#pickup-slide .slick-next {
  position: absolute;
  top: 30%;
  z-index: 3;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
@media (min-width: 768px) {
  #pickup-slide .slick-prev {
	display:none !important;
    left: -0%;
    top: 40%;
    background: url(../img/icon/slide_prev.png) center center / contain
      no-repeat;
    width: 40px;
    height: 40px;
  }
  #pickup-slide .slick-next {
	 display:none !important;
    left: 97%;
    top: 40%;
    background: url(../img/icon/slide_next.png) center center / contain
      no-repeat;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  #pickup-slide .slick-prev {
    background: url(../img/icon/slide_prev.png) center center / contain
      no-repeat;
    left: 40px;
    top: 90%;
    width: 40px;
    height: 40px;
  }
  #pickup-slide .slick-next {
    background: url(../img/icon/slide_next.png) center center / contain
      no-repeat;
    left: 130px;
    top: 90%;
    width: 40px;
    height: 40px;
  }
}
#pickup-slide .slick-prev:hover,
#pickup-slide .slick-prev:focus,
#pickup-slide .slick-next:hover,
#pickup-slide .slick-next:focus {
  opacity: 0.7;
}

#pickup-slide .slick-dots {
  position: absolute;
  bottom: -35px !important;
  width: 100%;
  text-align: center;
}
#pickup-slide .slick-dots li {
  position: relative;
  display: inline-block;
}
#pickup-slide .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #d8d8d8;
  margin: 0 6px;
}
#pickup-slide .slick-dots li button:hover,
#pickup-slide .slick-dots li button:focus {
  outline: none;
}

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

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

#example-slide .slick-dots {
  position: absolute;
  bottom: -35px;
  width: 100%;
  text-align: center;
}
#example-slide .slick-dots li {
  position: relative;
  display: inline-block;
}
#example-slide .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #d8d8d8;
  margin: 0 6px;
}
#example-slide .slick-dots li button:hover,
#example-slide .slick-dots li button:focus {
  outline: none;
}
#example-slide .slick-dots li.slick-active button {
  background: #19574d;
}
/*----------------------------------------------------------------------------*/
#example-slide-pc .container {
  position: relative;
}
#example-slide-pc .slick-prev,
#example-slide-pc .slick-next {
  position: absolute;
  top: calc(50% - 23px);
  z-index: 3;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
#example-slide-pc .slick-next {
  background: url(../img/icon/arrow_next.png) center center / contain no-repeat;
  right: -70px;
}
#example-slide-pc .slick-prev {
  background: url(../img/icon/arrow_prev.png) center center / contain no-repeat;
  left: -65px;
}
#example-slide-pc .slick-prev:hover,
#example-slide-pc .slick-prev:focus,
#example-slide-pc .slick-next:hover,
#example-slide-pc .slick-next:focus {
  opacity: 0.7;
}

#example-slide-pc .slick-dots {
  position: absolute;
  bottom: -35px;
  width: 100%;
  text-align: center;
}
#example-slide-pc .slick-dots li {
  position: relative;
  display: inline-block;
}
#example-slide-pc .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #d8d8d8;
  margin: 0 6px;
}
#example-slide-pc .slick-dots li button:hover,
#example-slide-pc .slick-dots li button:focus {
  outline: none;
}
#example-slide-pc .slick-dots li.slick-active button {
  background: #19574d;
}

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

#lineup-slide {
  position: relative;
}
#lineup-slide-nav {
  position: relative;
  margin-top: 20px;
}
#lineup-slide-nav .slick-track:before,
#lineup-slide-nav .slick-track:after {
  content: none;
}
#lineup-slide-nav .slick-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#lineup-slide-nav .slick-slide {
  width: 32%;
  margin-bottom: 8px;
}
#lineup-slide-nav .slick-slide:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lineup-slide-nav .slick-track {
  width: 100% !important;
  transform: none !important;
}
#lineup-slide-nav .slick-cloned {
  display: none !important;
}

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

#example-single-slide {
  position: relative;
}
#example-single-slide-nav {
  position: relative;
  margin-top: 20px;
}
#example-single-slide-nav .slick-track:before,
#example-single-slide-nav .slick-track:after {
  content: none;
}
#example-single-slide-nav .slick-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#example-single-slide-nav .slick-slide {
  width: calc(100% / 7);
  margin-bottom: 4px;
  padding: 0 2px;
}
#example-single-slide-nav .slick-slide:hover {
  cursor: pointer;
  opacity: 0.7;
}
#example-single-slide-nav .slick-track {
  width: 100% !important;
  transform: none !important;
}
#example-single-slide-nav .slick-cloned {
  display: none !important;
}
#example-single-slide-nav .select {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}
#example-single-slide-nav .select img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

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

#modelhouse-slide {
  margin-top: 20px;
  position: relative;
}
#modelhouse-slide .slick-dots {
  position: absolute;
  bottom: -35px;
  width: 100%;
  text-align: center;
}
#modelhouse-slide .slick-dots li {
  position: relative;
  display: inline-block;
}
#modelhouse-slide .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #d8d8d8;
  margin: 0 4px;
}
#modelhouse-slide .slick-dots li button:hover,
#modelhouse-slide .slick-dots li button:focus {
  outline: none;
}
#modelhouse-slide .slick-dots li.slick-active button {
  background: #19574d;
}

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

#lineup-item-slide {
  position: relative;
}
#lineup-item-slide .slick-dots {
  position: absolute;
  bottom: -35px;
  width: 100%;
  text-align: center;
}
#lineup-item-slide .slick-dots li {
  position: relative;
  display: inline-block;
}
#lineup-item-slide .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #d8d8d8;
  margin: 0 4px;
}
#lineup-item-slide .slick-dots li button:hover,
#lineup-item-slide .slick-dots li button:focus {
  outline: none;
}
#lineup-item-slide .slick-dots li.slick-active button {
  background: #19574d;
}

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