/* + newsList
*----------------------------------------------------------------------------*/
#pagenav{
    margin-bottom: 30px;
}
#newsList ul li {
	overflow: hidden;
	padding: 20px 10px;
	display: inline-block;
	width: calc((100%/3) - 25px);
	vertical-align: top;
}

#newsList ul li > div {
}

#newsList ul li .info {
}
#newsList ul li .info p {
    color: #c8a45d;
    line-height: 120%;
    font-size: 12px;
    margin: 5px 0;
}
#newsList ul li .info p b{
    margin-right: 5px;
}
#newsList ul li .info h4 a {
	font-size: 16px;
	color: #333;
	line-height: 140%;
	height: 45px;
	overflow: hidden;
	display: -webkit-box;
}

#newsList ul li .info article {
	margin-top: 20px;
	line-height: 180%;
	font-size: 14px;
	color: #777;
}
#newsList ul li .info article a{
    color: #908a8a;
}
#newsList ul li .info article a i{
    margin-right: 5px;
}
.detail-data{
    font-size: 13px;
    text-align: right;
}
.detail-data em{
    color: #898989;
    font-style: inherit;
}
.detail-data p{
    color: #686868;
    text-align: right;
}
.detail-data p b{
    vertical-align: baseline;
}
.detail-data p a{
    color: #686868;
    font-size: 12px;
}

/************ = 適應性 = ************/
/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	#newsList ul li > div ,
	#newsList ul li .info {
		float: none;
		width: 100%;
	}
	#newsList ul li .info {
		margin-top: 15px;
	}
	#newsList ul li{
    width: calc((100%/2) - 15px);
    padding: 20px 5px;
}
}