@charset "UTF-8";

header {
    min-height: 3vh;
}

footer {
    min-height: 2vh;
}

main {
    min-height: 85vh;
}

h1 {
    font-size: 120%;
}

button, input[type="submit"] {
    margin: 0.3em;
}

.controlText {
    display: inline-block;
    width: 10em;
    text-align: right;
}

.controlText + input {
    display: inline-block;
}

.controlInput > p {
    margin-left: 0.3em;
}

.controlMessage {
    display: inline-block;
    margin-top: 0.8em;
}

.controlAdditionalControl {
    display: inline-block;
}


.controlInput .JpDateEraBox,
.controlInput .MuniInputPrefBox {
    margin-left: 0.3em;
}


/* 検索結果 */
.search .result table {
    display: table;
    width: auto;
    margin: 0 5vw 0 5vw;
    border-collapse: collapse;
}

.search .result thead {
    display: block;
    float: none;
    margin: 0;
}

.search .result tbody {
    display: block;
    float: none;
    white-space: nowrap;
    overflow-y: scroll;
    height: 40vh;
}

.search .result thead tr,
.search .result tbody tr {
    display: table-row;
}

.search .result th {
    display: table-cell;
    width: auto;
    height: 2em;
    text-align: left;
    padding: 0.3rem;
}

.search .result td {
    display: table-cell;
    height: 2em;
    padding: 0.3rem;
}

.search .result th div {
    width: 100%;
}

.search .result button {
    margin: 0;
}

.search .result .pageNavi {
    margin: 0 5vw 0 5vw;
}