@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
受注管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
お直し額リスト
-------------------------------------------------------------*/
#main.repairList {}
#main.repairList .pagerArea { background-color: #FFF; padding: 0 0 5px 0; }
.repairListTable #list-table.scrollTable {  }
.repairListTable #list-table.scrollTable tbody {}
.repairListTable #list-table.scrollTable tr th div { margin-bottom: 2px; }
.repairListTable #list-table.scrollTable tr td { position: relative; }
.repairListTable #list-table.scrollTable tr td:nth-of-type(1) { position: relative; padding-left: 15px; height: calc(100% - 15px); }
.repairListTable #list-table.scrollTable tr td:nth-of-type(1):before { content: ""; position: absolute; top: 0; left: 0; height: 100%; }
.repairListTable #list-table.scrollTable tr td:nth-of-type(3) div { height: 23px; margin-bottom: 5px; }
.repairListTable #list-table.scrollTable tr td:nth-of-type(2) div,
.repairListTable #list-table.scrollTable tr td:nth-of-type(5) div,
.repairListTable #list-table.scrollTable tr td:nth-of-type(6) div { height: 23px; margin-bottom: 5px; padding: 2px 10px 0; border: 1px solid #DDD; box-sizing: border-box; border-radius: 3px; }
.repairListTable #list-table.scrollTable tr td:nth-of-type(2) span { display: inline-block; margin-right: 5px; }
.repairListTable #list-table.scrollTable tr td:nth-of-type(5) span { display: inline-block; margin-right: 15px; }
.repairListTable #list-table.scrollTable tr td:nth-of-type(2) span:nth-last-of-type(1),
.repairListTable #list-table.scrollTable tr td:nth-of-type(5) span:nth-last-of-type(1) { margin-right: 0; }
.repairListTable #list-table.scrollTable tbody:nth-child(odd) td { background: #F5F6FA; }
.repairListTable #list-table.scrollTable tbody:nth-child(even) td { background: #FFF; }
.repairListTable #list-table.scrollTable tr:hover td { cursor: pointer!important; }
.repairListTable label.checkBox:after { outline-color: transparent; }
.repairListTable #list-table.scrollTable tr td.items div { display: inline-block; margin-right: 20px; vertical-align: top; }
.repairListTable #list-table.scrollTable tr td.items div:nth-last-of-type(1) { margin-right: 0; }
.repairListTable #list-table.scrollTable tr td.items div span { display: block; font-size: 0.8em; }
.repairListTable #list-table.scrollTable tr td.items label.checkBox:empty { padding: 6px 7px 7px 7px; }
.repairListTable #list-table.scrollTable tr td.notes { white-space: normal; vertical-align: top; min-width: 300px; }
.repairListTable #list-table.scrollTable tr td.notes p { overflow-x: auto; height: 84px; }
.repairListTable #list-table.scrollTable tr td input[type="checkbox"][disabled] + label.checkBox { cursor: pointer; color: #333; }


/*-------------------------------------------------------------
お直し詳細
-------------------------------------------------------------*/
.modalOuter.RepairDetail { }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner { -ms-grid-columns: 4fr minmax(350px,0.8fr); grid-template-columns: 4fr minmax(350px,0.8fr); -ms-grid-rows: auto auto 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "gCol1 gCol1" "gCol2 gCol3" "gCol4 gCol3"; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol2 { -ms-grid-row: 2; -ms-grid-column: 1; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 2; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 { -ms-grid-row: 3; -ms-grid-column: 1; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol2 .g3-5 { -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol2 .g3-5 > .col2 { display: flex; flex-direction: column; align-items: center; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol2 .checkBtnBox {}
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol2 .checkBtnBox .checkBtn { margin: 0 3px 3px 0; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 div[class^="photoArea"] .formTitle { display: flex; align-items: center; font-family: system-ui; font-size: 11px; height: 30px; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 div[class^="photoArea"] .formGroup > .inner { position: relative; background-color: #F0F0F0; display: flex; justify-content: center; align-items: center; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 div[class^="photoArea"] .formGroup > .inner a { height: 100%; display: flex; align-items: center; justify-content: center; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 div[class^="photoArea"] img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 div[class^="photoArea"] img + span.dummyTxt { position: absolute; top: calc(50% - 10px); left: calc(50% + -30px); color: #DDD; font-weight: bold; font-size: 1.1em; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 .photoArea1 .formGroup > .inner { height: 250px; padding-bottom: 0; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 .photoArea1 .formGroup > .inner:nth-of-type(2) { margin-top: 5px; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 .photoArea1 .formGroup > .inner:nth-of-type(2) > .swiper-container .formGroup > .inner { margin-top: 0; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 .photoArea2 { display: flex; flex-wrap: wrap; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 .photoArea2 .formGroup { padding-bottom: 0; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol3 .photoArea2 .formGroup > .inner { height: 150px; padding-bottom: 0; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 .g3-5 .formGroup,
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 .g3-5 .formGroup > .inner { height: 100%; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 .g3-5 .formGroup > .inner .formTitle { padding-top: 0; }
/*.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 .g3-5 textarea { height: calc(100% - 30px) !important; max-height: 419px; }*/
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 .g3-5 textarea { height: calc(100% - 30px); max-height: 419px; }
.modalOuter.RepairDetail #main.orderDetal > .col2 .orderDetalInner .gCol4 .g3-5 .cleditorMain { height: calc(100% - 33px) !important; max-height: 416px; }
.modalOuter.RepairDetail .bottomBox { height: 40px; }
.modalOuter.RepairDetail .bottomBox .btnDel,
.modalOuter.RepairDetail .bottomBox .btnArchive { height: 30px; font-size: 12px; }


/*-------------------------------------------------------------
受注詳細 - お直し発送チェック
-------------------------------------------------------------*/
.modalOuter.RepairShippingCheck {  }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner { -ms-grid-columns: 2fr 1fr minmax(350px,0.8fr); grid-template-columns: 2fr 1fr minmax(350px,0.8fr); -ms-grid-rows: auto auto 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "gCol1 gCol1 gCol1" "gCol2 gCol3 gCol4" "gCol5 gCol5 gCol4"; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 { -ms-grid-row: 2; -ms-grid-column: 1; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol3 { -ms-grid-row: 2; -ms-grid-column: 2; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 3; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 .g2-1 > .col1 .g3-5 { grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 .g1-1 > .col1 .g3-5 .col2 { display: flex; flex-direction: column; align-items: center; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 .g1-1 > .col1 .g3-5 .col2 .qrCodeBox { padding: 5px; background-color: #F0F0F0; border: 1px solid #DDD; border-radius: 3px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] .formTitle { display: flex; align-items: center; font-family: system-ui; font-size: 11px; height: 30px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] .formGroup .inner { position: relative; background-color: #F0F0F0; display: flex; justify-content: center; align-items: center; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] .formGroup .inner a { height: 100%; display: flex; align-items: center; justify-content: center; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] img + span.dummyTxt { position: absolute; top: calc(50% - 10px); left: calc(50% + -30px); color: #DDD; font-weight: bold; font-size: 1.1em; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup .inner { height: 250px; padding-bottom: 0; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup .inner:nth-of-type(2) { margin-top: 10px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup .inner:nth-of-type(2) { margin-top: 5px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup .inner:nth-of-type(2) > .swiper-container .formGroup > .inner { margin-top: 0; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea2 { display: flex; flex-wrap: wrap; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea2 .formGroup { padding-bottom: 0; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea2 .formGroup .inner { height: 150px; padding-bottom: 0; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 { -ms-grid-columns: 3fr 20px 7fr; grid-template-columns: 3fr 7fr; gap: 20px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner { margin-left: 0; margin-top: 0; flex-wrap: nowrap; justify-content: unset; width: auto; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .changeBox { width: 100%; padding: 10px 5px; background-color: #F4F4F4; box-sizing: border-box; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .changeBox p.boxTtl { font-size: 12px; font-weight: bold; color: #666; padding-left: 10px; margin-bottom: 10px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 ul.tabMenu li:not(:last-of-type) { margin-right: 5px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g2-3 { max-height: 581px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .formGroup,
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .formGroup > .inner { height: 100%; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .formGroup > .inner .formTitle { padding-top: 0; }
/*.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 textarea { height: calc(100% - 30px) !important; max-height: 419px; }*/
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 textarea { height: calc(100% - 30px); max-height: 419px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .cleditorMain { height: calc(100% - 33px) !important; max-height: 416px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g2-3 > .col2 {}
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g2-3 > .col2 .cleditorMain {}
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g2-3 > .col2 .cleditorMain textarea {}
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .g1-1 .cont { background-color: #F4F4F4; padding: 10px; box-sizing: border-box; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox { display: flex; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox div[class^="col"]:not(:last-of-type) { margin-right: 100px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox div[class^="col"] .checkBtnBox { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox div[class^="col"] .checkBtnBox .checkBtn:not(:last-of-type) { margin-bottom: 5px; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col1 > div { }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col2 .numSearchBox { padding: 5px 10px; background-color: #F4F4F4; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col2 .numSearchBox p.formTitle { padding-top: 0 !important; color: #666; font-weight: bold; }
.modalOuter.RepairShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col2 .numSearchBox .formGroup > .inner input:not(:last-of-type) { margin-right: 3px; }
.modalOuter.RepairShippingCheck .bottomBox { height: 40px; }
.modalOuter.RepairShippingCheck .bottomBox .inner.rt { display: flex; align-items: center; }
.modalOuter.RepairShippingCheck .bottomBox .inner.rt > span { margin-right: 5px; }
.modalOuter.RepairShippingCheck .bottomBox .inner.rt .checkBtnBox:first-of-type label.checkBtnS { margin-right: 10px !important; }
.modalOuter.RepairShippingCheck .bottomBox .inner.rt .checkBtnBox:last-of-type label.checkBtnS { margin-right: 0 !important; margin-left: 10px; }
.modalOuter.RepairShippingCheck .bottomBox .btnDel,
.modalOuter.RepairShippingCheck .bottomBox .btnArchive,
.modalOuter.RepairShippingCheck .bottomBox .btnPrint,
.modalOuter.RepairShippingCheck .bottomBox label.checkBtnS { height: 30px; font-size: 12px; }
.modalOuter.RepairShippingCheck .bottomBox .btnArchive { margin-left: 10px; }
.modalOuter.RepairShippingCheck .bottomBox .btnArchive:nth-of-type(2) { background-color: #55A8D0; }