@charset "UTF-8";

.float{
    float: right;
    margin-right: 0px;
}


#player {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	z-index: 99999999999999999999;
}

/*画面サイズが変わっても常に動画の中央が表示されるようにする*/
/*動画よりも画面が横に長くなるとき用*/
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}


body {
  background-color:black;
  margin: 0;
}

ul {
  display: inline;
  list-style-type: none;
}

header li {
  float: left;
  border: solid 2px #339;
  padding: 5px 8px;
  text-align: center;
}

.answer li {
  width: 180px;
  padding: 5px 8px;
  text-align: center;
  margin: 5px 12px;
}

footer {
  background-color: #CCFFCC;
    bottom: 0;
    width: 100%;
}

header{
  background-color:  #878787
}

.clear {
  clear: both;
}


button{
display:inline-block;
background:#00FF00;
padding:15px  90px;
text-align:center;
color:#3366FF;
margin:auto
border:2px solid;
cursor:pointer;
margin: inherit;
margin: initial;
margin: revert;
margin: unset;
vertical-align: top;
font-size:32px
}

button1{
display:inline-block;
background:#FFFF00;
padding:15px  90px;
text-align:center;
color:#3366FF;
margin:auto
border:2px solid;
cursor:pointer;
margin: inherit;
margin: initial;
margin: revert;
margin: unset;
vertical-align: top;
font-size:32px
}