/*---------------------------------------------------------*/
/* blog-card-design */
/*---------------------------------------------------------*/
.blog-card-content,.blog-card-img-box,.blog-card-sentence-box,.blog-card-title,.blog-card-excerpt,.blog-card-footer {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.blog-card-content {
 display: inline-block;
 border: 1px solid #d3d3d3;
 //width: 100%;
 margin-top: 0.5em;
 //margin:5px;
 padding:3px;
 border-radius: 3px;
 position: relative;
 min-height: 100px;
}
.blog-card-content a {
 display: block;
 margin:0;
 padding:0;
}
.blog-card-img-box {
 display: inline-block;
 width:100px;
 //height:100%;
 //width:25%;
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%); /* Safari—p */
 transform: translateY(-50%);
}
.blog-card-img {
 display: inline-block;
 width:100px;
 //height:100%;
 //width:100%;
 text-align:center;
 margin:0;
 //padding:8px 0px;
}
.blog-card-img img {
 width:100%;
 object-fit: contain;
}
.blog-card-sentence-box {
 display: inline-block;
 width:100%;
 text-align:right;
 //border: 1px solid #d3d3d3;
}
.blog-card-sentence {
 display: inline-block;
// width:75%;
 width:calc(100% - 100px);
 text-align:left;
}
h2.blog-card-title {
 color: #333;
 text-decoration: none;
 margin:0;
 padding:5px;
 font-size:100%;
 border-bottom:none;
 border-left:none;
}
.blog-card-excerpt {
 color: #333;
 margin:0;
 padding:5px;
 display:inline-block;
 font-size:80%;
}
.blog-card-content:hover,.blog-card-content:hover .blog-card-title,
.blog-card-content:hover .blog-card-excerpt {
 color: #ffffff;
 background:#2196F3;
}
blog-card-footer {
 display:none;
}
@media screen and (max-width: 460px) {
.blog-card-sentence {
 //width:70%;
}
.blog-card-img-box {
 //width:30%;
}
.blog-card-img img {
 //width:80%;
 //height:80%;
}
.blog-card-title {
 font-size:80%;
}
.blog-card-excerpt {
 font-size:60%;
}
}