@charset "utf-8";
/* CSS Document */

.shop-list{width:35%;margin:0 auto;}
.shop-list li{margin-bottom:5vw;}
.shop-list p{letter-spacing:0.2em;line-height:1.5em;}
.shop-list p.shop-tel{font-size:1.5vw;letter-spacing:0.1em;}
.shop-list p:first-child{font-size:17px;}

.shop{display:flex;justify-content:space-between;width:100%;margin:0 auto;}
.shop-map{width:60%;}
.shop-address{width:40%;}

.slider{width:60%;margin:0 auto 5vw;overflow:visible;}
.slider li img{margin-bottom:10px;}
.slider h3{text-align:center;font-size:15px;}
.slider li{margin:0 10px;}
.slider li a{display:block;width:100%;height:100%;transition:.3s ease-in-out;}
.slider li a:hover{opacity:.7;}

@media screen and (max-width:1600px){
.shop-list{width:40%;}
}
@media screen and (max-width:1440px){
.shop-list{width:45%;}
}
@media screen and (max-width:1366px){
.shop-list{width:47%;}
}
@media screen and (max-width:1280px){
.shop-list{width:50%;}
}
@media screen and (max-width:1024px){
.shop-list{width:62%;}
}
@media screen and (max-width:768px){
.shop-list{width:82%;}
.slider{width:90%;}
}
@media screen and (max-width:640px){
.shop{display:block;}
.shop-list li{margin-bottom:30px;}
.shop-list p:first-child{margin-top:10px;text-align:center;}
.shop-list p:nth-child(2){font-size:20px;text-align:center;}
.slider h3{font-size:11px;}
.slick-dots{bottom:-25px;}

}