body{
	height:100%;
	width:100%
}

.container{
	width:100%;
	margin:0 auto;
	color:#727171;
	font-size:3vw;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.hidden{
	visible:none;
}

.title{
	padding:4% 0 4% 0;
	text-align:center;
	background-color:#ffa900;
}

.title img{
	width:64%;
}

h2{
	text-align:center;
	padding-top:7%;
}

h2 img{
	width:67%;
}


/*-----------------------*/
/*        #intro         */
/*-----------------------*/

#intro{
	
}

#intro .txt{
	margin:4% auto 5% auto;
	width:92%;
	text-align:left;
	line-height:140%;
}

/*-----------------------*/
/*        #movie         */
/*-----------------------*/

#movie article{
	width:100%;
}

#movie .wrapper{
	width:100%;
	text-align:right;
	background-color:#ffefd1;
	font-size:0px;
}

#movie .inline{
	display:inline-block;
	vertical-align:top;
	
}

#movie .left{
	width:42%;
}

#movie .left img{
	padding:10% 4vw 0 0;
	width:37vw;
}

#movie .right{
	margin-right:0;
	width:56%;
}

#movie .movies{
	width:100%;
	height: calc(56vw * 0.5625);
}

#movie .txt{
	width:90%;
	margin:5% auto 6% auto;
	line-height:140%;

}


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

#link {
	padding:6% 0 8% 0 ;
}

#link ul{
	list-style:none;
	text-align:center;
}

#link li+li{
	margin-top:2%;
}

#link li img{
	width:42vw;
}

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

#link .back{
	margin:5% 5% 0 0;
	text-align:right;
}

#link .back img{
	width:31%;
}

#link .back a{
	color:#727171;
	font-size:2.6vw;
	text-decoration:none;
	border-bottom:1px solid #727171;
}


#link .triangle{
	vertical-align:middle;
	display:inline-block;
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #727171;
	border-right: 1px solid #727171;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

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