@charset 'UTF-8';
/* Slider */

/* スラックパーツ　CSS */
.slick-prev,
.slick-next{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}


.slick-dots{
position: absolute;
bottom: -42px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
left: 10px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{opacity: 1;
}.slick-dots li button:before
{
font-family: 'slick';
font-size: 30px; /* ボタンの大きさ変更 */
line-height: 40px; /* ボタンの高さ変更 */
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
opacity: .75;
color: #0093d6;
}