@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; }

#main_vid .img_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #333; opacity:0; transition:all 0.3s;}
#main_vid a:hover .img_box::after, #main_vid a:focus .img_box::after {opacity:1;}
#main_vid .img_box img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
#main_vid .txt_box .title {font-size:20px; line-height:1.5; font-weight:700; margin-top:25px; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height:60px;}
#main_vid a:hover .txt_box .title, #main_vid a:focus .txt_box .title {text-decoration:underline;}

@media all and (max-width:1024px){
	#main_vid .txt_box .title {font-size:18px; margin-top:15px; height:52px;}
}
@media all and (max-width:768px){
	#main_vid .txt_box .title {font-size:16px; height:48px;}
}