/***** ログインフォーム ****/
#title {
    width: 335px;
    position: relative;
    /*top: 80px;*/
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-size: 130%;
}

#login {
    /*width: 335px;
    color: #0070c0;
    position: relative;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;*/
    /*height: 190px;*/
    
    margin: 2em auto;
    margin-top: 4rem;
    padding: 1em 1em 0;
    max-width: 335px;
    color: #0070c0;
    text-align: center;
}

    #login dl {
        margin-bottom: 40px;
    }

    #login dt {
        margin: 0 0 5px;
        width: 6.5em;
        text-align: left;
        float: left;
        clear: left;
    }

    #login .imo dd {
        margin: 0 0 0.5em;
    }

    #login .imo input {
        padding: 4px 2px 2px;
        border: 1px solid #0070c0;
        width: 220px;
    }

        #login .imo input:hover,
        #login .imo input:focus {
            outline: medium none;
            background-color: #f7fdff;
            border-color: #6ddeff;
        }

    #login .tracking dd {
        margin: 0 0 0.5em;
        /*display: inline-block;*/
    }

    #login .tracking input {
        width: 40px;
        padding: 4px 2px 2px;
        border: 1px solid #0070c0;
        margin: 0px;
    }

    #login .trackingIdUnit { /* TrackingID入力箇所のひと固まり */
        display: inline-block;
    }

    #login .tracking dd:nth-child(2) input {
        margin-left: 0px;
    }

    #login .tracking dd:nth-child(5) input {
        margin-right: 0px;
    }

    #login .tracking input:hover,
    #login .tracking input:focus {
        outline: medium none;
        background-color: #f7fdff;
        border-color: #6ddeff;
    }

    #login .btn {
        font-size: 180%;
        clear: both;
        color: #fff;
        background: #00b0f0;
        border: solid 1px #00b0f0;
        padding: 5px 0px;
        text-decoration: none;
        width: 200px;
        margin: 50px auto 85px;
        display: block;
        cursor: pointer;
        text-align: center;
    }

        #login .btn:hover {
            background-color: #fff;
            border-color: #00b0f0;
            color: #00b0f0;
        }

/***************************************
                スマホ  
***************************************/

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

    #login {
        width: 90%;
        top: 30px;
    }

        #login dl {
            margin-bottom: 10px;
        }

        #login dt {
            width: 100%;
        }

        #login input {
            width: 100%;
        }

        #login .btn {
            font-size: medium;
            padding: 10px 0px;
            width: 135px;
            margin: 20px auto 20px;
        }
}