@charset "UTF-8";
/***レスポンシブ対応***/

html{	
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  margin:0 auto;
  font-size:62.5%;
}
body{
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	background-color:#420c04;
}
/**reset**/
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li{margin: 0; padding:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display:block; margin: 0; padding:0;}
 a{
	text-decoration:none;
}


.cf {zoom:1;}
.cf:after {
	content: ""; 
	display: block; 
	clear: both;
}


.page{
	width:100%;
	text-align:center;
	background:url(../images/bg_all.jpg) no-repeat center top;
	padding-top: 32px;
}

.contents{
	width:100%;
	background-image: url(../images/bg2.jpg);
	background-position: center -160px;
	background-repeat: repeat-x;
	
}
.page header h1 img{
	margin-top: -120px;
}
h3{
	margin-top: 100px;
	margin-bottom: 50px;
}
section img{
	margin-bottom: 40px;
}
.mc{
	margin-top: 100px;
	background-image: url(../images/bg_mc.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.singer{
	margin-top: 70px;
}


.singer h2{
	margin-top: 70px;
}



#movie{
	width:746px;
	margin:80px auto;
}
#movie .tvo-video{
	width:746px;
	height:396px;
}


.img_s{
	display: none;
}

.page footer{
	margin-top: 100px;
	text-align:center;
	padding:150px 0 0;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #420c04;
}
@media screen and (max-width: 1024px) {
img{
	width:100%;
	height:auto;
}
	.img_s{
		display: block;
	}
	.img_pc{
		display: none;
	}
#movie{
	width:600px;
	margin:0 auto 70px;;
}
#movie .tvo-video{
	width:600px;
	height:338px;
}
	
.page{
	width:100%;
	text-align:center;
	background:none;
margin: 0px;
	padding-top: 0px;
	background-size: 100%;
}
	
	.img_s_main{
		margin-bottom: -50px
	}	
	.img_main{
		display: none;
	}
	
.page header h1 img{
	margin-top: 0px;
	width: 80%;
	margin: 0 auto;
	display: block;
}	
.contents{
	width:100%;
	background-image:none;
	
	background-image: url(../images/bg3.jpg);
	background-size: 100%;
	background-position:  center 50px;
	
}	
.contents h2{
	width: 90%;
	margin: 20px auto;
}		
.contents h3{
		width: 50%;
		height:auto;
	margin: 60px auto 0;
		display: block;
	}	

.contents p{
		width: 90%;
		height:auto;
	margin: 0px auto 30px;
	}	
	
.contents h1{
		width: 60%;
		height:auto;
	margin: 30px auto 0;
		display: block;
	}	
	.mc{
		width: 90%;
		margin: 0 auto;
		background-image: url(../images/bg_mc.jpg);
	background-position: center 50px;
	background-repeat: no-repeat;
		background-size: 100%;}

		
		.singer{
			width: 90%;
		margin: 0 auto;
		background-image: url(../images/bg_mc.jpg);
	background-position: center 50px;
	background-repeat: no-repeat;
		background-size: 100%;
			
		}	
		
			.singer h2{
			width: 60%;
		margin: 0 auto;
			
		}		
	
	
.page footer{
	background-size: 150%;
	margin-top: 0px;
	padding: 50px;
}
	.page footer img{
		width: 100%;
		margin: 0px 0 -30px;
	}
}
@media screen and (max-width: 600px) {
	#movie{
	width:320px;
	margin:0 auto 70px;;
}
#movie .tvo-video{
	width:320px;
	height:180px;
}}