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

.event{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:-130px;padding-top:130px;}
.event-image{width:50%;}
.event-image img{display:block;width:100%;}
.event-cap{width:50%;padding:5vw;}
.event-cap p{width:70%;}
.event-cap p.top-cap{font-size:20px;}
.event-cap p.eng{font-size:10px;font-family:'Lato',sans-serif;font-weight:bold;margin-bottom:10px;}
.event-cap p.price{font-size:30px;font-weight:bold;margin-bottom:20px;}
.event-cap p.cap{margin-bottom:10px;padding-bottom:10px;border-bottom:dotted 1px #AAA;}
.event-sample{display:flex;justify-content:space-between;width:100%;margin-top:20px;}
.event-sample li{width:30%;margin-right:5%;}
.event-sample li img{display:block;width:100%;}
.event-sample li:last-child{magin-right:0;}
.event-sample li a{display:block;width:100%;height:100%;transition:.3s ease-in-out;}
.event-sample li a:hover{opacity:.7;}

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

.event-link{margin-top:2vw;text-align:center;}
.event-link a{background:#000;color:#FFF;padding:0.5vw 3vw;font-size:1.1em;border:solid 1px #000;}
.event-link a:hover{color:#000;background:#FFF;transition: .6s;}

.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){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){}
@media screen and (max-width:128px){}
@media screen and (max-width:1024px){}
@media screen and (max-width:768px){
.event,.event.re{margin-bottom:50px;}
.event-cap,.event.re .event-cap{padding:0 2vw;}
.event-cap p,.event.re .event-cap p{width:100%;}
.slider{width:90%;}
}
@media screen and (max-width:640px){
.event{display:block;align-items:top;width:100%;}
.event-image{width:100%;}
.event-cap,.event.re .event-cap{width:100%;padding:10px 10px 0;}
.event-cap p{width:100%;}
.event-sample li{width:32%;margin-right:1%;}
.event-sample li:last-child{margin-right:0;}
.slider h3{font-size:11px;}
.slick-dots{bottom:-25px;}
.event-link{margin-top:2rem;}
.event-link a{padding:0.5rem 3rem;}
}