@charset "utf-8";


/*トップページのメインイメージ
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム。*/
@keyframes img {
0% {opacity: 0;}
100% {opacity: 1;}
}

#mainimg-menu {
clear:both;
	overflow: hidden;
	padding: 30px 0px;
	margin-bottom: 10px;
	background: #e5e4db;
	background: #fff;
}

#mainimg-menu img {
	width: 25%;
	float: left;
	transition: 0.4s;
	transform-origin: left top;
	animation-name: img;
	animation-duration: 0.5S;
	animation-fill-mode: both;
}

#mainimg-menu a img:hover {
	opacity: 1;
	position: relative;z-index: 1;
	transform: scale(1.04);
}
/*１枚目画像*/
#img1 img{
	animation-delay: 0.5s;	
}
/*２枚目画像*/
#img2  img{
	animation-delay: 0.7s;
}
/*３枚目画像*/
#img3  img{
	animation-delay: 0.9s;
}
/*４枚目画像*/
#img4  img{
	animation-delay: 1.1s;
}

#mainimg-menu #img1 span,
#mainimg-menu #img2 span,
#mainimg-menu #img3 span,
#mainimg-menu #img4 span{
	display: none;
}

/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

#mainimg-menu {
	margin-bottom: 20px;
}
#mainimg-menu img {
	padding: 0px 0px;
}
}