*{
  margin: 0px;
  padding: 0px;
  font-family: Roboto,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3';
  font-size: calc(12px + 0.25vw);
  color: #333;
  outline: none;
  caret-color: transparent;
}
a{
  display: inline-block;
  color: #2fa;
  text-decoration: none;
  cursor: pointer;
}

li {
  list-style: none;
}
h1,h2,h3,h4,h5,h6{
  line-height: 1em;
}
h1{
  font-size: calc(32px + 0.25vw);
}
h2{
  font-size: calc(26px + 0.25vw);
}
h3{
  font-size: calc(31px + 0.25vw);
}
h4{
  font-size: calc(18px + 0.25vw);
}
h5{
  font-size: calc(15px + 0.25vw);
}
h6{
  font-size: calc(11px + 0.25vw);
  color: #666;
}
p{
  line-height: 1.4em;
}
input {
  background: #eee;
  border: 0px;
  border-radius: 6px;
  color: #555;
  caret-color: #aaa;
}
input:focus {
  background: #aaf;
  outline: 0;
  border: none;
  color: #fff;
}
table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 8pt;
}
table th {
  padding: 4px 0px;
  border: 0;
  color: #aaf;
}
table td {
  border: 0;
  color: #bbf;
}
.td0 {
  color: #ddf;
}
.td1 {
  background: #bbf;
  color: #fff;
  border-radius: 2px;
}
.td2 {
  background: #55f;
  color: #fff;
  border-radius: 2px;
}
audio{
  width: 100%;
  background: #f4f4f4;
  border-bottom: 1px solid #ddd;
  border-radius: 6px;
}
/*--------[z-index_◆]--------*/
/*---------------------------------------------------*/
/*-------------------▼全体の設定------------------*/
/*---------------------------------------------------*/
body{
  background: #fafafa;
}
/*====================*/
/*====================*/
/*=======[#all]=======*/
/*====================*/
/*====================*/

#all{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}