@charset 'UTF-8';

/* 矢印 */
.slick-prev         { position:absolute; top:0; left: 0; bottom:0; z-index:4; display:block; width:50px; height:100px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/wt/prev.svg) no-repeat center center #ffd9d5; transition:all 0.2s ease; background-size:30px; border-radius:0 3px 3px 0; }
.slick-next         { position:absolute; top:0; right:0; bottom:0; z-index:4; display:block; width:50px; height:100px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/wt/next.svg) no-repeat center center #ffd9d5; transition:all 0.2s ease; background-size:30px; border-radius:3px 0 0 3px; }
.slick-prev:hover,
.slick-next:hover   { background-color:#f6c7c2; }
.slick-prev::before,
.slick-next::before { content:""; position:absolute; top:0; bottom:0; z-index:2; width:1px; height:90%; margin:auto 0; background:rgba(0,0,0,0.1); }
.slick-prev::before { right:0; }
.slick-next::before { left: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: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:#3bd4ae; }
.slick-dots li button:before               { background:#ffa79d; content:""; position: absolute; top:0px; left:0px; width:8px; height:8px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all 0.1s ease; transition:all 0.1s ease; }