@charset "utf-8";
    .blog-card{
border:1px solid #ddd;
word-wrap:break-word;
max-width:100%;
border-radius:5px;
margin-bottom: 15px;}
.blog-card a {
color: #333;
background: #fbfaf8;
display: block;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;}
.blog-card a:hover{
background: #fff8da; }
.blog-card-thumbnail{
float:left;
padding:10px;}
.blog-card-thumbnail img {
display: block;
padding: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;}
.blog-card-content{
line-height:120%;}
.blog-card-title{
padding:10px 10px 10px 0;
font-size:85%;}
.blog-card-title::before {
content: '関連記事';
font-size: 0.7em;
font-weight: bold;
color: #fff;
background: #111;
width: 5em;
display: inline-block;
padding: 0.2em;
position: relative;
top: -2px;
text-align: center;
margin-right: 0.5em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;} 
.blog-card-date{
color:#333;
font-size:75%;
margin-right:10px;}