@charset "UTF-8";

     @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ } .blogcard-snippet,
.blogcard-footer {
display: none;
}
.blogcard-wrap {
transition: all .3s;
max-width: 600px;
margin: 2em auto;
}
.blogcard {
border:1px solid #eaeaea !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
padding: 10px;
}
.blogcard-wrap:hover {
background: none;
transform: translateY(-3px);
box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
.blogcard-thumbnail {
margin: 0;
}
.blogcard-thumbnail img {
display: block;
}
.blogcard-title {
color: #555;
letter-spacing: 0.5px;
font-size: 15px;
line-height: 1.5;
margin: 10px 0 0 0;
height: 45px;
overflow: hidden;
}
.blogcard-content {
min-height: auto;
margin-left: 185px;
padding-right: 6px;
}
.blogcard-label {
top: -11px;
left: 9px;
padding: 3px 0.6em;
background:#aaa;
padding: 1px 10px;
font-weight: 600;
font-size: 11px;
letter-spacing: 1px;
}
.blogcard-content:after {
content: "クリックして読む";
background: #66c2c3; display: block;
text-align: center;
color: #fff;
font-weight: 600;
letter-spacing: 1px;
width: 180px;
border-radius: 20px;
font-size: 13px;
padding: 1px 0;
margin-top: 6px;
}
@media screen and (max-width: 834px) {
.blogcard-content {
margin-left: 130px;
}
.blogcard-title {
font-size:12px;
line-height: 1.5;
height: 35px;
margin:0;
}
.blogcard-content:after {
content: "タップして読む";
}
.blogcard-thumbnail{
width:120px;
}
}
@media screen and (max-width: 560px) {
.blogcard-content:after {
width: 120px;
font-size: 12px;
}
.blogcard-title {
margin:0;
}
}
@media screen and (max-width: 320px) {
.blogcard-thumbnail {
width: 100px;
}
.blogcard-content {
margin-left: 110px;
}
.blogcard-title {
height: 35px;
}
} span.site-name-text {
font-weight: bold;
color: rgb(1,120,166);
background: linear-gradient(135deg, rgba(1,120,166,1) 0%, rgba(115,158,203,1) 20%, rgba(217,174,204,1) 76%, rgba(234,173,180,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.logo-text {
padding: 15px 0 0;
} #carousel .a-wrap{
//margin-top:-6px !important;
margin: initial;
//padding-top:-10px;
}
#carousel .carousel-entry-card-title{
//display: none; font-size: small;
margin:10px 10px 0px 10px;
}
#carousel .carousel-in {
background-color: transparent;
}
#carousel .slick-dots{
display:none!important;
}
.slick-slide img {
border-radius: 5px;
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.22); }
.carousel-entry-card-thumb {
width: 95%;
}
.carousel .cat-label {
}
.content {
margin-top: 0px;
}