@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 { display: none; 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 { overflow:hidden;  position:relative; border:1px solid #ddd; border-radius:15px;}

.basic-post-gallery .post-image a .subject_box { position: absolute; bottom: 0px; left: 0px; z-index: 10; padding: 15px 15px; text-align: left; color: #fff; transition:all .3s; opacity:0; font-size: 13px; font-weight: 400;}
.basic-post-gallery .post-image a .subject_box p.year{ padding: 0 0 5px; font-size: 11px; line-height: 1;}
.basic-post-gallery .post-image:hover .subject_box { opacity: 1}
.basic-post-gallery .post-image a:after { content: ''; display: block; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background: rgba(0,0,0,.3); opacity:0; transition:all .3s; }
.basic-post-gallery .post-image a:hover:after { opacity:1}    

.basic-post-gallery .post-content { display: none; padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-gallery .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align: center; }
.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; }


@media (max-width:768px){
	.basic-post-gallery .post-image .subject_box { display: none; position: static; padding: 15px 0 0px; opacity:1; color: #555;}
	.basic-post-gallery .post-image .subject_box h2 { overflow: hidden; display: -webkit-box;  height: 2.8em; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
}