@media screen and (max-width: 450px) {

body{margin:0;
     padding:0;
     background-color:#E6E6E6;
     }




.userlogin{margin-left:auto;
           margin-right:auto;
           text-align:center;
           background-color:white;
           width:90%;
           border-radius: 3px;
           margin-bottom:auto;
          margin-top:70px;;
}


h1{text-align:center;
   font-size:15px;
   font-weight:bold;
   color:white;
   background-color:#00CB98;
   padding-top:3px;
   padding-bottom:3px;
   }




.notus{text-align:center;
       font-size:13px;
       color:red;



}




.logincam{text-align:left;
          margin-left:40px;
          margin-top:15px;
          font-size:13px;
          font-weight:bold;
          
          
          }



.tex       {text-align:center;
            
            }
    
.tex input[type="email"]{height:30px;
    padding: 2px 2px; /*ボックスを大きくする*/
    font-size: 12px;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 1px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
   margin-top:10px;
   width:260px;
   }



.tex input[type="password"]{height:30px;
    padding: 2px 2px; /*ボックスを大きくする*/
    font-size: 12px;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 1px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
   margin-top:10px;
   width:260px;
   }
   
   
   
   
   
   
.logra{text-align:left;
          margin-left:40px;
          margin-top:15px;
          font-size:14px;
          font-weight:bold;
          }
          
          
.logra input[type="checkbox"]{width:16px;
                              height:16px;}


.loginsub{text-align:center;
             margin-top:10px;
             margin-bottom:10px;}

.loginsub input[type="submit"]{font-size:13px;
               background-color:#088A68;
               color:white;
               padding:7px 6px;
               border : 1px solid #088A68;
               border-radius : 5%;
              width:110px;
             border-radius: 5px;
             margin-top:10px;
             margin-bottom:10px;

}


.passsnot{text-align:center;
         font-size:14px;
         color:#088A68;
         margin-top:10px;
         margin-bottom:10px;
}


.passnot a{
font-size:14px;
 color:#088A68;


}




}





@media screen and (min-width: 451px) and (max-device-width: 1500px){
body{margin:0;
     padding:0;
     background-color:#E6E6E6;
     width:80%
     margin-left:auto;
     margin-right:auto;
     }




.userlogin{margin-left:auto;
           margin-right:auto;
           text-align:center;
           background-color:white;
           width:25%;
           border-radius: 3px;
           margin-bottom:auto;
          margin-top:70px;;
}


h1{text-align:center;
   font-size:15px;
   font-weight:bold;
   color:white;
   background-color:#00CB98;
   padding-top:3px;
   padding-bottom:3px;
   }




.notus{text-align:center;
       font-size:13px;
       color:red;



}




.logincam{text-align:left;
          margin-left:40px;
          margin-top:15px;
          font-size:13px;
          font-weight:bold;
          
          
          }



.tex       {text-align:center;
            
            }
    
.tex input[type="email"]{height:30px;
    padding: 2px 2px; /*ボックスを大きくする*/
    font-size: 12px;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 1px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
   margin-top:10px;
   width:260px;
   }



.tex input[type="password"]{height:30px;
    padding: 2px 2px; /*ボックスを大きくする*/
    font-size: 12px;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 1px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
   margin-top:10px;
   width:260px;
   }
   
   
   
   
   
   
.logra{text-align:left;
          margin-left:40px;
          margin-top:15px;
          font-size:14px;
          font-weight:bold;
          }
          
          
.logra input[type="checkbox"]{width:16px;
                              height:16px;}


.loginsub{text-align:center;
             margin-top:10px;
             margin-bottom:10px;}

.loginsub input[type="submit"]{font-size:13px;
               background-color:#088A68;
               color:white;
               padding:7px 6px;
               border : 1px solid #088A68;
               border-radius : 5%;
              width:110px;
             border-radius: 5px;
             margin-top:10px;
             margin-bottom:10px;

}


.passsnot{text-align:center;
         font-size:14px;
         color:#088A68;
         margin-top:10px;
         margin-bottom:10px;
}


.passnot a{
font-size:14px;
 color:#088A68;


}




}