/*--------------------------------------------------------------------
topics
--------------------------------------------------------------------*/
#topics {
	position: relative; /*article-archive*/
	padding-bottom: 70px; /*article-archive*/
}
.topics {
	position: relative; /*new*/
	float: left;
	width: 366px;
	height: 246px;
}
.topics:not(:nth-of-type(3n)) {
	margin-right: 21px;
}
.topics:not(:nth-of-type(7)):not(:nth-of-type(8)):not(:nth-of-type(9)) {
	margin-bottom: 20px;
}
.topics-label {
	width: 366px;
	height: 26px;
	margin-bottom: 10px;
	border-top: 2px solid #feaaad;
	border-bottom: 2px solid #feaaad;
	font-size: 16px;
	line-height: 26px;
	color: #fe7278;
}
.topics-category {
	display: block;
	float: left;
	width: 50%;
}
.topics-data {
	display: block;
	float: left;
	width: 50%;
	text-align: right;
}
.topics-box {
	position: relative; /*filter new*/
	width: 366px;
	height: 206px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}
.topics .filter {
	position: absolute;
	z-index: 8888;
	top: 146px;
	left: 0;
	width: 336px;
	height: 300px; /*206*/
	padding: 15px 15px 0 15px;
	background: url("../img/home_filter_r.png") repeat;	
}
.topics .filter:before {
	position: absolute;
	z-index: 8889;
	top: -12px;
	left: 0;
	line-height: 0;
	content: url("../img/information_filter-top.png");
}
.topics h3 {
	float: left;
	width: 285px;
	height: 30px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	background: none;
}
.topics .check {
	float: left;
	position: relative; /*before*/
	display: block;
	width: 32px;
	height: 17px;
	padding-top: 23px;
	padding-left: 17px;
	margin-top: -5px;
	border-left: 1px dotted #fdd0cd;
	font-size: 11px;
	color: #fdd0cd;
	text-align: center;
}
/*上下反転*/
.topics .check:before {
	position: absolute;
	top: 5px;
	left: 17px;
	content: url("../img/information_topics_check.png");
	line-height: 0;
}
.topics:hover .check:before {
	bottom: 3px;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.topics:hover .check {
	padding-top: 0;
	padding-bottom: 23px;
}

.topics .text {
	display: block;
	padding: 0 15px 0 15px;
	margin-bottom: 10px;
}
.topics .text p {
	height: 72px; /*67*/
	overflow: hidden;
}
.topics .button {
	width: 304px;
	margin-left: 15px;
}
.topics-thumbnail {
	position: relative;
	width: 366px;
	height: 206px;
}
#topics .article-archive {
	position: absolute;
	bottom: 0px;
	right: 30px;
	display: inline-block;
	height: 40px;
	padding: 0 30px 0 30px;
	border-radius: 3px;
	line-height: 40px;
	background: #fe7278;
}
#topics .article-archive span {
	padding-left: 20px;
	background: url("../img/all_archive_mark.png") no-repeat left center;
}
/*--------------------------------------------------------------------
sitemap
--------------------------------------------------------------------*/
.explanation {
	float: left;
	width: 555px;
	height: 99px;
	border-top: 1px solid #fdd0cd;
	border-bottom: 1px solid #fdd0cd;
}
.explanation:nth-of-type(2n) {
		margin-left: 30px;
}
.explanation:not(:nth-of-type(1)):not(:nth-of-type(2)) {
	margin-top: -1px;
}
.explanation .title {
	position: relative;
	float: left;
	display: block;
	width: 155px;
	height: 65px;
	padding-left: 60px;
	margin-top: 17px;
	line-height: 65px;
}
.explanation .title img {
	position: absolute;
	top: 15px;
	left: 15px;
}
.explanation:nth-of-type(3n) .title, .explanation:nth-of-type(5n-3) .title {
	background: #feaaad;
	color: #ffffff;
}
.explanation .title {
	background: #fdd0cd;
	color: #fe7278;
}
.explanation:nth-of-type(3n) .title:after, .explanation:nth-of-type(5n-3) .title:after {
	position: absolute;
	top: 0;
	right: -11px;
	content: url("../img/information_sitemap_bg-r.png");
}
.explanation .title:after {
	position: absolute;
	top: 0;
	right: -11px;
	content: url("../img/information_sitemap_bg-l.png");
}
.explanation .text {
	display: table; /*上下センタリング*/
	float: left;
	width: 315px;
	height: 99px;
	padding-left: 25px;
}
.explanation .text span {
	display: table-cell; /*上下センタリング*/
	vertical-align: middle; /*上下センタリング*/
}
/*--------------------------------------------------------------------
フォント設定
--------------------------------------------------------------------*/
/*リンク色白設定*/
.topics a {
	color: #ffffff;
}
/*白文字設定*/
.topics h3, #topics .article-archive {
	color: #ffffff;
}
/*サイズ*/
.topics .text, .explanation .text {
	font-size: 12px;
	line-height: 148%;
}
/*英語タイトル設定*/
.topics-label, .topics .check {
	font-family: 'Roboto Condensed' !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
}