@charset "utf-8";

/***************************************************************
Column Single Column archive / Column category archive / Column tag archive
News Single News archive
****************************************************************/

.single_before-top__category + .date {
	margin-left: 5vw;
}
.date__published,
.date__modified {
	display: inline-block;
	font-size: 14rem;
	vertical-align: top;
}
.date__published--icon {
	
}
.date__published--icon::before {
	font-family: "icomoon";
	content: "\e911";
	margin-right: 0.5em;
	display: inline-block;
	font-weight: normal;
}
.date__modified--icon {
	
}
.date__modified--icon::before {
	font-family: "icomoon";
	content: "\e912";
	margin-right: 0.5em;
	display: inline-block;
	font-weight: normal;
}
.date__published + .date__modified {
	margin-left: 10px;
}
.tags {
	margin: 9px 0 0 12px;
	font-size: 12rem;
	color: #050e1c;
}
.tags::before {
	position: relative;
	top: 7px;
	left: -8px;
	font-size: 26rem;
}
.tags__link {
	margin: 0 8px 5px 0;
	padding: 3px 9px;
	display: inline-block;
	border-radius: 2px;
	background-color: #f1f1f1;
	color: #050e1c;
}
.categories {
	display: inline-block;
}

/* news-archive */
.news-archive--border {
	border-top: 1px solid #d9d9d9;
}
.news-archive-li {
	display: flex;
	flex-direction: column;
	padding: 18px 2.5vw;
	border-bottom: 1px solid #d9d9d9;
}
.news-archive-li--no-flex {
	display: block;
}
.news-archive-item {
	display: flex;
}
.news-archive-li--no-flex .news-archive-li__date {
	position: relative;
	top: 2px;
}
.news-archive-li__category {
	margin-left: 24px;
	padding: 1px 8px;
	display: block;
	border: 1px solid #000;
	font-size: 14rem;
	white-space: nowrap;
}
.news-archive-li__title {
	flex: 1;
	display: block;
	font-size: 14rem;
}
.news-archive-li__title--no-padding {
	margin-top: 6px;
	margin-left: 0;
}
.news-archive-li__title-a {
	color: #004272;
	font-weight: bold;
}
.news-archive-li__title-a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 1024px) {
	.single_before-top__category + .date {
		margin-left: 24px;
	}
	.news-archive-li {
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 18px 16px;
	}
	.news-archive-li--no-flex {
		position: relative;
		display: flex;
	}
	.news-archive-li__title {
		margin-left: 24px;
		font-size: 16rem;
	}
	.news-archive-li__title--no-padding {
		position: absolute;
		top: 13px;
		left: 342px;
		margin-left: 0;
	}
	.news-archive-li__title--no-padding--ja {
		left: 305px;
	}
}