/*
html{
    height:100vh;
*/}
body{
    height:100vh;
    //margin: 0;
    //padding: 150px 0 100px 0;
 //   height:calc(var(--vh,1vh)*100);
}
@supports (-webkit-touch-callout: none) {
  body {
    /* Safari用のハック */
    height: -webkit-fill-available;
  }
}

.body{
    height:calc(90vh - 120px);
}
#body{
    //height:calc(90vh - 120px);
    height:100%;
}

.page{
    height:100%;
}
#main{
    height:100%;
}

/*
* html body{
    overflow: hidden;
}
*/

#dispbox{
    width:98%;
    height:95%;
    font-size:12px;
}
div#disp{
    position: relative;
        overflow:hidden;
        width:100%;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode:vertical-rl;
        -moz-writing-mode:vertical-rl;
        writing-mode: vertical-rl;
text-orientation: mixed;
        height:95%;
        //height:calc(90%-90px);
        //z-index:9;
    //padding: 150px 0 100px 0;
    font-size:16px;
}
#disptmp{
  width:1ex;
  height:1ex;
  font-size:16px;
}

div#headerArea {
    //position: fixed !important;
    //position: absolute;
    //width:480px;
    height:40px;
    display:none;
}
div#footerArea {
    //position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: #4E9ABE;
    color: #fff;
    //z-index:90;
}
* html div#contentsArea{
    height: 100%;
    //overflow: auto;
    overflow: hidden;
}
#title{
    color:black;
}
#rev{
    float:right;
    color:black;
}
#ctrl{
    z-index:90;
    //float:left;
    padding-bottom: 0.5em

}
#config{
}
#config label{
  cursor: pointer;
}
#config #toggle{
  display: none;
}
#config input+div{
  display:none;
}
#config input:checked+div{
  display:block;
}
#config_info{
  background-color: skyblue;
}

.titleall{
  height:100%;
}
.title{
  border-left:solid 5px orange;
  border-bottom:solid 1px;
  padding-bottom:0;
  margin-bottom:0;

  font-weight:bold;
  //font-size:300%;

  width:100%;
  height:1.5em;
}

.subtitle{
        font-weight:bold;
        //font-size:150%;
  height:1em;
}
.button{
    float:left;
  //display: inline-block;
  display: none;
  padding: 0.2em 0.2em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px; 
}
#stop{
  display:none;
}
.nextb{
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #4676D7;
  color: #fff;
  padding: 8px 16px;
  font-size: 16px;
}