@charset "UTF-8";
/****************************************************
* TOP 03トップスタイル *
*****************************************************/
#topIntro{
	position:relative;
	margin-top:-10px;
	margin-left:-20px;
	margin-right:-20px;
	padding-top:35%;
	padding-left:20px;
	padding-right:20px;
	z-index:1;
}
#bgImg{
	width:100%;
	padding-top:44.1%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#bgImg .slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center bottom;
}

#topMsg{
	position:relative;
	z-index:3;
	margin:4% 0 20px;
	background-color:rgba(255,255,255,.2);
	padding:10px 20px;
	border-radius:10px;
	box-shadow:0px 0px 5px rgba(0,0,0,.2);
}
#topMsg h2{
	margin:20px 0;
	text-align:center;
	line-height:1.2;
	font-weight:bold;
	font-size:28px;
	color:#EF7517;
	text-shadow:0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
#topMsg strong{
	color:#EF7517;
}
/*[嫌middle]*/
@media screen and (max-width: 740px) {
	#topMsg{
		margin-left:0;
		margin-right:0;
	}
}
/*[嫌small]塘崔*/
@media screen and (max-width: 480px) {
	#topIntro{
		margin-left:0;
		margin-right:0;
		padding-left:10px;
		padding-right:10px;
	}
	#topMsg h2{
		font-size:150%;
		margin-left:5px;
		margin-right:5px;
	}
}



/*蒙��*/
#contentList{
	margin:30px auto;
	padding:20px 0;
}
#contentList ol{
	display:block;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-size:120%;
	text-align:center;
}
#contentList li{
	float:left;
	width:215px;
	min-height:215px;	
	margin:5px;
	background:#FFF;
}
#contentList li a{
	display:block;
	text-align:center;
	background:#FDBF8F;
	text-decoration:none;	
	-webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	overflow:hidden;
	position:relative;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#contentList li a .imgBox{
	height:215px;
	display:block;
	overflow:hidden;
}
#contentList li a img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
	overflow:hidden;
}
#contentList li a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

#contentList li h3{
	color:#000;
	font-size:17px;
	margin:0;
	border:none;
	width:100%;
}
#contentList li a h3{
	color:#333;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#contentList li p{
	color:#000;
	font-size:11px;
	margin:0;
	padding-bottom:3px;
	width:100%;
}

/*[嫌small]塘崔*/
@media screen and (max-width: 480px) {
	#contentList li{
		width:140px;	
	}
	#contentList{
		padding:20px 10px;
	}
	#contentList li a .imgBox{
		height: auto;
		display:block;
		overflow:hidden;
	}
}


/*topics**********************************************************************/
#topics{
	border:1px solid #AB9898;
	border-radius:5px;
	margin:0 -15px;
}