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

body{
	background: #fff;
}

#wrapper{
	background:url(../img/bg_movie.png) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	z-index:-10;
}
/*
.content_t h2 img{
	width:35%;
}*/
.content_t h3 img{
	width:35%;
}

.youtube_box_c{
	margin-bottom:40px;
}

.youtube_box_c p{
	line-height:1.8;
}

.g_new{
	font-size: 11px;
	font-weight: bold;
	color: #d80c18;
	padding: 4px 8px 3px 8px;
	margin: 0 5px 10px 0;
	border-bottom: #d80c18 2px solid;
}

.btn{
	width:400px;
}

.m_btn{
	width:200px;
    display: block;
	color:#d80c18;
	font-weight:bold;
	letter-spacing:3px;
	padding:10px 15px;
	margin:0 10px 10px 10px;
	border:#d80c18 solid 3px;
	background:#FFF;
	font-size: 150%;
}
/*.btn:hover {
	background-color:#E8007E;
	color:#fff;
	text-decoration:none;
}*/

@-webkit-keyframes m_btn {
  50% {
    background-color: rgba(236, 108, 0, 1);
  }
}
@keyframes m_btn {
  50% {
    background-color: rgba(236, 108, 0, 1);
  }
}
.m_btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.m_btn:hover, .m_btn:focus, .m_btn:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #d80c18;
  color: white;
}


/*----------------------------
common classes
----------------------------*/
.mb30{
	margin-bottom: 30px;
}

.mb70{
	margin-bottom: 70px;
}


@media screen and (max-width: 834px) {
	#wrapper{
	background:url(../img/bg_movie_b_sp.png) no-repeat top center;
	background-size: contain;
	}
/*.content_t h2 img{
	width:50%;
}*/
.content_t h3 img{
	width:50%;
}
	.mb70{
	margin-bottom: 30px;
}
.btn{
	width:80%;
	margin-bottom:30px;
}
}
@media screen and (max-width: 640px) {
	.mb70{
	margin-bottom: 20px;
	}
	.youtube_box_c,.youtube_box,.youtube_box_2{
	width:80%;
	height:250px;
	margin:0 auto 0;
	}
	.youtube_box_c p,.youtube_box p,.youtube_box_2 p{
	width:100%;
	}
	.content_t h3 img{
	width:70%;
	}
	
}