@charset "utf-8";

/*
body{
  background-color: #000;
  color: #fff;
}
*/
.submenu {
  display: flex;
  justify-content: space-between;
}
.submenu .sub_block{
  padding: 0.5em;
  margin: 0.5em 1em;
  width: 30%;
  border: 1px solid #666;
  background-color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.submenu a{
  display: block;
  font-size: 0.8em;
  color: #fff;
  text-align: center;
  width: 100%;
}
.top {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px;
  line-height: 1;
}
.eng{
  display: block;
  border-top: 1px solid #666;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-top: 3px;
}
.info{
  margin: 1em;
}
.infotitle{
  background: #333;
  padding: 0.5em;
  font-size: 1.1em;
  font-weight: 600;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
table{
  width: 100%;
}
.infotable, .infotable2 {
  background: #fff;
  color: #000;
  border-collapse: collapse;
  border: 4px solid #666;
  margin-bottom: 3em;
}
th, td{
  border: 2px solid #aaa;
  padding: 0.5em;
  font-size: 0.9em;
}
th{ text-align: left; }
.infotable th{
  width: 30%;
}
.infotable2 th{
  width: 45%;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.toyopetimg img{
  display: inline-block;
  margin:2px;
  background: #fff;
  border:1px solid #FFF;
}