@charset "UTF-8";
/*------------------------
sightone.scss
------------------------*/
.m_t0i {
    margin-top: 0 !important;
}

.m_t3 {
    margin-top: 3px;
}

.m_t5 {
    margin-top: 5px;
}

.m_t10 {
    margin-top: 10px;
}

.m_t15 {
    margin-top: 15px;
}

.m_t20 {
    margin-top: 20px;
}

.m_t30 {
    margin-top: 30px;
}

.mr5 {
    margin-right: 5px;
}

.m_r10 {
    margin-right: 10px;
}

.m_r15 {
    margin-right: 15px;
}

.m_r30 {
    margin-right: 30px;
}

.m_b0i {
    margin-bottom: 0 !important;
}

.m_b5 {
    margin-bottom: 5px;
}

.m_b10 {
    margin-bottom: 10px;
}

.m_b20 {
    margin-bottom: 20px;
}

.p_all0_5i {
    padding: 0 5px !important;
}

.p_all5i {
    padding: 5px !important;
}

.p_all10i {
    padding: 10px !important;
}

.p_t0i {
    padding-top: 0 !important;
}

.p_t3i {
    padding-top: 3px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.p_t5i {
    padding-top: 5px !important;
}

.p_t8i {
    padding-top: 8px !important;
}

.p_t10i {
    padding-top: 10px !important;
}

.p_b5i {
    padding-bottom: 5px !important;
}

.p_b8i {
    padding-bottom: 8px !important;
}

.p_b10i {
    padding-bottom: 10px !important;
}

.p_r5i {
    padding-right: 5px !important;
}

.p_r8i {
    padding-right: 8px !important;
}

.p_r10i {
    padding-right: 10px !important;
}

.p_l5i {
    padding-left: 5px !important;
}

.p_l8i {
    padding-left: 5px !important;
}

.p_l10i {
    padding-left: 10px !important;
}

.p_l23i {
    padding-left: 23px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.mw500 {
    max-width: 500px !important;
}

.mw600 {
    max-width: 600px !important;
}

.mw700 {
    max-width: 700px !important;
}

.mw750 {
    max-width: 750px !important;
}

.mw800 {
    max-width: 800px !important;
}

.mw900 {
    max-width: 900px !important;
}

.minh30 {
    min-height: 30em !important;
}

.fluid-width {
    width: 100% !important;
}

.w1 {
    width: 1%;
}

.w4 {
    width: 4%;
}

.w5 {
    width: 5%;
}

.w7 {
    width: 7%;
}

.w8 {
    width: 8%;
}

.w9 {
    width: 9%;
}

.w10 {
    width: 10%;
}

.w11 {
    width: 11%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w23 {
    width: 23%;
}

.w28 {
    width: 28%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w100 {
    width: 100%;
}

.wp1 {
    width: 1%;
}

.wp4 {
    width: 4%;
}

.wp5 {
    width: 5%;
}

.wp7 {
    width: 7%;
}

.wp8 {
    width: 8%;
}

.wp9 {
    width: 9%;
}

.wp10 {
    width: 10%;
}

.wp11 {
    width: 11%;
}

.wp15 {
    width: 15%;
}

.wp18 {
    width: 18%;
}

.wp19 {
    width: 19%;
}

.wp20 {
    width: 20%;
}

.wp21 {
    width: 21%;
}

.wp22 {
    width: 22%;
}

.wp23 {
    width: 23%;
}

.wp25 {
    width: 25%;
}

.wp28 {
    width: 28%;
}

.wp30 {
    width: 30%;
}

.wp40 {
    width: 40%;
}

.wp100 {
    width: 100%;
}

.w1e {
    width: 1em;
}

.w4e {
    width: 4em;
}

.w5e {
    width: 5em;
}

.w7e {
    width: 7em;
}

.w8e {
    width: 8em;
}

.w9e {
    width: 9em;
}

.w10e {
    width: 10em;
}

.w15e {
    width: 15em;
}

.w20e {
    width: 20em;
}

.w30e {
    width: 30em;
}

.w40e {
    width: 40em;
}

.w90p {
    width: 90px !important;
}

.w100p {
    width: 100px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs40 {
    font-size: 40px !important;
}

.ff_logo {
    font-family: "Kameron", serif;
    font-weight: bold;
}

.ff_logo_color {
    color: #95c6e5 !important;
}

.bold {
    font-weight: bold !important;
}

.white {
    color: #fff;
}

.fc_yellow {
    color: #ffb752 !important;
}

.fc_success {
    color: #87b87f !important;
}

.fc_success2 {
    color: #52bc63;
}

.fc_info {
    color: #6fb3e0 !important;
}

.fc_primary {
    color: #307ecc !important;
}

.fc_red {
    color: #e04141 !important;
}

.fc_lpink {
    color: #e486aa !important;
}

.fc_d_blue {
    color: #5b6983 !important;
}

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

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

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

.lh30p {
    line-height: 30px;
}

.btn-se {
    line-height: 14px !important;
    width: 100% !important;
}

.popover-content {
    padding: 9px 14px;
    font-family: Meiryo, "メイリオ", "Open Sans", Helvetica, Arial, sans-serif;
    /*background-color: #F0F0F0;*/
}

.popover {
    padding: 0;
    font-size: 11px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.fl_left {
    float: left !important;
}

.fl_right {
    float: right !important;
}

.clear {
    clear: both;
}

.btn-client-approve {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    max-width: 70px !important;
    margin: auto !important;
    border-radius: 6px !important;
    font-size: 11px !important;
}

body {
    font-family: "メイリオ", Meiryo, "Avenir Next", Verdana,
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック",
        "Yu Gothic", Osaka, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .fixed {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        top: 0px;
        width: 100%;
        height: 45px;
    }
    .main-container {
        padding-top: 45px;
    }
}

@media (min-width: 768px) {
    .fixed {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        top: 0px;
        width: 100%;
        height: 140px;
    }
    .main-container {
        padding-top: 140px;
    }
}

input,
textarea,
select {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    font-size: 14px;
}

.form_wrap select {
    height: 32px !important;
}

.navbar {
    background-color: #307ecc;
}

.ace-nav > li.light-blue > a {
    background-color: #307ecc;
}

.ace-nav > li.light-blue > a:focus,
.ace-nav > li.light-blue > a:hover,
.ace-nav > li.open.light-blue > a {
    background-color: rgba(0, 0, 0, 0.1);
}

.ace-nav > li {
    border-left: 0;
}

.sidebar-shortcuts i {
    font-size: 50px;
    font-size: 3.125rem;
}

.dropdown-navbar {
    width: 100% !important;
}

.btn_center {
    text-align: center;
}

.btn_right {
    float: right;
}

.ttl01 {
    padding: 5px 10px;
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: repeating-linear-gradient(
        45deg,
        #fff,
        #fff 2px,
        #e4e4e4 2px,
        #e4e4e4 4px
    );
}

.pageback_wrap {
    width: 90%;
    margin: 5px auto 0;
    text-align: left;
}

/* placeholderの設定  ******************/
:placeholder-shown {
    color: #abbac3 !important;
    font-weight: bold;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #abbac3 !important;
    font-weight: bold;
}

/* Firefox 18- */
:-moz-placeholder {
    color: #abbac3 !important;
    opacity: 1;
    font-weight: bold;
}

/* Firefox 19+ */
::-moz-placeholder {
    color: #abbac3 !important;
    opacity: 1;
    font-weight: bold;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #abbac3 !important;
    font-weight: bold;
}

.ser_sec {
    padding: 3px;
    overflow-x: hidden;
    max-height: 300px;
}

.ser_sec_list {
    background-color: #fff;
}

.setting_icon {
    font-family: "FontAwesome";
    font-size: 18px;
}

/* 480px　breakpoint追加用  ******************/
@media screen and (max-width: 479px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12 {
        float: left;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-11 {
        width: 91.6667%;
    }
    .col-xxs-10 {
        width: 83.3333%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-8 {
        width: 66.6667%;
    }
    .col-xxs-7 {
        width: 58.3333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.6667%;
    }
    .col-xxs-4 {
        width: 33.3333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-2 {
        width: 16.6667%;
    }
    .col-xxs-1 {
        width: 8.33333%;
    }
    .col-xxs-pull-12 {
        right: 100%;
    }
    .col-xxs-pull-11 {
        right: 91.6667%;
    }
    .col-xxs-pull-10 {
        right: 83.3333%;
    }
    .col-xxs-pull-9 {
        right: 75%;
    }
    .col-xxs-pull-8 {
        right: 66.6667%;
    }
    .col-xxs-pull-7 {
        right: 58.3333%;
    }
    .col-xxs-pull-6 {
        right: 50%;
    }
    .col-xxs-pull-5 {
        right: 41.6667%;
    }
    .col-xxs-pull-4 {
        right: 33.3333%;
    }
    .col-xxs-pull-3 {
        right: 25%;
    }
    .col-xxs-pull-2 {
        right: 16.6667%;
    }
    .col-xxs-pull-1 {
        right: 8.33333%;
    }
    .col-xxs-pull-0 {
        right: 0;
    }
    .col-xxs-push-12 {
        left: 100%;
    }
    .col-xxs-push-11 {
        left: 91.6667%;
    }
    .col-xxs-push-10 {
        left: 83.3333%;
    }
    .col-xxs-push-9 {
        left: 75%;
    }
    .col-xxs-push-8 {
        left: 66.6667%;
    }
    .col-xxs-push-7 {
        left: 58.3333%;
    }
    .col-xxs-push-6 {
        left: 50%;
    }
    .col-xxs-push-5 {
        left: 41.6667%;
    }
    .col-xxs-push-4 {
        left: 33.3333%;
    }
    .col-xxs-push-3 {
        left: 25%;
    }
    .col-xxs-push-2 {
        left: 16.6667%;
    }
    .col-xxs-push-1 {
        left: 8.33333%;
    }
    .col-xxs-push-0 {
        left: 0;
    }
    .col-xxs-offset-12 {
        margin-left: 100%;
    }
    .col-xxs-offset-11 {
        margin-left: 91.6667%;
    }
    .col-xxs-offset-10 {
        margin-left: 83.3333%;
    }
    .col-xxs-offset-9 {
        margin-left: 75%;
    }
    .col-xxs-offset-8 {
        margin-left: 66.6667%;
    }
    .col-xxs-offset-7 {
        margin-left: 58.3333%;
    }
    .col-xxs-offset-6 {
        margin-left: 50%;
    }
    .col-xxs-offset-5 {
        margin-left: 41.6667%;
    }
    .col-xxs-offset-4 {
        margin-left: 33.3333%;
    }
    .col-xxs-offset-3 {
        margin-left: 25%;
    }
    .col-xxs-offset-2 {
        margin-left: 16.6667%;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333%;
    }
    .col-xxs-offset-0 {
        margin-left: 0;
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (min-width: 480px) {
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left;
    }
    .col-xs-12 {
        width: 100%;
    }
    .col-xs-11 {
        width: 91.6667%;
    }
    .col-xs-10 {
        width: 83.3333%;
    }
    .col-xs-9 {
        width: 75%;
    }
    .col-xs-8 {
        width: 66.6667%;
    }
    .col-xs-7 {
        width: 58.3333%;
    }
    .col-xs-6 {
        width: 50%;
    }
    .col-xs-5 {
        width: 41.6667%;
    }
    .col-xs-4 {
        width: 33.3333%;
    }
    .col-xs-3 {
        width: 25%;
    }
    .col-xs-2 {
        width: 16.6667%;
    }
    .col-xs-1 {
        width: 8.33333%;
    }
    .col-xs-pull-12 {
        right: 100%;
    }
    .col-xs-pull-11 {
        right: 91.6667%;
    }
    .col-xs-pull-10 {
        right: 83.3333%;
    }
    .col-xs-pull-9 {
        right: 75%;
    }
    .col-xs-pull-8 {
        right: 66.6667%;
    }
    .col-xs-pull-7 {
        right: 58.3333%;
    }
    .col-xs-pull-6 {
        right: 50%;
    }
    .col-xs-pull-5 {
        right: 41.6667%;
    }
    .col-xs-pull-4 {
        right: 33.3333%;
    }
    .col-xs-pull-3 {
        right: 25%;
    }
    .col-xs-pull-2 {
        right: 16.6667%;
    }
    .col-xs-pull-1 {
        right: 8.33333%;
    }
    .col-xs-pull-0 {
        right: 0;
    }
    .col-xs-push-12 {
        left: 100%;
    }
    .col-xs-push-11 {
        left: 91.6667%;
    }
    .col-xs-push-10 {
        left: 83.3333%;
    }
    .col-xs-push-9 {
        left: 75%;
    }
    .col-xs-push-8 {
        left: 66.6667%;
    }
    .col-xs-push-7 {
        left: 58.3333%;
    }
    .col-xs-push-6 {
        left: 50%;
    }
    .col-xs-push-5 {
        left: 41.6667%;
    }
    .col-xs-push-4 {
        left: 33.3333%;
    }
    .col-xs-push-3 {
        left: 25%;
    }
    .col-xs-push-2 {
        left: 16.6667%;
    }
    .col-xs-push-1 {
        left: 8.33333%;
    }
    .col-xs-push-0 {
        left: 0;
    }
    .col-xs-offset-12 {
        margin-left: 100%;
    }
    .col-xs-offset-11 {
        margin-left: 91.6667%;
    }
    .col-xs-offset-10 {
        margin-left: 83.3333%;
    }
    .col-xs-offset-9 {
        margin-left: 75%;
    }
    .col-xs-offset-8 {
        margin-left: 66.6667%;
    }
    .col-xs-offset-7 {
        margin-left: 58.3333%;
    }
    .col-xs-offset-6 {
        margin-left: 50%;
    }
    .col-xs-offset-5 {
        margin-left: 41.6667%;
    }
    .col-xs-offset-4 {
        margin-left: 33.3333%;
    }
    .col-xs-offset-3 {
        margin-left: 25%;
    }
    .col-xs-offset-2 {
        margin-left: 16.6667%;
    }
    .col-xs-offset-1 {
        margin-left: 8.33333%;
    }
    .col-xs-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.6667%;
    }
    .col-sm-10 {
        width: 83.3333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.6667%;
    }
    .col-sm-7 {
        width: 58.3333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.6667%;
    }
    .col-sm-4 {
        width: 33.3333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.6667%;
    }
    .col-sm-1 {
        width: 8.33333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.6667%;
    }
    .col-sm-pull-10 {
        right: 83.3333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.6667%;
    }
    .col-sm-pull-7 {
        right: 58.3333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.6667%;
    }
    .col-sm-pull-4 {
        right: 33.3333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.6667%;
    }
    .col-sm-pull-1 {
        right: 8.33333%;
    }
    .col-sm-pull-0 {
        right: 0;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.6667%;
    }
    .col-sm-push-10 {
        left: 83.3333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.6667%;
    }
    .col-sm-push-7 {
        left: 58.3333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.6667%;
    }
    .col-sm-push-4 {
        left: 33.3333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.6667%;
    }
    .col-sm-push-1 {
        left: 8.33333%;
    }
    .col-sm-push-0 {
        left: 0;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.6667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.3333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.6667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.3333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.6667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.3333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.6667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.6667%;
    }
    .col-md-10 {
        width: 83.3333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.6667%;
    }
    .col-md-7 {
        width: 58.3333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.6667%;
    }
    .col-md-4 {
        width: 33.3333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.6667%;
    }
    .col-md-1 {
        width: 8.33333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.6667%;
    }
    .col-md-pull-10 {
        right: 83.3333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.6667%;
    }
    .col-md-pull-7 {
        right: 58.3333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.6667%;
    }
    .col-md-pull-4 {
        right: 33.3333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.6667%;
    }
    .col-md-pull-1 {
        right: 8.33333%;
    }
    .col-md-pull-0 {
        right: 0;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.6667%;
    }
    .col-md-push-10 {
        left: 83.3333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.6667%;
    }
    .col-md-push-7 {
        left: 58.3333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.6667%;
    }
    .col-md-push-4 {
        left: 33.3333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.6667%;
    }
    .col-md-push-1 {
        left: 8.33333%;
    }
    .col-md-push-0 {
        left: 0;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.6667%;
    }
    .col-md-offset-10 {
        margin-left: 83.3333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.6667%;
    }
    .col-md-offset-7 {
        margin-left: 58.3333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.6667%;
    }
    .col-md-offset-4 {
        margin-left: 33.3333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.6667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.6667%;
    }
    .col-lg-10 {
        width: 83.3333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.6667%;
    }
    .col-lg-7 {
        width: 58.3333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.6667%;
    }
    .col-lg-4 {
        width: 33.3333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.6667%;
    }
    .col-lg-1 {
        width: 8.33333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.6667%;
    }
    .col-lg-pull-10 {
        right: 83.3333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.6667%;
    }
    .col-lg-pull-7 {
        right: 58.3333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.6667%;
    }
    .col-lg-pull-4 {
        right: 33.3333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.6667%;
    }
    .col-lg-pull-1 {
        right: 8.33333%;
    }
    .col-lg-pull-0 {
        right: 0;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.6667%;
    }
    .col-lg-push-10 {
        left: 83.3333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.6667%;
    }
    .col-lg-push-7 {
        left: 58.3333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.6667%;
    }
    .col-lg-push-4 {
        left: 33.3333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.6667%;
    }
    .col-lg-push-1 {
        left: 8.33333%;
    }
    .col-lg-push-0 {
        left: 0;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.6667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.3333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.6667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.3333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.6667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.3333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.6667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1600px) {
    .col-lg-1-5 {
        flex: 0 0 11%;
        max-width: 11%;
        position: relative;
        width: 100%;
    }
    .col-lg-2-5 {
        flex: 0 0 22.3333%;
        max-width: 22.3333%;
        position: relative;
        width: 100%;
        padding-left: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .col-lg-1-5,
    .col-lg-2-5 {
        width: 33.3333%;
    }
}

.visible-xxs,
tr.visible-xxs,
th.visible-xxs,
td.visible-xxs {
    display: none;
}

@media (max-width: 479px) {
    .visible-xxs {
        display: block !important;
    }
    table.visible-xxs {
        display: table;
    }
    tr.visible-xxs {
        display: table-row !important;
    }
    th.visible-xxs,
    td.visible-xxs {
        display: table-cell !important;
    }
    h3 {
        text-align: center;
        margin: 0 0 10px 0;
    }
}

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
    display: none;
}

@media (min-width: 480px) and (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

div.dropdown-menu.open {
  z-index: 9999 !important;
}

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
    display: none;
}
/* ★ 添付欄のファイル名欄の幅（2026-10-14・利用者の指摘「480px で添付欄の『削除』がファイル名欄に重なる」）。
   欄の右端に「削除」ボタン（46px）が position:absolute で重なる作り。以前は幅を % で決めていた
   （89%・480〜767px は 80%）ので、列が狭い 480px では欄がボタンの下まで伸び、ファイル名の末尾がボタンに隠れた
   （実測: 欄 287〜404px・ボタン 387〜433px で 17px 重なり）。
   「全幅 − ボタン幅 − 余白 4px」にすると、どの幅でも欄はボタンの手前で終わる（実測 480/400/1200px とも隙間 4px）。
   % の基準は input-group のうちアイコン箱を除いた残り（display:table の無名セル）なので 100% で足りる。 */
.add_file_wrapper {
    float: left;
    width: calc(100% - 50px);
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (max-width: 479px) {
    .hidden-xxs,
    tr.hidden-xxs,
    th.hidden-xxs,
    td.hidden-xxs {
        display: none !important;
    }

    .btn_right.inquiry_save {
        float: left !important;
    }
    .btn_right.inquiry_delete {
        float: left !important;
        margin-top: 10px !important;
    }
    .rep_mail2_wrapper,
    .rep_mail1_wrapper {
        margin-top: 10px;
        display: inline-flex;
    }
    .rep_mail1_depname,
    .rep_mail2_depname {
        display: flex;
        justify-content: end;
        align-items: end;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hidden-xs,
    tr.hidden-xs,
    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
    .btn_right.inquiry_save {
        float: left !important;
    }
    .btn_right.inquiry_delete {
        float: left !important;
        margin-top: 10px !important;
    }
    .rep_mail2_wrapper,
    .rep_mail1_wrapper {
        margin-top: 10px;
        display: inline-flex;
    }
    .rep_mail1_depname,
    .rep_mail2_depname {
        display: flex;
        justify-content: end;
        align-items: end;
    }
}

/* =====================================================================
   並べ替えアイコンを Ace テーマ側へ一本化する (WBS 6.4 / 2026-09-15)

   ★ 未ソート列に矢印が 2 つ出ていた。
     ace.min.css          th:after に FontAwesome のグリフ (濃い ⇅)
     jquery.dataTables.min.css  background-image に sort_both.png (薄い ⇅)
     の 2 つが独立に描いていたため。

   ★ ソート中の列 (sorting_asc / sorting_desc) は元から 1 つだった。
     ace が `.dataTable>thead>tr>th.sorting_asc` (詳細度 0,2,3) で
     背景をグラデーションに上書きし、DataTables の
     `table.dataTable thead .sorting_asc` (0,2,2) に勝っていたため。
     未ソートの .sorting には ace の上書きが無く、PNG が残っていた。
     ＝ ソート中の列に合わせる形で PNG を止める。

   ★ sightone.css は jquery.dataTables.min.css より**前**に読まれる。
     順序では勝てないので、`.sorting` ではなく `th.sorting` と書いて
     詳細度を 1 段上げ、読み込み順に依存しない形にしてある。

   ★ sorting_asc / sorting_desc はここで触らない。
     ace が背景ごと上書きしているので、none を被せると
     ヘッダのグラデーションまで消える。

   ★ sort_*.png は残す。この上書きを将来外したときに 404 にしないため。

   ※ CDN 依存の解消 (2026-09-14) で生じたものではない。
     取り込んだ CSS は CDN 版と md5 一致、link の順序も変えていない。
     以前から同じ見え方だった。
   ===================================================================== */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc_disabled,
table.dataTable thead th.sorting_desc_disabled {
    background-image: none;
}

/* ---------------------------------------------------------------------
   DataTables の枠線を Bootstrap / Ace の罫線色に合わせる
   (WBS 6.4 / 2026-09-15)

   ★ 件数表示「19 件中 …」の直上に黒い横線が出ていた。
     DataTables 既定の
       .dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}
     によるもの。#111 はほぼ黒で、Bootstrap / Ace のテーブル罫線 #ddd と揃わない。

   ★ 色だけ差し替える (border-bottom ごと消さない)。
     線自体はテーブルの下端を示していて意味がある。

   ★ ここも詳細度で勝たせる。DataTables 側は (0,3,0) なので
     div を 2 つ足して (0,3,2) にしてある。sightone.css は
     jquery.dataTables.min.css より前に読まれるため順序では勝てない。
   --------------------------------------------------------------------- */
div.dataTables_wrapper.no-footer div.dataTables_scrollBody,
div.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
div.dataTables_wrapper.no-footer table.dataTable {
    border-bottom-color: #ddd;
}

/* ---------------------------------------------------------------------
   DataTables: 本文だけが横スクロールしてヘッダと分離するのを止める
   (WBS 6.4 / 2026-09-15)

   ★ 症状: ヘッダ「責任者」と直下の明細で罫線がずれる。
     本文を横に動かせるのにヘッダが追従しない。

   ★ 原因
     scrollY を指定するとテーブルがヘッダ表と本文表の 2 つに分かれる。
     横スクロールを同期させるのは scrollX の役目だが指定していない
     (clientSearchModal.js / userSearchModal.js)。
     そこへ縦スクロールバー(15px)ぶん本文側だけ狭くなり、
     端数 2px が横あふれになってスクロールバーが出ていた。
     静止時から bodyScrollLeft=2 / headScrollLeft=0 で、
     これがそのまま罫線のずれになる。

   ★ その 2px に見るべき中身は無い (列は幅に収まっている。罫線ぶんの誤差)。
     出るべきでないスクロールバーなので止める。

   ★ !important が要る。DataTables が scrollBody に
     style="overflow: auto" を**インラインで**書くため、
     スタイルシートからでは勝てない。

   ★ これで「動かせてしまうズレ」は消えるが、列幅の端数による
     最大 1.6px の静的なずれは残る。ヘッダ表が width:801px、
     本文表が width:100% と別基準で、丸めが一致しないため。
     解消するには autoWidth:false + 列幅の % 指定が要る (未実施)。
   --------------------------------------------------------------------- */
div.dataTables_wrapper div.dataTables_scrollBody {
    overflow-x: hidden !important;
}

/* ---------------------------------------------------------------------
   DataTables: ヘッダと明細の縦罫線のずれを解消する
   (WBS 6.4 / 2026-09-15)

   ★ 症状: 「責任者」など右寄りの列ほど、ヘッダと明細の縦罫線がずれる。
     右へ行くほど累積した (0 / -0.3 / -1.7 / -2.0 px)。

   ★ 原因
     scrollY でテーブルが 2 つに分かれたあと、DataTables は
       ヘッダ表  style="width: 1171px"   ← px 指定
       本文表    style="width: 100%"     ← 割合指定
     と**別の方法で**幅を与える。テーブルは content-box なので、
     px 指定のヘッダ表だけ左右の枠線 1px ずつが外に付き、
     実測 1173px と 1171px で **2px ずれる**。
     この 2px が列に比例配分され、右へ行くほど差が開く。

   ★ 対処
     ヘッダ表だけ border-box にする。枠線が幅の内側に入り、
     実測が本文表と同じ 1171px になって列が完全に一致する。
     実機で 4 列とも右端の差が 0.00px になることを確認済み。

   ★ 2026-09-24 追記（DIFF-69）: 本文表にも border-box を掛けた。
     9/15 に「両方に掛けると 2px ずれたまま」と書いたが、**今の版では再現しない**。
     お客様検索（modal-table）・お客様名一覧（modal-table-user）の両方で、
     初期化の前から当てた状態で測り、列の右端の差は 0.02〜0.19px（掛けない場合 0.08〜0.20px）。
     本文表を border-box にする理由は下の DIFF-69 を参照。

   ★ autoWidth:false + 列幅の % 指定では直らない。
     列の配分が変わるだけで、表そのものの 2px 差は残る (実測で確認)。
   --------------------------------------------------------------------- */
div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
    box-sizing: border-box;
}

/* ---------------------------------------------------------------------
   DataTables: 本文表の右端の罫線が切れるのを直す（DIFF-69 / 2026-09-24）

   ★ 症状: 新規受付の「お客様名一覧」で、表の右端の縦罫線が見えない
     （利用者の指摘）。お客様検索も同じ。
   ★ 原因
     本文表は style="width:100%" で content-box のため、
     左右の枠線 1px ずつが外に付き、**枠（scrollBody）より 2px 広い**
     （実測 1280x900: 枠 965px に表 967px）。
     はみ出した 2px は上の overflow-x:hidden で隠れ、**右端の罫線ごと切れる**。
   ★ 旧版も同じく 2px はみ出している（表 967px / 枠 965px）。
     旧版は overflow が auto のままなので、**2px だけ動く横スクロールバー**が出て、
     それを動かせば罫線が見える。新版はスクロールバーを止めた（WBS 6.4）ので見えなくなった。
   ★ 対処: 本文表も border-box にする。枠線が幅の内側に入って枠にちょうど収まり、
     罫線が見える。スクロールバーも出ない（scrollWidth = clientWidth を実測で確認）。
     ヘッダ表と列の右端の差は 0.2px 未満のまま（上の追記を参照）。
   ★ overflow-x:hidden は残す。表の幅に 0.19px の端数が残るため、外すとまた
     動かせるだけの横スクロールバーが出るおそれがある。
   --------------------------------------------------------------------- */
div.dataTables_wrapper div.dataTables_scrollBody > table.dataTable {
    box-sizing: border-box;
}

/* ---------------------------------------------------------------------
   新規受付の「お客様名一覧」（利用者検索ウィンドウ）は見出し・値とも左揃え（DIFF-68 / 2026-09-24）

   ★ 旧版の実測（1280x900）: th は text-align:left、td は start（左）。
     利用者の指摘「各カラムの値を左揃えに。旧と同じく」。
   ★ scrollY を付けた DataTables は見出しを別の表に写すので、表の id ではなく
     DataTables が作る外枠（<表の id>_wrapper）で当てる。
   ★ 表の id は旧版と同じ modal-table-user。以前はお客様検索と同じ modal-table で、
     画面の土台（MainLayout）に常にあるお客様検索の表と id が重複していた。
   --------------------------------------------------------------------- */
#modal-table-user_wrapper th,
#modal-table-user_wrapper td:not(.dataTables_empty) {
    text-align: left;
}
/* ★ 「データはありません」の行（td.dataTables_empty）は中央のまま（DIFF-69）。
     旧版も td は中央揃え（DataTables 既定）。上の左揃えを全部の td に掛けていたため、
     検索前・0 件のときの案内まで左に寄っていた。 */

/* ---------------------------------------------------------------------
   新規受付・受付編集の中で開くウィンドウの入力欄に枠を戻す（DIFF-69 / 2026-09-24）

   ★ 症状: 「お客様名一覧」の「名前またはフリガナ」欄に枠が無く、文字だけに見える。
   ★ 原因: add.css の .form_wrap input { border:0 }。
     受付の入力欄は枠を付けない作りなので正しいが、**新版はこのウィンドウを
     受付フォーム（.form_wrap）の中に置いている**（InquiriesAddFields.razor）。
     旧版はウィンドウをレイアウト（sight_one.ctp）に置いているので、この規則を受けない。
   ★ 色は旧版の実測（ace の .form-control）と同じ 1px solid #D5D5D5。
     .form_wrap input（0,1,1）に勝つよう、.modal と input.form-control を足してある。
   --------------------------------------------------------------------- */
.form_wrap .modal input.form-control {
    border: 1px solid #d5d5d5;
}

/* ---------------------------------------------------------------------
   受付フォームの中で開くウィンドウは左揃え（DIFF-79 / 2026-09-29・利用者の指摘）

   ★ 症状: 新規受付の「お客様名一覧」で、上の検索条件（名前またはフリガナ・部署・状態・検索）が中央に寄る。
   ★ 原因: ウィンドウが新規受付の .center（text-align:center）の中にあり、中央揃えを受け継ぐ。
     旧版はウィンドウをレイアウト（sight_one.ctp）に置いているので左揃え。
     DIFF-69 では表の th / td だけを左に戻していて、ウィンドウの上の検索条件が残っていた。
   ★ ウィンドウの中身ごと左に戻す。
     - 「データはありません」の行は DataTables の td.dataTables_empty { text-align:center } が直接当たるので中央のまま
     - 下のボタン帯は Bootstrap の .modal-footer { text-align:right } が直接当たるので右寄せのまま
   --------------------------------------------------------------------- */
.form_wrap .modal .modal-content {
    text-align: left;
}


/* ---------------------------------------------------------------------
   ホームの新着情報: 見出しの「既読」を縦書きにしない（DIFF-72 / 2026-09-24）

   ★ 症状: 幅 1280px（フル HD を 150% 表示）で「既読」が「既 / 読」の 2 行に折れる
     （利用者の指摘）。1366px 以上では 1 行。
   ★ 原因: 列幅の指定が w5 / w8 / w23 の割合で合計 83%。残り 17% を「更新内容」と
     「既読」で分ける。「既読」の列には .w6 が付いているが、**.w6 はどの CSS にも無い**
     （旧版の sightone.css にも無い）ので割合が効かず、最小幅まで削られる。
     文字 25px + 左右の余白 16px = 41px ちょうどで、端数で「既」の後ろで折れていた。
   ★ 見出しを折り返さないようにするだけ。列は「既読」1 行ぶんまで広がり、
     そのぶん「更新内容」が数 px 狭くなる。
   ★ 旧版も同じ CSS・同じ組み方なので、同じ幅では同じく折れるはず（未実測）。
   --------------------------------------------------------------------- */
#home_list thead th:last-child {
    white-space: nowrap;
}