/***** 証書検証結果フォーム ****/

#result {
    width: 920px;
    color: #0070c0;
    position: relative;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

    #result dl {
        margin-left: 180px;
    }

    #result dt {
        width: 11em;
        text-align: left;
        color: #333;
        float: left;
        clear: left;
    }

    #result dd {
        text-align: left;
        font-weight: bold;
        margin-left: 7em;
        margin-bottom: 1em;
    }

    #result #msg {
        margin-top: 40px;
        margin-left: 180px;
    }

    #result .btn {
        font-size: 160%;
        clear: both;
        color: #fff;
        background: #0075c2;
        border: solid 1px #0075c2;
        text-decoration: none;
        width: 240px;
        margin: 70px 30px 60px;
        padding: 7px;
        display: inline-block;
        cursor: pointer;
        text-align: center;
    }

        #result .btn:hover {
            background-color: #fff;
            border-color: #0075c2;
            color: #0075c2;
        }


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

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

    #result {
        width: 96%;
        margin: auto;
        top: 30px;
    }

        #result dl {
            margin-left: 0px;
        }

        #result dt {
            width: 6.5em;
        }

        #result dd {
            margin-left: 7em;
        }
        
        .ddLastData{
            margin-top: 1.8rem !important;
            margin-bottom: 1.6rem !important;
        }

        #result #msg {
            margin-left: 0px;
        }

        #result .btn {
            font-size: medium;
            padding: 10px 0px;
            width: 155px;
            margin: 30px auto 5px;
        }

            #result .btn:last-child {
                margin: 10px auto 20px;
            }
}