body.exsplnt{
 background-color:#d9ffd9;
 color:#000000;
}

/* こっちでサイズ指定すると描画するときおかしな事に
canvas#stbeyev_disp{
 width:500px;
 height:500px;
}
*/

   @media screen and (max-width:736px){
     #canvPC{display:none;}
     #canvMb{display:inline-block;}
     table#beyevdsptblM{
       max-width:90vw;
     }

     td.lefttd{
       max-width:45vw;
     }

     td.righttd{
       max-width:45vw;
     }

     .edgetd{
       width:50vw;
       max-width:250px;
     }

     .paramsel{background-color:#ffffff;}
   }

   @media screen and (min-width:736px){
     #canvPC{display:inline-block;}
     #canvMb{display:none;}
     td.lefttd{
       width:500px;
     }

     td.righttd{
       width:100px ;
     }

     .edgetd{
       width:250px;
     }

   }

table#beyevdsptbl{
  border: 1px #a9a9a9 solid;
  width :850px;
  background-color:#eaeaea;
}

table#beyevdsptbl td{
 border: 1px #a9a9a9 solid;
}

input#dec_slid {
 width:350px;
 -webkit-transform:translateY(275px) translateX(350px) rotate(-90deg);
 -ms-transform:translateY(275px) translateX(350px) rotate(-90deg); 
 transform:translateY(275px) translateX(350px) rotate(-90deg);
 padding:5px ;
}

span#dec_top{
 -webkit-transform:translateY(-190px) translateX(20px);
 -ms-transform:translateY(-190px) translateX(20px);
 transform:translateY(-190px) translateX(20px); 
 display: block;
}

span#dec_btm{
 -webkit-transform:translateY(190px) translateX(15px);
 -ms-transform:translateY(190px) translateX(15px);
 transform:translateY(190px) translateX(15px);
 display:block;
}

span#declpos{
 margin-left:10px;
 -webkit-transform:translateY(-30px);
 -ms-transform:translateY(-30px);
 transform:translateY(-30px); 
 display: block;
} 

input#ras_slid {width:350px; }
input#mag_slid {width:350px; }

/*
　フォントサイズをより小さく
*/
.fntszmin{
 font-size:smaller ;
}