@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 #dedede;  transition:.3s all;}
.post-row:hover .post-image { border:1px solid #bbb; }  
/* .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 { background:#fff; }
.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(.9);}

.post-row .txt-wrap { z-index:100; }
.post-row .txt-wrap p { overflow:hidden; position:relative; font-weight:400; color:#666; font-size:18px; line-height:18px; padding: 25px 5px 15px; border-bottom:1px solid #dedede; transition:0.3s all;}
.post-row:hover .txt-wrap p { padding-left:10px;  border-bottom:1px solid #bbb;}
.post-row .txt-wrap p:before { position:absolute; display:block; content:'';  left:-7px; width:7px; height:18px; background:#e91b23; transition:.3s all; }
.post-row:hover .txt-wrap p:before { left:0; }




@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; } */
.post-row .txt-wrap p { font-size:14px; line-height:14px;} 
}

@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 .txt-wrap { font-size:14px; line-height:15px; } */
.post-row .txt-wrap p { font-size:14px; line-height:14px; margin-bottom:5px; }
}
@media (max-width:380px) {
.post-row .txt-wrap { font-size:12px; line-height:15px; }
}

