@charset 'UTF-8';

/* 矢印 */
.slick-prev                        { position:absolute; top:0; left: 0; bottom:54px; z-index:4; display:block; width:80px; height:80px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/bk/prev.svg) no-repeat center center rgba(255,255,255,1); transition:.2s; background-size:24px; border-radius:50%; }
.slick-next                        { position:absolute; top:0; right:0; bottom:54px; z-index:4; display:block; width:80px; height:80px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/bk/next.svg) no-repeat center center rgba(255,255,255,1); transition:.2s; background-size:24px; border-radius:50%; }
.slick-prev:hover                  { background-color:rgba(255,255,255,1); box-shadow:15px 15px 30px rgba(0,0,0,0.1); }
.slick-next:hover                  { background-color:rgba(255,255,255,1); box-shadow:15px 15px 30px rgba(0,0,0,0.1); }

/* ドット */
.slick-dots                        { display:flex; justify-content:center; width:100%; margin:0 auto; padding:20px; list-style:none; }
.slick-dots li                     { margin:0 6px 6px 6px; cursor:pointer; }
.slick-dots li button              { display:block; width:8px; height:8px; margin:0; padding:0; color:transparent; background:#d2ebfc; border:0; border-radius:4px; outline:none; cursor:pointer; transition:.3s ease-in-out; }
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button { background:#0068b7; }
