/*-------------------------------------------*/
/* .veu_relatedPosts
/*-------------------------------------------*/
.veu_relatedPosts {
	/* core の margin-block-start に margin-top が上書きされるのを防ぐ */
	&.veu_contentAddSection {
		margin-top: var(--vk-margin-block-bottom);
	}
	a {
		color: var(--vk-color-text-body);
		text-decoration: none;
	}
	.relatedPosts_title {
		font-size: var(--vk-size-text-lg);
	}
	& > .row {
		display: flex;
		margin: 0;
		margin-right: -3%;
		flex-wrap: wrap;
	}
	.relatedPosts_item {
		float: none;
		margin-right: 2.9%;
		padding-right: 0;
		padding-left: 0;
		width: 47%;
		border-bottom: solid 1px var(--vk-color-border-hr);
		flex: initial;
		@media (max-width: 768px) {
			max-width: 100%;
		}
		& > .media:first-child {
			border: none;
		}
		& > .media {
			display: flex;
			padding: 1em 0 0.8em;
			margin-top: 0;
			border: none;
			.media-body {
				font-size: var(--vk-size-text-xs);
			}
			.postList_thumbnail {
				width: 80px;
				min-width:80px; /* これがないと文字数が多い記事の時に画像が小さくなる */
				padding-right: 15px;
				margin-bottom: 0;
				img {
					border:1px solid var(--vk-color-border-hr);
					max-width: 100%;
					height:auto;
					object-fit: contain;
				}
			}
			.media-heading {
				font-size: var(--vk-size-text-sm);
				margin-bottom: var(--vk-margin-meta);
			}
		}
	}
	.relatedPosts_item:nth-child(1) {
		border-top: solid 1px var(--vk-color-border-hr);
	}
	.relatedPosts_item:nth-child(2) {
		border-top: solid 1px var(--vk-color-border-hr);
	}
}

@media (max-width: 768px) {
	.veu_relatedPosts {
		.relatedPosts_item {
			display: block;
			width: 100%;
		}
		.relatedPosts_item:nth-child(2) {
			border-top: none;
		}
	}
}