@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/


html {
font-size:16px;

}

input, textarea, select, button {
width:50px;
height:30px;

}
#main {
width:100%;
text-align:center;
margin-right:auto;
margin-left:auto;

}


#ueb {

margin:0px;
}

#zeroBotanPc {
width:100px;

}

#stBotanPc {
width:150px;

}
#e_qu {
width:100%;
text-align:center;
margin-right:auto;
margin-left:auto;
padding:0px;

}

#e_ques {
text-align:center;margin-right:auto;margin-left:auto;padding:0px;width:100%;background-color: rgba(255,255,255,0.5);

position:absolute;
}

#setumei{
width:100%;
position:absolute;
margin-right:auto;
margin-left:auto;

}



#canvas1 {

padding:0px;
margin:0px;
width:100%;

}


table{
width:80%;
margin-top:20px;
text-align:right;
margin-right:auto;
}
td{
text-align:right;
margin-right:auto;
width:100px;
}


#seikai {


}

#huseikai {


}

}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
html {
font-size:16px;

}
#sere{
margin-right:auto;
margin-left:auto;
width:80px;
}

input, textarea, select, button {
width:50px;
height:30px;

}
#main {
width:100%;
text-align:center;
margin-right:auto;
margin-left:auto;

}


#ueb {

margin:0px;
}

#zeroBotanPc {
width:100px;

}

#stBotanPc {
width:150px;

}
#e_qu {
width:100%;
text-align:center;
margin-right:auto;
margin-left:auto;
padding:0px;
}

#e_ques {
text-align:center;margin-right:auto;margin-left:auto;padding:0px;width:100%;background-color: rgba(255,255,255,0.5);

position:absolute;
}

#setumei{
font-size:2em;
position:absolute;
margin-right:auto;
margin-left:auto;
width:100%;

}


#canvas1 {

padding:0px;
margin:0px;
width:100%;

}


table{
width:80%;
margin-top:20px;
text-align:right;
margin-right:auto;
}
td{
text-align:right;
margin-right:auto;
width:100px;
}


#seikai {


}

#huseikai {


}


}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
html {
font-size:16px;

}

#sere{
margin-right:auto;
margin-left:auto;
width:80px;
}

input, textarea, select, button {
width:50px;
height:30px;

}
#main {
width:100%;
text-align:center;
margin-right:auto;
margin-left:auto;

}


#ueb {

margin:0px;
}

#zeroBotanPc {
width:100px;

}

#stBotanPc {
width:150px;

}
#e_qu {
width:100%;
text-align:center;
margin-right:auto;
margin-left:auto;
padding:0px;
}

#e_ques {
text-align:center;margin-right:auto;margin-left:auto;padding:0px;width:100%;background-color: rgba(255,255,255,0.5);

position:absolute;
}

#setumei{
font-size:2em;
position:absolute;
margin-right:auto;
margin-left:auto;
width:100%;


}

#canvas1 {

padding:0px;
margin:0px;
width:100%;

}


table{
width:80%;
margin-top:20px;
text-align:right;
margin-right:auto;
}
td{
text-align:right;
margin-right:auto;
width:100px;
}


#seikai {


}

#huseikai {


}


}