@charset "utf-8";

.basic-post-gallery { overflow:hidden; line-height:20px; }
.basic-post-gallery .txt-normal { letter-spacing:0; }
.basic-post-gallery .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .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 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery .post-row { float:left; overflow:hidden; }
.basic-post-gallery .post-list { overflow:hidden; }
.basic-post-gallery .post-image { position:relative; overflow:hidden; }
.basic-post-gallery .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-gallery .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-sp { color:#ccc; margin:0px 4px; }
.basic-post-gallery .post-text { font-size:12px; color:#888; margin-top:4px; }
.is-pc .ko .basic-post-gallery .post-ko { font-size:11px; }

.post-row .post-image { border:1px solid #ccc; } 
.post-row .post-image .over-box { position:absolute;left:0;top:0; width:100%; height:100%; background:rgba(0,0,51,0); z-index:10;  transition:0.3s all; text-align:center; padding-top:30%; }
.post-row .post-image .over-box:hover {background:rgba(0,0,51,0.8);}
.post-row .post-image .over-box p {margin:0 auto; width:80%; } 
.post-row .post-image .over-box p span { display:none; color:#fff; font-weight:400; font-size:17px; line-height:22px;  white-space:normal; }
.post-row .post-image .over-box:hover p span { display:block; }
.post-row .post-image .img-wrap {  }
.post-row .post-image .img-wrap .img-item img { transition:0.3s all;}
.post-row .post-image:hover .img-wrap .img-item img { transform:scale(1.3);}

.post-row .post-image .txt-wrap { z-index:100; position:absolute; bottom:0; left:0;  width:100%; text-align:center; }
.post-row .post-image .txt-wrap p { margin:10px 0 10px; text-align:center; transition:0.3s all; font-weight:400; color:#333; transition:all .3s}
.post-row .post-image:hover .txt-wrap p { color:#e5e530; }



@media (max-width:768px) {
/* .post-row .post-image .over-box { padding-top:50px; } */
.post-row .post-image .over-box p span { font-size:15px; line-height:20px; }
}

@media (max-width:550px) {
.post-row .post-image .over-box { padding-top:10%; } 
}
@media (max-width:480px) {
.post-row .post-image .over-box { padding-top:20%; }
.post-row .post-image .over-box p span, .post-row .post-image .txt-wrap { font-size:14px; line-height:15px; }
.post-row .post-image .txt-wrap p { margin-bottom:5px; }
}
@media (max-width:380px) {
.post-row .post-image .over-box p span, .post-row .post-image .txt-wrap { font-size:12px; line-height:15px; }
}