@charset 'utf-8';



#trailer{

    margin: 0 auto;

	background-color: transparent !important;

	font-family:"ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}





.contoller{

    margin:0 auto;

    overflow: hidden;

	display: table;

	width: 100%;

	table-layout: fixed;

}





.contoller li{

	display: table-cell;

	vertical-align:middle;

}

.contoller li a{

	display: block;

	padding: 13px 0;

	text-decoration: none;

	background: #FFF;

	color: #000000;

	font-weight: bold;

	text-align: center;

	font-size: 21px;

	font-size: 2.1rem;

X	text-shadow: 1px 1px 3px #CCC; 

}

.contoller li a.active,

.contoller li a:hover{

	background: #9b592c;

	color: #FFF;

}

.contoller li img{

	width: 100%;

	height: auto;

}



ul#contoller li.last{

    width:390px;

}

#movie {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

}

#movie iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	vertical-align: bottom;

}