@charset "utf-8";

/* top page */


/* slider */
.sliderContainer { display: none; width: 100%; min-width: 980px; height: 420px; overflow: hidden; margin-top: 2px; }
.sliderContainer.view { display: block; }
.slider { display: block; width: 100%; height: 328px; max-width: 960px; margin: 0 auto 0; }
.slider img { width: 100%; height: auto; -webkit-transition: all .3s; transition: all .3s; }
.slider a:hover img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
.slick-list { overflow: visible; }/**/
.slider .slick-slide { position: relative; width: auto; height: 420px; background-color: #eee; margin: 0 15px; border: 1px solid #ddd; overflow: hidden; }
.slider .slick-slide .title { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 79px; padding: 18px 18px; font-size: 18px; line-height: 20px; font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0.65); -webkit-transition: all .3s; transition: all .3s; }
.slider .slick-slide .title:hover { opacity: 0.75; }
/* slider */

@media screen and (max-width: 767px) {
	.sliderContainer { width: 100%; min-width: 100%; height: auto; overflow: hidden; margin: 110px auto 40px; }
	.slider { height: auto; }
	.slider .slick-slide { width: 80%; height: auto; margin: 0 5px; }
	.slider .slick-slide a { display: block; width: 100%; padding-top: 61.666667%; -webkit-box-sizing: inherit; box-sizing: content-box; }
	.slider .slick-slide a img  { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
	/*.slider .slick-slide:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; padding-top: 61.666667%; }*/
	.slider .slick-slide .title { font-size: 1.3rem; height: auto; padding: 8px; }
}



/* top page */