.boxB{
	width: 850px;
	height: 300px;
	margin-top: 35px;

}


.boxB:after{
	content: "";
	display: block;
	clear: both;
}


.boxCh{
	border: 3px double #666;
	
	height: 300px;
	background-color: #fff;
	padding: 15px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	margin: 2px;
	margin-bottom: 40px;
	text-align: center;
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
	transition: 0.6s ;
	
}

.boxCh{
	float : left;
	width: 25%;
	margin-left: 3%;
}

.boxCh:hover{
	opacity: 0.5 ;
}



.title{
	font-size: 100%;
	font-weight: 600;
	line-height: 90%;
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
	
}

.type{
	font-size: 80%;
	font-weight: 300;
	margin-top: -9px;
	animation: fadeIn 5s ease 0s 1 normal;
	-webkit-animation: fadeIn 5s ease 0s 1 normal;
}

a{
text-decoration: none;}




.square {
	width: 200px;
	height: 250px;
	background: #666;
}


@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
0% {opacity: 0} /*アニメーション開始時は完全に透過*/
100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}