@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.subMenu {position: absolute; top: 30px; right: 0; padding: 10px; display: none; width: 250px; z-index: 10; background: #fff; box-shadow: 0 0 3px #000;}
.subMenu li {float: none; margin-right: 0; border-bottom: solid 1px #000;}
.subMenu li:last-child {border-bottom: none;}
.subMenu li a {display: block; text-align: right; padding: 5px 0;}

.vd_list {margin: 0 -14px 100px -11px; box-sizing: border-box;}
.vd_list:before, .vd_list:after {content: ""; display: table;}
.vd_list:after {clear: both;}
.vd_list .item {box-sizing: border-box; width: 33.33333%; padding: 0 10px; display: inline-block; margin-right: -4px; margin-bottom: 45px; vertical-align: top;}
.vd_list .item a {display: block; text-decoration: none; position: relative;}
.vd_list .item a:hover {opacity: 0.75;}
.vd_list .item a img {display: block; /*width: 100%;*/ margin-bottom: 10px;}
.vd_list .item a .series{color: #ffd000; font-size: 12px; margin-bottom: 5px;}
.vd_list .item a span {display: block;}
.vd_list .item a h3 {color: #231815; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.vd_list .item a .lecturer-name {color: #ff9100; font-size: 14px; font-weight: bold;}
.vd_list .item a .description {color: #000; font-size: 14px; text-align: justify;}
.vd_list .item.new a:after {
	content: "";
	width: 50px;
	height: 50px;
	background: url(../images/common/icon_new.png) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	top: 5%;
	left: 10%;
	z-index: 10;
}