/*icon*/
[class*='fi-']:before {
    font-size: 14px;
    font-family: 'FontAwesome';
    vertical-align: middle;
    margin-right: .5em;
    line-height: 14px;
    display: inline-block;
}

.fi-unit:before {
    content: "\f1ad";
}

.fi-calendar:before {
    content: "\f073";
}

.fi-paper:before {
    content: "\f15c";
}

.fi-int:before {
    content: "\f0ea";
}

.fi-cog:before {
    content: "\f013";
}

.fi-bell:before {
    content: "\f0f3";
}

.fi-user:before {
    content: "\f007";
}

.fi-srh:before {
    content: "\f002";
}

.fi-page-left:before {
    content: "\f0d9";
}

.fi-page-front:before {
    content: "\f048";
}

.fi-page-right:before {
    content: "\f0da";
}

.fi-page-btm:before {
    content: "\f051";
}

.fi-arrowdown:before {
    content: "\f0d7";
}

/*default*/
.iln-B {
    display: inline-block;
}

.inp-T {
    border: 1px solid #ccc;
    height: 32px;
    background-color: white;
    border-radius: 3px;
    padding: 0 .5em;
}

.inp-Dsa {
    border: 1px solid #ccc;
    height: 32px;
    background-color: #fff0e9;
    border-radius: 3px;
    padding: 0 .5em;
    text-align: right;
    cursor: not-allowed;
}

.inp-select {
    border: 1px solid #ccc;
    height: 32px;
    background-color: white;
    border-radius: 3px;
    padding: 0 .5em;
    min-width: 70px;
}

.flexform .inp-chbx, .inp-rdo, .cellData > label {
    margin-right: .5em;
}

textarea {
    min-width: 250px;
    min-height: 60px;
    padding: .3em;
    border-radius: 3px;
}

.DSA {
    cursor: not-allowed;
}

.hidden {
    display: none;
}

input {
    cursor: pointer;
}

.btn-Mdf {
    background-color: #59b957;
    color: white;
    border: 2px solid #4cb34a;
    border-radius: 4px;
    padding: .3em 1.5em;
}

.btn-Ers {
    background-color: #db524a;
    color: white;
    border: 2px solid #d7423b;
    border-radius: 4px;
    padding: .3em 1.5em;
}

.btn-Srh {
    background-color: #f2ae43;
    color: white;
    border: 2px solid #f0a62b;
    border-radius: 4px;
    padding: .3em 1.5em;
}

.btn-Img {
    background-color: #55C0E0;
    color: white;
    border: 2px solid #40B8DB;
    border-radius: 4px;
    padding: .3em 1.5em;
}

.btn-Data {
    background-color: #888;
    color: white;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding: .3em .8em;
}


/*form*/
#content > .container-fluid {
    padding: 0;
}

.flexform {
    display: block;
    width: 100%;
    padding: 0.5em;
    background-color: #ffffe6;
}

.fm_mainTtl {
    line-height: 38px;
    font-size: 18px;
    padding: 9px 0 9px 1.5em;
    color: white;
    background-color: #d7851b;
    margin-bottom: .4em;
    font-weight: 600;
}

.fm_mainTtl:before {
    line-height: 24px;
    font-size: 24px;
}

.fm_mainTt2 {
    line-height: 38px;
    font-size: 18px;
    padding: 9px 0 9px 1.5em;
    color: white;
    background-color: #cc9900;
    margin-bottom: .4em;
    font-weight: 600;
}

.fm_mainTtl:before {
    line-height: 24px;
    font-size: 24px;
}

.fm_subTtl {
    line-height: 30px;
    font-size: 17px;
    padding: 9px 0 9px 1.5em;
    color: #232d5e;
    background-color: #fff;
}

.fm_subTtl:before {
    font-size: 24px;
    font-family: 'FontAwesome';
    vertical-align: middle;
    margin-right: .5em;
    line-height: 24px;
    display: inline-block;
    content: "\f055";
}

.fm-col {
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-top: 1px solid #c7c7c7;
    /*border-bottom: none;*/
    background: #cbebeb;
}

.fm-col .fm-cell {
    width: 50%;
    padding: 0 0 0 2.3em;
    color: #00756f;
    border-bottom: 1px solid #c7c7c7;
}

.fm-col .fm-cell .mole {
    padding: 9px .5em 9px 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.fm-col .fm-cell .cellTle {
    width: 150px;
    color: #00756f;
}

.must {
    color: #b32d00;
}

.pk {
    background-color: #d1e0e0;
}

.fm-col .fm-cell .cellTle:before {
    font-size: 20px;
    font-family: 'FontAwesome';
    vertical-align: middle;
    margin-right: .5em;
    line-height: 20px;
    display: inline-block;
    content: "\f0da";
}

.fm-col .fm-cell .cellData {
    width: calc(100% - 150px);
    background: #fff;
    padding-left: .5em;
}

.fm-col .fm-cell a:before {
    color: #232d5e;
    line-height: 18px;
    font-size: 18px;
    margin: 0 .5em;
}

.fm-col:last-child {
    border: none;
}

.sgl.fm-col .fm-cell {
    width: 100%;
}

.sgl.fm-col .fm-cell .cellTle {
    width: 150px;
}

.sgl.fm-col .fm-cell .cellData {
    width: calc(100% - 150px);
}

.fm_list-TH {
    line-height: 30px;
    font-size: 17px;
    padding: 9px 0 9px 1.5em;
    color: #232d5e;
    padding-left: 0;
    background-color: #fff8c1;
}

.fm_list-TH span {
    display: inline-block;
    text-align: center;
}

.fm_list-TH span.order {
    width: 20%;
}

.fm_list-TH span.print {
    width: 30%;
}

.fm_list-TH span.content {
    width: 50%;
}

.saving .fm_list-TH span.order {
    width: 30%;
}

.saving .fm_list-TH span.content {
    width: 70%;
}

.list.fm-col .fm-cell {
    padding: .6em 0;
    text-align: center;
    line-height: normal;
}

.list.fm-col .fm-cell label {
    display: block;
    line-height: 25px;
}

.list.fm-col .order {
    width: 20%;
    align-self: center;
}

.list.fm-col .print {
    width: 30%;
    align-self: center;
}

.list.fm-col .content {
    width: 50%;
    align-self: center;
}

.saving .list .order {
    width: 30%;
}

.saving .list .content {
    width: 70%;
}

.fm-end {
    background-color: #f5f5f5;
    text-align: center;
    line-height: 48px;
    border-top: 1px solid #f5f5f5;
    padding-bottom: 5px;
}

.fm-end .btn-Mdf, .fm-end .btn-Ers, .fm-end .btn-Srh {
    padding: .3em 1.5em;
    line-height: 1.5;
}

.resulTable {
    padding: 1em 5px;
    /*border-top: 1px dotted #009c94;*/
    margin: 1em 0;
}

.resulTable .fm-end {
    border: 7px solid #feffe3;
}

table {
    border-collapse: collapse;
    line-height: 1.5;
}


.TB-sty1 > tbody {
    text-align: center;
    border-bottom: 2px solid #d35d1e;
}

.TB-sty1 > tbody > .tb-head {
    background: #de6625;
    color: white;
}

.TB-sty1 > tbody > .tb-head th {
    padding: 1em 0;
    text-align: center;
    font-size: 16px;
}

.TB-sty1 > tbody > tr {
    /*border-top: 5px solid white;
    border-bottom: 5px solid white;*/
    background: #cbebeb;
    margin: 0;
}

.TB-sty1 > tbody > tr td {
    padding: .5em 0;
}

.TB-sty1 > tbody > tr td .td-row {
    display: block;
    line-height: 30px;
    text-align: left;
    padding-left: .6em;
}

.TB-sty1 > tbody > tr td .td-row .inp-T, .TB-sty1 > tbody > tr td .td-row .inp-Dsa {
    height: 25px;
    width: 50%;
}

.TB-sty1 > tbody .tb-row + .tb-row {
    border-top: none;
}

.TB-sty1 > tbody > .tb-row:nth-child(2n-1) {
    background: #fff;
}

.TB-sty1 > tbody .tb-row:last-child {
    border: none;
}

.TB-sty1 > tbody .tb-row:hover {
    background: #fff8c1;
}

.TB-sty2 {
    margin: auto;
}

.TB-sty2 > tbody > .tb-head {
    background: #fff8c1;
    color: #232d5e;
}

.TB-sty2 > tbody > .tb-head th {
    padding: .5em 0;
}

.TB-sty2 > tbody > tr td {
    background: white;
}

.TB-sty2 > tbody > tr.tb-end td {
    background: #f2ae43;
}

.TB-sty3 > tbody {
    text-align: center;
    border-bottom: 2px solid #d97e24;
}

.TB-sty3 > tbody > .tb-head {
    background: #d7711c;
    color: white;
}

.TB-sty3 > tbody > .tb-head th {
    padding: 1em 0;
    text-align: center;
    font-size: 16px;
}

.TB-sty3 > tbody > tr {
    /*border-top: 5px solid white;
    border-bottom: 5px solid white;*/
    background: #cbebeb;
    margin: 0;
}

.TB-sty3 > tbody > tr td {
    padding: .5em 0;
}

.TB-sty3 > tbody > tr td .td-row {
    display: block;
    line-height: 30px;
    text-align: left;
    padding-left: .6em;
}

.TB-sty3 > tbody > tr td .td-row .inp-T, .TB-sty3 > tbody > tr td .td-row .inp-Dsa {
    height: 25px;
    width: 50%;
}

.TB-sty3 > tbody .tb-row + .tb-row {
    border-top: none;
}

.TB-sty3 > tbody > .tb-row:nth-child(2n-1) {
    background: #fff;
}

.TB-sty3 > tbody .tb-row:last-child {
    border: none;
}


/*page section*/
.pagination {
    text-align: center;
    display: block;
    margin: 1em 0;
}

.pagination .fi-page-front:before {
    font-size: 20px;
}

.pagination .fi-page-btm:before {
    font-size: 20px;
}

.btn-page {
    display: inline-block;
    vertical-align: top;
    background: #d98d21;
    padding: 4px 10px;
    border-radius: 3px;
    margin-right: 5px;
    text-align: center;
    color: white;
    border: 2px solid #de7d1c;
}

.btn-page:before {
    margin: 0;
    font-size: 24px;
}

.btn-page:hover {
    background: #ffa064;
    border: 2px solid #ffa064;
    color: white;
}

/*--RWD setting--*/
@media (max-width: 1190px) {
    .container {
        width: 100%;
    }

    .flexform .fm_mainTtl, .flexform .fm_subTtl {
        padding-left: 1em;
    }

    .flexform .fm-cell {
        padding-left: 1.8em;
    }
}

@media (max-width: 800px) {
    .flexform .fm-col {
        border: none;
    }

    .flexform .fm-cell {
        display: block;
        width: 100%;
        border-bottom: 1px solid white;
    }

    .flexform .fm-cell .mole {
        display: inline-block;
    }

    .flexform .sgl.fm-col .cellTle {
        width: 28%;
    }

    .flexform .sgl.fm-col .cellData {
        width: 72%;
    }

    .resulTable .TB-sty1 {
        width: 98%;
        margin: auto;
        border-collapse: separate;
    }

    .resulTable .TB-sty1 .tb-head {
        display: none;
    }

    .resulTable .TB-sty1 .tb-row td {
        display: block;
        position: relative;
        padding: .5em 5px .5em 32%;
        border-bottom: 1px solid #fff;
        min-height: 55px;
    }

    .resulTable .TB-sty1 .tb-row td:before {
        content: attr(th-title);
        position: absolute;
        padding: 0 1em;
        left: 0;
        top: 0;
        min-width: 90px;
        background-color: #d97b19;
        color: #fff;
        height: 100%;
        line-height: 26px;
        width: 23%;
    }

    .resulTable .TB-sty1 .tb-row:nth-child(2n-1) > td:before {
        background-color: #da7c12;
    }
}

@media (max-width: 450px) {
    .flexform .fm-cell .mole {
        height: auto;
    }

    .flexform .fm-cell .cellTle {
        min-width: 130px;
    }

    .flexform .fm-cell .cellData {
        width: auto;
    }

    .resulTable .TB-sty1 .tb-row td {
        padding-left: 125px;
    }
}

.no_row {
    background-color: #edf7f7;
}