#main-img{
	background-image:url(/eng/hotTopics/img/hotTopics-main-img.jpg); /* 早坂修正：値 */
	background-position:50% 50%;
	background-attachment:fixed;
	background-size:cover;
	background-position:50% 50%;
}

.article .clearfix a{
	display:block;
	width:31.3333%;
	border:#dddddd solid 1px;
	
	float:left;
	box-sizing:border-box;
	
	margin-right:3%;
	margin-bottom:3%;
	
	text-decoration:none;
	
	background-color:rgba(255,255,255,1);

	/*ゆっくりhover*/
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}

.article .clearfix a:nth-child(3n){
	margin-right:0;
}

/** hotTopics の個数によって変動**/
.article .hotTopics-last a:nth-last-child(1),
.article .hotTopics-last a:nth-last-child(2),
.article .hotTopics-last a:nth-last-child(3){
	margin-bottom:0;
}

.article a:hover{
	border-color:#aaaaaa;
	background-color:rgba(255,255,255,0.9);
}
.article .clearfix a img{
	display:block;
	height:auto;
	width:90%;
	margin:5%;
}

.article .clearfix a p{
	width:90%;
	/* padding:5%; */ /* 【早坂修正：プロパティ削除】 */
	margin:auto;
	
	color:#000;
	
	border-top:#eeeeee solid 1px;
	
	line-height:2em;	
	
/* ---------------------【早坂修正】--------------------- */
	/* height:4em; */
	height:3em; /* 【早坂修正：値変更】 */
	padding-top: 10px;
	font-size: larger;
}
/* .article .clearfix a p .vol{
	display:inline-block;
	background-color:#000;
	color:#fff;
	padding:0 0.5em;
	margin-right:0.5em;
} */
.article .clearfix a p.date{
	color: #666;
	font-style: italic;
	font-size: 90%;
	border-top: none;
	padding-top: 0;
}
/* ---------------------【早坂編集】--------------------- */


@media screen and (min-width:0px) and ( max-width:750px) {
.article .clearfix a{
	float:none;
	width:100%;
	margin:auto;
	margin-bottom:20px;
	position:relative;
	padding:3%;
}
.article .clearfix a:after {
     content:".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
.article .hotTopics-last a:nth-last-child(2),
.article .hotTopics-last a:nth-last-child(3){
	margin-bottom:20px;
}

.article .clearfix a img{	
	width:40%;
	margin:0%;
	float:left;
}

.article .clearfix a p{
	height:auto;
	
	line-height:1.8em;
	
	width:57%;
	float:right;
	margin:0;
	padding:0;
	border:none;
}

#main-img{
	background-attachment:scroll;
}

}