@charset "utf-8";

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








/* 210310 */
.basic-post-gallery1 .txt-normal { display:none; }
.basic-post-gallery1 .post-subject { text-align:center; height:24px !important; }
.basic-post-gallery1 .post-subject > a { display:block; font-size:16px; color:#333; position:relative; }
.basic-post-gallery1 .post-text { display:none; }



/* borderHover style */
.basic-post-gallery1 .img-wrap > .bg { 
position:absolute; left:50%; top:50%; width:calc(100% - 15px); height:calc(100% - 15px); background:#fff; transform:translate(-50%,-50%) scale(0.9); z-index:1; 
}
.basic-post-gallery1 .img-wrap >  img { width:100%; transform:scale(0.9); }
.basic-post-gallery1 .img-item { transform:scale(0.9); z-index:2; transition:transform .5s; }


.basic-post-gallery1 .post-list:hover .img-item { transform:scale(0.9) translate(-15px,-15px); }
.basic-post-gallery1 .post-list:hover .post-subject > a { font-weight:bold; }

@media(max-width:600px) {
.basic-post-gallery1 .img-wrap > .bg { transform:translate(-50%,-50%) scale(0.8); }
.basic-post-gallery1 .img-wrap >  img { transform:scale(0.8); }
.basic-post-gallery1 .img-item { transform:scale(0.8); }
.basic-post-gallery1 .post-list:hover .img-item { transform:scale(0.8) translate(-15px,-15px); }
}

@media(max-width:450px) {
	.basic-post-gallery1 .post-subject > a { height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}