@charset 'UTF-8';

/* 矢印 */
.slick-prev       { -moz-opacity:0; opacity:0; filter:alpha(opacity=0); position:absolute; top:0px; left:0px;  z-index:2; display:block; width:60px; height:100%; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; cursor:pointer; background:url(../../img/common/60px/wt_prev.png) no-repeat center center; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
.slick-next       { -moz-opacity:0; opacity:0; filter:alpha(opacity=0); position:absolute; top:0px; right:0px; z-index:2; display:block; width:60px; height:100%; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; cursor:pointer; background:url(../../img/common/60px/wt_next.png) no-repeat center center; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }

.slick-prev:hover { left:10px; -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
.slick-next:hover { right:10px; -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}

/* ドット */
.slick-dots                               { position:absolute; bottom:0px; 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:4px; height:4px; background:rgba(0,0,0,0); border:2px solid rgba(255,255,255,0.6); -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease; }
.slick-dots li.slick-active button:before { content:""; position: absolute; top:0px; left:0px; width:8px; height:8px; background:#ea617c; border:none; }

/* サムネイル調整 */
.slick-slide { cursor:pointer; }

/* screens smaller than 760 -----------------------------------------------------------------------------------------*/
@media screen and (max-width: 760px) {
    .slick-prev                  { -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:50%; left:0px;  z-index:2; display:block; width:40px; height:200px; margin-top:-100px; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; cursor:pointer; background:url(../../img/common/60px/wt_prev.png) no-repeat center center; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; -moz-background-size:30px 30px; background-size:30px 30px; }
    .slick-next                  { -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:50%; right:0px; z-index:2; display:block; width:40px; height:200px; margin-top:-100px; text-indent:150%; white-space:nowrap; overflow:hidden; border:none; cursor:pointer; background:url(../../img/common/60px/wt_next.png) no-repeat center center; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; -moz-background-size:30px 30px; background-size:30px 30px; }
    .slick-prev:hover            { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); left:0px; }
    .slick-next:hover            { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); right:0px;}
    .slick-dots                               { position:absolute; bottom:-15px; 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 4px 15px 4px; }
    .slick-dots li button:before              { content:""; position: absolute; top:0px; left:0px; width:6px; height:6px; background:rgba(0,0,0,0); border:1px solid rgba(0,0,0,0.2); -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease; }
    .slick-dots li.slick-active button:before { content:""; position: absolute; top:0px; left:0px; width:8px; height:8px; background:#ea617c; border:none; }
}