﻿.price {
    width: 3em;
    text-align: right;
}

.routeButton {
    width: 2em;
}

.inputFields {
    text-align: left;
}

#icsca {
    color: #bcd300;
    font-family: sans-serif;
}

#transport {
    margin-top: 2px;
    margin-bottom: 2px;

    border-color: #a8a8a8;
    border-style: solid;
    border-width: 1px;
}

#days {
    margin-top: 2px;
    margin-bottom: 2px;

    border-color: #a8a8a8;
    border-style: solid;
    border-width: 1px;
}

#commandArea {
    text-align: left;
}

#area {
    margin-top: 2px;
    margin-bottom: 2px;

    border-color: #a8a8a8;
    border-style: solid;
    border-width: 1px;

    line-height: 1.2em;
    display: none;
}

#totalArea {
    margin-top: 4px;
    margin-bottom: 2px;

    border-color: #a8a8a8;
    border-style: solid;
    border-width: 1px;
    line-height: 1.2em;
    display: none;
}

/* smartPhone */
@media screen and (max-width: 640px) {
    /*ここにスマホ用スタイルを記述*/
    body {
        font-size: 1.2em;
    }

    h1 {
        font-size: 1.3em;
    }

    legend {
        font-size: 1.0em;
    }

    table {
        width: 100%;
    }
    tr {
        width: 100%;
        line-height: 1.5em;
    }

    fieldset {
        padding-left: 2px;
        padding-right: 2px;
    }

    .button {
        width: 30%;
        height:1.5em;
    }

     .inputFields {
         text-align: right;
     }

    div#buttons {
        margin-bottom: 4px;
        line-height:1.5em;
        text-align: justify;

    }

    td.totalCommand {
        width: 5.5em;
        padding-left: 0px;
        padding-right: 0px;
    }

    td.inputDesc {
        width: 5em;
    }

    .companyName {
        font-size: 0.9em;
        padding-left: 0px;
        padding-right: 0px;
    }

    .price {
        width: 2em;
        max-width: 3em;
        padding-left: 0px;
        padding-right: 0px;
    }

    #commandArea {
        text-align: right;
    }

    #area {
        margin-top: 2px;
        margin-bottom: 2px;

        border-color: #a8a8a8;
        border-style: solid;
        border-width: 1px;

        line-height: 1.5em;

        display: none;
    }

    #totalArea {
        margin-top: 4px;
        margin-bottom: 2px;

        border-color: #a8a8a8;
        border-style: solid;
        border-width: 1px;
        line-height: 1.5em;

        display: none;
    }

}

