/*共有で使用できそうな箇所*/

p {
    margin-bottom: 0;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}

li {
    list-style: none;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem !important;
    border-radius: 0 0 0 0 !important;
    /*	border-radius: 0.3rem;*/
}

.form-select {
    padding: 0 0.75rem;
}

.fa-trash {
    cursor: pointer;
}

/*.btn,.badge,.form-check-input,select,.select,#Item_Description,input,.card-header,textarea,.ReContact_Schedule_Flg{
    border-radius: 0 0 0 0 !important;
}
*/

/*背景色がヘッダーと同色・文字色は白*/
.Bg_Navy {
    background-color: #3a3b50;
    color: #ffffff;
}

/*テーブル系*/
.Border_R_Table {
    position: relative;
}

.Border_R_Table::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 80%;
    background-color: rgba(0, 0, 0, 0.15);
    transform: translateY(-50%);
}

/* ボタン */
/* buttonタグの外にpタグ囲んでいる場合はpタグを外す。pタグ内のクラスについては動き等確認して適宜buttonタグに付与する */
/* どのボタンにもつけるクラス */
.Btn_Base {
    border-radius: 0 !important;
    padding: 0.5rem 1rem !important;
    transition: 0.5s;
}

/* 新規登録などのボタン */
.Btn-AddPage {
    background: #bf7821 !important;
    color: #fff !important;
}

.Btn-AddPage:hover {
    background: #e68815 !important;
    color: #fff !important;
}

/* 入力後決定するなどの処理の際に使用するボタン */
.Btn-Primary {
    background: #3a3b50 !important;
    color: #fff !important;
}

.Btn-Primary:hover {
    background: #444aa3 !important;
    color: #fff !important;
}

/* 編集時などに使用するボタン */
.Btn-Edit {
    background: #fff !important;
    color: #3a3b50 !important;
    border: solid 1px #3a3b50 !important;
}

.Btn-Edit:hover {
    background: #fff !important;
    color: #444aa3 !important;
    border: solid 1px #444aa3 !important;
}

/* 編集時などに使用するボタン */
.Btn-Dell {
    background: #b17070 !important;
    color: #fff !important;
}

.Btn-Dell:hover {
    background: #b14545 !important;
    color: #fff !important;
}

/* その他検索などに使用 */
.Btn-Other {
    background: #fff !important;
    color: #00000090 !important;
    border: solid 1px #00000090 !important;
}

.Btn-Other:hover {
    background: #fff !important;
    color: #000000 !important;
    border: solid 1px #000000 !important;
}

/* Page_Header.phpのCSS */

#PageHeder {
    width: 100%;
    height: 60px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #3a3b50;
    color: #fff !important;
    position: fixed;
    z-index: 50;
}

.PageHeaderTtl>h1 {
    font-size: 16px !important;
}

.PageHeaderMenu {
    font-size: 18px;
}

/* Login.phpのCSS */

.LoginPage_Label {
    color: #3a3b50;
    text-align: right;
    /* font-size: 24px; */
    font-size: 16px;
    font-weight: bold;
}

.LoginPage_Btn {
    width: 200px;
    margin: 0 auto;
    background: #3a3b50;
    border-radius: 0 0 0 0 !important;
    /*    border-radius: 0.3rem;
*/
    transition: 0.3s;
}

@media screen and (min-width: 1100px) {
    .LoginPage_Btn {
        width: 200px;
    }
}

.LoginPage_Btn:hover {
    background: #444aa3;
}

.LoginPage_Btn .btn {
    width: 100%;
    color: #fff;
    /* font-weight: bold; */
    letter-spacing: 0.08em;
    font-size: 16px !important;
}

.LoginPage_ErrorTxt {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #dc3545;
    width: 68%;
    margin: 0 auto 36px;
}

@media screen and (min-width: 768px) {
    .LoginPage_ErrorTxt {
        width: 56%;
    }
}

@media screen and (min-width: 1100px) {
    .LoginPage_ErrorTxt {
        width: 40%;
    }
}

/* ------------------------------------- */
/* PageHeder.phpのCSS */
#PageHeder {
    width: 100%;
    height: 60px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #3a3b50;
    color: #fff;
    /*position: fixed;
		z-index: 20;*/
}

.PageHeaderTtl>h1 {
    font-size: 16px !important;
}

/* メニュー内スタイル */
#LeftSidebar_Wrap {
    width: 100%;
    background-color: #777;
}

#LeftSidebar_Wrap a {
    color: #fff;
    text-decoration: none;
}

#Matter_List_Box {}

#Matter_List {
    list-style: none;
    padding-left: 12px;
}

.Matter_List_Item {}

.Matter_List_Item>a {
    display: block;
    padding: 18px 10px 0 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px !important;
}

.Matter_List_Item>ul {
    list-style: none;
    padding-left: 30px;
}

.Matter_List_Item>ul>li>a {
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: none;
}

.col>a {
    color: #fff !important;
}

/* ------------------------------------- */
/* index.phpのCSS */

.TopPage_Item_Wrap {
    background: #efeff5;
}

.border {
    border-color: #e8e8e8 !important;
}

.TopPage_Item_TopWrap a {
    font-size: 1rem;
}

@media screen and (min-width: 1100px) {
    .TopPage_Item_TopWrap a {
        font-size: 1.25rem;
    }
}

.TopPage_ItemBox {
    width: 32%;
    background: #fff;
    letter-spacing: 0.1em;
}

.TopPage_Item_ListWrap a {
    font-size: 1rem;
}

@media screen and (min-width: 1100px) {
    .TopPage_Item_ListWrap a {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1100px) {
    .TopPage_Item_ListWrap a {
        font-size: 1.3rem;
    }
}

.TopPage_Item_Link {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.TopPage_Item_ListWrap i {
    color: #474b9c;
    font-size: xx-large;
}

.TopPage_Item_Partner {
    width: 23.6%;
}

.TopPage_Item_ManagementWrap a {
    font-size: 0.8rem;
}

@media screen and (min-width: 1000px) {
    .TopPage_Item_ManagementWrap a {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1100px) {
    .TopPage_Item_ManagementWrap a {
        font-size: 1.2rem;
    }
}

.TopPage_Item_ManagementWrap i {
    color: #474b9c;
    font-size: xx-large;
}

.TopPage_Item_Bottom_Wrap {
    width: 74.6%;
}

.TopPage_Item_Bottom_Wrap a {
    font-size: 1rem;
}

@media screen and (min-width: 1100px) {
    .TopPage_Item_Bottom_Wrap a {
        font-size: 1.2rem;
    }
}

.TopPage_Item_Bottom_Wrap i {
    color: #3a3b50;
    font-size: unset;
}

.TopPage_Item_Partner i {
    color: #474b9c;
    font-size: xx-large;
}

.TopPage_Item_Branch_Ttl i {
    color: #474b9c;
}

/* ------------------------------------- */
/* Matter_Detail.phpのCSS */

.LoginPage_Btn.Matterdtl_SubTtl {
    width: auto;
}

#MatterDtl_Whole_Wrap {
    width: 100%;
    overflow-x: hidden;
}

#MatterDetail_Breadcrumb_Wrap>ul {
    display: flex;
}

.Cliant_Name_MatterDtl {
    font-size: 20px;
}

.SubTtl_MatterDtl {
    border-bottom: solid 1px;
    margin-bottom: 16px;
    font-size: 18px;
}

.LoginPage_Btn.MatterDtl_VisitPlan {
    width: auto;
    display: flex;
    align-items: center;
}

.LoginPage_Btn.MatterDtl_VisitPlan>button {
    width: auto;
    font-size: 15px;
    padding: 3px;
}

.MatterDtl_VisitPlan_BtnsWrap {
    display: flex;
    flex-wrap: wrap;
    width: 90px;
}

.Matter_DTL {
    font-size: 14px;
}

.Matter_DTL>div>div>input,
select {
    font-size: 14px;
}

/* ---------------------------------------- */
.Estimate_Reg_Wrap {
    background-color: #fffffe;
    padding: 0 10px;
    margin: 0 auto;
}

/* ---------------------------------------- */
/* お客様情報、担当者情報 */
@media screen and (min-width: 1100px) {
    .Estimate_Reg_Label {
        width: 19%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Select {
        width: 81%;
    }
}

.Estimate_Reg_NumberOfPeople_Input {
    width: 100px;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_Label {
        width: 18.7%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_NameSelect {
        width: 81.3%;
    }
}

.Estimate_Reg_Charge_CreatedDate_Label {
    width: 38%;
}

.Estimate_Reg_Charge_Progress_Label {
    width: 56%;
}

.Estimate_Reg_Charge_Progress_InputBox {
    max-width: 125px;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_NumberOfPeople_Label {
        width: 18.5%;
    }
}

.Estimate_Reg_Charge_NumberOfPeople_LabelBox {
    width: 76%;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_NumberOfPeople_InputBox {
        width: 36.5%;
    }
}

.Estimate_Reg_Charge_NumberOfPeople_Input {
    width: 100px;
}

.Estimate_Reg_Charge_SelectBox {
    max-width: 125px;
}

.Estimate_Reg_Charge_Select {
    width: 100px;
}

.Estimate_Reg_Add_Btn {
    width: 32px;
    height: 32px;
    display: flex;
    position: relative;
    background: #fff;
    border-radius: 0 0 0 0 !important;
    /*        border-radius: 50px;
*/
    border: 3px solid #3a3b50;
}

.Estimate_Reg_Add_Btn:hover {
    background: #fff;
}

.Estimate_Reg_Add_Btn::before {
    content: "";
    width: 60%;
    height: 3px;
    background: #3a3b50;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Estimate_Reg_Add_Btn::after {
    content: "";
    width: 3px;
    height: 60%;
    background: #3a3b50;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Estimate_Reg_CustomerAdd_Btn .btn {
    transform: translateX(-16px);
}

.Estimate_Reg_Charge_Progress_Btn {
    transform: translateX(-8px);
}

/* ---------------------------------------- */
/* 段ボール */

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Corrugated_Label {
        width: 19%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Corrugated_InputBox {
        width: 81%;
    }
}

.accordion-button:not(.collapsed) {
    background: #fff;
}

select {
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.accordion-button:focus {
    box-shadow: none;
}

/* ---------------------------------------- */
/* 現住所 新住所 中継地*/

.Estimate_Reg_Iframe {
    width: 100%;
    height: 100%;
}

.Estimate_Reg_Add_BtnTxt {
    color: #3a3b50;
}

/* 見積書 */

.Estimate_Reg_Table_Head {
    background: #f1f1f1;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.Estimate_Reg_Place_Input {
    /* width: 94%; */
    margin: 0 auto;
}

.Estimate_Reg_Table_Item {
    width: 93px;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Table_Item {
        width: 140px;
    }
}

/* ---------------------------------------- */
/* 送付先 */

.Estimate_Reg_Delivery_Ttl {
    width: 12%;
    min-width: 106px;
}

.Estimate_Reg_Delivery_Select {
    width: 15.5%;
}

.Estimate_Reg_Delivery_MailNumber {
    width: 16.5%;
}

.Estimate_Reg_Delivery_Input {
    width: 82%;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Delivery_Input {
        width: 87%;
    }
}

.Estimate_Reg_Delivery_Honorific {
    width: 15.2%;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Delivery_Honorific {
        width: 20.2%;
    }
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

/* ---------------------------------------- */

/*ボタン指定時間で非表示にするstyle*/
.hideMe {
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    /* Safari and Chrome */
    /* Opera */
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}

/* ------------------------------------- */
/*↓↓↓ Matter\Matter_List.php ↓↓↓*/
.LoginPage_Btn.SubHeader {
    width: 200px;
}

#table-responsive_Matter_List_Table {
    overflow-x: inherit;
}

.Matter_List_Table {
    font-size: 14px;
    overflow: inherit;
}

.Matter_List_Table>thead {
    text-align: center;
}

.Matter_Table_TreatState {
    display: flex;
    justify-content: space-between;
    padding: 0.78rem 0.5rem !important;
}

.Btn_Matter_Table_TreatState_Wrap {
    position: relative;
    width: 20px;
    height: 20px;
}

.Btn_Matter_Table_TreatState {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 0 0 0 0 !important;
    /*		border-radius: 3px;*/
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    background-color: #8c8c8c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Input_Matter_Table_TreatState {
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.Input_Matter_Table_TreatState:checked+.Btn_Matter_Table_TreatState.Mail {
    background-color: #f29635;
}

.Input_Matter_Table_TreatState:checked+.Btn_Matter_Table_TreatState.Tel {
    background-color: #ef4e41;
}

.Input_Matter_Table_TreatState:checked+.Btn_Matter_Table_TreatState.SMS {
    background-color: #428fed;
}

.Input_Matter_Table_TreatState {
    opacity: 0;
}

.Btn_Matter_Table_TreatState>img {
    width: 14px;
    height: auto;
}

#Matter_List_Tbody>tr>td {
    border: solid 1px rgba(0, 0, 0, 0.13);
}

#Matter_List_Tbody tr {
    transition: 0.1s;
    cursor: pointer;
}

#Matter_List_Tbody tr:hover {
    background: #e0ebff;
}

.Delivery_Search_Form_Wrap {
    align-items: self-end;
}



/* ------------------------------------- */
/* Customer_List.phpのCSS */

.Customer_List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    max-width: 88px;
    overflow-wrap: break-word;
    display: table-cell;
}

@media screen and (min-width: 1024px) {
    .Customer_List_Table td {
        font-size: 16px;
        max-width: 10vw;
    }
}

@media screen and (min-width: 1900px) {
    .Customer_List_Table td {
        max-width: 8vw;
    }
}

.Customer_List_Table .btn {
    font-size: 14px;
    min-width: 60px;
    padding: 0.5rem 0.5rem;
    white-space: nowrap;
}

@media screen and (max-width: 800px) {
    .Customer_List_Table .btn {
        padding: 4px;
    }
}

@media screen and (min-width: 1100px) {
    .Customer_List_Table .btn {
        font-size: 16px;
    }
}

.Customer_MatterList_Btn {
    background: #7a6634;
}

.Customer_MatterList_Btn:hover {
    background: #ab824b;
}

.Customer_ConnectionList_Btn {
    background: #34657a;
}

.Customer_ConnectionList_Btn:hover {
    background: #4588a5;
}

/* ------------------------------------- */
/* Estimate_Management.phpのCSS */
button {
    font-size: 10px !important;
}

input {
    height: 30px;
    width: 100%;
}

select {
    height: 30px;
    width: 100%;
}

/*.row{
        margin-right: 0!important;
    }*/
/* tab */
.nav-tabs .nav-link {
    background-color: #3a3b50;
    isolation: isolate;
    cursor: pointer;
}

/* active tab */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #eaeef3;
    border-bottom-color: #eaeef3;
    color: #3a3b50;
    isolation: isolate;
}

.nav-tabs .nav-item.show .nav-link:focus,
.nav-tabs .nav-link.active:focus {
    isolation: isolate;
}

.Former_Btn {
    width: 36px;
    height: 21px;
    padding: 0;
    margin-top: 2px;
}

/* ------------------------------------- */
/* Branch_List.phpのCSS */

.Branch_ListPage_ImgBox {
    width: 30%;
    max-height: 246px;
}

.Branch_ListPage_ImgBox img {
    display: block;
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.Branch_ListPage_Branch_Name {
    font-weight: bold;
    font-size: 28px;
    background: #3a3b50;
    color: #fff;
}

.Branch_ListPage_TableBox {
    margin-left: 16px;
    padding-right: 0;
}

.Branch_ListPage_Table tr {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
}

.Branch_ListPage_Td_Left {
    padding: 8px 16px;
    font-weight: bold;
    background: #3a3b50;
    width: 120px;
    color: #fff;
}

.Branch_ListPage_Td_Right {
    padding: 8px 16px;
    max-width: 316px;
    overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
    .Branch_ListPage_Td_Right {
        max-width: 420px;
    }
}

.Branch_ListPage_Branch_Map_Ttl {
    font-weight: bold;
    font-size: 24px;
    width: 100%;
}

.Branch_ListPage_Branch_Map {
    height: 320px;
}

.Branch_ListPage_EditButton {
    background: #702121;
    color: #fff;
    margin-right: 32px;
    transition: 0.3s;
}

.Branch_ListPage_EditButton:hover {
    color: #fff;
    opacity: 0.8;
}

.Branch_ListPage_DeleteButton {
    background: #646575;
    color: #fff;
    transition: 0.3s;
}

.Branch_ListPage_DeleteButton:hover {
    color: #fff;
    opacity: 0.8;
}

.Branch_ListPage_Branch_Map_Iframe {
    width: 100%;
    height: 320px;
}

/* ------------------------------------- */
/* PaymentMethod_List.phpのCSS */

.List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
    .List_Table td {
        font-size: 16px;
    }
}

.List_Table .btn {
    font-size: 14px;
    min-width: 72px;
}

@media screen and (min-width: 1100px) {
    .List_Table .btn {
        font-size: 10px;
    }
}

/* ------------------------------------- */
/* PartnerCompany_List.phpのCSS */

.PartnerCompany_List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    overflow-wrap: break-word;
    display: table-cell;
}

@media screen and (min-width: 1024px) {
    .PartnerCompany_List_Table td {
        font-size: 16px;
    }
}

.PartnerCompany_List_Table_CompanyName {
    min-width: 140px;
}

.PartnerCompany_List_Table_PostalCode {
    min-width: 86px;
}

.Table_Btns_Wrap {
    width: 102px;
}

@media screen and (min-width: 1100px) {
    .Table_Btns_Wrap {
        width: 224px;
    }
}

@media screen and (min-width: 1100px) {
    .PartnerCompany_List_Table .btn {
        font-size: 16px;
    }
}

/* ------------------------------------- */
/* Staff_List.phpのCSS */

.nav-tabs .nav-link {
    color: #8f8f8f;
    background: #f3f3f3;
    font-size: 18px;
    font-weight: bold;
}

.nav-tabs .nav-link.active {
    background: #3a3b50;
    color: #fff;
}

.Staff_ListPage_Link {
    display: block;
    background: #f3f3f3;
    padding: 16px;
    border-radius: 5px;
    transition: 0.3s;
}

.Staff_ListPage_Link:hover {
    opacity: 0.9;
}

.Staff_ListPage_ImgBox {
    /* width: 228px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; */
    display: flex;
    justify-content: center;

}

.Staff_ListPage_ImgBox img {
    display: block;
    width: 130px;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
}

.Staff_ListPage_Branch_Name {
    font-weight: bold;
    font-size: 28px;
    background: #3a3b50;
    color: #fff;
}

.Staff_ListPage_TableBox {
    padding-right: 0;
}

.Staff_ListPage_Table tr {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
}

.Staff_ListPage_Td_Left {
    padding: 8px 16px;
    font-weight: bold;
    background: #3a3b50;
    width: 145px;
    color: #fff;
}

.Staff_ListPage_Td_Right {
    padding: 8px 16px;
    max-width: 316px;
    overflow-wrap: break-word;
    color: #000;
}

@media screen and (min-width: 1024px) {
    .Staff_ListPage_Td_Right {
        max-width: 420px;
    }
}

.Del_Btn_Color {
    background: #b17070;
}

.Del_Btn_Color:hover {
    background: #b14545;
}

/* ----------------------------------- */
/* Driver_List.phpのCSS */
.Driver_List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    max-width: 88px;
    overflow-wrap: break-word;
    display: table-cell;
}

@media screen and (min-width: 1024px) {
    .Driver_List_Table td {
        font-size: 16px;
        /* max-width: 10vw; */
    }
}

@media screen and (min-width: 1900px) {
    .Driver_List_Table td {
        /* max-width: 8vw; */
    }
}

.Driver_List_Table .btn {
    font-size: 14px;
    /* min-width: 72px; */
}

@media screen and (min-width: 1100px) {
    .Driver_List_Table .btn {
        font-size: 16px;
    }
}

/* ------------------------------------- */
/* Materials_List.php */
.List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
    .List_Table td {
        font-size: 16px;
    }
}

/*	.List_Table .btn{
		font-size: 14px;
		min-width: 72px;
	}

	@media screen and (min-width: 1100px) {
		.List_Table .btn{
			font-size: 16px;
		}
	}*/
/* ------------------------------------- */
/* SalesTime_Basic_List.php */
.item>td>a {
    color: #212529;
}

/* ------------------------------------- */
/* Claim_Add.php */

.ClaimAddPage_Label {
    font-weight: bold;
    line-height: 2;
    text-align: end;
}

.Claim_Occurrence_Date {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

#Claim_AddPage_Wrap .form-control {
    padding: 0 0.75rem;
}

#Claim_AddPage_Wrap .form-select {
    padding: 0 0.75rem;
}

.ClaimAddPage_Contact_Add_Btn {
    width: 48px;
    height: 48px;
    display: flex;
    position: relative;
}

.ClaimAddPage_Contact_Add_Btn::before {
    content: "";
    width: 60%;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ClaimAddPage_Contact_Add_Btn::after {
    content: "";
    width: 3px;
    height: 60%;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Claim_AddPage_HistoryArea_Wrap {
    position: fixed;
    top: 60px;
    right: 0;
    width: 36%;
    height: calc(100vh - 60px);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Claim_AddPage_History_Wrap h2 {
    font-size: 24px;
}

.Claim_AddPage_Memo_Wrap {
    height: 50%;
    margin-bottom: 0;
}

.Claim_AddPage_Memo_Wrap {
    background: #e7e8f3;
}

.Claim_AddPage_Memo_Wrap label {
    font-size: 24px;
}

.Claim_AddPage_History_Wrap {
    height: 50%;
    overflow-y: scroll;
}

.Claim_AddPage_History_Wrap ul {
    height: 80%;
}

.accordion-button:not(.collapsed) {
    color: #000;
}

.accordion-button:not(.collapsed) {
    background-color: #e7e8f3;
    box-shadow: none;
}

.accordion-button:focus {
    background-color: #e7e8f3;
    box-shadow: none;
}

.Claim_AddPage_History_Item {
    background: #3a3b50 !important;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .Claim_AddPage_Btn {
        width: 360px;
    }

    /* 発生日時の時間入力欄 */
    #Claim_Time {
        border: 1px solid #ced4da;
    }

    input[type="time"]::-webkit-calendar-picker-indicator {
        display: none;
    }

    /* 連絡先追加 */
    #Contact_Details_Add {
        margin-left: auto;
        display: block;
        width: 115px;
    }

    .ClaimAddPage_Contact_Add_Btn {
        right: 33px;
    }
}

/* ------------------------------------- */
/* Claim_Update.php */

.ClaimUpdatePage_Label {
    font-weight: bold;
    line-height: 2;
    text-align: end;
}

.Claim_Occurrence_Date {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

#Claim_UpdatePage_Wrap .form-control {
    padding: 0 0.75rem;
}

#Claim_UpdatePage_Wrap .form-select {
    padding: 0 0.75rem;
}

.Claim_UpdatePage_History_Table {
    display: flex;
}

.ClaimAddPage_Contact_Add_Btn {
    width: 30px;
    height: 30px;
    display: flex;
    position: relative;
}

.ClaimAddPage_Contact_Add_Btn::before {
    content: "";
    width: 60%;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ClaimAddPage_Contact_Add_Btn::after {
    content: "";
    width: 3px;
    height: 60%;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Claim_UpdatePage_HistoryArea_Wrap {
    position: fixed;
    top: 60px;
    right: 0;
    width: 48%;
    height: calc(100vh - 60px);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Claim_UpdatePage_History_Wrap h2 {
    font-size: 24px;
}

.Claim_UpdatePage_Memo_Wrap {
    background: #e7e8f3;
}

.Claim_UpdatePage_Memo_Wrap label {
    font-size: 24px;
}

.Claim_UpdatePage_Support_Txt {
    height: 20vh;
}

.Claim_UpdatePage_Support_Wrap {
    position: relative;
    height: 46%;
    overflow-y: scroll;
    background: #e7e8f3;
    padding-left: 16px;
}

#Claim_UpdatePage_History_Title h2 {
    font-weight: bold;
}

.Claim_UpdatePage_History_Wrap {
    height: 50%;
    overflow-y: scroll;
}

.Claim_Response_list .accordion-button {
    color: #fff;
    background-color: #3a3b50;
}

.Claim_Response_list .accordion-button:not(.collapsed) {
    color: #fff;
}

.Claim_Response_list .accordion-button:not(.collapsed) {
    background-color: #3a3b50;
    box-shadow: none;
    color: #fff;
}

.Claim_Response_list .accordion-button:focus {
    background-color: #3a3b50;
    box-shadow: none;
    color: #fff;
}

.Claim_UpdatePage_History_Item {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    background: #e7e8f3 !important;
    color: #3a3b50;
}

@media screen and (max-width: 768px) {
    .Claim_UpdatePage_Btn {
        width: 360px;
    }
}

.Claim_Update_Btn {
    width: 460px;
}

@media screen and (min-width: 1024px) {
    .Claim_Update_Btn {
        width: 320px;
    }
}

@media screen and (min-width: 1100px) {
    .Claim_Update_Btn {
        width: 400px;
    }
}

.Claim_UpdatePage_Support_Txt {
    width: 97%;
}

.Claim_UpdatePage_Support_Wrap select {
    width: 97%;
}

.table> :not(:first-child) {
    border: none;
}

.table> :not(caption)>*>* {
    border-color: #f0f0f0;
}

/* ------------------------------------- */
/* 情報元一覧 */

.MatterSource_List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    overflow-wrap: break-word;
    display: table-cell;
}

@media screen and (min-width: 1024px) {
    .MatterSource_List_Table td {
        font-size: 16px;
    }
}

.MatterSource_List_Table_Td_MW {
    max-width: 26vw;
}

/* ------------------------------------- */
/* 一覧ページ共通 */

.Btn_Menu_Top_Wrap {
    display: flex;
    justify-content: flex-end;
}

/* table td */
.List_Table td {
    border: 1px solid #00000030;
    font-size: 14px;
    overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
    .List_Table td {
        font-size: 16px;
    }
}

.table-responsive {
    overflow-x: unset;
}

/* 一覧ページの登録ページへのリンク */
.AddLink_Bt {
    width: 50%;
    background: #3a3b50;
    border-radius: 0 0 0 0 !important;
    /*			border-radius: 0.3rem;
*/
    transition: 0.3s;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.08em;
    max-width: 17rem;
}

.AddLink_Bt:hover {
    color: #fff;
    background: #444aa3;
}

/* 一覧テーブルの編集削除ボタン囲み */
.Table_Btns_Wrap {
    display: flex;
    justify-content: space-around;
    transform: translateY(1px);
    width: auto;
}

.LoginPage_Btn.Table {
    width: 120px;
}

/* ----------------------------------- */

/* 案件カテゴリーの登録ボタンの幅 */
.MatterCategory_Add_Btn {
    width: 248px;
}

/* 荷物サイズの登録ボタンの幅 */
.CargoSize_Add_Btn {
    width: 248px;
}

.One_Cargo_Size_Add_btn {
    font-size: 24px;
}

/* 荷物サイズ登録の登録ボタンの幅 */

.CargoItemSize_List_Wrap li {
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 4px 0;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.CargoItemSize_List_Wrap li:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.03);
    position: relative;
    margin: 4px 0;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.CargoItemSize_List_Wrap li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

/* ===============================================
見積もり作成画面
==================================================*/

/* 共通 
    -------------------------------- */

/* 通常サイズのラベル */
.label-text {
    font-weight: 600;
    padding-bottom: 0;
    white-space: nowrap;
    padding-right: 5px;
}

/* ミニサイズのラベル */
.label-text-small {
    font-size: 0.8rem;
    white-space: nowrap;
    font-weight: 600;
    padding-bottom: 0;
}

/* 最小サイズのラベル */
.label-text-min {
    font-size: 0.6rem;
    white-space: nowrap;
    padding-bottom: 0;
}

/* input幅 
    基本情報入力の建物情報で使用 */
.input_small_width {
    width: 40px;
}

input[type="date"] {
    width: 100%;
    /*忘れずに書きましょう。*/
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/*汎用*/
.Flash_1 {
    /* background:rgba(255,0,0,1); */
    /* animation: flash 1.5s infinite linear; */
    /* animation: move-y 0.5s infinite alternate ease-in-out; */
}

.Flash_1>button {
    /* background:rgba(255,0,0,1); */
    /* animation: flash 1.5s infinite linear; */
    -webkit-animation: move-x 0.5s infinite alternate;
    animation: move-x 0.5s infinite alternate;
    /* border: solid 2px #f29635; */
    background-color: #f29635;
}

@-webkit-keyframes flash {
    50% {
        background: rgba(255, 255, 255, 0.5);
    }
}

@keyframes flash {
    50% {
        background: rgba(255, 255, 255, 0.5);
    }
}

@-webkit-keyframes move-x {
    0% {
        transform: translateX(-1.5px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(1.5px);
    }
}

@keyframes move-x {
    0% {
        transform: translateX(-1.5px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(1.5px);
    }
}

.Flash_2 {
    background: rgba(255, 255, 255, 0.5);
    -webkit-animation: flasha 1.5s 1 linear;
    animation: flasha 1.5s 1 linear;
}

@-webkit-keyframes flasha {
    50% {
        background: rgba(255, 0, 0, 1);
    }
}

@keyframes flasha {
    50% {
        background: rgba(255, 0, 0, 1);
    }
}

/* 囲み */
#Main_Wrap {}

/* テーブル共通設定
--------------------------------------------- */

/* テーブルヘッダー囲み */
.Table_Head {
    display: flex;
    font-size: 10px;
    text-align: center;
    box-shadow: #e1e0e0 -1px 2px 8px;
    background-color: #3a3b50 !important;
    color: #fff;
}

/* テーブルのヘッダーカラム名 column name */
.Table_ColName {
    border-right: 1px solid #999;
    height: 40px;
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 5px;
}

.Table_ColName:last-child {
    border-right: none;
}

/* テーブル body*/
#Table_Body {
    overflow-y: scroll;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* バー消去 */
    /* Firefox 対応 */
    scrollbar-width: none;
    /* バー消去 */
}

#Table_Body::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
    /* バー消去 */
}

/* チェックリストタブの#Table_Bodyの高さ */
#Table_Body.Check {
    height: 40vh;
}

/* 荷物入力タブの#Table_Bodyの高さ */
#Table_Body.Cargo {
    /* height: 63vh; */
    height: 46vh;
}

/* テーブルの行 row */
.Table_Row {
    display: flex;
    font-size: 10px;
    text-align: center;
    background-color: #fffffe;
}

.Table_Row:nth-child(2n) {
    background-color: #eaeef3;
}

/* テーブルのカラム column */
.Table_Col {
    flex: 1 1 0;
    border-right: 1px solid #999;
    width: 40px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.Table_Col:last-child {
    border-right: none;
}

/* 保留ボタン */
.HoldBt {
    border: 1px solid #5bd1d7;
    box-shadow: #e1e0e0 1px 2px 8px;
    background-color: #5bd1d7;
    color: #fff;
    outline: none;
    padding: 0.375rem 0.75rem;
    width: 100%;
}

/* --------------------------------------------- */

/* main panel
================================== */

/* メインのパネル */
.MainPanel_Wrap {
    background-color: #eaeef3;
    min-height: calc(64vh - 48px);
    padding: 5px;
    overflow-y: scroll;
}

/* 荷物注意書き */
#Item_Description {
    border: 1px solid #ccc;
    padding: 10px 20px 10px 20px;
    padding-left: 40px;
    border-radius: 0.25rem;
    background-color: #fffffe;
    margin: 10px;
}

/* --------------------------
    基本情報入力パネル Basic_Input.php
    ----------------------------------*/
/* 基本情報入力囲み */
.Basic_Input_Area {
    height: calc(64vh - 48px);
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* バー消去 */
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* バー消去 */
    /* Firefox 対応 */
}

.Basic_Input_Area::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
    /* バー消去 */
}

/* フォームセクションタイトル */
.SecTtl {
    color: #094067;
    padding: 10px 0px;
    font-weight: bold;
}

/* セクションタイトル右fontawsome */
.SecTtl_RightIcon {
    margin-left: 10px;
}

/* フォーム入力各エリア個別囲み */
.Input_Area_Wrap {
    background-color: #fffffe;
    padding: 10px;
}

/* 中継地 */
.Input_Stopping_Form {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 0.5fr 0.5fr 0.5fr;
    padding-left: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .Input_Stopping_Form {
        display: flex;
        flex-wrap: wrap;
    }
}

.Input_Stopping_Form>li {
    list-style: none;
    padding: 5px 5px;
}

@media screen and (max-width: 992px) {

    .Input_Stopping_Form>li:last-child,
    .Input_Stopping_Form>li:last-child>button {
        display: block;
        width: 100%;
    }
}

/* 工程 selectフォーム囲み */
.Viecle_Select_List {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}

.Viecle_Select_List>li {
    list-style: none;
    font-size: 0.9rem;
    width: 25%;
    min-width: 100px;
}

@media screen and (max-width: 1024px) {
    .Viecle_Select_List>li {
        padding: 0;
    }
}

.Viecle_Select_List>li:first-child {
    padding-left: 0;
}

/* -------------------------------
    チェックリストパネル Check_List.php
    ------------------------------------ */

/* チェックリストテーブル個別のクラス名 (col幅調整用) */
/* 保留 */
.Col_Hold {
    width: 4.5%;
    min-width: 27px;
    max-width: 60px;
}

/* チェック */
.Col_Check {
    width: 4.5%;
    max-width: 50px;
    min-width: 22px;
}

/* 追加 */
.Col_Add {
    width: 4.5%;
    /*max-width: 50px;*/
    min-width: 17px;
}

/* 品目 */
.Col_Kind {
    width: 8%;
    min-width: 48px;
}

/* サイズ */
.Col_Size {
    width: 6%;
    min-width: 60px;
}

/* 設定m2 */
.Col_M2 {
    width: 4.5%;
    min-width: 25px;
}

/* m3 */
.Col_M3 {
    width: 4.5%;
    min-width: 25px;
}

/* 縦 */
.Col_Vertical {
    width: 5.5%;
    min-width: 47px;
}

/* 横 */
.Col_Width {
    width: 5.5%;
    min-width: 47px;
}

/* 高さ */
.Col_Height {
    width: 5.5%;
    min-width: 47px;
}

/* 個数 */
.Col_Vol {
    width: 4.5%;
    min-width: 34px;
}

/* 合計 m3 */
.Col_TotalM3 {
    width: 5%;
    min-width: 43px;
}

/* 取扱分類 */
.Col_ItemClass {
    width: 7%;
    min-width: 50px;
}

/* 参考料金 */
.Col_ReferencePrice {
    width: 5%;
    min-width: 50px;
}

/* 積み */
.Col_Load {
    width: 6%;
    min-width: 60px;
}

/* 下ろし */
.Col_Unload {
    width: 6%;
    min-width: 60px;
}

/* 備考 */
.Col_Memo {
    width: 6%;
    min-width: 50px;
}

/* 追加 */
.Col_ToAdd {
    width: 4.5%;
    min-width: 27px;
    max-width: 80px !important;
}

/*追加ボタンのサイズを大きく*/
.Luggage_List_Item.Table_Col.Col_ToAdd>.Luggage_Add_Btn.btn.Btn_Color {
    width: 100%;
}

.Luggage_List_Item.Table_Col.Col_ToAdd>.New_Luggage_Add_Btn.btn.Btn_Color {
    width: 100%;
}

/* 荷物入力 tab */
.nav-tabs .nav-link.Sub_Nav_Color {
    background-color: #ffffff;
    border: 1px solid #eaeef3;
}

/* avtive */
.nav-tabs .nav-item.show .nav-link.Sub_Nav_Color,
.nav-tabs .nav-link.Sub_Nav_Color.active {
    background-color: #3a3b50;
}

/* 検索フォーム囲み */
.Inline_Search_Form {
    display: inline-flex;
    flex: 1 1 0;
    padding: 5px;
    margin-bottom: 0;
}

/* 検索フォーム input */
.Inline_Search_Form>input {
    display: inline-block;
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* 検索フォーム 検索ボタン */
.Inline_Search_Form>.SearchBtn {
    display: inline-block;
    width: 90px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* ボタン横並びのフォーム */
.Form_Bt_Flex {
    width: 100%;
    display: flex;
    flex: 1 1 0;
}

.Form_Bt_Flex input {
    height: 100%;
    display: inline-block;
    margin-right: 10px;
}

.Form_Bt_Flex>.Btn {
    width: 90px;
}

/* 荷物入力 */
#Add_Luggage_List_Item_Input_Wrap {
    margin-bottom: 10px;
}

#Item_Description_Wrap {
    margin-bottom: 10px;
}

#Add_Luggage_List_Item_Vol {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}

#Add_Luggage_List_Wrap {
    /* height: 36vh; */
}

#Hold_Luggage_List_Wrap {
    /*
            border-left: 1px solid #ccc;
            border-top: 1px solid #ccc;
            overflow-y: scroll;
            padding: 10px 0 ;*/
}

#Hold_Luggage_List_Ttl {
    text-align: center;
    margin-bottom: 10px;
}

#Hold_Luggage_List {
    font-size: 10px;
}

/*------------------------------ 
    荷物入力パネル Cargo_Option.php
    -------------------------------*/
/* オプション tab */
.nav-tabs .nav-link.Option_Nav_Color {
    background-color: red;
}

/* avtive */
.nav-tabs .nav-item.show .nav-link.Option_Nav_Color,
.nav-tabs .nav-link.Option_Nav_Color.active {
    background-color: coral;
}

/* 
荷物・保留 panel
=====================================*/

/* tab
    ---------------------------------------------- */

/* タブリスト囲み */
.List_Tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
}

/* active tab */
.List_Tabs.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 3px solid #3a3b50;
    border-bottom: 0;
}

/* panel
    ------------------------------- */
.List_Tab_Panel {
    background-color: #eaeef3;
    border: 3px solid #3a3b50;
    border-top: 0;
    padding-top: 5px;
    height: 56vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* バー消去 */
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* バー消去 */
    /* Firefox 対応 */
}

.List_Tab_Panel::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
    /* バー消去 */
}

/* 2行ずつborderつける */
.Former_Add_Luggage_List tr:nth-of-type(2n + 1) {
    border-bottom: 3px solid #3a3b50;
}

/* 合計 */
.Former_Add_Luggage_List_Total {
    background-color: #fffffe;
}

.Former_Add_Luggage_List_Total td {
    font-weight: 600;
    font-size: 1.2rem;
}



.Former_Add_Luggage_List_Item_StackingDown {
    background-color: #fffffe;
}

/* 編集ボタン */
.Edit_Luggage_List {
    cursor: pointer;
}

/* 編集モーダル dl */
.Edit_Luggage_List_EditForm {
    display: grid;
    grid-template-columns: 20% 80%;
}

.Edit_Modal_Label {
    color: #3a3b50;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
}

.Edit_Sales_Time_Input_Box input {
    width: auto;
    height: auto;
}

/* aside panel 
    ========================================*/

.AsidePanel_Wrap {
    padding: 5px;
    min-height: 10vh;
    background-color: #eaeef3;
}

/* 社内メモパネル */
#Simple_MemoCard_Wrap {
    /* height: 56vh; */
    height: 20vh;
    overflow-y: scroll;
}

/* 社内メモパネル 保存ボタン */
#Add_Simple_Memo_Btn {
    /* height: 126px; */
}

/* メモ選択 */
#Simple_Memo_Achievement_Check {
    margin-bottom: 19px;
}

/*------------------------------ */
/* DeliveryTable_Detail.php */
#DeliveryTable_List_WholeWrap {

    width: 100%;
    overflow: hidden;
}

/*↓↓↓ 日付・キーワード検索 ↓↓↓*/
.Delivery_Search_Form_Wrap {
    margin: auto;
}


#Delivery_Search_Form {
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
}


/*↓↓↓ 配車表 ↓↓↓*/
#Delivery_Table_WholeWrap {
    padding-top: 66px; /* 固定ヘッダーの高さ分 */
    /*height: calc(100vh - 130px);*/
    /*overflow-y: scroll;*/
    /* overflow-y: auto; */
    /*		padding-bottom: 54px;*/
}

#Delivery_Table_WholeWrap::-webkit-scrollbar {
    width: 10px;
    height: 4px;
}

#Delivery_Table_WholeWrap::-webkit-scrollbar-track {
    background: #ffffff;
}

#Delivery_Table_WholeWrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #707070;
}

#Delivery_Table_WholeWrap>p {
    margin-bottom: 0;
}

.OneDay_Delivery_Table_Wrap {
    border-top: solid;
    display: flex;
}

/*日付部分*/

.OneDay_Delivery_Table_Date_Wrap {
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.OneDay_Delivery_Table_Date_Content {
    position: relative;
    width: 52px;
    height: 48px;
    margin-top: 4px;
}

.OneDay_Delivery_Table_Date_Week {
    border-radius: 100%;
    width: 18px;
    height: 18px;
    line-height: 17.5px;
    background-color: #3a3b50;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    text-align: center;
}

.OneDay_Delivery_Table_Date_Month,
.OneDay_Delivery_Table_Date_Day {
    font-size: 18px;
    font-family: "Times New Roman";
    color: #3a3b50;
    margin-bottom: 0;
}

.OneDay_Delivery_Table_Date_Month {
    position: absolute;
    top: 3px;
    left: 5px;
}

.OneDay_Delivery_Table_Date_Day {
    position: absolute;
    right: 5px;
    bottom: 3px;
}

.OneDay_Delivery_Table_Date_slash {
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: #3a3b50;
    transform: translate(-50%, -50%) rotate(30deg);
    position: absolute;
    top: 50%;
    left: 50%;
}

/*日付下のボタン*/
.OneDay_MenuBtns_Wrap {
    margin: 4px auto;
}

.One_Day_RouteMap_Wrap>iframe {
    height: 480px;
    width: 100%;
}

.Btn_PrintMap_Day {
    padding: 6px 10px;
}

/*車両関係*/
.OneVehicle_Delivery_Table_Wrap {
    display: flex;
    padding: 0;
    width: calc(100vw - 63px);
    border-top: solid 1px rgba(0, 0, 0, 0.5);
    overflow-x: scroll;
}

.OneVehicle_Delivery_Table_Wrap:nth-of-type(even) {
    background-color: #efefef;
}

.OneVehicle_Delivery_Table_VehicleInfo_Wrap {
    width: 84px;
    min-width: 84px;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    padding-left: 4px;
}

.OneVehicle_Delivery_Table_Wrap:nth-of-type(even)>.OneVehicle_Delivery_Table_VehicleInfo_Wrap {
    background-color: #efefef;
}

.Btn_Small {
    padding: 4px 8px;
    font-size: 10px;
}

.One_Vehicle_MenuBtns_Wrap {
    display: flex;
    justify-content: space-around;
}

.One_Vehicle_MenuBtns_Wrap>div>button {
    font-size: 12px;
    padding: 0 3px;
    margin: 4px auto;
}

/*スタッフ*/
.One_Vehicle_StaffName_Wrap>div>p {
    font-size: 12px;
    display: block;
}

.One_Vehicle_StaffName_Wrap>div>span {
    font-size: 10px;
    border-bottom: double #3a3b50;
    display: block;
    margin-top: 4px;
    width: 100%;
}

.DriverIcon {
    margin-right: 2px;
}

/*スタッフ編集*/
.One_Vehicle_OneStaffQ_Wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #afafaf;
    padding-bottom: 4px;
}

.One_Vehicle_Staff_Plus {
    font-size: 14px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*車両ごとの地図とルート*/
.modal-LL {
    width: calc(100% - 8px);
    max-width: 1300px;
}

.RouteMap_Wrap>iframe {
    height: 160px;
    width: 100%;
}

/*ルート*/
.One_Vehicle_Route_Wrap {
    display: flex;
    margin: 12px 0;
}

.One_Route_Card {
    border: solid 4px #3a3b50;
    border-radius: 6px;
    padding: 8px;
}

.One_Route_Card>p {
    font-size: 12px;
}

.One_Route_Card_Time_Wrap {
    display: inline-flex;
    position: relative;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.One_Route_Card_Time_Wrap>span {
    font-size: 10px;
    margin-top: 4px;
}

.One_Route_Card_Time_Wrap::before {
    content: "";
    width: 16px;
    height: 4px;
    background-color: #3a3b50;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.One_Route_Card_Time_Wrap::after {
    content: "";
    width: 16px;
    height: 4px;
    background-color: #3a3b50;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/*案件*/
.One_Vehicle_AllMatter_Wrap {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: 8px;
}

.OneVehicle_Delivery_Table_Wrap:nth-of-type(even)>.One_Vehicle_AllMatter_Wrap {
    background-color: #efefef;
}

.One_Vehicle_AllMatter_Wrap::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.One_Vehicle_AllMatter_Wrap::-webkit-scrollbar-track {
    background: #ffffff;
}

.OneVehicle_Delivery_Table_Wrap:nth-of-type(even)>.One_Vehicle_AllMatter_Wrap::-webkit-scrollbar-track {
    background: #efefef;
}

.One_Vehicle_AllMatter_Wrap::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #707070;
}

.One_Vehicle_OneMatter_Wrap.Cardboard {
    /* min-width: 120px; */
    width: 150px;
    max-width: auto;
}

.One_Vehicle_OneMatter_CardWrap {
    display: flex;
    height: 100%;
}

.One_Vehicle_OneMatter_CardInner {
    border-radius: 4px;
    height: calc(100% - 8px);
    margin: 4px 2px;
    padding: 0 4px 4px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 300px;
}

/*搬送車両*/
.One_Vehicle_OneMatter_CardInner.Transport {
    background-color: rgba(0, 0, 0, 0.4);
    border: solid 2px #2b00f5;
}

.badge.Transport {
    background-color: #2b00f5;
}

/*応援車両*/
.One_Vehicle_OneMatter_CardInner.Support {
    background-color: rgba(0, 0, 0, 0.4);
    border: solid 2px #cb002e;
}

.badge.Support {
    background-color: #cb002e;
}

.OneMatter_Card_Header {
    display: flex;
    justify-content: space-between;
}

.Matter_Category_Wrap {
    margin-bottom: 2px;
}

/*	.Matter_Category_Wrap > span{
		padding: 0.15em 0.45em;
		font-size: 10px;
	}*/
.Matter_Category_Wrap>span {
    padding: 0.15em 0.45em;
    font-size: 12px;
}

.One_Vehicle_OneMatter_CardTxt_Wrap {
    background-color: #ffffff;
    padding: 4px;
    height: calc(100% - 27px);
}

.OneMatter_Card_Width {
    height: calc(100% - 8px);
    border-radius: 0 4px 4px 0;
    resize: horizontal;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
}

.OneMatter_Card_Width_Edge {
    height: calc(100% - 8px);
    min-width: 4px;
    border-radius: 0 4px 4px 0;
    margin-top: 4px;
}

.OneMatter_Card_Times_Wrap {
    border-top: 1px solid #afafaf;
    font-size: 10px;
    display: flex;
    align-items: center;
    padding: 2px 0;
}

.OneMatter_Card_Times_Wrap>p {
    display: block;
    width: auto;
    position: relative;
}

.OneMatter_Card_Times_Wrap>p::after {
    position: absolute;
    width: 1px;
    height: 90%;
    top: 50%;
    left: 0;
    background-color: #afafaf;
}

.dropdown-item {
    font-size: 14px;
}

/*案件カードインプット系*/
/*	.SmallInput.Name{
		font-size: 12px;
	    padding: 2px;
		margin-bottom: 2px;
	}*/

.SmallInput.Name {
    font-size: 14px;
    padding: 2px;
    margin-bottom: 2px;
}

/*	.SmallInput.Time,.SmallInput.Root{
		font-size: 10px;
		padding: 1px;
	}*/

/*	.SmallInput.Time,.SmallInput.Root{
		font-size: 10px;
		padding: 1px;
		height: 16px;
	}*/
.SmallInput.Time,
.SmallInput.Root {
    font-size: 16px;
    padding: 1px;
    height: 20px;
}

.SmallInput.Time::-webkit-calendar-picker-indicator {
    background: none;
    width: 4px;
}

.SmallInput.Time::-webkit-calendar-picker-indicator {
    display: none;
}

.OneMatter_Card_Header {}

.OneMatter_Card_Header_Right {
    display: flex;
    align-items: center;
}

/*案件カード工程数*/
/*	.OneMatter_Card_StepWrap{
		background-color: #ffffff;
		display: inline-flex;
		width: auto;
		padding: 0 4px;
		font-size: 10px;
		height: 15px;
	}*/

.OneMatter_Card_StepWrap {
    background-color: #ffffff;
    display: inline-flex;
    width: auto;
    padding: 0 4px;
    font-size: 12px;
    height: 17px;
}

.Btn_Menu_OneMatter_Card_Header {
    padding: 0px 2px;
    margin-left: 2px;
    font-size: 10px;
}

.List_Menu_OneMatter_Card_Header {
    font-size: 10px;
}

.OneMatter_Card_TimeCategory {
    font-size: 12px;
}

/*ルート*/
.OneMatter_Card_Route_Wrap {
    border-top: 1px solid #afafaf;
}

/*	.OneMatter_Card_OneRoute{
		display: flex;
		align-items: center;
		margin-top: 2px;
		margin-bottom: 1px;
	}
	
	.OneMatter_Card_OneRoute > i{
		font-size: 10px;
		margin-right: 2px;
		color: #212529;
	}*/

.OneMatter_Card_OneRoute {
    display: flex;
    align-items: flex-start;
    margin-top: 2px;
    margin-bottom: 1px;
}

.OneMatter_Card_OneRoute>i {
    font-size: 14px;
    margin-right: 2px;
    color: #212529;
}

.OneMatter_Card_OneRoute>p {
    font-size: 14px;
}

.Suburbs {
    color: #a30002;
    font-weight: bold;
}

.Suburbs>i {
    color: #212529;
}

/*	.RelayView_Wrap{
		display: flex;
		font-size: 10px;
		margin-top: 2px;
	}*/
.RelayView_Wrap {
    display: flex;
    font-size: 14px;
    margin-top: 2px;
}

.RelayView_Wrap>p {
    margin-left: 2px;
}

/*	.Btn_RelayView{
		background-color: #707070;
		color: #ffffff;
		font-size: 10px;
		padding: 0 2px;
		position: relative;
		font-weight: inherit;
		margin-right: 2px;
	}*/

.Btn_RelayView {
    background-color: #707070;
    color: #ffffff;
    font-size: 12px;
    padding: 0 2px;
    position: relative;
    font-weight: inherit;
    /*margin-right: 2px;*/
    margin-right: 12px;
    line-height: 16px;
}

.Btn_RelayView.Suburbs {
    background-color: #a30002;
}

.Btn_RelayView.Suburbs>i {
    color: #212529;
}

.RelayView {
    font-size: 10px;
}

.RelayView>p>i {
    color: #212529;
}

.Relay_OneRoute {
    display: flex;
}

/*	.OneMatter_Card_OneRoute_Day{
		font-size: 10px;
		color: #707070;
		border: solid 1px #707070;
		padding: 0 2px;
		margin-left: 1px;
	}
	*/

.OneMatter_Card_OneRoute_Day {
    font-size: 12px;
    color: #707070;
    border: solid 1px #707070;
    padding: 0 2px;
    margin-left: 1px;
}

/*備考*/

.OneMatter_Card_Remark_Wrap {
    border-top: 1px solid #afafaf;
    display: flex;
    padding: 2px;
}

.OneMatter_Card_Remark_Ttl {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    background-color: #707070;
    color: #ffffff;
    border-radius: 4px;
    height: 32px;
    display: flex;
    font-size: 10px;
    justify-content: center;
    margin-right: 2px;
}

/*	.OneMatter_Card_Remark_Wrap > textarea{
		font-size: 10px;
		padding: 2px;
	}*/

.OneMatter_Card_Remark_Wrap>textarea {
    font-size: 14px;
    padding: 2px;
}

.OneMatter_Card_Remark_Wrap>textarea.form-control {
    min-height: inherit;
}

/*	.OneMatter_Card_Remark_Wrap.Cardboard > textarea{
		height: 75px;
	}
	*/

/*まで配リスト*/

.ByDelivery_Wrap {
    position: fixed;
    width: 100%;
    transition: 0.8s;
    top: 100%;
}

.ByDelivery_Wrap.Open {
    top: auto;
    bottom: 0;
}

.ByDelivery_Content {
    position: relative;
    background-color: #3a3b50;
    padding: 16px;
}

.Btn_ByDelivery_Tab {
    background-color: #3a3b50;
    color: #ffffff;
    border-radius: 0 0 0 0 !important;
    /*		border-radius: 4px 4px 0 0;
*/
    position: absolute;
    height: 48px;
    top: -48px;
    left: 16px;
    font-size: 14px !important;
}

.Btn_ByDelivery_Tab_Icon {
    transition: 0.5s;
}

.Btn_ByDelivery_Tab_Icon.Open {
    transform: rotate(180deg);
}

.By_Delivery_Inner {
    background-color: #ffffff;
    padding: 16px;
}

.By_Delivery_MatterCards_Wrap {
    display: flex;
    flex-wrap: wrap;
}

.One_Vehicle_OneMatter_CardInner.ByDelivery {
    position: relative;
    margin-top: 20px;
}

.ByDelivery_Deadline {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-size: 12px;
    height: 20px;
    border-radius: 4px 4px 0 0;
    top: -20px;
    left: 8px;
    padding: 0 4px;
}

/* 協力会社ページ */
.BreadCrumb_Nav {
    margin-left: 15%;
    font-weight: bold;
    color: #b8b8bf;
}

@media screen and (min-width: 1100px) {
    .BreadCrumb_Nav {
        margin-left: 23%;
    }
}

.BreadCrumb_Nav .active {
    color: #3a3b50;
}

.Outsourcing_Price_Add_BtnBox {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

/* Cargo_List.phpのサイズ追加ボタンのCSS */
.Cargo_Size_Add_Btn {
    font-size: 10px;
    margin: 0 auto;
    background: #3a3b50;
    text-align: center;
    border-radius: 0 0 0 0 !important;
    /*		border-radius: 0.3rem;
*/
    transition: 0.3s;
}

.Cargo_Size_Add_Btn:hover {
    background: #444aa3;
}

.Cargo_Size_Add_Btn button {
    font-size: 12px !important;
    color: #fff;
    font-weight: bold;
    padding: 6px;
}

.Cargo_Size_Add_Btn button:hover {
    color: #fff;
}

.form-control {
    /*        border-radius: 0;*/
}

.Estimate_Reg_Wrap {
    background-color: #fffffe;
    padding: 0 10px;
    margin: 0 auto;
}

.Estimate_Reg_Area {
    height: 57vh;
    overflow-y: scroll;
}

.Estimate_Reg_List_Tab_Panel {
    border-top: 0;
    padding-top: 5px;
    /* height: 56vh; */
    overflow-y: scroll;
}

/* ---------------------------------------- */
/* お客様情報、担当者情報 */
@media screen and (min-width: 1100px) {
    .Estimate_Reg_Label {
        width: 19%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Select {
        width: 81%;
    }
}

.Estimate_Reg_NumberOfPeople_Input {
    width: 100px;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_Label {
        width: 18.7%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_NameSelect {
        width: 81.3%;
    }
}

.Estimate_Reg_Charge_CreatedDate_Label {
    width: 100%;
}

.Estimate_Reg_Charge_Progress_Label {
    width: 56%;
}

.Estimate_Reg_Charge_Progress_InputBox {
    max-width: 125px;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_NumberOfPeople_Label {
        width: 18.5%;
    }
}

.Estimate_Reg_Charge_NumberOfPeople_LabelBox {
    width: 76%;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Charge_NumberOfPeople_InputBox {
        width: 36.5%;
    }
}

.Estimate_Reg_Charge_NumberOfPeople_Input {
    width: 100px;
}

.Estimate_Reg_Charge_SelectBox {
    max-width: 125px;
}

.Estimate_Reg_Charge_Select {
    width: 100px;
}

.Estimate_Reg_Add_Btn {
    width: 32px;
    height: 32px;
    display: flex;
    position: relative;
    background: #fff;
    border-radius: 0 0 0 0 !important;
    /*        border-radius: 50px;
*/
    border: 3px solid #3a3b50;
}

.Estimate_Reg_Add_Btn:hover {
    background: #fff;
}

.Estimate_Reg_Add_Btn::before {
    content: "";
    width: 60%;
    height: 3px;
    background: #3a3b50;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Estimate_Reg_Add_Btn::after {
    content: "";
    width: 3px;
    height: 60%;
    background: #3a3b50;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Estimate_Reg_CustomerAdd_Btn .btn {
    transform: translateX(-16px);
}

.Estimate_Reg_Charge_Progress_Btn {
    transform: translateX(-8px);
}

/* ---------------------------------------- */
/* 工程 */
@media screen and (min-width: 1100px) {
    .Estimate_Reg_Process_Label {
        width: 19%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Process_InputBox {
        width: 81%;
    }
}

/* ---------------------------------------- */
/* 段ボール */

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Corrugated_Label {
        width: 19%;
    }
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Corrugated_InputBox {
        width: 81%;
    }
}

.accordion-button:not(.collapsed) {
    background: #fff;
}

select {
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.accordion-button:focus {
    box-shadow: none;
}

/* ---------------------------------------- */
/* 現住所 新住所 中継地*/

.Estimate_Reg_Iframe {
    width: 100%;
    height: 100%;
}

.Estimate_Reg_Add_BtnTxt {
    color: #3a3b50;
}

/* 見積書 */

.Estimate_Reg_Table_Head {
    background: #f1f1f1;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.Estimate_Reg_Place_Input {
    /* width: 94%; */
    margin: 0 auto;
}

#Discount {
    /* width: 94%; */
    margin: 0 auto;
}

.Estimate_Reg_Table_Item {
    width: 93px;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Table_Item {
        width: 140px;
    }
}

/* ---------------------------------------- */
/* 送付先 */

.Estimate_Reg_Delivery_Ttl {
    width: 12%;
    min-width: 106px;
}

.Estimate_Reg_Delivery_Select {
    width: 15.5%;
}

.Estimate_Reg_Delivery_MailNumber {
    width: 16.5%;
}

.Estimate_Reg_Delivery_Input {
    width: 82%;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Delivery_Input {
        width: 87%;
    }
}

.Estimate_Reg_Delivery_Honorific {
    width: 15.2%;
}

@media screen and (min-width: 1100px) {
    .Estimate_Reg_Delivery_Honorific {
        width: 20.2%;
    }
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

/*----------見積作成ページ-----------------------------------------------------------------------------------------------------*/
/*　荷物 */
.Luggage_List_Item {
    font-size: 16px;
}

/*　成約・見積内容保存Btn */
.EstimateReg_Btn_Wrap {
    width: 150px;
    background: #3a3b50;
    color: #fff;
    font-weight: bold;
    font-size: 14px !important;
    padding-top: 7px;
    letter-spacing: 0.1em;
    height: 50px;
}
.EstimateReg_Btn_Wrap:hover {
    color: #fff;
}

@media screen and (max-width: 1200px) {
	/* 1200px以下に適用されるCSS（大画面サイズ） */

    .EstimateReg_Btn_Wrap {
        width: 120px;
        font-size: 10px  !important;
        height: 40px;
    }
}

/* .EstimateReg_Btn_Wrap .btn {
    width: 100%;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.08em;
    font-size: 18px !important;
    padding-top: 7px;
} */

/* オプションのオプション */

.Cargo_Option_Page .tab-content {
    height: calc(56vh - 48px);
    overflow-y: scroll;
}

@media screen and (min-width: 1024px) {
    .Cargo_Option_Page .tab-content {
        height: calc(64vh - 48px);
    }
}

.Cargo_Option_Page_Option_Option .Table_Label {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.01em;
}

.Cargo_Option_Page_Option_Option .Table_ColName {
    font-size: 14px;
    letter-spacing: 0.18em;
}

.Cargo_Option_Page .Table_ColName {
    background: #525252;
}

.Cargo_Option_Page .Col_Add {
    font-weight: bold;
    font-size: 12px;
}

.Option_Item_Done {
    color: #fff;
    background: #5a80ab;
}

.Add_Item_BgColor {
    background: #ab5a5a;
}

.Option_Add_Btn, .Free_Option_Add_Btn {
    font-size: 12px !important;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.18em;
    background: #3a3b50;
    border: none;
    transition: 0.3s;
}

.Option_Add_Btn:hover, .Free_Option_Add_Btn:hover {
    opacity: 0.9;
    color: #fff;
}

.Cargo_Option_Page_Option_Option .Table_ColName:last-child {
    max-width: 136px;
    min-width: 136px;
}

.Cargo_Option_Page_Option_Option .Option_List_Item:last-child {
    max-width: 136px;
    min-width: 136px;
}

/* オプションリスト */
.Add_Stopping_Point_List_Item_Index,
.Add_TollRoad_List_Item_Index,
.Add_Hanging_Work_List_Item_Index,
.Add_Packing_List_Item_Index,
.Add_Furniture_Disassembly_List_Item_Index,
.Add_Moving_Furniture_List_Item_Index {
    width: 36px;
}

.Col_Quantity {
    min-width: 100px;
    max-width: 100px;
}

.Col_Price {
    min-width: 130px;
    max-width: 130px;
}

.Col_Remarks {
    min-width: 173px;
    max-width: 173px;
}

.Col_Route_Remarks {
    min-width: 373px;
    max-width: 373px;
}

/* 外注サービスA */
.Cargo_Option_Page_Option_OthersA .Table_ColName {
    font-size: 14px;
    letter-spacing: 0.18em;
}

.SubcontractorA_List_Item {
    font-weight: bold;
    font-size: 12px;
}

.SubcontractorA_Add_Btn {
    font-size: 12px !important;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.18em;
    background: #3a3b50;
    border: none;
    transition: 0.3s;
}

.SubcontractorA_Add_Btn:hover {
    opacity: 0.9;
    color: #fff;
}

/* ------------------------------------------- */
/* 外注サービスB */
.Cargo_Option_Page_Option_OthersB .Table_ColName {
    font-size: 13px;
    letter-spacing: 0.18em;
}

.SubcontractorB_List_Item {
    font-weight: bold;
    font-size: 12px;
}

.SubcontractorB_Add_Btn {
    font-size: 12px !important;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.18em;
    background: #3a3b50;
    border: none;
    transition: 0.3s;
}

.SubcontractorB_Add_Btn:hover {
    opacity: 0.9;
    color: #fff;
}

/* ------------------------------------------- */
/* アコーディオンのCSS */

.Cargo_Option_Page .accordion-button:not(.collapsed) {
    color: #3a3b50;
}

.Cargo_Option_Page .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.Cargo_Option_Page .accordion-body {
    padding: 0.6rem;
}

/* ------------------------------------------- */

/*----------フォーム全体-----------------------------------------------------------------------------------------------------*/
.form-group.row {
    align-items: center;
}

.Form_Ttl_H3 {
    color: #3a3b50;
    border-bottom: solid 1px #000;
}

.form-control[type="file"] {
    line-height: 1;
}

/*----------Admin/Staff/Staff_Add.php-----------------------------------------------------------------------------------------------------*/
.Postal_Code {
    width: 26%;
}

.Postal_Code_Btn {
    padding: 0.187rem 0.75rem;
    font-size: 14px !important;
}

/* Estimate_Reg.php */
.Estimate_Price_Table_Thead {
    background-color: #525252;
    color: #ffffff;
}

.Estimate_Price_Table_Thead>tr>th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fw-bold.Sub_Td_Ttl {
    font-size: 15px;
    color: #707070;
}

#Price_InputArea>tr>td {
    align-items: middle;
}

.PN_Estimate_Reg_List_Tab_Panel.Estimate_Reg_List_Tab_Panel {
    padding: 0;
}

/* 見積作成右タブオプションの見た目 */

#Former_Add_Option_List>.Option_Name {
    border-bottom: solid 1px #00000030;
}

#Former_Add_Option_List>.Option_Name>div {
    border-top: dotted 1px #00000030;
    align-items: center;
    padding: 3px 0;
}

#Former_Add_Option_List>.Option_Name>div:first-of-type {
    border-top: none;
    padding: 8px 0;
}

#Matter_Visit_Schedule_Calendar_Wrap {
    position: fixed;
    top: 110px;
    right: 50px;
    background-color: #fff;
    width: 50%;
    height: 700px;
    z-index: 10000;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    overflow-y: scroll;
}

/* 警告テキスト */
.Danger_Txt {
    font-size: 0.8rem;
    color: #ed3939;
    font-weight: bold;
}

/* キャパ */
.Capa_Area {
    display: flex;
    justify-content: flex-end;
    background-color: #f0f0f0;
    /* 背景色を設定 */
    padding: 10px;
    /* 余白を追加 */
    border: 1px solid #ccc;
    /* 枠線を追加 */
    border-radius: 5px;
    /* 枠線の角を丸める */
}

.Warehouse_Capacity_Class {
    color: #ed3939;
}

.Warehouse_LinkBtn>a {
    color: #212529;
    text-decoration: none;
    cursor: pointer;
}

/*----------Mail/Automatic/	index.php-----------------------------------------------------------------------------------------------------*/

.MailListItem.AcTive {
    background-color: #3a3b5020;
}

#Mail_Content_Box {
    border: solid 1px #00000030;
    padding: 24px 16px;
}

/* Estimate_Check.phpのCSS--------------------------------------------------- */
.Estimate_Check_Page_Ttl h1 {
    padding: 10px 12px;
    font-size: 19px;
    background: #3a3b50;
    color: #fff;
    letter-spacing: 0.08em;
    text-align: center;
    border-bottom: 3px solid #c9daf8;
}

.Estimate_Check_Page_Ttl h2 {
    padding: 8px 12px;
    font-size: 18px;
    letter-spacing: 0.06em;
    max-width: 700px;
    margin: 0 auto;
}

.Estimate_Check_Txt {
    padding: 0px 12px;
    max-width: 700px;
    margin: 0 auto;
}

.Estimate_Check_Txt p {
    letter-spacing: 0.04em;
}

.canvas_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .canvas_wrap {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
}

#estimate-canvas {
    -o-object-fit: contain;
       object-fit: contain;
    width: 95vw;
    max-height: 100vh;
    max-width: 640px;
    -o-object-position: top;
       object-position: top;
    border: 1px solid #000;
}

@media screen and (min-width: 1024px) {
    #estimate-canvas {
        max-width: 588px;
    }
}

#term-canvas {
    -o-object-fit: contain;
       object-fit: contain;
    width: 95vw;
    max-height: 100vh;
    -o-object-position: top;
       object-position: top;
    border: 1px solid #000;
    padding-bottom: 40px;
}

@media screen and (min-width: 1024px) {
    #term-canvas {
        max-width: 276px;
    }
}


.pdf_dl_area {
    width: 95vw;
    max-width: 600px;
    margin: 0 auto;
}

.pdf_dl_area a {
    color: #444aa3;
}

.pdf_dl_area a:hover {
    color: #444aa3;
}

.Agreement_Wrap {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.Agreement_Box {
    width: 60%;
    max-width: 248px;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    letter-spacing: 0.02em;
    font-size: 17px;
}

.Agreement_Box label {
    display: flex;
    align-items: center;
}

.Agreement_Box input {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.Estimate_Check_Page_Btn {
    background: #bf7821;
    color: #fff;
    width: 72%;
    max-width: 380px;
    border-radius: 5px !important;
    font-weight: 500;
    font-size: 18px !important;
    letter-spacing: 0.08em;
}


/*---------------------------------------------------------------------------------------------------------------*/

.Fs_12 {
    font-size: 12px;

}

.Fs_14 {
    font-size: 14px;
}

.Fs_16 {
    font-size: 16px;
}

.Fs_20 {
    font-size: 16px;
}



/* 
ページ名
見積り作成ページ 
Estimate/Estimate_Management.php
-------------------------------*/

/* 
ファイル名
Estimate/Inc_Parts/Cargo_List_Input.php
include箇所
Estimate/Estimate_Management.php
ページ名
見積り作成ページ

css_class命名規則
CagoListInput_****
 */


/* タブリスト */
.CagoListInput_Tabs {
    display: flex;
    flex-wrap: nowrap;
}

/* タブ */
.CagoListInput_Tabs>.nav-link {
    padding: 2px 2px 4px 2px;
    flex: 1;
    text-align: center;
}

/* タブ名 */
.CagoListInput_TabName {
    font-size: 14px;
    white-space: nowrap;
}

/* パネル */
.CagoListInput_Panel {
    background-color: #eaeef3;
    border: 3px solid #3a3b50;
    border-top: 0;
    padding-top: 5px;
    height: 56vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* バー消去 */
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* バー消去 */
    /* Firefox 対応 */
}

.CagoListInput_Panel::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
    /* バー消去 */
}

/* パネル中身の横並びレイアウト */
.CagoListInput_Total_Grid_5_5 {
    display: grid;
    grid-template-columns: 50% 50%;
    border-bottom: 1px solid #ccc;
    text-align: center;
    align-items: center;
    font-size: 20px;
}

/* パネル中身の横並びレイアウト */
.CagoListInput_Grid_5_5 {
    display: grid;
    grid-template-columns: 50% 50%;
    border-bottom: 1px solid #ccc;
}

/* 並ぶアイテム */
.CagoListInput_Grid_Item {
    width: 100%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex;
    font-size: 18px;
}

/* 番号 */
.CagoListInput_Grid_Item_Numbering {
    height: 28px;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 0 .5em;
    width: 20px
}

/* 積み荷名など表示箇所 */
.CagoListInput_Grid_Item_Inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 上段 */
.CagoListInput_Grid_Item_Inner>div:first-child {
    display: grid;
    grid-template-columns: auto 80px 38px;
    /* display: flex; */
    align-items: center;
}

/* 積み荷名 */
.CagoListInput_Grid_Item_Name {
    margin: 0 4px;
}

.Estimate_Cargo_Item_Name:hover,
.Estimate_Material_Item_Name:hover {
    opacity: 0.8;
    cursor: pointer;
}

/* 下段 */
.CagoListInput_Grid_Item_Inner>div:last-child {
    /* display: grid; */
    display: flex;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
}


/* 個数加減 */
.CagoListInput_Item_Vol_Wrap {
    display: flex;
    align-items: center;
    padding: 0 5px;
    position: relative;
    z-index: 2;
}

/* 加減される 個数 */
.CagoListInput_Item_Vol {
    min-width: 3rem;
    text-align: center;
}

/* 荷物名をクリックすると出る吹き出し */
.balloon {
    display: none;
    position: fixed;
    top: 24%;
    right: 33%;
    border: 1px solid #000;
    width: 200px;
    height: 200px;
    line-height: 1.5;
    padding: 0px;
    background: #fff;
    z-index: 1000;
    font-size: 12px;
    word-break: break-all;
}

/* クリックで吹き出し非表示 */
.bk-balloon {
    display: none;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* 
確認パネル
 */

/* 削除ボタン */
.Dell_SubcontractorB:hover {
    cursor: pointer;
}

/* バッジのスタイル */

.process_index_badge{
    border: #fff solid 1px;
    font-weight: 100;
    cursor: pointer;
}



/*  */
.Estimate_LuggageItem_Waypoint {
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
}


.cagoListNavi {
    padding: 7px 2px 7px 2px;
}

/* .Former_Add_Luggage_List_Item_Wrap {
    position: relative;
} */
.balloon {
    display: none;
    position: fixed;
    top: 24%;
    right: 33%;
    border: 1px solid #000;
    width: 200px;
    height: 200px;
    line-height: 1.5;
    padding: 0px;
    background: #fff;
    z-index: 1000;
    font-size: 12px;
    word-break: break-all;
}

.bk-balloon {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Estimate_Cargo_Item_Name:hover,
.Estimate_Material_Item_Name:hover {
    opacity: 0.8;
    cursor: pointer;
}

.Cargo_List_Vol {
    font-size: 16px;
}

#Former_Add_Luggage_List_Total_Box,
#Former_Hold_Luggage_List_Total_Box,
#Former_Add_Waste_List_Total_Box,
#Former_Add_Lowering_List_Total_Box,
#Former_Add_Purchase_List_Total_Box {
    font-size: 20px;
}

.Dell_SubcontractorB:hover {
    cursor: pointer;
}

.Estimate_Material_Item_Price {
    font-size: 14px;
}

.Luggage_List_Total_Box {
    border-bottom: 1px solid #000;
}
.Luggage_List_Total_Box2 {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.Luggage_List_Total_Box2:nth-child(2n) {
    border-right: none;
}

.PhoneIcon{
    font-size: 14px;
}

.CircleRightIcon{
    font-size: 18px;
}


.Btn_Tumi{
    background-color: #0476d1;
  color: #ffffff;
}
.Btn_Tumi:hover {
  color: #ffffff;
}
.Btn_Orosi{
  background-color: #8804d1;
  color: #ffffff;
}
.Btn_Orosi:hover {
  color: #ffffff;
}
.Btn_Shuu{
  background-color: #0d04d1;
  color: #ffffff;
}
.Btn_Shuu:hover {

  color: #ffffff;
}
.Btn_Haitatu{
  background-color: #04d1c1;
  color: #ffffff;
}
.Btn_Haitatu:hover {

  color: #ffffff;
}

.Btn_Haiki{
  background-color: #d1046b;
  color: #ffffff;
}
.Btn_Haiki:hover {

  color: #ffffff;
}
.Btn_Kaitori{
  background-color: #04d12a;
  color: #ffffff;
}
.Btn_Kaitori:hover {

  color: #ffffff;
}
.Btn_Oroshi{
  background-color: #d19e04;
  color: #ffffff;
}
.Btn_Oroshi:hover {

  color: #ffffff;
}

.Matter_Process_Select_Tumi{
}
.Matter_Process_Select_Orosi{
}
.Matter_Process_Select_Shuu{
}

.Matter_Process_Select_Btn {
  margin-left: 2px;
}
.Matter_Process_DeliveryList_Btn {
    padding:0px 4px;
}
.Matter_Process_Select_Add_Btn{
  margin-left: 2px;
}
.Matter_Process_Select_Btn_Text{
  font-size: medium;
}
.Matter_Process_DeliveryList_Text{
  font-size: small;
}

.Work_Btn{
    font-size: 100px;
}

.Ajust_Btn{
    font-size: medium !important ;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}