@charset "utf-8";

.slider_container .big_img .img_box,
.slider_container .big_img2 .img_box { float: left; text-align: center;} 
.slider_container .big_img .img_box img,
.slider_container .big_img2 .img_box img { width: 100%; height: auto; margin: 0 auto;}
.slider_container ul { background: #f8f2ec; padding: 18px 0; margin: 20px 0 0;}
.slider_container ul li { float: left; width: 273px; background: #fff; margin: 0 5px;}
.slider_container ul li div { height: 100px; text-align: center; padding: 20px 0 0;}
.slider_container ul li div p { font-size: 13px; padding: 25px 0 0;} 

.slick-prev { background: url(../images/index/arrow_left.png) center center no-repeat !important; padding: 30px !important; left: 10%; z-index: 1;}
.slick-next { background: url(../images/index/arrow_right.png) center center no-repeat !important; padding: 30px !important; right: 10%; z-index: 1;}
.slick-prev,.slick-next { z-index: 1;  }
.slick-prev:focus:before,
.slick-next:focus:before { display: none;}

#firstview { padding: 0;}
/* #firstview img { width: 100%; height: auto; } */
#firstview .SP { display: none; }

#main #list ul.ranking { margin: 0 0 0 -23px; }
#main #list ul.ranking li { margin: 0 0 0 23px; width: 220px; }
#main #list ul.ranking li .image_box { position: relative; }
#main #list ul.ranking li .image_box span { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: #000; text-align: center; color: #fff; font-size: 14px; line-height: 30px; }
#main #list ul.ranking li .image_box.no1 span { background: #d9b877; }
#main #list ul.ranking li .image_box.no2 span { background: #adadad; }
#main #list ul.ranking li .image_box.no3 span { background: #c9996c; }




@media only screen and (max-width:640px){

#firstview img { width: 100%; height: auto;}

#firstview .PC { display: none;}
#firstview .SP { display: block; }

}