@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);

@media screen and (min-width: 767px) {
    #login h1 a{
      display: none;
    }

    body{
      background-color: #f1f1f1;
    }


    p.message {
    display:none;
    }

    p#nav{
    display:none;
    }

    p#backtoblog {
    display:none;
    }

    body.login div#login {
      position: absolute;
      top:  15%;
      left: 37%;
      width:380px;
    }

    #loginform p:nth-child(1) label{
        font-size:0;
    }

    #loginform p:nth-child(1) label:before{
        font-size: 14px;
        content:"ユーザID";
    }
}

@media screen and (max-width: 767px) {
    #login h1 a{
      display: none;
    }

    body{
      background-color: #f1f1f1;
    }


    p.message {
    display:none;
    }

    p#nav{
    display:none;
    }

    p#backtoblog {
    display:none;
    }

    body.login div#login {
      position: absolute;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
      width:90%;
    }

    #loginform p:nth-child(1) label{
        font-size:0;
    }

    #loginform p:nth-child(1) label:before{
        font-size: 14px;
        content:"ユーザID";
    }
}