コンテンツへスキップ

写メブログ

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;
}

.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; }
}