@charset 'UTF-8';

/* 矢印 */
.slick-prev        { position:absolute; top:0; left: 0x; bottom:0; z-index:4; display:block; width:60px; height:80px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/wt/prev.svg) no-repeat center center rgba(0,0,0,0.8); transition:all 0.2s ease; background-size:20px; border-radius:0 40px 40px 0; filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.4)); }
.slick-next        { position:absolute; top:0; right: 0; bottom:0; z-index:4; display:block; width:60px; height:80px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/wt/next.svg) no-repeat center center rgba(0,0,0,0.8); transition:all 0.2s ease; background-size:20px; border-radius:40px 0 0 40px; filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.4)); }
.slick-prev:hover  { background-position:20% center; background-color:rgba(0,0,0,1.0); }
.slick-next:hover  { background-position:80% center; background-color:rgba(0,0,0,1.0); }

/* ドット */
.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:20px; height:20px; margin:0; cursor:pointer; display:inline-block; }
.slick-dots li button                      { font-size:0; line-height:0; display:block; width:20px; height:20px; 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         { background:rgba(255,255,255,1.0); }
.slick-dots li button:before               { background:rgba(255,255,255,0.5); content:""; position: absolute; top:0; right:0; bottom:0; left:0; width:8px; height:8px; margin:auto; border-radius:50%; transition:all 0.2s ease; }
.slick-dots li.slick-active button:before  { animation:dots 0.5s ease forwards; }

@keyframes dots {
 0%    { background:rgba(255,255,255,0.5); }
 100%  { background:rgba(255,255,255,1.0); }
}