@charset "UTF-8";

/** sec-venues-list **/
.sec-venues-list{
    width: 1170px;
    margin: 0 auto;
}
       
.venues-container{
	margin: 60px 0 100px;
	display: flex;
	flex-wrap: wrap;
}

.venues-item{
	width: calc(100% / 4 - (8px * 2));
	margin: 0 8px 70px;
}

.venues-item img:not(.sns-icon){
	width: 100%;
	margin-bottom: 10px;
}

ul.venues-cate{
	display: flex;
	margin-bottom: 15px;
}

ul.venues-cate li{
	background: #bebebe;
	color: #fff;
	text-align: center;
	padding: 8px 8px 5px;
	margin-right: 3px;
	font-size:10px;
	font-family: 'Josefin Sans', sans-serif;
}

.venues-location{
	color: #838383;
	font-size: 1.2rem;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin-bottom: 12px;
}

.venues-name{
	color: #000;
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: 12px;
}

.venues-txt{
	font-size: 1.2rem;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	line-height: 1.6;
}

@media screen and (max-width:768px) {
	
    .sec-venues-list{
        width: 90%;
    }
    
	.hero-venues{margin: 100px 0 0;}
	.hero-venues .hero-venues-tit{
		width: 30%;
		padding-right: 25px;
		line-height: 1.3;
	}
	.hero-venues .hero-venues-ph{width: 70%;}
	
	.venues-filter a{margin: 0 25px 20px;}
	
	.venues-container{
		margin: 20px 0 0px;
		justify-content: center;
	}
		
	.venues-item{
		width: 80%;
		margin: 0 0 40px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {

    .sec-venues-list{
        width: 750px;
    }
	.venues-container{justify-content: space-around;}
	.venues-item{width: 45%;}
	
}