@charset 'UTF-8';

/* 矢印 */
.slick-prev                               { position:absolute; top:0; bottom:0; left: 0; z-index:2; display:block; width:40px; height:50px; margin:auto 0; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; border-radius:0 25px 25px 0; background:rgba(0,0,0,0.5); cursor:pointer; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.slick-next                               { position:absolute; top:0; bottom:0; right:0; z-index:2; display:block; width:40px; height:50px; margin:auto 0; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; border-radius:25px 0 0 25px; background:rgba(0,0,0,0.5); cursor:pointer; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.slick-prev:before                        { content: ""; position:absolute; top:50%; right: 50%; margin:-8px -4px 0 0; width:0; display:block; border-style:solid; border-width:8px 8px 8px 0px; border-color:transparent #fff transparent transparent; z-index:2; }
.slick-prev:after                         { content: ""; position:absolute; top:  0; left:    0; width:3px; height:100%; display:block; background:rgba(0,0,0,0.5); z-index:1; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.slick-next:before                        { content: ""; position:absolute; top:50%; left:  50%; margin:-8px 0 0 -4px; width:0; display:block; border-style:solid; border-width:8px 0px 8px 8px; border-color:transparent transparent transparent #fff; z-index:2; }
.slick-next:after                         { content: ""; position:absolute; top:  0; right:   0; width:3px; height:100%; display:block; background:rgba(0,0,0,0.5); z-index:1; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.slick-prev:hover,
.slick-next:hover                         { background-color:rgba(0,0,0,0.8); }
.slick-prev:hover:after,
.slick-next:hover:after                   { background:#388676; }

/* ドット */
.slick-dots                               { position:absolute; bottom:-34px; left:0px; z-index:2; width:100%; display:block; list-style:none; text-align:left; }
.slick-dots li                            { position:relative; width:10px; height:10px; margin:0 10px 10px 0; 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; background:rgba(0,0,0,0) }
.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,1.0); }
.slick-dots li button:before              { background:rgba(255,255,255,0); border:2px solid rgba(255,255,255,1.0); content:""; position: absolute; top:0px; left:0px; width:5px; height:5px; -webkit-border-radius:50%;  border-radius:50%; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.slick-dots li.slick-active button:before { background:rgba(255,255,255,1); border:2px solid rgba(255,255,255,1.0); }