@charset "UTF-8";
/*
CSS
/assets/css/slick-theme.css
update:19.07.00
*/


/*-------------------- Slider */

.slick-loading .slick-list{
  background: #fff url('/assets/img/common/ajax-loader.gif') center center no-repeat;
}


/*-------------------- Arrows */

.slick-prev,
.slick-next{
  display: block;
  position: absolute;
 /*top: 30.0%;*/
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px auto;
  background-color: transparent;
  color: transparent;
  outline: none;
  cursor: pointer;
  z-index: 5;
}
.slick-prev{
  left: -32px;
  background-image: url(/assets/img/common/icon_slider_prev.png);
}
.slick-next{
  right: -32px;
  background-image: url(/assets/img/common/icon_slider_next.png);
}
.others_list .slick-prev,
.others_list .slick-next{
  top: 50.0%;
  margin-top: -25px;
}

@media(max-width: 1108px){
  .slick-prev{
    left: -25px;
  }
  .slick-next{
    right: -25px;
  }
}
@media(min-width: 769px){
  .slick-prev:hover,
  .slick-next:hover{
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out;
  }
}
@media(max-width: 470px){
  .slick-prev{
    top: 31.5%;
    left: 10.8%;
  }
  .slick-next{
    top: 31.5%;
    right: 10.8%;
  }
}
@media(max-width: 415px){
  .slick-prev{
    top: 31.5%;
    left: 10.8%;
  }
  .slick-next{
    top: 31.5%;
    right: 10.8%;
  }
}
@media(max-width: 375px){
  .slick-prev{
    top: 29.0%;
    left: 10.5%;
  }
  .slick-next{
    top: 29.0%;
    right: 10.5%;
  }
}
@media(max-width: 320px){
  .slick-prev{
    top: 28.0%;
    left: 9.7%;
  }
  .slick-next{
    top: 28.0%;
    right: 9.7%;
  }
}


/*-------------------- Dots */

.slick-dots{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 1.0;
}
.slick-dots li{
  display: inline-block;
  vertical-align: top;
  margin: 20px 5px 0 5px;
  padding: 0;
  width: 10px;
  height: 10px;
}
.slick-dots li button{
  display: block;
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #b5b6c5;
  color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active  button{
  background: #284691;
}

.slick-dots > li:first-child:last-child {
  display: none;
}