@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(//curepro.jp/wp-content/themes/curepro/assets/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(//curepro.jp/wp-content/themes/curepro/assets/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;
}
}