html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: 'KozGoPro-Light', '小塚ゴシック Pro L', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
}
#kaiteki_main{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 60px 0;
}
#kaiteki_main section{
	width: 280px;
	height: 150px;
	margin: 70px 10px;
	float: left;
	overflow: hidden;
	box-shadow: 8px 8px 8px rgba(0,0,0,.4);
}
#kaiteki_main section a{
	display: block;
}
#kaiteki_main section:hover{
	opacity: 0.6;
}
#kaiteki_main section img{
	width: 100%;
	height: auto;
}
#footer{
	width: 100%;
	text-align: center;
	clear: both;
}

/*********************************
tablet,sp
**********************************/
@media screen and (max-width:900px) {
	#kaiteki_main{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 30px 0;
	}
	#kaiteki_main img{
		width: 100%;
		height: auto;
	}
	#contents{
		width: 600px;
		height: auto;
		margin: 60px auto;
	}
	#kaiteki_main section{
		width: 280px;
		height: 150px;
		margin: 10px;
		float: left;
		overflow: hidden;
		box-shadow: 8px 8px 8px rgba(0,0,0,.4);
	}
	#kaiteki_main section:hover{
		opacity: 0.6;
	}
	#footer{
		width: 100%;
		padding-top:60px; 
		text-align: center;
	}
}
/*********************************
tablet,sp
**********************************/
@media screen and (max-width:767px) {
	#contents{
		width: 300px;
		height: auto;
		margin: 60px auto;
	}
	#kaiteki_main section{
		margin: 20px 10px;
	}
}