body {
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    font-size: 14px;
}

.wrapper {
    /*max-width: 1170px;*/
    margin: 0 auto;
}

header {
    background: rgb(58, 171, 210);
    padding: 5px 10px;
    font-weight: bold;
    color: white;
    border-bottom: gray 3px solid;
    height: 16px;
}

.head_d {
    overflow: hidden;
}

    .head_d > div:first-child {
        float: left;
    }

    .head_d > div:last-child {
        float: right;
        font-weight: normal;
    }

button, [type="button"], [type="reset"], [type="submit"] {
    background-color: goldenrod;
    border: none;
    color: white;
    padding: 4px 10px;
    border-radius: 2px;
    cursor: pointer;
}

.main {
    display: flex;
}

a:link,
a:visited {
    text-decoration: none;
    color: royalblue;
}

a:hover {
    text-decoration: underline;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid lightgray;
}

    table td {
        border: 1px solid lightgray;
        padding: 5px;
    }

td:first-child {
    width: 200px;
    text-align: right;
}

td:last-child {
    text-align: left;
}

.table_case td {
    text-align: center;
}

.search_result {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid darkorange;
}

    .search_result td {
        border: 1px solid darkorange;
        padding: 5px 10px;
        line-height: 1.6rem;
    }

        .search_result td:first-child {
        }

        .search_result td:last-child {
        }

    .search_result > tbody > tr:nth-of-type(1) > td {
        margin: 0;
        padding: 0;
    }

        .search_result > tbody > tr:nth-of-type(1) > td > div {
            background-color: darkorange;
            color: white;
            font-size: 1.6rem;
            text-align: center;
            padding: 1rem 0;
        }

/*td 左寄せ*/
.nvabi span {
    /*margin-left: 0.5rem;*/
}

.nvabi > div {
    float: left;
}
/*td 金額*/
.xkput {
    background-color: lightyellow;
}

.guraq {
    text-align: right !important;
}

.mh6r {
    text-align: center !important;
}

.nvabi {
    text-align: left !important;
}

.DQBH > tbody > tr > td:nth-of-type(1),
.YTWD > tbody > tr > td:nth-of-type(1),
.JYNX > tbody > tr > td:nth-of-type(1) {
    text-align: right;
    padding-right: 5px;
    width: 200px;
}

.DQBH > tbody > tr > td:nth-of-type(2),
.YTWD > tbody > tr > td:nth-of-type(2),
.JYNX > tbody > tr > td:nth-of-type(2) {
    text-align: left;
    padding-left: 5px;
}

hr {
    border-top: 1px dotted lightgray;
    margin: 20px 0;
}

.tb_bikou {
    width: 500px;
    height: 100px;
}

.left {
    float: left;
    overflow: hidden;
    margin: 20px;
    width: 200px;
}

    .left > div:hover {
        background-color: #ffdb88;
        cursor: pointer;
    }

    .left > div:nth-of-type(2),
    .left > div:nth-of-type(3) {
        line-height: 22px;
    }

.upper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.mid {
    padding: 10px;
    border: lightgray 1px solid;
    border-width: 1px 1px 0;
}

.lower {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: lightgray 1px solid;
}

.left .far,
.left .fas {
    margin-right: 5px;
}

/*.left > div:nth-of-type(11),
.left > div:nth-of-type(12) {
    margin-top: 20px;
    border-radius: 10px;
    border: lightgray 1px solid;
}*/

h5 {
    margin-bottom: 10px;
    margin-left: 10px;
}

.right {
    float: right;
    overflow: hidden;
    width: 80%;
    margin: 20px;
    line-height: 22px;
}

footer {
    clear: both;
    background: rgb(58, 171, 210);
    text-align: right;
    padding: 4px 20px;
    color: white;
    height: 16px;
}

.cc {
    font-weight: bold;
}

.fa-copyright {
    margin-right: 3px;
}

.fa-toilet {
    margin: 2px;
}
/* right */
.span_c,
.span_ok,
.span_ng {
    font-size: 14px;
    color: white;
    margin: 2px;
    padding: 2px;
    border-radius: 3px;
}

.span_ok {
    background-color: royalblue;
}

.span_ng {
    background-color: firebrick;
}

.span_c {
    background-color: lightgray;
}

.fa-bluetooth-b {
    color: royalblue;
}
.asssign_cont {
    overflow: hidden;
    margin: 3px 0 10px 0;
    border: 1px solid lightgrey;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .asssign_cont > div {
        padding: 5px;
    }

.assign_view {
}

.pre_assign_view {
    border-top: 1px solid lightgrey;
}

    .pre_assign_view > div:nth-child(2),
    .pre_assign_view > div:nth-child(4) {
        float: left;
        width: 70px;
    }

.boat_info {
    overflow: hidden;
    margin-bottom: 10px;
}

    .modai_tbl .fa-circle,
    .boat_info .fa-circle {
        color: royalblue;
    }

    .modai_tbl .fa-ban,
    .boat_info .fa-ban {
        color: firebrick;
    }

    .boat_info div {
        float: left;
        width: calc(100% / 7 - 11px);
        padding: 5px;
        border: lightgray solid;
        border-width: 1px 0 1px 1px;
        text-align: center;
    }

        .boat_info div:last-child {
            width: calc(100% / 7 - 12px);
            border-width: 1px;
            border-top-right-radius: 10px;
        }

        .boat_info div:first-child {
            border-top-left-radius: 10px;
        }

    .boat_info input[type='text'] {
        width: calc(100% - 4px);
        border: none;
        text-align: center;
    }

    .boat_info input[type='submit'] {
        margin: 0 5px;
    }

.boat_name td {
    cursor: pointer;
}

.yosou_tbl {
    width: 80px;
    margin: 0 5px 0 20px;
    text-align: center;
}

.yosou_tb {
    width: 80px;
    margin: 0 5px;
    text-align: center;
}

/* 共通 */
.fa-users,
.boat_ok {
    color: royalblue;
}

.fa-people-arrows,
.boat_ng {
    color: firebrick;
}

.tbPre {
    width: 30px;
    margin: 0 5px;
    text-align: center;
}

.w30 {
    width: 40px;
    text-align: center;
}

.w100c {
    width: 130px;
    text-align: center;
}

.w90c {
    width: 90px;
    text-align: center;
}

.off_row {
    background-color: #ededed;
}

.kuuseki_row {
    background-color: #ffe1e1;
}

.right .fa-plus-square {
    margin-right: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.right .fa-angle-double-right {
    margin: 0 10px;
}

.right label {
    margin: 0 10px 0 5px;
}

.indi button, .indi input, .indi select {
    margin: 5px;
}

.cal_delete .fa-minus-square {
    color: firebrick;
    margin-left: 5px;
}

    .cal_delete .fa-minus-square:hover {
        cursor: pointer;
    }

.btn_delete {
    margin-left: 5px;
}

.tour_add_row {
    overflow: hidden;
}

    .tour_add_row > div:first-child {
        float: left;
    }

    .tour_add_row > div:last-child {
        float: right;
    }

#main_calendar td {
    width: calc(100% / 7);
    position: relative;
}

#main_calendar .fa-walking,
#main_calendar .fa-plane-departure,
#main_calendar .fa-phone-volume,
#main_calendar .fa-mobile-alt,
#main_calendar .fa-users,
#main_calendar .fa-user-alt,
#main_calendar .fa-chair {
    margin-right: 4px;
}

#main_calendar .fa-clipboard-check {
    margin-left: 10px;
    color: royalblue;
}

#main_calendar .fa-ship,
#main_calendar .fa-clipboard {
    margin-left: 10px;
    color: #9f9f00;
}

#main_calendar .fa-walking,
#main_calendar .fa-mobile-alt {
    margin-left: 10px;
}

.assign_view,
#main_calendar .today {
    background-color: lavender;
}

.pre_assign_view,
#main_calendar .preassign {
    background-color: antiquewhite;
}

.fa-list-alt {
    margin-right: 5px;
}

.MLGT {
    overflow: hidden;
}

    .MLGT > div {
        float: left;
        width: 50%;
        margin-top: 15px;
    }

    .MLGT textarea {
        width: 95%;
        height: 100px;
    }

.meibo_tbl {
    width: 320px;
}

    .meibo_tbl > tbody > tr > td:nth-child(3) > input {
        width: 50px;
        text-align: center;
    }

.howto td:nth-of-type(1) {
    width: 40px;
    vertical-align: top;
}

.howto td:nth-of-type(2) {
    text-align: justify;
    vertical-align: top;
    width: 200px;
    padding: 5px;
}

.howto td:nth-of-type(3) {
    text-align: justify;
    vertical-align: top;
    padding: 5px;
}

.BYLS {
    margin-top: 20px;
    color: royalblue;
}

.UWPL {
    margin-top: 20px;
    color: firebrick;
}

.FUSH2 {
    margin-top: 20px;
}

.FUSH {
    border-top: 2px black dotted;
    margin-top: 5px;
    padding-top: 20px;
}

    .FUSH img {
        width: 100%;
    }

.pzuy,
.erax {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 20px solid;
    border-right: 20px solid transparent;
}

.pzuy {
    border-top-color: royalblue;
}

.erax {
    border-top-color: #9f9f00;
}

.vuxj {
    position: absolute;
    bottom: 0;
    left: 0;
    border-right: 20px solid transparent;
    border-bottom: 20px solid firebrick;
}
/* mo-daru */
a.modal:link,
a.modal:visited,
a.modal:hover {
    color: black;
    text-decoration: none;
}

div#modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    div#modal div.background {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.75;
        filter: alpha(opacity=75);
        -ms-filter: "alpha(opacity=75)";
    }

    div#modal div.container {
        position: relative;
        width: 900px;
        height: 600px;
        background-color: #ffffff;
        overflow-y: scroll;
    }

/* mo-daru */

/* assign */
.boating {
    overflow: hidden;
}

    .boating > div:nth-child(4n) {
        margin-right: 0;
    }

.splitarea {
    float: left;
    width: calc(25% - 4px);
    margin-top: 10px;
}

.oneboat {
    float: left;
    width: calc(25% - 4px);
    margin-top: 10px;
    margin-right: 5px;
}

.onename {
    overflow: hidden;
    border: solid gray;
    border-width: 1px 1px 0 1px;
}

    .onename > div:first-child {
        float: left;
        margin: 5px;
    }

    .onename > div:last-child {
        float: right;
        margin: 5px;
    }

.onepool {
    min-height: 100px;
    border: solid gray;
    border-width: 0 1px 1px 1px;
    overflow: hidden;
}

.tan_passen {
    float: left;
    border: 1px lightgray solid;
    margin: 2px 5px;
}

    .tan_passen span {
        background-color: darkblue;
        color: white;
        text-align: center;
        padding: 0 4px;
        border-radius: 8px;
        margin: 0 4px;
    }

.s_tabukousha {
    background-color: firebrick !important;
}

.s_tour {
    background-color: darkgreen !important;
}

.s_coupon {
    background-color: goldenrod !important;
}

.s_charter {
    background-color: black !important;
}

.all_passem {
    overflow: hidden;
    min-height: 50px;
    border: 1px solid lightslategray;
    margin: 5px 0;
}

.btn_group [type="button"], .btn_group [type="reset"], .btn_group [type="submit"] {
    margin: 3px 10px 3px 0;
}

.btn_group > div:first-child {
    overflow: hidden;
}

    .btn_group > div:first-child > div:nth-child(1) {
        float: left;
    }

    .btn_group > div:first-child > div:nth-child(2) {
        float: left;
    }

    .btn_group > div:first-child > div:nth-child(3) {
        float: left;
    }

    .btn_group > div:first-child > div:nth-child(4) {
        float: right;
    }

        .btn_group > div:first-child > div:nth-child(4) [type="submit"] {
            background-color: firebrick;
        }

.wedf .fa-check-circle,
.btn_group .fa-save,
.btn_group .fa-check-circle {
    color: royalblue;
    font-size: 20px;
    margin-right: 6px;
}

.btn_group .fa-check-square {
    color: firebrick;
    font-size: 20px;
    margin-right: 6px;
}

#body1_rowEx1 input,
#body1_rowEx2 input,
#body1_rowEx3 input {
    width: 120px;
}

.wedf,
#body1_rowEx1 > div,
#body1_rowEx2 > div,
#body1_rowEx3 > div {
    overflow: hidden;
}

    .wedf > div,
    #body1_rowEx1 > div > div,
    #body1_rowEx2 > div > div,
    #body1_rowEx3 > div > div {
        float: left;
    }

        #body1_rowEx1 > div > div:last-child,
        #body1_rowEx2 > div > div:last-child,
        #body1_rowEx3 > div > div:last-child {
            margin-top: 5px;
        }

        .wedf > div:last-child {
            margin-top: 2px;
        }

        .wedf > div:first-child {
            margin-right: 10px;
        }

#body1_rowEx0 > div:nth-child(3) {
    margin-top: 5px;
}

#body1_divart {
    float: right;
}

    #body1_divart input {
        background-color: firebrick;
        width: unset;
    }

/* assign end */
/* printing */
.files {
    width: 800px;
    margin: 20px auto;
    border: 1px solid black;
    padding: 30px;
}

.p_head {
    border: 2px solid black;
}

    .p_head tr:first-child > :first-child {
        font-size: 30px;
    }

    .p_head tr:first-child > :last-child {
        font-size: 30px;
    }

.p_table {
    margin: 10px 0 0;
    border: 2px solid black;
}

    .p_table td {
        font-size: 18px;
        text-align: left;
        padding: 7px;
    }

        .p_table td:nth-of-type(2) {
            text-align: right;
        }

.doujou_list {
    overflow: hidden;
}

    .doujou_list > div {
        float: left;
        width: 33%;
        margin: 4px 0;
    }
/* printing end*/

.table_case {
    overflow-x: scroll;
    overflow-y: hidden;
}

    .table_case table {
        border-collapse: collapse;
        border: 1px solid lightgray;
    }

    .table_case td {
        padding: 0;
    }

.table_outer {
    max-height: calc(100vh - 93px);
    overflow-x: hidden;
    overflow-y: scroll;
}

.t_table {
    /*width: 3000px;*/
    text-align: center;
}

.t_td {
    width: 10px;
}

.td_no {
    width: 50px;
    padding: 3px 0;
}

.td_shu {
    width: 110px;
}

.look {
    position: relative;
    background-color: deepskyblue;
    padding: 3px 0;
    /*cursor: pointer;*/
}

.look_i {
    background-color: slategray;
    padding: 3px 0;
}

.cl_kei {
    background-color: gold;
}

.cl_normal {
    background-color: deepskyblue;
}

.cl_wagon {
    background-color: greenyellow;
}

.tcol {
    position: sticky;
    background-color: white;
    text-align: center;
    z-index: 10;
}

    .tcol:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid lightgray;
    }

.tpos1 {
    width: 52px;
    left: 0px;
}

.tpos2 {
    width: 110px;
    left: 51px;
}

.tpos3 {
    width: 30px;
    left: 202px;
}

.tpos4 {
    width: 30px;
    left: 243px;
}

.tposR {
    width: 30px;
    right: 0px;
}

.penent_f {
    color: firebrick;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 15px solid transparent;
    border-top: 15px solid;
}

.penent_r {
    color: firebrick;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid;
}

.penent_rm {
    color: goldenrod;
    position: absolute;
    bottom: 0;
    left: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid;
}

.r2 {
    border-right-width: 2px;
}

/* ツールチップ */

.tooltip {
    display: none;
    position: absolute;
    padding: 10px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 200px;
    text-align: left;
    z-index: 9999;
}

    .tooltip:before {
        content: "";
        position: absolute;
        top: -20px;
        /*right: 60%;*/
        left: 15px;
        border: 10px solid transparent;
        border-top: 10px solid red;
        margin-left: -10px;
        transform: rotateZ(180deg);
    }

.moji {
    width:100%;
    position: relative;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.moji:hover .tooltip {
    display: inline-block;
    top: 20px;
    left: 0;
}

.tooltip a:link,
.tooltip a:visited {
    background-color: royalblue;
    color: white;
    padding: 6px;
    /* line-height: 18px; */
    border-radius: 4px;
}

.reserve {
    background-color: royalblue;
    color: white;
}

.show {
    background-color: wheat;
}

.no_show {
    background-color: lightgray;
}

.lock {
    background-color: firebrick;
    color: white;
}
.is_yobi{
    background-color: palegoldenrod;
}

.t_zero{
    background-color: greenyellow;
}