@charset "UTF-8"; 

body{
background: #000000;
}
ul {
list-style: none; }

html {
font-size: 1.0rem;;
width: 100%;
height: 100%;
}

/**, *:before, *:after {
border: 0;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }*/

#player_contents {
position: relative;
width: 100%;
padding-top: 56.25%;
}

#player_contents iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.trailer_btn {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
border: 10px solid #000000;
box-sizing: border-box;
/*border-top: 1px solid #5c928a;
border-left: 1px solid #5c928a;*/
}
.trailer_btn li {
height: 50px;
color: #EE8787;
background: #c00202;
letter-spacing: 0.1em;
border: 4px solid #000000;
text-align: center;
line-height: 42px;
box-sizing: border-box;
}
.trailer_btn li.width33 {
width: calc(100% / 3);
}
.trailer_btn li.width50 {
width: 50%;
}
.trailer_btn li.width100 {
width: 100%;
}
.trailer_btn li:hover {
cursor: pointer;
}
.trailer_btn li.select {
color: #ffffff;
background: #c00202;
border: 4px solid #000000;
box-sizing: border-box;
}

a:hover, a:hover img {
	opacity:0.5;
}

a {outline: none;}

@media screen and (max-width:767px){
	html {
	font-size: 0.7rem;
		letter-spacing: 0;
	width: 100%;
	height: 100%;
}
}