@charset "UTF-8";
/*
Theme Name: mitsuraku
Theme URI: http://xeory.jp/
Description: Xeoryベーステーマ
Author: バズ部
Author URI: http://bazubu.com/
Template: xeory-base
Version: 0.2.0
*/
/* =========================================================
 Base style
========================================================= */


.blog-card{
 border:1px solid #999;
 word-wrap:break-word;
 max-width:100%;
 border-radius:0px;
 margin-bottom: 30px;
 font-size :1.2em;
 box-shadow: 4px 4px 0px #a4a4a4;
 transition:0.1s ease;
 position:relative;
}
.blog-card:hover{
 box-shadow: 0px 0px 0px #666;
}
.blog-card a {
 color: #333;
 background: #fff;
 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;
 text-decoration:none;
 font-weight: bold;
 border-radius: 0px;
 padding: 0px;
}
@media only screen and (max-width: 600px){
.blog-card a {
 padding-bottom: 5px;
}
}
.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;
 margin-top: 0!important;
}
.blog-card-content{
 line-height:120%;
}
.blog-card-title{
 padding: 24px 10px 10px 0;
 font-size: 90%;
 color: #8ab929;
}
@media only screen and (max-width: 600px){
.blog-card-title{
 padding: 13px 10px 10px 0;
}
}
.blog-card-title::before {
 content: '続きを読む >';
 font-size: 0.7em;
 font-weight: bold;
 color: #fff;
 background: #a4a4a4;
 width: 7em;
 display: inline-block;
 padding: 0.2em;
 position: absolute;
 text-align: center;
 margin-right: 1em;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 3px;
 bottom: 10px;
 right: 0px;
}
@media only screen and (max-width: 600px){
.blog-card-title::before {
 bottom: 2px;
}
}
.blog-card-date{
 color:#333;
 font-size: 90%;
 margin-right:10px;
 font-family: GillSans;
}

@media only screen and (max-width: 600px){
.blog-card-title {
    font-size: 12px;
    line-height: 13px;
}
.blog-card-title::before {
    font-size: 0.7em;
}
.blog-card-thumbnail img {
    max-width: 100%;
    margin-left: 0px!important;
    margin-bottom: 0!important;
}
}