@charset 'UTF-8';



/* Slider */

/*slick*******************/

.slider {
	margin:  0 0 ;
}
.slide-List img {
	width: 100%;
	height: auto;
}
.single-item {
	max-width:;
	margin: 0 auto;
}

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 35%;
	z-index:1;

    display: block;

    width: 60px;
    height: 60px;
    margin-top: -20px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{opacity: 1;}

.slick-prev:before,
.slick-next:before
{opacity: 1;color: white;}

.slick-prev{left: -60px;}
.slick-prev:before{content:url(../../images/top/linkprev.png);}
.slick-next{right:-60px;}
.slick-next:before{content:url(../../images/top/linknext.png);}

/* Dots */
.slick-slider
{margin-bottom: 0px;}

.slick-dots
{
    position: absolute;
	right:-53px;
    bottom: 0%;

    display:block;

    width: 20px;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: block;

    width: 8px;
    height: 8px;
    margin: 20px 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    padding: 1px;

    cursor: pointer;

    color: none;
   
	border-radius: 100%;
	background-color: #fff;
    outline: none;
}
.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;
}
.slick-dots li button:before
{
    font-size:;
    line-height: px;

    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '';
    text-align: center;
	
	border: 1px solid #575757; 
	color: #fff;
    opacity: 1;
	background-color: #fff;
	border-radius: 100%;
}

.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before
{
    opacity: 1;
	background-color: #575757;
}




/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

@media screen and (max-width: 768px){
.slick-dots{display:none;}
.slick-dots li button:before{font-size:20px;}
	
.slick-prev,
.slick-next,
.slick-prev:before,
.slick-next:before
{display:none;}


}
/*===============================================*/