.blog-card {
		border: 1px solid #1F85AC;
		padding: 10px;
		width: 100%;
		margin-bottom: 2em;
}

.blog-card  > a{
    display: flex;
    align-items: center;
    text-decoration: none;
    border: none;
}

.blog-card  > a:hover{
	opacity: 0.5;
}


.blog-card-thumbnail {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 1px solid #b6b6b6;
}

.blog-text-wrap{
		width: calc(100% - 120px);
}


.blog-card-title {
	padding: 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
	
}

.blog-card .data-list-box{
	padding: .5em 1em 0;
	
}

@media screen and (max-width: 768px) {
	.blog-card {
		width: 100%;
	}
}