@charset 'UTF-8';

/* 矢印 */
.slick-prev       { position:absolute; top:0; left: -39px; bottom:0; z-index:4; display:block; width:40px; height:50px; margin:auto 0; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; cursor:pointer; background:url(../../img/common/wt/prev.svg) no-repeat 70% center #06f; transition:all 0.2s ease; background-size:20px; border-radius:25px 0 0 25px; }
.slick-next       { position:absolute; top:0; right:-39px; bottom:0; z-index:4; display:block; width:40px; height:50px; margin:auto 0; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; cursor:pointer; background:url(../../img/common/wt/next.svg) no-repeat 30% center #06f; transition:all 0.2s ease; background-size:20px; border-radius:0 25px 25px 0; }

.slick-prev:hover,
.slick-next:hover { background-color:#03f }

/* ドット */
.slick-dots                                   { position:absolute; bottom:-20px; 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            { opacity:1; background:rgba(255,255,255,0.6); }
.slick-dots li button:before                  { content:""; position: absolute; top:0px; left:0px; width:5px; height:5px; background:#e0f7ff; border:1px solid rgba(0,0,0,0.1); border-radius:44%; transition:all 0.1s ease; }
.slick-dots li.slick-active button:before     { content:""; position: absolute; top:0px; left:0px; width:7px; height:7px; background:#f00; border:none; }

@media screen and (max-width:760px){
.slick-prev       { left: 0; border-radius:0 3px 3px 0; }
.slick-next       { right:0; border-radius:3px 0 0 3px; }
}