@charset "UTF-8";



.subHead{
  color: #eb6d8e;
  margin-bottom: 10px;
	font-size: 40px;
	letter-spacing: .15em;
}

.subHead span{
	font-size: 20px;
	letter-spacing: .06em;
}

.mainHead_ttl{
  background: url(/assets/img/trailer/h1_bg.jpg) center center no-repeat;
  background-size: cover;
  height: 150px;
}

.mainHead_ttl h1 img{
  right: 0;
  left: 0;
}

/* ----------------------------------------
youtube
 ---------------------------------------- */
#youtube{
	width:94%;
	max-width: 960px;
	margin: 80px auto 120px;
	text-align: center;
}

.youtube_box{
		display: inline-block;
}

.youtube_box .place{
	font-size: 140%;
	text-align: left;
}

.youtube_box .place span{
	color: #eb6d8e;
}

.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed{
	text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 960px){
	.youtube_box{
			    width: 28%;
				display: inline-block;
				margin-right: 7%;
				margin-bottom: 5%;
		}
	
	.youtube_box:nth-of-type(3),
	.youtube_box:last-of-type{
		margin-right: 0;
	}
}

@media screen and (min-width: 481px) and (max-width: 959px) {
	.youtube_box{
			width: 44%;
			margin-right: 5%;
			margin-bottom: 5%;
	}
	
	.youtube_box:nth-of-type(even),
	.youtube_box:last-of-type{
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {

.mainHead_ttl{
  background: url(/assets/img/trailer/h1_bg.jpg) center center no-repeat;
  background-size: cover;
  height: 100px;
}

#youtube{
	margin: 30px auto 60px;
}

	.youtube_box{
		width: 47%;
		margin-right: 2%;
}

}