@charset "UTF-8";

   .container table tr {
background-color: #FFFFFF;
}  @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ } .entry-content {
padding:1em;
padding-top:0;
margin: 0 auto;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}
img{
box-shadow: none;
}
a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
img.site-logo-image {box-shadow: none;} .blogcard { padding-bottom:.8%;
border: 0px solid whitesmoke;
border-radius:4px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{ background-color: #fafafa;
box-shadow:none;
transform: none;
}
.blogcard-footer { padding-top: 2%;
}
.blogcard:before {
display:none;
} .internal-blogcard::after{ content: "この記事を読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #8b968d; padding: 0.2em 2.8em;
font-weight: bold;
color: #fff;
border-radius: 2px;
}
.blogcard-date{ display:none;
}
.blogcard-title { font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet { padding:0em .5em;
color:#7b7b7b;
text-align: justify;
} @media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.5em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
.bct-related .blogcard-label, .bct-reference .blogcard-label, .bct-reference-link .blogcard-label, .bct-popular .blogcard-label, .bct-together .blogcard-label, .bct-detail .blogcard-label, .bct-check .blogcard-label, .bct-pickup .blogcard-label, .bct-official .blogcard-label, .bct-dl .blogcard-label{ display: inline !important;
background-color: #ffa500;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}       .blogcard-snippet{
display: none;
}   /480px以下/
@media screen and (max-width: 768px){
main.main {
padding-left: 10px !important;
padding-right: 10px !impartant
}
}