@charset "UTF-8";
/* CSS Document */

iframe {
	height: 1200px;
	display:block;
}

@media only screen and (max-width : 991px) {
iframe {
	height: 2400px;
}
}




.webinarList.container {
	margin-left:-15px;
	margin-right: -15px;
}
.webinarList ul li {
	margin: 0;
	padding:0;
	list-style: none;
}
.webinarList .media-left, .webinarList .media-right, .webinarList .media-body {
    vertical-align: top;
    height: 200px;
}
.webinarList img {
	border: solid 1px #CCC;
	width: 200px;
	height: auto;
}
h4.media-heading {
	margin-bottom: 1.5rem;
}
.memberFlag {
	display:inline-block;
	padding:5px;
	background-color:#E80003;
	border-radius: 5px;
	color: #FFF;
	font-size: 1.3rem;
}
.deliveryStatus {
	display:inline-block;
	padding:5px;
	background-color: #2FB105;
	border-radius: 5px;
	color: #FFF;
	font-size: 1.2rem;
}
.timeLength {
	display:block;
	margin-top: 1rem;
}

@media only screen and (min-width : 768px) {
    /* デスクトップ表示ではホバー操作でドロップダウンを表示 */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media only screen and (min-width : 1px) and (max-width : 20000px) {
	.webinarList.container {
		 width: 100%;
	}
}