@charset "UTF-8";
/* CSS Document */

body{

}

#flex{display:flex; flex-direction:row; justify-content:space-between; margin top:-500px;}
.flex-item{margin:40px;
margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
/* Opacity #1*box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
	/* Opacity #1*/
	 opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;/* Opacity #1*/
}
.flex-item:hover img {
	opacity: .5;
}

.flex-item.item-empty{
box-shadow:none;
width: 18%;
margin:20px;
}