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

.loca{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:-130px;padding-top:130px;}
.loca-image{width:50%;}
.loca-image img{display:block;width:100%;}
.loca-cap{width:50%;padding:5vw;}
.loca-cap p{width:70%;}
.loca-cap p.top-cap{font-size:30px;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.loca-cap p.top-cap span{font-size:30px;padding:1px 20px;margin-right:10px;background:#CCC;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.loca-cap p.eng{font-size:10px;font-family:'Lato',sans-serif;font-weight:bold;margin-bottom:10px;}
.loca-cap p.price{font-size:30px;font-weight:bold;margin-bottom:20px;}
.loca-cap p.price span:first-child{padding:0 10px;margin-right:10px;border:solid 1px #CCC;}
.loca-cap p.cap{margin-bottom:10px;padding-bottom:10px;border-bottom:dotted 1px #AAA;}
.loca-sample{display:flex;flex-wrap:wrap;width:100%;margin-top:20px;}
.loca-sample li{width:30%;margin-right:3%;margin-top:3%;}
.loca-sample li img{display:block;width:100%;}
.loca-sample li:nth-child(3n){magin-right:0;}
.loca-sample li a{display:block;width:100%;height:100%;transition:.3s ease-in-out;}
.loca-sample li a:hover{opacity:.7;}

.loca02{display:flex;flex-wrap:wrap;justify-content:center;}
.loca02 img{width:100%;}
.loca-cap2{width:40%;padding:3vw;border-bottom:dashed 1px #DDD;margin:3vw;}
.loca-sample2{display:flex;flex-wrap:wrap;width:100%;margin-top:20px;}
.loca-sample2 li{width:32.3%;margin-right:1%;margin-top:3%;}
.loca-sample2 li:nth-child(3n){magin-right:0;}
.loca-cap2 p.top-cap{font-size:30px;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.loca-cap2 p.top-cap span{font-size:30px;padding:1px 20px;margin-right:10px;background:#CCC;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.loca-cap2 p.price{font-size:30px;font-weight:bold;margin-bottom:20px;}
.loca-cap2 p.price span:first-child{padding:0 10px;margin-right:10px;border:solid 1px #CCC;}
.loca-cap-top{display:flex;justify-content:space-between;}



.loca.re{flex-direction:row-reverse;margin-bottom:0;}
.loca.re .loca-cap{padding:3vw 3vw 3vw 8vw;}
.loca.mb5{margin-bottom:5vw;}

.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;}

.photo-fea{display:flex;justify-content:center;align-items:center;width:100%;margin:50px 0;padding:0 5%;background:#EEE;}
.photo-fea-img{width:50%;padding:2% 3%;}
.photo-fea-img img{box-shadow:2px 5px 10px #333;}
.photo-fea-right{width:50%;padding:0 100px;}
.photo-fea-right h2{font-size:1.4vw;margin-bottom:20px;}
.photo-fea-right p.fee{font-size:1.2vw;line-height:1.2vw;border-bottom:solid 1px #DDD;margin-bottom:10px;width:70%;}
.photo-fea-right ul{margin-top:20px;width:70%;}
.photo-fea-right a{border:solid 1px #111;text-align:center;padding:10px 50px;}
.photo-fea-right a:hover{color:#FFF;background:#000;transition:0.4s;}
.att{text-align:center;margin-bottom:2vw;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){}
@media screen and (max-width:768px){
.loca,.loca.re{margin-bottom:50px;}
.loca-cap,.loca.re .loca-cap{padding:0 2vw;}
.loca-cap p,.loca.re .loca-cap p{width:100%;}
.slider{width:90%;}
}
@media screen and (max-width:640px){
	
.photo-fea{display:block;padding-bottom:30px;}
.photo-fea-img{width:90%;margin:0 auto;padding-top:5%;}
.photo-fea-right{text-align:center;width:100%;padding:0 30px;}
.photo-fea-right h2{font-size:20px;margin-top:20px;}
.photo-fea-right p.fee{font-size:15px;line-height:18px;margin-bottom:10px;width:100%;}
.photo-fea-right ul.contact{display:block;width:100%;}
	
.loca{display:block;align-items:top;width:100%;}
.loca-image{width:100%;}
.loca-cap,.loca.re .loca-cap{width:100%;padding:10px 10px 15px;}
.loca-cap p{width:100%;}
.loca-sample li{width:32%;margin-right:1%;}
.loca-sample li:last-child{margin-right:0;}
.slider h3{font-size:11px;}
.slick-dots{bottom:-25px;}

.loca02{display:block;}	
.loca-cap2{width:100%;padding:10px 10px 15px;margin:0;}
.loca-cap2 p.top-cap{font-size:20px;}
.loca-cap2 p.top-cap span{font-size:20px;padding:1px 10px;}
.loca-cap2 p.price{font-size:20px;}
}