@-ms-viewport {
    width: auto;
}

@viewport {
    width: device-width;
}

body {
    font-size: 14px;
}

.container {
    width: 100%;
}

div.syori_message_block {
    margin: 15px 0px 0px 0px ;
    color: red;
    font-weight: bold;
}

div.panel {
    margin: 10px 0px ;
}

div.csv_download_block {
    float: right ;
    padding-right: 5px;
}

div.search_block {
    margin: 10px 0px;
    padding: 10px;
    border: solid 1px #aaaaff;
}

div.select_month_block {
    float:left;
}

div.title_month_block {
    width: 100%;
    padding: 10px;
    font-size: 1.8em;
    font-weight: bold;
}

button.btn_search {
    font-size: 1.2em;
    font-weight: bold;
    padding: 1px 30px;
}

table.search_table {
    margin: 5px;
}

table.search_table td {
    padding: 5px 8px;
}

button.btn_uij_turn {
    font-size: 1.2em;
    font-weight: bold;
    padding: 1px 30px;
}

table.input_table {
    margin: 5px;
}

table.input_table td {
    padding: 5px 8px;
}

/*
 *   下部余白あり
 */
table.data_table {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
    border-collapse: separate;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 0 100px 0 ;
}

table.data_table thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #0080c0;
}

table.data_table thead th {
    border: 0.5px solid #fff;
    padding: 10px;
    font-weight: bold;
    color: #fff;
}

table.data_table tbody td {
    border: 1px solid #fff;
    padding: 10px;
}

table.data_table tbody td button {
    color: #000;
}

table.data_table tbody tr {
    background: #edf0f7;
    color : #000;
}

table.data_table tbody tr:nth-child(2n) {
    background: #dee5f7;
    color : #000;
}

td.table_leftrow {
    background: #0080c0;
    color: #fff ;
}

/*
 *   下部余白なし
 */
table.data_table2 {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
    border-collapse: separate;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.data_table2 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #0080c0;
}

table.data_table2 thead th {
    border: 0.5px solid #fff;
    padding: 10px;
    font-weight: bold;
    color: #fff;
}

table.data_table2 tbody td {
    border: 1px solid #fff;
    padding: 10px;
}

table.data_table tbody td button {
    color: #000;
}

table.data_table2 tbody tr {
    background: #edf0f7;
    color : #000;
}

table.data_table2 tbody tr:nth-child(2n) {
    background: #dee5f7;
    color : #000;
}


/*
 *   緑色テーブル
 */
.col_strong{
    background: #32cd32;
    color: #fff;
}

.col_normal {
    background: #a7f38a;
}

.col_week {
    background: #ddfaaa;
}

/*
 *   証明写真
 */
.photo_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 200px;
    height: 200px;
    background-size: contain;
}