@charset "utf-8";
/* CSS Document */
article,aside,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #4B4B4D;
	margin-left : auto ;
	margin-right : auto ;
	text-align: center;
	position:relative;
}
section#movie {
	/*width:100%;*/
	margin:0 auto;
	position:relative;
	z-index:1;
	/*border: 1px solid #FF0000;*/
}
.pulldownButton {
	color:#ffffff;
	background:rgba(0,0,0,0.9);
	border:none;
	font-size: 14px;
	line-height:150%;
	padding:3px 3px 6px 3px;
}
.MenuWrapperSet {
	width:210px;
	margin: 0 auto;
}
.SpeedChangeTextBg {
	font-family:'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', Meiryo, ���C���I, sans-serif;
	font-size:13px;
	color:#c8cbd1;
	width:100px;
	height:15px;
	margin-right: auto;
	position: relative;
	bottom: 0;
}
.SpeedChangeImg {
	background:url("../img/icon_speed.png") no-repeat;
	background-size: 25px 25px;
	width:50px;
	height:25px;
	position: relative;
	margin-left:37px;
}
.BottomMenuBorder {
	border-bottom-width: 1px;
	border-bottom-color: rgb( 39, 39, 41 );
	border-bottom-style: solid;
	position: relative;
	height: 50px;
	width:100%;
}
#streaming_video {
	width: 75%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	height: auto;
	position:relative;
	z-index:1;
}
.playbutton {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	margin-top:-30px;
	margin-left:-30px;
	z-index:2;
}
/*---20180116---*/
@media screen and (max-width : 529px) {
	.controlpanel {
		right:15px;
	}
}
@media screen and (min-width : 530px) {
	.controlpanel {
		left:50%;
		margin-left:35%;
	}
}
.controlpanel {
	position:absolute;
	top:0px;
	z-index:100;
	text-align:right;
}
.triger {
	position:absolute;
	/*top:-60px;*/
	left:-90px;
	width:24px;
	height:24px;
	padding:8px;
	background:rgba(0,0,0,0.8);
	border-radius:0px 0px 6px 6px;
	text-align:right;
}
.movie-wrapper:hover .triger {
	top:0px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.triger img {
	width:100%;
	height:auto;
}
.togglecontent {
	display: none;
	position:absolute;
	top:48px;
	right:0px;
	background:rgba(0,0,0,0.8);
	border-radius:6px;
	padding:8px;
}

/******************
20180216 HDS動画への対応
******************/
section#movie_hds {
	margin: 0 auto;
}
section#movie_hds object,
section#movie_hds embed {
	width: 100%;
	height:100%;
}
section#movie,
section#movie_hds,
aside.controlpanel {
	display: none;
}