/*-----------
	infoBOX
 ------------*/
 
#infoBox{
	padding: 3em;
}

#infoBox ._inBox{
	width:33.333%;
	float:left;
	text-align:center;
}

#infoBox ._inBox a{
	display:block;
	width:88%;
	margin-left:6%;
	height:286px;
	overflow:hidden;
	background-color:#FFF;

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;	
}

#infoBox ._inBox a:hover{
	background-color:#32B7B2;

}



#infoBox ._inBox a ._img{
	display:block;
	width:100%;
	max-height:143px;
	overflow:hidden;
}
#infoBox ._inBox a ._img img{
	transition-duration: 0.3s;
	height:143px;
	
}
#infoBox ._inBox a:hover ._img img{
	transform: scale(1.1);
	transition-duration: 0.5s;
}

#infoBox ._inBox a ._day{
	display:block;
	color:#52DBC0;
	font-size:1.4em;		font-size:1.4rem;
	
}

#infoBox ._inBox a:hover ._day{		color:#FF0;		}



#infoBox ._inBox a ._day:before{
	position:relative;
	z-index:1000;
	content:'';
	display:block;
	height:58px;
	width:58px;
	margin: -29px auto 1em;
	background:url("https://thinkgames.jp/upfiles/2018/02/info.png") no-repeat center center;
	opacity: 1;
	transform: scale(1) rotate(0);
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;	
}

#infoBox ._inBox a:hover ._day:before{
	opacity: 0.5;
	transform: scale(0.2) rotate(1080deg);
	-webkit-transform: scale(0.2) rotate(1080deg);
	-moz-transform: scale(0.2) rotate(1080deg);
}



#infoBox ._inBox a ._ti{
	margin-top:1em;
	display:block;
	font-size:1.2em;		font-size:1.2rem;
	color:#666;
	line-height:1.4;
}

#infoBox ._inBox a:hover ._ti{		color:#FFF;		}