/* Slider */
.rangking_area {
    padding: 50px 0;
}
.rangking_area_title h2 {
	margin-bottom: 0;
}

.slider {
	width: 90%;
	margin: 0 auto;
}

.slick-slide {
  margin: 0px 5px;
}

.slick-slide img {
  width: 100%;
  margin-bottom: 10px;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.slick-dotted.slick-slider {
	margin-bottom:inherit;
	margin: 50px auto;
}

body {
  counter-reset: number 0;
}

.rangking_area_img {
	position:relative;
}
.rangking_area_img:before {
    counter-increment: number 1;
    content: counter(number);
    position: absolute;
    height: 25px;
    width: 25px;
    background: #0000005e;
    color: #fff;
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    z-index: 1;
	left: 0;
}
.rangking_area_img:after {
    content: 'SALE';
    position: absolute;
    height: 17px;
    width: 45px;
    background: #bd302e;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    z-index: 1;
    right: 0;
    top: 0;
	
}

.slick-prev:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(
225deg);
    transform: rotate(
225deg);
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -4px;
    z-index: 99;
}
.slick-next:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(
45deg);
    transform: rotate(
45deg);
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -4px;
    z-index: 99;
}

.rangking_area p {
    margin: 0;
	text-align: left;
	font-size: 12px;
}
.rangking_area a {
	color: #3c3c3c;
	letter-spacing: 0;
}
.rangking_text_one {
	text-decoration: line-through;
}
.rangking_text_one a {
	color: #ababab;
}
.rangking_area p.rangking_text_two {
	font-size: 14px;
}
.rangking_area .rangking_text_two span {
	font-size: 0.75em;
}
.rangking_area .rangking_text_two a {
	color: #bd302e;
}
.rangking_area .rangking_text_two a span {
	color: #3c3c3c;
	margin-left: 5px;
}
	

@media (min-width:768px) {

.slick-prev:before {
    left: 0;
}
.slick-next:before {
    left: 0;
}

}