@charset "UTF-8";

.topicks {
	padding: 0 0 90px 0;
}
.topicksList {
	margin: 35px 0 0 0;
}
.topicksItem {
	border-top: 1px solid #ddd;
	padding: 35px 0;
}
.topicksItemArticle {
	display: flex;
	align-items: center;
}
/* .topicksItemArticle .icon {
	width: 120px;
	text-align: center;
} */
.topicksItemHeader {
	width: 80px;
}
.topicksTime {
	/* margin-left: 30px; */
	color: #999999;
	font-size: 14px;
}
.topicksItemTextTitle {
	padding: 0 0 0 85px;
	font-weight: bold;
	width: calc(100% - 85px);
}


@media screen and (max-width:560px) {

	.topicks {
		padding: 0 0 10.64vw 0;
	}
	.topicksListWrap {
		padding: 0 5.32vw;
	}
	.searchConditionButton {
		width: 100%;
		text-align: left;
		border: 0.53vw solid #008442;
		border-radius: 1.33vw;
		color: #008442;
		height: 10.64vw;
		padding: 0 5.32vw;
		background-image: url(../img/icon_arrow1_bottom_green.svg);
		background-repeat: no-repeat;
		background-position: calc(100% - 5.32vw) center;
		background-size: 1.86vw auto;
		box-shadow: 0vw 0.8vw 1.6vw #00000029;
	}
	.searchConditionButton.toggleOpen {
		background-image: url(../img/icon_arrow1_top_green.svg);
	}
	.searchConditionWrap {
		width: 100%;
		padding: 0 5.32vw;
	}
	.searchConditionWrap .contentCategoryTitleWrap {
		display: none;
	}
	.topicksListWrap .commonTitle3 {
		margin-top: 9.31vw;
	}
	.topicksList {
		margin: 6.65vw 0 0 0;
	}
	.topicksItem {
		padding: 5.32vw 0;
	}
	.topicksItemArticle {
		display: block;
	}
	.topicksItemHeader {
		display: flex;
		align-items: center;
		width: 100%;
	}
	.topicksItem .link2 {
	}
	.topicksItemTextWrap {
		padding: 0 0 0 5.32vw;
		width: calc(100% - 23.95vw);
	}
	.topicksTime {
		/* margin: 0 0 0 2.66vw; */
		font-size: 3.46vw;
	}
	.topicksItemTextTitle {
		margin: 2.66vw 0 0 0;
		font-size: 3.73vw;
		width: 100%;
		padding: 0;
	}
}