@charset 'UTF-8';
/*----------------------------------------
/* 新着物件
---------------------------------------- */

.slider {
 margin: 30px auto 60px;
 padding: 0px;
 opacity: 0;
 transition: 3s;
 position: relative;
 top: 0px;
 left: 0px;
}

.slick-initialized {
 opacity: 1;
}

.slider li {
 margin: 0 30px;
}

.slider li img {
 width: 100%;
}

.slider .prev {
 background: url(../img/top/l_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #fff;
 padding: 20px;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 right: 185px;
 bottom: 0;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 border-radius: 9px 0 0 0;
}

.slider .prev:hover {
 background-color: #ebf6ff;
}

.slider .next {
 background-image: url(../img/top/r_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #fff;
 padding: 20px;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 right: 100px;
 bottom: 0;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 border-radius: 0 9px 0 0;
}

.slider .next:hover {
 background-color: #ebf6ff;
}

.slick-dots {
 display: none;
}


.pd_slider {
 position: relative;
}

.pd_slider .pd_prev {
 background: url(/img/index/l_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 left: -1%;
 top: 48%;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 transition: .3s;
}

.pd_slider .pd_next {
 background-image: url(/img/index/r_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 right: -1%;
 top: 48%;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 transition: .3s;
}

.pd_slider .pd_prev:hover {
 transition: .3s;
 transform: translateX(-5px);
}

.pd_slider .pd_next:hover {
 transition: .3s;
 transform: translateX(5px);
}


.chi_main_slide {
	position: relative;
}

.chi_main_slide .slick-slide{
	margin: 0 50px;
}
@media screen and (max-width: 769px){
.chi_main_slide .slick-slide{
	margin: 0 10px;
}
}


.chi_main_slide .slick-slide img{
	width:100%;
}

.chi_main_slide .chi_main_prev {
 background-image: url(/img/index/l_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 right: 83.5%;
 top: 43%;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 transition: .3s;
}

.chi_main_slide .chi_main_next {
 background-image: url(/img/index/r_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 left: 83.5%;
 top: 43%;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 transition: .3s;
}

.chi_main_slide .chi_main_prev:hover {
 transition: .3s;
 transform: translateX(-5px);
}

.chi_main_slide .chi_main_next:hover {
 transition: .3s;
 transform: translateX(5px);
}


.pop_slider {
 position: relative;
}

.pop_slider .pd_prev {
 background: url(/img/index/l_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 left: -1%;
 top: 52%;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 transition: .3s;
}

.pop_slider .pd_next {
 background-image: url(/img/index/r_btn.png);
 background-repeat: no-repeat;
 background-position: center;
 width: 45px;
 height: 45px;
 display: block;
 position: absolute;
 right: -1%;
 top: 52%;
 z-index: 5;
 white-space: nowrap;
 cursor: pointer;
 transition: .3s;
}

.pop_slider .pd_prev:hover {
 transition: .3s;
 transform: translateX(-5px);
}

.pop_slider .pd_next:hover {
 transition: .3s;
 transform: translateX(5px);
}
.dots-class button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.dots-class {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.dots-class li {
    width: 15px;
    height: 15px;
    background-color: #c7e9ff;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color .5s ease;
}
.dots-class li.slick-active {
    background-color: #f9a542;
}
.dots-class li:hover {
    background-color: #f9a542;
}
.dots-class li:last-child {
    margin-right: 0;
}