#gameBox{
	border-top:1px solid #DDD;
	background-color:#EEE;
	padding: 3em;
}

#gameBox ._inBox{
	width:33.333%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#gameBox ._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;	
}

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

}



#gameBox ._inBox a ._img{
	display:block;
	width:100%;
	max-height:143px;
	overflow:hidden;
}
#gameBox ._inBox a ._img img{
	transition-duration: 0.3s;
	height:143px;
}

#gameBox ._inBox a:hover ._img img{
	transform: scale(1.1);
	transition-duration: 0.5s;
}

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

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



#gameBox ._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/game_g.png") no-repeat center center;
	background-size:100%;
	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;	
}

#gameBox ._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);
}



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

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


@media (max-width: 640px) {

	#gameBox{
		padding: 3em 1.5em;
	}
	
	#gameBox ._inBox{
		width:100%;
		float:none;
	}
		
}