slickのテーマcss
.slick {
&-arrow {
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
top: 50%;
}
&-prev {
background-image: url(../img/home/ico_prev01.png);
left: -64px;
}
&-next {
background-image: url(../img/home/ico_next01.png);
right: -64px;
}
&-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
li {
position: relative;
display: inline-block;
width: 70px;
height: 6px;
margin: 0 5px;
padding: 0;
cursor: pointer;
background: #dddcdc;
&:hover,
&.slick-active {
background: #0d3a85;
}
}
button {
display: none;
}
}
}