@charset 'UTF-8';

/* 矢印 */
.slick-prev       { position:absolute; left:-70px; top:0; bottom:40px; z-index:6; display:block; width:60px; height:60px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/bk/prev.svg) no-repeat center center; background-size:40px; border-radius:50%; transition:all .2s; }
.slick-next       { position:absolute; right:30px; top:0; bottom:40px; z-index:6; display:block; width:60px; height:60px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/bk/next.svg) no-repeat center center; background-size:40px; border-radius:50%; transition:all .2s; }
.slick-prev:hover,
.slick-next:hover { background-color:rgba(0,0,0,0.1); }

/* ドット */
.slick-dots                               { position:absolute; bottom:-40px; left:0px; z-index:2; width:100%; display:block; list-style:none; text-align:center; }
.slick-dots li                            { position:relative; width:10px; height:10px; margin:0px 6px 15px 5px; cursor:pointer; display:inline-block; }
.slick-dots li button                     { font-size:0; line-height:0; display:block; width:10px; height:10px; 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,
.slick-dots li.slick-active button:before { background:#339933; }
.slick-dots li button:before              { background:rgba(150,150,150,0.4); content:""; position: absolute; top:0px; left:0px; width:6px; height:6px; border-radius:50%; transition:all 0.1s ease; }