@charset "utf-8";

.contentsPage h2 {
	text-align: left;
}

.news li:after {
	content: "";
	clear: both;
	display: block;
}
.news li {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 18px 15px;
	border-bottom: dotted 1px #C8BB9C;
}
.contentsPage h2 span {
	font-size: 1.3rem;
	color: #7D7D7D;
	display: block;
	margin-top: 10px;
}

.news li span {
	font-size: 1.3rem;
	color: #7D7D7D;
	width: 26%;
	float: left;
	display: inline-block;
}
.contentsPage h2 span em,
.news li span em {
	width: 70px;
	font-size: 1.2rem;
	font-style:normal;
	text-align: center;
	color: #fff;
	line-height: 1;
	margin-right: 23px;
	padding: 4px 2px;
	border-radius: 2px;
	-ms-border-radius: 2px;
	display: inline-block;
}
.contentsPage h2 span.category1 em,
.news li span.category1 em {
	background: #CFA55F;
}
.contentsPage h2 span.category2 em,
.news li span.category2 em {
	background: #548E59;
}

.news li p {
	width: 74%;
	float: left;
}
.news li.new p:after {
	content: "NEW";
	font-family: Roboto,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 1rem;
	color: #fff;
	line-height: 15px;
	padding: 0 4px;
	margin-left: 5px;
	background: #D80D18;
	display: inline-block;
	vertical-align: middle;
}

/* ------------------------------
 スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {
	
	.news li span {
		width: auto;
		float: none;
		margin-bottom: 10px;
	}
	.news li span em {
		margin-right: 10px;
	}
	
	.news li p {
		width: auto;
		float: none;
	}
	
}