.wow {
	animation: fadeIn 1.5s both;
	-webkit-animation: fadeIn 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}
.delay1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay2 {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}
.delay3 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.art111{}
.art111 .infoJJH{
    width: 100%;
    display: block;
    position: relative;
    font-size: 0;
    margin: 50px 0;
}
.art111 .JJ{
    display: inline-block;
    margin: 25px 1%;
    position: relative;
    width: 23%;
}
.art111 .JJ:hover a{
	
	transition: all .3s ease-out;
	transform: translate(0px, -5px);
	}


.art111 h2.titlee{
    border-bottom: #a7a7a7 1px solid;
    margin-bottom: 10px;
    font-size: 22px;
    margin: 10px 0;
    letter-spacing: 0.15em;
    color: #3a3a3a;
}
.art111 p{
    font-weight: 300;
    letter-spacing: 0.10em;
    font-size: 16px;
}
.art111 a {
	font-size:0;
	margin-top: 10px;
}
.art111 a img{
    display: block;
    font-size: 0;
    margin: 20px 0%;
}

@media screen and (max-width: 1024px) {
	.art111 .JJ{
		width: 50%;
		font-size: 0;
		margin: 18px auto;
	}
	
}

@media screen and (max-width: 480px) {
	.art111 .JJ{
		width: 100%;
	}
	
}