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

/* 目次ページのvideo.js実装*/
#include_video_youtube_api{
		display: block;
		width: 100%;
		height: auto;
		margin: auto;
}

#include_video.video-js.include_video-dimensions{
	width: 100%;
	height: auto;
	max-width: 576px;
	aspect-ratio: 16 / 9;
	margin:0 auto 4em auto;
}

#include_video button.vjs-big-play-button{
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#include_video.video-js .vjs-control-bar{
	bottom: -3em;
	background-color: #2B333F;
}

@media screen and (min-width: 641px) {
	#include_video.video-js.include_video-dimensions ~ a.textLink{
		margin-left: 4em;
	}
	#contents p.annotation{
		margin-left: 42px !important;
	}
}

@media screen and (max-width: 640px) {
	#include_video_youtube_api{
		max-width: 520px;
	}
	#include_video.video-js.include_video-dimensions{
		margin: 0 0 4em 0;
	}
	#contents div.movie h1{
		margin-left: 0;
	}
}

#contents h1{
	margin-bottom: 1em;
}

#contents h1 + p{
	margin-left: 0;
}

#contents .movie_idx{
	margin-top: 2.5em;
}

#contents p.annotation{
	font-size: 0.9em;
}