写メブログ
jQuery('#post-grid-lazy-473').ready(function($) {
$('#post-grid-lazy-473').fadeOut();
$('#post-grid-473 ').fadeIn();
})
#post-grid-473 {
display: none;
}
.post-grid-lazy {
text-align: center;
}
#post-grid-473 .pagination .page-numbers {
font-size: 16px;
color: #fff;
background: #646464;
}
#post-grid-473 .pagination .page-numbers:hover,
#post-grid-473 .pagination .page-numbers.current {
background: #4b4b4b;
}
.layout-474 .element_1587187627902 {
}
.layout-474 .element_1587190790308 {
overflow: hidden;
}
.layout-474 .element_1587190790308 img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 1024px) {
.layout-474 .element_1587190790308 {
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.layout-474 .element_1587190790308 {
height: auto;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.layout-474 .element_1587190790308 {
height: auto;
}
}
.layout-474 .element_1587187714568 {
}
.layout-474 .element_1587187895341 {
color: #ffffff;
font-size: 18px;
margin: 5px;
text-align: left;
}
.layout-474 .element_1587187895341 a {
color: #ffffff;
font-size: 18px;
margin: 5px;
text-align: left;
}
.layout-474 .element_1587187729822 {
color: #ffffff;
font-size: 14px;
margin: 10px;
text-align: left;
}
.layout-474 .element_1587187729822 a {
color: #ffffff;
font-size: 14px;
}
.layout-474 a{text-decoration:none}.layout-474{overflow:hidden;position:relative;vertical-align:top}.layout-474:hover .layer-media{z-index:9}.layout-474 .layer-media{-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s;left:0;top:0;width:100%}.layout-474 .layer-content{background:rgba(0,0,0,.3) none repeat scroll 0 0;bottom:0;color:#fff;left:0;position:absolute;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;}
#post-grid-473 {
padding: 10px;
}
#post-grid-473 .item {
padding: 0px;
background: #fff;
}
#post-grid-473 .item .layer-media {
height:auto; }
@media only screen and (min-width: 0px) and (max-width: 767px) {
#post-grid-473 .grid-items {
display: grid;
grid-template-columns: 1fr ;
column-gap: 10px;
row-gap: 10px;
}
#post-grid-473 .item {
height:auto; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#post-grid-473 .grid-items {
display: grid;
grid-template-columns: 1fr 1fr ;
column-gap: 10px;
row-gap: 10px;
}
#post-grid-473 .item {
max-height:auto; }
}
@media only screen and (min-width: 1024px) {
#post-grid-473 .grid-items {
display: grid;
grid-template-columns: 1fr 1fr 1fr ;
column-gap: 10px;
row-gap: 10px;
}
#post-grid-473 .item {
height:auto; }
}

