@charset "utf-8";

.memoWrap iframe{width: 100%;height: 250px;}
#sb-video{margin: -10px;margin-top: 20px;}
#sb-video > li{position: relative;display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 10px;}
#sb-video > li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999em;z-index: 2;}
#sb-video > li .tmb{position: relative;padding-bottom: 65%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
#sb-video > li .tmb:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.05);}
#sb-video > li .infobox{padding: 18px 5px;}
#sb-video > li .infobox .sbj{display: block;font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#sb-video > li .infobox .info{margin-top: 10px;}
#sb-video > li .infobox .info li{display: inline-block;position: relative;padding: 0 10px;}
#sb-video > li .infobox .info li:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;background: #ddd;transform: translate(0, calc(-50% - 2px));}
#sb-video > li .infobox .info li:first-child{padding-left: 0;}
#sb-video > li .infobox .info li:first-child:before{display: none;}

@media screen and (max-width: 750px) {
	#sb-video{margin: -5px;margin-top: 0;}
	#sb-video > li{width: calc(50% - 10px);margin: 5px;}
	#sb-video > li .infobox{padding: 10px 0;}
	#sb-video > li .infobox .sbj{font-size: 14px;}
	#sb-video > li .infobox .info li{font-size: 13px;}
}