@charset "utf-8";

.basic-post-gallery-index1 { overflow:hidden; line-height:20px; }
.basic-post-gallery-index1 .txt-normal { letter-spacing:0; }
.basic-post-gallery-index1 .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery-index1 .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-gallery-index1 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery-index1 .post-row { float:left; overflow:hidden; }
.basic-post-gallery-index1 .post-list { overflow:hidden; }
.basic-post-gallery-index1 .post-image { position:relative; overflow:hidden; }
.basic-post-gallery-index1 .post-sp { color:#ccc; margin:0px 4px; }

.is-pc .ko .basic-post-gallery-index1 .post-ko { font-size:11px; }


.basic-post-gallery-index1 { padding-top: 5em;  }
.grid-item.item3 .more {
    position: absolute; right: 0; top: -6.5em;
    width: 100%; display: flex; justify-content: end;
}



.basic-post-gallery-index1 .post-image { 
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;  
}
.basic-post-gallery-index1 .post-subject {
    --line-height:1.4;
    --line-clamp:2;
    font-size:14px; color:#535353;
    margin-top: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp);
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: calc(var(--line-height) * var(--line-clamp) * 1em) !important; 
    line-height: var(--line-height);
}

@media (max-width:480px) {
    .basic-post-gallery-index1 .post-subject { 
        height: auto !important; line-height: auto; 
    }
}