@charset "utf-8";

/* place
----------------------------------------------------------------------------------*/
.sbttl{
	margin:60px 0 10px;
	font-size:150%;
}
ul li img{width:100%;}
.column2{
	clear:both;
	width:100%;
	margin:0 0 25px 0;
	overflow:hidden;
	zoom:1;
}
.column2 li{
	width:calc(50% - 22px);
	margin:0 44px 0 0;
}
.column3{
	clear:both;
	width:100%;
	margin:0;
	overflow:hidden;
	zoom:1;
}
.column3 li{
	width:calc(33.33% - 22pxpx);
	margin:0 32px 0 0;
}

.column2 li:nth-child(2n),
.column3 li:nth-child(3n){
	margin:0 0 0 0;
}

.column2 li a,
.column3 li a{display:block;}

.place h2{margin:0 0 20px;}
.place h4{
	margin:5px 0 0;
}
@media only screen and (max-width: 767px){
	.column2{
		width:auto;
		margin:0 0 15px;
	}
	.column2 li{
		width:calc(50% - 7px);
		margin: 0 14px 0 0;
	}
	.column3{
		width:auto;
		margin: 0x;
	}
	.column3 li{
		width:calc(33.33% - 9.7px);
		margin: 0 14px 0 0;
	}
}
@media only screen and (max-width: 420px){
	.column2{
		margin:0;
	}
	.column2 li{
		width:100%;
		margin:0 auto;
		padding: 0 0 15px;
	}
	.column3 li{
		width:calc(50% - 8px);
		margin:0 16px 0 0;
	}
	.column3 li:nth-child(2n){
		margin-right:0;
	}
}