@charset "utf-8";

/* ----------------------------------------------------------------------------------------

  カテゴリー装飾用

　さらに装飾や幅の調整などを入れる場合は、別途CSSで設定

------------------------------------------------------------------------------------------- */

span.news-cate {
	display: inline-block;
	color: #FFFFFF;
	width: auto;
	padding: 2px 10px 1px;
	border-radius: 4px;
	font-size: 11px;
	font-size: 1.1rem;
	min-width: 115px;
	text-align: center;
}

/*カテゴリ背景*/
.ex {
	background: #5DACBF;
}
	.ex:after {
		content:"展示会"
	}

.se {
	background: #5DACBF;
}
	.se:after {
		content:"セミナー"
	}

.exse {
	background: #5DACBF;
}
	.exse:after {
		content:"展示会・セミナー"
	}

.webse {
	background: #5DACBF;
}
	.webse:after {
		content:"Webセミナー"
	}

.archive {
	background: #5DACBF;
}
	.archive:after {
		content:"アーカイブ"
	}

.casestudy {
	background: #5B8DC3;
}
	.casestudy:after {
		content:"導入事例"
	}

.release,
.release-notop{
	background: #D86F78;
}
	.release:after,
	.release-notop:after{
		content: "ニュースリリース"
	}

.info,
.info-notop{
	background: #DCB83B;
}
	.info:after,
	.info-notop:after{
		content: "お知らせ";
	}

.support {
	background: #6AB962;
}
	.support:after {
		content: "サポート";
	}

.others {
	background: #AAAAAA;
}
	.others:after {
		content: "その他";
	}

.important {
	background: #E74E4E;
}
	.important:after {
		content: "重要なお知らせ";
	}

.topics {
	background: #CB7AB7;
}
	.topics:after {
		content: "更新情報";
	}

/*文字を入れない場合*/
.others-notitle {
	background: #AAAAAA;
}