@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
発送関連
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
受注詳細 - 発送チェック
-------------------------------------------------------------*/

.modalOuter.ShippingCheck {  }
.modalOuter.ShippingCheck #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.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 { -ms-grid-row: 2; -ms-grid-column: 1; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol3 { -ms-grid-row: 2; -ms-grid-column: 2; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 3; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 .g2-1 > .col1 .g3-5 { grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol2 .g1-1 > .col1 .g3-5 .col2 { display: flex; flex-direction: column; align-items: center; }
.modalOuter.ShippingCheck #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.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol3 .g2-6 .qrCodeBox { display: inline-block; padding: 5px; background-color: #F0F0F0; border: 1px solid #DDD; border-radius: 3px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] .formTitle { display: flex; align-items: center; font-family: system-ui; font-size: 11px; height: 30px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] .formGroup .inner { position: relative; background-color: #F0F0F0; display: flex; justify-content: center; align-items: center; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] .formGroup .inner a { height: 100%; display: flex; align-items: center; justify-content: center; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 div[class^="photoArea"] img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; }
.modalOuter.ShippingCheck #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.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup .inner { height: 250px; padding-bottom: 0; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup > .inner:nth-of-type(2) { margin-top: 5px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea1 .formGroup > .inner:nth-of-type(2) > .swiper-container .formGroup > .inner { margin-top: 0; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea2 { display: flex; flex-wrap: wrap; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea2 .formGroup { padding-bottom: 0; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol4 .photoArea2 .formGroup .inner { height: 150px; padding-bottom: 0; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 { -ms-grid-columns: 3fr 20px 7fr; grid-template-columns: 3fr 7fr; gap: 20px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner { margin-left: 0; margin-top: 0; flex-wrap: nowrap; justify-content: unset; width: auto; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .changeBox { width: 100%; padding: 10px 5px; background-color: #F4F4F4; box-sizing: border-box; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .changeBox p.boxTtl { font-size: 12px; font-weight: bold; color: #666; padding-left: 10px; margin-bottom: 10px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 ul.tabMenu li:not(:last-of-type) { margin-right: 5px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g2-3 { max-height: 581px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .formGroup,
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .formGroup > .inner { height: 100%; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .formGroup > .inner .formTitle { padding-top: 0; }
/*.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 textarea { height: calc(100% - 30px) !important; max-height: 419px; }*/
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 textarea { height: calc(100% - 30px); max-height: 419px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-2 > .col2 .g3-5 .cleditorMain { height: calc(100% - 33px) !important; max-height: 416px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .g1-1 .cont { background-color: #F4F4F4; padding: 10px; box-sizing: border-box; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox { display: flex; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox div[class^="col"]:not(:last-of-type) { margin-right: 100px; }
.modalOuter.ShippingCheck #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.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .gCol5 .g2-1 > .col2 .repairBox div[class^="col"] .checkBtnBox .checkBtn:not(:last-of-type) { margin-bottom: 5px; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col1 > div { }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col2 .numSearchBox { padding: 5px 10px; background-color: #F4F4F4; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col2 .numSearchBox p.formTitle { padding-top: 0 !important; color: #666; font-weight: bold; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .col2 .numSearchBox .formGroup > .inner input:not(:last-of-type) { margin-right: 3px; }

.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .shippingInfoArea .flower-info { display: flex; flex-direction: column; margin: auto; }

.modalOuter.ShippingCheck .bottomBox { height: 40px; }
.modalOuter.ShippingCheck .bottomBox .inner.rt { display: flex; align-items: center; }
.modalOuter.ShippingCheck .bottomBox .inner.rt > span { margin-right: 5px; }
.modalOuter.ShippingCheck .bottomBox .inner.rt .checkBtnBox:first-of-type label.checkBtnS { margin-right: 10px !important; }
.modalOuter.ShippingCheck .bottomBox .inner.rt .checkBtnBox:last-of-type label.checkBtnS { margin-right: 0 !important; margin-left: 10px; }
.modalOuter.ShippingCheck .bottomBox .btnDel,
.modalOuter.ShippingCheck .bottomBox .btnArchive,
.modalOuter.ShippingCheck .bottomBox .btnPrint,
.modalOuter.ShippingCheck .bottomBox label.checkBtnS { height: 30px; font-size: 12px; }
.modalOuter.ShippingCheck .bottomBox .btnArchive { margin-left: 10px; }
.modalOuter.ShippingCheck .bottomBox .btnArchive:nth-of-type(2) { background-color: #55A8D0; }