.blog-card-long {
margin: 0 0 1.8rem;
}
.card-link {
display: block;
overflow: hidden;
max-width: 400px;
width: 100%;
padding: 0;
border-radius: 9px;
border:3px solid #ffb36b;
background-color: #fffbf5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
color: #555;
font-weight: bold;
text-decoration: none !important;
position: relative;
}
.card-link:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
color: #888;
text-decoration: none;
transform: translateY(-2px);
}
.blog-card-label-long{
z-index: 1;
display: inline-block;
position: absolute;
background-color: #f99f48;
top: 10px;
left: 10px;
max-width: 120px;
height: 25px;
padding: 0 0.5rem;
color: #fff;
font-size: .8rem;
font-weight: 700;
text-align: center;
line-height: 25px;
transform-origin: 50% 50%;
animation: animScale 3.5s ease-out;
}
.card-link .blogcard-text {
display: block;
padding: 15px 13px;
line-height: 1.6;
}
.card-link img {
width: 100%;
}
.longcard-link {
margin-bottom: 1.5em;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.longcard-link img {
padding: 10px 10px 0;
}
.longcard-img{
position: relative;
}
.blogcard-title {
color:#337ab7;
font-size: 1.2em;
font-weight: bold;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-card-excerpt-long {
padding-top: .8em;
font-size: .8em;
line-height: 1.4;
font-weight: normal;
opacity: .8;
color: #333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (min-width: 481px) {
.card-link {
display: inline-block;
max-width: 310px;
margin-right: 20px;
}
.longcard-link {
max-width: 100%;
display: table;
}
.longcard-img,
.card-link.longcard-link .blogcard-content {
display: table-cell;
vertical-align: middle;
}
.longcard-img {
width: 40%;
}
.blogcard-content {
width: 60%;
}
.longcard-img img {
width: 100%;
padding: 10px;
}
}
@media screen and (max-width: 959px){
.blog-card-excerpt-long {
display: none;
}
}  .postid-14427 #footer,
.postid-14427 .st-footer,
.postid-14427 .st-footermenubox,
.postid-14427 .st-footer-menu,
.postid-14427 .st-copylight,
.postid-14427 .site-footer,
.postid-14427 footer {
display: none !important;
} .postid-14427 #comments,
.postid-14427 .comment-area,
.postid-14427 .st-comment,
.postid-14427 .comment-respond {
display: none !important;
} .postid-14427 .st-post-under-widgets,
.postid-14427 .kanren,
.postid-14427 .st-kai-related,
.postid-14427 .post-navigation,
.postid-14427 .p-navi,
.postid-14427 .breadcrumb {
display: none !important;
} .postid-14427 #main,
.postid-14427 .main,
.postid-14427 #content,
.postid-14427 .entry-content {
max-width: 860px;
margin: 0 auto;
padding-bottom: 24px;
} .postid-14427 .post-meta,
.postid-14427 .cat,
.postid-14427 .entry-category,
.postid-14427 .st-catgroup,
.postid-14427 .st-post-category {
display: none !important;
}