@charset "utf-8";
*:not(input):not(textarea):not(select),
input[type=image],
input[type=file],
input[type=submit],
input[type=button],
input[type=reset] {
	-webkit-user-select: none;
}
html { 
	overflow: scroll;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-user-select: none;
	}
body {
	margin:0;
	padding:0;
}
img{
	border:0;
}
#canvas{
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:425px;
}
#canvcontainer{
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:425px;
}
#loadingcontainers{
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:425px;
	pointer-events: none;
}
#loading{
	position:absolute; top:179px; left:287px;
	z-index:500;
}
#start_modal{
	position:absolute;
	top:0px;
	left:0px;
	width:640px;
	height:425px;
	-webkit-background-size: 100% 100%;
	visibility:hidden;
}
#play_btn{
	text-align:center;
	margin:106px auto;
	background-image: url("../img/play.png");
	background-repeat: no-repeat;
	width:213px;
	height:213px;
}


#videocontainers{
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:425px;
	pointer-events: none;
}

video{
	position:absolute;
	top:50px;
	left:144px;
	width:352px;
	height:240px;
	margin:0;
	padding:0;
	z-index:100;
	display:none;
	pointer-events:auto;
}

video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-toggle-closed-captions-button,
video::-webkit-media-controls-closed-captions-container,
video::-webkit-media-controls-closed-captions-track-list{
	display:none;
}

#endVideo{
	position:absolute;
	top:120px;
	left:187px;
	width:266px;
	height:156px;
	text-align:center;
	z-index:200;
	display:none;
}
#endVideo div{
	padding:8px;
	width:250px;
	height:140px;
	margin:0 auto;
	background-color: #666;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #000000;
	background-clip: padding-box;
	display:table-cell;
	vertical-align: middle;
}
#videoCaption{
	z-index:100;
	position:absolute;
	bottom:130px;
	left:0px;
	width:640px;
	height:45px;
	display:none;
}

#videoCaption p{
	margin:5px 30px 0 50px;
	color:#fff;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:18px;
	vertical-align:middle;
}

#videoCaption sup, sub {
	height: 0; 
	line-height: 1; 
	vertical-align: baseline; 
	_vertical-align: bottom; 
	position: relative; 
} 
sup { 
	bottom: 1ex;
} 
sub { 
	top: .5ex; 
} 

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
}