/* CSS Document */
/* ----------------------------------------------------------------------------
    RESET
   ---------------------------------------------------------------------------- */
html,body {
	margin:0 auto;
	padding:0;
	/*font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","Noto Serif",serif;*/
	text-align:center;
	vertical-align:bottom;
	background:#000;
}
h1, h2, h3, h4, h5, h6, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6, b, em, strong, dt, th, caption { font-weight: normal; }
em, address, optgroup, cite { font-style: normal; }
caption { text-align: left; }
 
body, div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, dl, dt, dd, table, th, td, thead, tbody, tfoot, caption, blockquote, pre, address, form, fieldset, legend, iframe { border: none; outline: none; padding: 0; margin: 0; vertical-align:baseline; }
 
li {
	/* [disabled]list-style-position: outside; */
}
ul li { list-style-type: none; }
 
 

 
table { width: 100%;}
th, td { text-align: left; vertical-align: top;}
 
pre { overflow-x: auto; }
textarea { width: 99%; overflow: auto; }
iframe { display: block; width: 100%; overflow: hidden; clear:both;}
 

 
/*sup { font-size: 71.5%; vertical-align: baseline; position: relative; bottom: 0.7em; }
sub { font-size: 71.5%; vertical-align: baseline; position: relative; top: 0.1em; }*/
 
/*abbr, acronym { border-bottom: 1px dotted; cursor: help; }*/
 
hr { display: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.trailer_list li.here{
	/*border-bottom:6px solid #b02;*/
}

.trailer_list li img.off{
	position:absolute;
	top:0;
	left:0;
}

.here,
.ml{
	width:100%;
	font-size:20px;
}

.here a:hover{
	color:#24cbd1;
}

.here a:active{
	color:#24cbd1;
}


.ml a:hover{
	color:#24cbd1;
}

.ml a:active{
	color:#24cbd1;
}

.btn_trailer{
	text-align:center;
	font-size:20px;
	margin-top:30px;
	position:relative;
	z-index:99;
}

table {
	width:100%;
	max-width:760px;
	margin:0 auto;
	border-collapse:collapse;

}
table tr th,
table tr td {
	padding:5px;
	text-align:center;
	white-space:nowrap;
	font-size:100%;
}

table tr td {
	font-size: 18px;
	color: #fff;
	width: 200px;
	height: 3em;
}


table tr th {
	font-weight:bold;
	
}

table a{
	color:#cc7db1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;	
}

table a:hover{
	color:#555;
	text-decoration: none;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}