@charset "UTF-8";
.slick-slide img{
 width: 100%;
}
.slider .slick-slide {
 margin-right: 20px;
}
.slider .slick-list {
 margin-right: -20px;
}
.slider .slide .img div{
 width: 100%;
 height: 177px;
 background-size: cover;
 background-position: center center;
}
.slider .slide .img div.no-image{
 background: url('../images/common/thumbnail.jpg') no-repeat center center;
 background-size: cover;
}
.slider .slide p.date{
 font-size: 16px;
 font-weight: 400;
 color: #C20064;
 line-height: 1;
 margin: 20px 0 0;
}
.slider .slide p.title{
 font-size: 18px;
 font-weight: bold;
 margin: 5px 0 0;
}
.slick-next,
.slick-prev{
 width: 60px;
 height: 60px;
 top: -110px;
 background: #C20064;
 border-radius: 50px;
}
.slick-next:before,
.slick-prev:before{
 color: #C20064;
 content: "";
 background: url("../images/common/icon-arrow-right-white.svg") no-repeat center center;
 background-size: cover;
 width: 14px;
 height: 14px;
 position: absolute;
 opacity: 1;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before{
 opacity: 1;
}
.slick-prev:before{
 transform: rotate(180deg);
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{
 background: #C20064;
 opacity: 0.7;
}
.slick-prev{
 right: 370px;
 left: unset;
}
.slick-next{
 right: 300px;
}
@media (max-width: 768px) {
 .slider-area{
  margin: 0 0 0 -10%;
 }
 .slick-next, .slick-prev{
  top: unset;
  bottom: -80px;
  width: 40px;
  height: 40px;
 }
 .slick-prev{
  right: 80px;
 }
 .slick-next{
  right: 30px;
 }
}