.t_box{
	display:inline-block;
	width:24.25%;
	margin-left:1%;
	margin-bottom:2%;
	vertical-align:top;
}
.t_box:nth-child(4n+1){
	margin-left:0;
}
.t_box .tb_img{
	position:relative;
	display:block;
	color:#fff;
}

.tbi_w{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
}
.t_box .tb_img .tbi_w{transition:transform .3s}
.t_box .tb_img:hover .tbi_w{transform:scale(1.2)}

.tb_info{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px 0 5px;
	text-align:center;
	background:rgba(0,0,0,.7)
}
.tb_info p{
	line-height:1.2;
	padding-bottom:5px;
}
.tbi_name{
	font-size:18px;
}
.tbi_name span{
	margin-left:5px;
	font-size:14px;
}
.tbi_3{
	font-size:12px;
}
.tbi_time{
	font-size:18px;
}
.tbi_time span img{
	vertical-align:top;
	margin:3px 10px 0 0;
}

.icon_new{
	position:absolute;
	top:0;
	left:0;
}
.icon_black,
.icon_ken{
	position:absolute;
	top:0;
	right:0;
}
.icon_syu{
	position:absolute;
	top:0;
	right:0;
}
.icon_black + .icon_syu,
.icon_ken + .icon_syu{
	top:26px;
}









@media screen and (max-width:970px){
	.t_box{
		width:32.66666666666666%
	}
	.t_box:nth-child(4n+1){
		margin-left:1%;
	}
	.t_box:nth-child(3n+1){
		margin-left:0;
	}
}










@media screen and (max-width:767px){
	.t_box{
		width:49%;
		margin-left:2%;
	}
	.t_box:nth-child(3n+1){
		margin-left:2%;
	}
	.t_box:nth-child(2n+1){
		margin-left:0;
	}

	.tb_info{
		padding:5px 0;
	}
	.tb_info p{padding-bottom:3px}
	.tbi_name{font-size:16px}
	.tb_info p.tbi_3{
		font-size:10px;
		padding-bottom:0;
	}
}