@charset "utf-8";
/* CSS Document */
#gallery{
	margin-bottom: 100px;
}
#gallery #cate_list{
	margin-bottom: 50px;
	text-align: center;
}
#gallery #cate_list li{
	display: inline-block;
	margin: 0 2%;
}
#gallery #cate_list li a{
	color: #010f3b;
}
#gallery .cate{}
#gallery .cate h3{
	margin-left: 5%;
	padding-left: 10px;
	border-left: 5px solid #010f3b;
	color: #010f3b;
	font-size: 24px;
	margin-bottom: 20px;
}
#gallery .cate .cate_wrap{
	margin: 0 5%;
	margin-bottom: 50px;
}
#gallery .cate .cate_wrap .cate_box{
	position: relative;
	overflow: hidden;
	float: left;
}
#gallery .cate .cate_wrap .cate_box img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
#gallery .cate h3{
	font-size: 20px;
}
}
/*ここからスマートフォン用(480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 480px){
#gallery .cate h3{
	font-size: 18px;
}
#gallery .cate .cate_wrap{
	margin: 0;
	margin-bottom: 50px;
}
}