@charset "UTF-8";

.Contents{
	margin:20px auto ;
	max-width:1000px;
	overflow:hidden;
}
.MovieSection{
	margin-bottom:30px;
	padding:0 15px;
}
h2{
	width:100%;
}
#videog-videos{
	width:100%;
	display:flex;
}

/*上書きCSS*/
/*プレイヤー*/
.disp-video-area{
	width:70%;
	aspect-ratio: 16/9;
	overflow: hidden;
}
#videog-videos.single_player div.disp-video-area{
	width:100%;
}
.vjs-nextup-thumbnail-div{
	display:none !important;
}
.video-js .vjs-tech{
	background-color: #000;
}
/*プレイリスト*/
#videog-playlist.vjs-playlist{
	height:381.94px;
	font-size:0.9em;
	color:#888888;
	background-color:#000;
	flex:1;
}
/*プレイリスト li*/
#videog-playlist.vjs-playlist .vjs-playlist-item{
	margin-bottom:0;
	height:70px;
	background-color:rgb(45,45,45);
	border-bottom:1px solid rgb(67,67,67);
}
/* サムネイル イメージ スタイル */
#videog-playlist.vjs-playlist .vjs-playlist-thumbnail {
	display: none;
	/*height: 80px;*/
}
/*アイテムのタイトルコンテナ*/
#videog-playlist.vjs-playlist .vjs-playlist-title-container{
	width:100%;
	padding-top:8px;
	overflow:hidden;
	word-wrap:break-word;
	line-height:13px;
}
/* アイテムのタイトルスタイル */
#videog-playlist.vjs-playlist .vjs-playlist-name {
	font-weight: normal;
	display: block;
}
/* 現在再生中のアイテムのスタイル */
#videog-playlist.vjs-playlist .vjs-selected {
	color:#bbbbbb;
	background-color: rgb(56,56,56);
}
#videog-playlist.vjs-playlist .vjs-selected img {
	opacity: .5;
}
/* 現在再生中のアイテムを表示するテキストのスタイル */
#videog-playlist.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text {
	display: block;
}
/* 次回再生するアイテムを表示するテキストのスタイル */
#videog-playlist.vjs-playlist .vjs-up-next-text {
	font-size: .8em;
}

@media screen and (max-width:1000px){
	.Content{
		margin:0 20px;
	}
	#videog-videos{
		width:100%;
		display:block;
	}
	.disp-video-area{
		width:100%;
		aspect-ratio: 16/9;
	}
	#videog-playlist.vjs-playlist{
		width:100%;
		height:140px;
		flex: initial;
	}
}