html{
	background-color:#ffa900;
}

/*body{
	background-color:#ffa900;
}*/

#container{
	width:100%;
	color:#717171;
}

#container > #movie01, #container > #movie02{
	width:89vw;
	background-color:#fff;
	border-radius: 10px;
	border:1px solid #fff;
}

h1 {
	padding-top:3%;
	margin:0 auto -2%;
	color:#000;
	text-align: center;
}

h1 img{
	width:92vw;
}

/*-----------------------*/
/*        #movie01         */
/*-----------------------*/

#movie01 {
	margin:0 auto;
	position:relative;
	z-index:1;
}

#movie01 .movie_wrap{
	padding-left:4vw;
	width:100%;
}

#movie01 h2{
	margin:2vw 0 1% 0;
}

#movie01 h2 img{
	/*width:15vw;*/
	width:80vw;
}

#movie01 article{
	display:inline-block;
	/*background:url(../img/01/shadow.png) no-repeat center top 65%;*/
	background:url(../img/01/shadow.png) no-repeat center top 63%;
	background-size:85%;
	vertical-align: top;
}

#movie01 .movies{
	width:38vw;
	height: calc(38vw * 0.5625)
}

#movie01 p{
	margin: 4% 0 7% 0;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:2.4vw;
	font-weight:500;
	letter-spacing:10%;
}

#movie01 .content01, #movie01 .content02, #movie01 .content03, #movie01 .content04 {
	/*background: url(../img/01/shadow.png) no-repeat center top 65%,*/
	/*background: url(../img/01/shadow.png) no-repeat center top 61%,*/
	background: url(../img/01/shadow.png) no-repeat center top 63%;
	background-size: 85%,
					 20%;
}

#movie01 .content05, #movie01 .content06 {
	/*background: url(../img/01/shadow.png) no-repeat center top 65%,*/
	/*background: url(../img/01/shadow.png) no-repeat center top 61%,*/
	background: url(../img/01/shadow.png) no-repeat center top 70%;
	background-size: 85%,
					 20%;
}

#movie01 .content01, .content03, .content05, .content07, .content09{
	/*margin-left:4vw;*/
	margin-left:0vw;
}

#movie01 .content02, .content04, .content06, .content08{
	/*margin-left:4vw;*/
	margin-left:3vw;
}

/*-----------------------*/
/*        #movie02         */
/*-----------------------*/
#movie02 {
	font-family:serif;
	margin:5% auto 0 auto;
	padding:2% 0 3% 0;
	text-align:center;
}

#movie02 h2 img{
	width:57vw;
}

#movie02 .sample_movie{
	margin-bottom:4%;
}

#movie02 .sample_movie img{
	width:62vw;
}

#movie02 .sample_movie{
	width:62vw;
	height: calc(62vw * 0.5625)
}

#movie02 h2, .sample_movie, .txt01, .txt02, .click_button{
	margin-top:2%;
}

#movie02 .txt01 img{
	width:62vw;
}

#movie02 .txt02 img{
	width:62vw;
}

#movie02 .click_button img{
	width: 30vw;
}

/*-----------------------*/
/*        #link         */
/*-----------------------*/

#link {
	padding:7% 0 2% 0 ;
}

#link ul{
	list-style:none;
	text-align:center;
}
#link > ul > li {
	width: 42vw;
	display:inline;
	vertical-align: top;
	margin: 0 2.5vw;
}
#link li+li{
	margin-top:2%;
}

#link li img{
	width:42vw;
}

#link > ul > li > a{
	width:42vw;
}

footer {
	width:100%;
	padding-top:5%;
	padding-bottom:15%;
	text-align:center;

	color:#000;
	font-size:2.4vw;
}