@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-image > a { position:relative; display: block; }
.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,.5); opacity:0; transition: all .2s;} 
.basic-post-gallery .post-image:hover > a:after { opacity:1;}
.basic-post-gallery .post-image .post-subject a { position: absolute; top: 90%; transform: translateY(-50%); padding: 0 5px; width: 100%; font-size: 20px; font-weight: 500; text-align: center; letter-spacing:-0.02em;  color: #fff; opacity:0; transition: all .2s;}
.basic-post-gallery .post-image:hover .post-subject a { top: 50%; opacity:1;}

.basic-post-gallery .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-post-gallery .post-subject { overflow:hidden; 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; }