@charset "UTF-8";






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


/*-------------------------------------------------------------
受注一覧
-------------------------------------------------------------*/
.orderListTable #list-table.scrollTable tr td:nth-of-type(1) { position: relative; padding-left: 15px; }
.orderListTable #list-table.scrollTable tr td:nth-of-type(1):before { content: ""; position: absolute; top: 0; left: 0; height: 100%; min-height: 43px; }
.orderListTable #list-table.scrollTable tr td:nth-of-type(1):after { content: ""; position: absolute; top: 0; right: -1px; height: 100%; min-height: 43px; width: 1px; border-right: 1px solid #DDD; }
.orderListTable #list-table.scrollTable tr td:nth-of-type(1) span { display: inline-block; margin-right: 5px; }
.orderListTable #list-table.scrollTable tr td:nth-of-type(1) span:nth-last-of-type(1) { margin-right: 0; }
.orderListTable #list-table.scrollTable tr td span.listCatLabel { display: inline-block; margin: -2px; padding: 5px 7px 3px 7px; font-family: system-ui; line-height: 1; border-radius: 3px; background-color: #999; color: #FFF; position: relative; }

.orderListTable #list-table.scrollTable tbody:nth-child(odd) td { background: #F5F6FA; }
.orderListTable #list-table.scrollTable tbody:nth-child(even) td { background: #FFF;}
#main.orderList .btnPDF { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0px 10px 0 30px; margin-left: 0; height: 28px; background: url("../images/ico_print.svg") no-repeat 10px center; background-size: 16px 18px; color: #FFF; background-color: #707070; }
#main.orderList .btnCSV { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0px 10px 0 30px; margin-left: 0; height: 28px; background: url(../images/ico_file_csv.svg) no-repeat 10px center; background-size: 14px 16px; color: #FFF; background-color: #106B37; }

/*受注一覧 iPad対応用*/
body.OrderList.Tablet #colSub #nav { width: 60px; }
body.OrderList.Tablet #colSub #nav > .globalMenu ul li { height: 60px; }
body.OrderList.Tablet #colSub #nav > .globalMenu ul li a { width: 60px; height: 60px; background-position: 21px; }
body.OrderList.Tablet #colMain > .inner #main > .inner > .contentsArea > .contentsBox.pager.bottom2:before { height: calc(100% - 41px) !important; }
body.OrderList.Tablet #colMain > .inner #main > .inner > .contentsArea > .contentsBox.pager.bottom2 > .scrollTableOuter { height: calc(100% - 103px) !important; }
body.OrderList.Tablet #colMain > .inner #main > .inner > .contentsArea > .contentsBox.pager.bottom2 .bottomOuter .pagerArea { position: absolute; bottom: 51px; width: calc(100% - 20px); }
body.Tablet #main.orderList .upperBox { flex-direction: column; position: relative; }
body.Tablet #main.orderList .upperBox .col1 { padding-top: 0; }
body.Tablet #main.orderList .upperBox .col1 h2 { font-size: 1.4em; }
body.Tablet #main.orderList .upperBox .col2 { width: 100%; justify-content: flex-end; padding-top: 20px; }
body.Tablet #main.orderList .upperBox .col2 a.btnOrderPc { position: absolute; top: 2px; }
body.Tablet #main.orderList .upperBox input[class^="btn"],
body.Tablet #main.orderList .upperBox a[class^="btn"],
body.Tablet	#main.orderList .upperBox button { height: 30px !important; width: auto !important; padding: 0 10px !important; font-size: 1em !important; background-image: none !important; }
body.Tablet #main.orderList .upperBox .mlXXL { margin-left: 10px !important; }
body.Tablet #main.orderList .upperBox a.btnPrint { margin-right: 0 !important; }
body.Tablet #main.orderList #searchSettingBox { margin-right: 0; }
body.Tablet #main.orderList #searchSettingBox select[name="loadSettingId"] { height: 30px !important; width: auto !important; max-width: 250px; }
body.Tablet #main.orderList .bottomOuter input[type="button"] { height: 30px; width: auto; padding: 0 10px; background-image: none; }
body.Tablet #main.orderList .bottomOuter a[class^="btn"] { height: 30px; }
body.Tablet #main.orderList .upperBox .modalSearch .modalWindow .headBox a.btnClose { width: 40px !important; height: 40px !important; padding: 0 !important; }
body.Tablet #main.orderList .upperBox .modalSearch .modalWindow .bottomBox .mrXL { margin-right: 5px !important; }
body.Tablet #main.orderList .upperBox .modalSearch .modalWindow select,
body.Tablet #main.orderList .upperBox .modalSearch .modalWindow input { height: 30px !important; }
body.Tablet #main.orderList .upperBox .modalSearch .modalWindow .select-wrap:after { right: 10px; }
@media screen and ( max-width: 1400px ) {
	body.OrderList #colSub #nav { width: 60px; }
	body.OrderList #colSub #nav > .globalMenu ul li { height: 60px; }
	body.OrderList #colSub #nav > .globalMenu ul li a { width: 60px; height: 60px; background-position: 21px; }
	body.OrderList #colMain > .inner #main > .inner > .contentsArea > .contentsBox.pager.bottom2:before { height: calc(100% - 41px) !important; }
	body.OrderList #colMain > .inner #main > .inner > .contentsArea > .contentsBox.pager.bottom2 > .scrollTableOuter { height: calc(100% - 103px) !important; }
	body.OrderList #colMain > .inner #main > .inner > .contentsArea > .contentsBox.pager.bottom2 .bottomOuter .pagerArea { position: absolute; bottom: 51px; width: calc(100% - 20px); }
	#main.orderList .upperBox { flex-direction: column; position: relative; }
	#main.orderList .upperBox .col1 { padding-top: 0; }
	#main.orderList .upperBox .col1 h2 { font-size: 1.4em; }
	#main.orderList .upperBox .col2 { width: 100%; justify-content: flex-end; padding-top: 20px; }
	#main.orderList .upperBox .col2 a.btnOrderPc { position: absolute; top: 2px; }
	#main.orderList .upperBox input[class^="btn"],
	#main.orderList .upperBox a[class^="btn"],
	#main.orderList .upperBox button { height: 30px !important; width: auto !important; padding: 0 10px !important; font-size: 1em !important; background-image: none !important; }
	#main.orderList .upperBox .mlXXL { margin-left: 10px !important; }
	#main.orderList .upperBox a.btnPrint { margin-right: 0 !important; margin-left: 5px; }
	#main.orderList #searchSettingBox { margin-right: 0; }
	#main.orderList #searchSettingBox select[name="loadSettingId"] { height: 30px !important; width: auto !important; max-width: 250px; }
	#main.orderList .bottomOuter input[type="button"] { height: 30px; width: auto; padding: 0 10px; background-image: none; }
	#main.orderList .bottomOuter a[class^="btn"] { height: 30px; }
	#main.orderList .upperBox .modalSearch .modalWindow .headBox a.btnClose { width: 40px !important; height: 40px !important; padding: 0 !important; }
	#main.orderList .upperBox .modalSearch .modalWindow .bottomBox .mrXL { margin-right: 5px !important; }
	#main.orderList .upperBox .modalSearch .modalWindow select,
	#main.orderList .upperBox .modalSearch .modalWindow input { height: 30px !important; }
	#main.orderList .upperBox .modalSearch .modalWindow .select-wrap:after { right: 10px; }
}


/*-------------------------------------------------------------
受注詳細
-------------------------------------------------------------*/
#main.orderDetal .subTabBox { min-height: 34px; }
#main.orderDetal .subTabBox .subTab1 { min-height: 30px; }
#main.orderDetal .subTabBox .subTab1 ul li a { font-size: 11px; }
#main.orderDetal .upperBox { padding: 3px 5px; min-height: 30px; }
#main.orderDetal .upperBox .col1 .spLt,
#main.orderDetal .upperBox .col1 div[class^="spLtInner"],
#main.orderDetal .upperBox .col1 div[class^="spLtInner"] > div,
#main.orderDetal .upperBox .col1 div[class^="spLtInner"] > div > div,
#main.orderDetal .upperBox .col1 .spRt,
#main.orderDetal .upperBox .col1 div[class^="spRtInner"],
#main.orderDetal .upperBox .col1 div[class^="spRtInner"] > div { display: flex; align-items: center; }
#main.orderDetal .upperBox .col1 .spLtInner div:first-of-type input:not(:last-of-type),
#main.orderDetal .upperBox .col1 .spLtInner:first-of-type select { margin-right: 3px; }
#main.orderDetal { padding: 5px; }
#main.orderDetal .contentsBox { padding: 10px; }
#main.orderDetal .formInline .inner { flex-wrap: nowrap; }
#main.orderDetal p.formTitle,
#main.orderDetal .btnTemplate,
#main.orderDetal .radioBtnBox label.radioBtnS,
#main.orderDetal .checkBtnBox label.checkBtn { font-size: 11px; }
#main.orderDetal > .col2 .orderDetalInner { height: 100%; display: -ms-grid; display: grid; -ms-grid-rows: auto 5px auto 5px 1fr 5px auto; grid-template-rows: auto auto 1fr auto; -ms-grid-columns: 2.36fr 5px 4.16fr 5px 2.59fr 5px 0.8fr; grid-template-columns: 2.36fr 4.16fr 2.59fr 0.8fr; gap: 5px; grid-template-areas: "gCol1 gCol1 gCol1 gCol1" "gCol2 gCol4 gCol6 gCol7" "gCol3 gCol4 gCol6 gCol7" "gCol5 gCol5 gCol5 gCol7"; }
#main.orderDetal > .col2 .orderDetalInner .gCol1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 7; grid-area: gCol1; }
#main.orderDetal > .col2 .orderDetalInner .gCol2 { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: gCol2; }
#main.orderDetal > .col2 .orderDetalInner .gCol3 { -ms-grid-row: 5; -ms-grid-column: 1; grid-area: gCol3; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; grid-area: gCol4; }
#main.orderDetal > .col2 .orderDetalInner .gCol5 { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: gCol5; }
#main.orderDetal > .col2 .orderDetalInner .gCol6 { -ms-grid-row: 3; -ms-grid-row-span: 5; -ms-grid-column: 5; grid-area: gCol6; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 { -ms-grid-row: 3; -ms-grid-row-span: 5; -ms-grid-column: 7; grid-area: gCol7; }
#main.orderDetal > .col2 .orderDetalInner div[class^="gCol"] .contBox.bg1 { padding: 5px; }
#main.orderDetal > .col2 .orderDetalInner div[class^="gCol"] .contBox.scroll .cont { top: 5px; right: 5px; bottom: 5px; left: 5px; height: calc(100% - 10px); }
#main.orderDetal > .col2 .orderDetalInner .gCol3 .g2-1 > .col2 .btnAddress { font-size: 10px; margin-right: 0 !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col1 div[class^="block"] { display: flex; align-items: flex-end; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col1 div[class^="block"] .inner .col { display: flex; align-items: flex-end; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col1 div[class^="block"] .inner .col span { margin-left: 2px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox { padding: 5px 3px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox .checkBtnBox label.checkBtnS { height: auto; padding: 5px 3px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox input.w5em { width: 60px !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox input.w4em { width: 50px !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .minusIco,
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .pulsIco,
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .equalIco { display: inline-flex; height: 100%; margin-left: 3px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .minusIco { background-position: center top 5px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .pulsIco { background-position: center top 2px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .equalIco { background-position: center top 2px; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 .contBox { padding: 0; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 { -ms-grid-columns: 5fr 10px 5fr; grid-template-columns: 5fr 5fr; gap: 10px; grid-template-areas: "col2 col1"; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 .col1 .cont { height: calc(100% - 5px) !important; left: 0 !important; right: 0 !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 .col1 .cont > .formGroup:last-of-type { margin-bottom: 1px !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 .col2 .cont { height: calc(100% - 5px) !important; left: 0 !important; right: 0 !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol5 .g1-1 .contBox { padding: 1px 10px 5px; }
#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -3px; margin-top: -3px; box-sizing: border-box; }
#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner > .col:nth-of-type(1) { flex: 1; display: flex; }
#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner > .col:nth-of-type(2) { display: flex; justify-content: flex-end; }
#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner .btnTemplateS {}
#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formBlockLine > .inner .formTitle { display: flex; align-items: flex-end; justify-content: space-between; padding: 3px 0 1px; }
#main.orderDetal > .col2 .orderDetalInner .gCol6 .g1-1 .contBox.scroll .cont { top: 5px; right: 5px; bottom: 5px; left: 5px; height: calc(100% - 10px); }
#main.orderDetal > .col2 .orderDetalInner .gCol6 .g1-1 .contBox.scroll .cont .searchBox.SizeS input.selectedText { width: 180px; }
#main.orderDetal > .col2 .orderDetalInner .gCol6 .innerOuter { display: flex; align-items: center; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .photoArea .formTitle { display: flex; align-items: center; font-family: system-ui; font-size: 11px; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .photoArea .formGroup > .inner { position: relative; height: 100px; background-color: #F0F0F0; display: flex; justify-content: center; align-items: center; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .photoArea .formGroup > .inner a { height: 100%; display: flex; align-items: center; justify-content: center; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .photoArea img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .photoArea img + span.dummyTxt { position: absolute; top: calc(50% - 10px); left: calc(50% + -30px); color: #DDD; font-weight: bold; font-size: 1.1em; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .fileArea .swiper-container > .formGroup { padding-bottom: 0; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .fileArea .swiper-container > .formGroup .inner { width: 100% !important; height: 100px; background-color: #F0F0F0; display: flex; justify-content: center; align-items: center; /*border: 1px solid #DDD;*/ }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .fileArea a { height: 100%; width: auto !important; max-width: 100%; display: flex; align-items: center; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .fileArea img { height: auto !important; width: auto !important; max-height: 100%; max-width: 100%; margin-right: 0 !important; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .fileArea .addFile + .fileDelArea .btnDelFile { opacity: 0.6; position: absolute; top: 0; right: 0; display: block; width: 25px; height: 25px; border-radius: 3px; background-color: #FF6565; background-image: url(../images/ico_del_02.svg); background-size: 12px 15px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; will-change: transform; transition: opacity ease 0.3s; cursor: pointer; }
#main.orderDetal > .col2 .orderDetalInner .gCol7 .fileArea .addFile + .fileDelArea .btnDelFile:hover { opacity: 1; cursor: pointer; }
#main.orderDetal > .col2 .orderDetalInner .upperBox .col1 .numSearchBox { padding: 5px 10px; background-color: #F4F4F4; }
#main.orderDetal > .col2 .orderDetalInner .upperBox .col1 .numSearchBox p.formTitle { padding-top: 0 !important; color: #666; font-weight: bold; }
#main.orderDetal > .col2 .orderDetalInner .upperBox .col1 .numSearchBox .formGroup > .inner input:not(:last-of-type) { margin-right: 3px; }
#main.orderDetal input[type="text"],
#main.orderDetal input[type="date"],
#main.orderDetal input[type="password"],
#main.orderDetal input[type="number"],
#main.orderDetal input[type="email"] { padding: 0 5px; }
#main.orderDetal input[name="repairBtn"] { position: relative; text-decoration: none !important; line-height: 1; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; font-size: 11px; padding: 0 15px; height: 25px; color: #333; background-color: #FFF; border: 1px solid #999; }
#main.orderDetal input[name="repairBtn"]:hover { padding: 0 14px; border-width: 2px; color: #000; }
#main.orderDetal .checkBtnBox .repairStatus.checkLabel { opacity: 1; }
#main.orderDetal input[name="copyBtn"] { position: relative; text-decoration: none !important; line-height: 1; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; font-size: 11px; padding: 0 15px; height: 25px; color: #333; background-color: #FFF; border: 1px solid #999; }
#main.orderDetal input[name="copyBtn"]:hover { padding: 0 14px; border-width: 2px; color: #000; }
#main.orderDetal span#al_wedding_day { font-size: 10px; line-height: 1.2em; }
.modalOuter.OrderDetail .bottomBox { height: 40px; }
.modalOuter.OrderDetail .bottomBox .btnDel,
.modalOuter.OrderDetail .bottomBox .btnArchive { height: 30px; font-size: 12px; }

/*受注詳細 iPad対応用*/
.Tablet #main.orderDetal { overflow-y: auto; overflow-x: hidden; }
.Tablet #main.orderDetal .upperBox { position: relative; flex-direction: column-reverse; padding: 3px 8px; }
.Tablet #main.orderDetal .upperBox .col1 { display: block; width: 100%; }
.Tablet #main.orderDetal .upperBox .col2 { width: 100%; justify-content: flex-end; padding-bottom: 5px; margin: 3px 0 5px; border-bottom: 1px solid #DDD; }
.Tablet #main.orderDetal .upperBox .col1 > .pageBox { position: absolute; top: 8px; left: 8px;}
.Tablet #main.orderDetal .upperBox .col1 > div[class^="sp"] { justify-content: center; margin-bottom: 5px; }
.Tablet #main.orderDetal > .col2 .orderDetalInner { -ms-grid-rows: auto 5px auto 5px auto 5px auto 5px auto; grid-template-rows: auto auto auto auto auto; -ms-grid-columns: minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-areas: "gCol1 gCol1 gCol1 gCol1" "gCol2 gCol2 gCol4 gCol4" "gCol3 gCol3 gCol4 gCol4" "gCol5 gCol5 gCol5 gCol5" "gCol6 gCol6 gCol6 gCol7"; gap: 5px; }
.Tablet #main.orderDetal > .col2 .orderDetalInner div.gCol3 .contBox.scroll .cont,
.Tablet #main.orderDetal > .col2 .orderDetalInner div.gCol4 .g2-4 .contBox.scroll .cont,
.Tablet #main.orderDetal > .col2 .orderDetalInner div.gCol6 .contBox.scroll .cont { position: static; height: 100% !important; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox input.w5em { width: 65px !important; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox input.w4em { width: 57px !important; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup { flex-direction: column; align-items: center !important; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .minusIco,
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .pulsIco,
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .equalIco { display: none; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox { padding: 0 5px 5px; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 > .contBox { overflow: hidden; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 > .contBox > .cont { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; height: calc(100% - 10px) !important; overflow-y: scroll; overflow-x: hidden; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 { ms-grid-rows: auto 10px auto; grid-template-rows: auto auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "col1" "col2"; }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 > .col1 .cont > .formGroup:first-of-type .inner.rt { text-align: left !important; justify-content: flex-start; padding-left: calc(6em - 5px); }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol5 .g3-5 { -ms-grid-columns: minmax(0,0.7fr) 5px minmax(0,1fr) 5px minmax(0,1fr); grid-template-columns: minmax(0,0.7fr) minmax(0,1fr) minmax(0,1fr); }
.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol5 .g3-5 textarea { max-width: 100%; }
.Tablet #main.orderDetal input[type="text"],
.Tablet #main.orderDetal input[type="date"],
.Tablet #main.orderDetal input[type="password"],
.Tablet #main.orderDetal input[type="number"],
.Tablet #main.orderDetal input[type="email"],
.Tablet #main.orderDetal textarea,
.Tablet #main.orderDetal select { font-size: 16px !important; }
@media screen and (orientation: portrait) {
	.Tablet #main.orderDetal .upperBox .col1 > div[class^="sp"],
	.Tablet #main.orderDetal .upperBox .col1 div[class^="spRtInner"] {align-items: flex-end; }
	.Tablet #main.orderDetal .upperBox .col1 > .spRt { margin-bottom: 3px !important; }
	.Tablet #main.orderDetal .upperBox .col1 > div[class^="sp"] div[class*="Inner"] > div { flex-direction: column; align-items: baseline; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner { -ms-grid-rows: auto 5px auto 5px auto 5px auto 5px auto 5px auto; grid-template-rows: auto auto auto auto auto auto; -ms-grid-columns: minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,2fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr); grid-template-areas: "gCol1 gCol1 gCol1 gCol1" "gCol2 gCol2 gCol2 gCol2" "gCol4 gCol4 gCol4 gCol4" "gCol5 gCol5 gCol5 gCol5" "gCol3 gCol3 gCol3 gCol3" "gCol6 gCol6 gCol6 gCol7"; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1  { gap: 5px; -ms-grid-rows: auto 5px 1fr; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup { flex-direction: unset; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 > .contBox > .cont { position: static; height: 100% !important; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 { grid-template-rows: 1fr; -ms-grid-columns: 5fr 5px 5fr; grid-template-columns: 5fr 5fr; gap: 5px; grid-template-areas: "col1 col2"; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 > .col1 .cont > .formGroup:first-of-type .inner.rt { text-align: right!important; justify-content: flex-end; padding-left: 0; padding-right: 18px; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner { display: block; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner > .col:nth-of-type(2) { justify-content: flex-start; }
	.Tablet #main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner > .col:nth-of-type(2) .checkBtnBox { margin-top: 3px !important; margin-left: 3px !important; }
}
@media screen and ( max-width: 1400px ) {
	#main.orderDetal { overflow-y: auto; overflow-x: hidden; }
	#main.orderDetal .upperBox { position: relative; flex-direction: column-reverse; padding: 3px 8px; }
	#main.orderDetal .upperBox .col1 { display: block; width: 100%; }
	#main.orderDetal .upperBox .col2 { width: 100%; justify-content: flex-end; padding-bottom: 5px; margin: 3px 0 5px; border-bottom: 1px solid #DDD; }
	#main.orderDetal .upperBox .col1 > .pageBox { position: absolute; top: 8px; left: 8px;}
	#main.orderDetal .upperBox .col1 > div[class^="sp"] { justify-content: center; margin-bottom: 5px; }
	#main.orderDetal > .col2 .orderDetalInner { -ms-grid-rows: auto 5px auto 5px auto 5px auto 5px auto; grid-template-rows: auto auto auto auto auto; -ms-grid-columns: minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-areas: "gCol1 gCol1 gCol1 gCol1" "gCol2 gCol2 gCol4 gCol4" "gCol3 gCol3 gCol4 gCol4" "gCol5 gCol5 gCol5 gCol5" "gCol6 gCol6 gCol6 gCol7"; gap: 5px; }
	#main.orderDetal > .col2 .orderDetalInner div.gCol3 .contBox.scroll .cont,
	#main.orderDetal > .col2 .orderDetalInner div.gCol4 .g2-4 .contBox.scroll .cont,
	#main.orderDetal > .col2 .orderDetalInner div.gCol6 .contBox.scroll .cont { position: static; height: 100% !important; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox input.w5em { width: 65px !important; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox input.w4em { width: 57px !important; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup { flex-direction: column; align-items: center !important; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .minusIco,
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .pulsIco,
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup .equalIco { display: none; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .contBox { padding: 0 5px 5px; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 > .contBox { overflow: hidden; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 > .contBox > .cont { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; height: calc(100% - 10px) !important; overflow-y: scroll; overflow-x: hidden; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 { ms-grid-rows: auto 10px auto; grid-template-rows: auto auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "col1" "col2"; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 > .col1 .cont > .formGroup:first-of-type .inner.rt { text-align: left !important; justify-content: flex-start; padding-left: calc(6em - 5px); }
	#main.orderDetal > .col2 .orderDetalInner .gCol5 .g3-5 { -ms-grid-columns: minmax(0,0.7fr) 5px minmax(0,1fr) 5px minmax(0,1fr); grid-template-columns: minmax(0,0.7fr) minmax(0,1fr) minmax(0,1fr); }
	#main.orderDetal > .col2 .orderDetalInner .gCol5 .g3-5 textarea { max-width: 100%; }
	#main.orderDetal input[type="text"],
	#main.orderDetal input[type="date"],
	#main.orderDetal input[type="password"],
	#main.orderDetal input[type="number"],
	#main.orderDetal input[type="email"],
	#main.orderDetal textarea,
	#main.orderDetal select { font-size: 16px !important; }
	}
@media screen and ( max-width: 980px ) {
	#main.orderDetal .upperBox .col1 > div[class^="sp"],
	#main.orderDetal .upperBox .col1 div[class^="spRtInner"] { align-items: flex-end; }
	#main.orderDetal .upperBox .col1 > .spRt { margin-bottom: 3px !important; }
	#main.orderDetal .upperBox .col1 > div[class^="sp"] div[class*="Inner"] > div { flex-direction: column; align-items: baseline; }
	#main.orderDetal > .col2 .orderDetalInner { -ms-grid-rows: auto 5px auto 5px auto 5px auto 5px auto 5px auto; grid-template-rows: auto auto auto auto auto auto; -ms-grid-columns: minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,2fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr); grid-template-areas: "gCol1 gCol1 gCol1 gCol1" "gCol2 gCol2 gCol2 gCol2" "gCol4 gCol4 gCol4 gCol4" "gCol5 gCol5 gCol5 gCol5" "gCol3 gCol3 gCol3 gCol3" "gCol6 gCol6 gCol6 gCol7"; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1  { gap: 5px; -ms-grid-rows: auto 5px 1fr; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col1 .formGroup { flex-direction: unset; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-1 > .col2 > .contBox > .cont > .g2-1 > .col2 > .contBox > .cont { position: static; height: 100% !important; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 { grid-template-rows: 1fr; -ms-grid-columns: 5fr 5px 5fr; grid-template-columns: 5fr 5fr; gap: 5px; grid-template-areas: "col1 col2"; }
	#main.orderDetal > .col2 .orderDetalInner .gCol4 .g2-4 > .col1 .cont > .formGroup:first-of-type .inner.rt { text-align: right!important; justify-content: flex-end; padding-left: 0; padding-right: 18px; }
	#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner { display: block; }
	#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner > .col:nth-of-type(2) { justify-content: flex-start; }
	#main.orderDetal > .col2 .orderDetalInner .gCol5 .formGroup.formInlineLine > .inner > .col:nth-of-type(2) .checkBtnBox { margin-top: 3px !important; margin-left: 3px !important; }
}


/*-------------------------------------------------------------
受注詳細 - 式場情報
-------------------------------------------------------------*/
#main.orderDetal .companyInfo .formGroup { padding-bottom: 10px; display: flex; align-items: flex-end; }
#main.orderDetal .companyInfo .formBlockLine .partsBox { margin-right: 0; }
#main.orderDetal .companyInfo .radioBtnBox input[type="radio"]:checked + label.radioBtnS { background-color: #6A7277 !important; color: #FFF !important; transition: none; }
#main.orderDetal .companyInfo .radioBtnBox input[type="radio"]:checked + label.radioBtnS:hover { opacity: 1; border: 1px solid #999 !important; padding: 0 7px; }
#main.orderDetal .companyInfo .radioBtnBox input[type="radio"][disabled] + label.radioBtnS { opacity: 1; background-color: #F5F6FA; color: #4D4F5C; transition: none; }
#main.orderDetal .companyInfo .radioBtnBox input[type="radio"][disabled] + label.radioBtnS:hover { opacity: 1; border: 1px solid #999; padding: 0 7px; }
#main.orderDetal .companyInfo textarea { height: calc(100vh - 820px); }
#main.orderDetal .companyInfo .btnBox { width: 100%; padding: 0 !important; display: flex; justify-content: flex-end; }

/*受注詳細 iPad対応用*/
@media screen and (orientation: portrait) {
	.Tablet #main.orderDetal .companyInfo .g2-3 > .col1 .cont { position: static; height: 100% !important; margin-bottom: 5px; }
}
@media screen and ( max-width: 980px ) {
	#main.orderDetal .companyInfo .g2-3 > .col1 .cont { position: static; height: 100% !important; margin-bottom: 5px; }
}


/*-------------------------------------------------------------
受注詳細 - 入力時の注意点
-------------------------------------------------------------*/
#main.orderDetal .inputCaution { }
#main.orderDetal .inputCaution .box2-1 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #DDD; }
#main.orderDetal .inputCaution .box2-1 > .col { margin-left: 10px; }
#main.orderDetal .inputCaution .box2-1 > .col:first-child { margin-left: 0; }
#main.orderDetal .inputCaution .box2-1 > .col > p.formTitle { font-size: 1.2em; font-weight: bold; font-family: system-ui; color: #43425D; padding: 5px 0 10px; }
#main.orderDetal .inputCaution .box1 { padding-bottom: 0; }
#main.orderDetal .inputCaution .formGroup { padding-bottom: 10px; display: flex; align-items: flex-end; }
#main.orderDetal .inputCaution .formBlockLine .partsBox { margin-right: 0; }
#main.orderDetal .inputCaution .radioBtnBox label.radioBtnS { margin: 0 -5px 0 0; }
#main.orderDetal .inputCaution .radioBtnBox input[type="radio"]:checked + label.radioBtnS { background-color: #6A7277 !important; color: #FFF !important; transition: none; }
#main.orderDetal .inputCaution .radioBtnBox input[type="radio"]:checked + label.radioBtnS:hover { opacity: 1; border: 1px solid #999 !important; padding: 0 7px; }
#main.orderDetal .inputCaution .radioBtnBox input[type="radio"][disabled] + label.radioBtnS { opacity: 1; background-color: #F5F6FA; color: #4D4F5C; transition: none; }
#main.orderDetal .inputCaution .radioBtnBox input[type="radio"][disabled] + label.radioBtnS:hover { opacity: 1; border: 1px solid #999; padding: 0 7px; }
#main.orderDetal .inputCaution textarea { height: calc((100vh - 809px) / 2); }
#main.orderDetal .inputCaution .btnBox { width: 100%; padding: 0 !important; margin-top: 10px; display: flex; justify-content: flex-end; }


/*-------------------------------------------------------------
受注詳細 - 入力チェック
-------------------------------------------------------------*/
#main.orderDetal .formGroup p.formTitle a.unmask span { display: inline-block; height: 20px; width: 21px; background-color: #818181; border-radius: 3px; margin-left: 3px; background-image: url("../images/ico_eye.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 15px 10px; }
#main.orderDetal .formGroup p.formTitle span.checkItem { background-color: #818181; color: #FFF; font-weight: bold; font-size: 10px; font-family: system-ui; padding: 3px 8px; vertical-align: text-bottom; }
.modalOuter.OrderCheck .orderInfoArea .formGroup p.formTitle.w6em { width: 8em !important; }
.modalOuter.OrderCheck .orderInfoArea .formGroup textarea[name="dodr_al_note"]{ width: calc(100% - 8em) !important; }
.modalOuter.OrderCheck .bottomBox { height: 40px; }
.modalOuter.OrderCheck .bottomBox .btnDel,
.modalOuter.OrderCheck .bottomBox .btnArchive { height: 30px; font-size: 12px; }


/*-------------------------------------------------------------
新規受注
-------------------------------------------------------------*/
#main.orderDetal .upperBox .col2 > div.duplicateCheck .duplicateMessageArea { position: relative; }
#main.orderDetal .upperBox .col2 > div.duplicateCheck .duplicateMessageArea span.duplicateLabel { position: relative; line-height: 1; font-weight: bold; font-family: system-ui; display: inline-flex; justify-content: center; align-items: center; border: 2px solid #FF3300; border-radius: 3px; padding: 0 10px; height: 24px; color: #FF3300; background-color: #FFF; }
#main.orderDetal .upperBox .col2 > div.duplicateCheck .duplicateMessageArea span#duplicateMessage { position: absolute; z-index: 10; top: -5px; right: 105px; }
#main.orderDetal .upperBox .col2 > div.duplicateCheck .duplicateMessageArea span#duplicateMessage a { display: block; width: 265px; padding: 5px 10px; font-size: 11px; line-height: 1.1em; background-color: #F5E1E9; border: 2px solid #FC6565; border-radius: 3px; color: #E84262; transition: all ease 0.2s; }
#main.orderDetal .upperBox .col2 > div.duplicateCheck .duplicateMessageArea span#duplicateMessage a:after { content: ""; position: absolute; right: -8px; top: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #FC6565; }

#main.orderDetal .upperBox .col1 div.copyCheck .copyMessageArea { position: relative; }
#main.orderDetal .upperBox .col1 div.copyCheck .copyMessageArea span.copyLabel { position: relative; line-height: 1; font-weight: bold; font-family: system-ui; display: inline-flex; justify-content: center; align-items: center; border: 2px solid #000; border-radius: 3px; padding: 0 10px; height: 24px; color: #000; background-color: #FFF; }
#main.orderDetal .upperBox .col1 div.copyCheck .copyMessageArea span#copyMessage { position: absolute; z-index: 10; top: -5px; right: 105px; }


/*複数注文選択モーダル*/
.modalOuter.OrderDetailMulti .upperBox h2 { font-size: 1.3em; margin-bottom: 15px; }
.modalOuter.OrderDetailMulti .searchBox .formGroup { padding: 0 10px 10px; }
.modalOuter.OrderDetailMulti .searchBox .calendarOuter { display: inline-block; }
.modalOuter.OrderDetailMulti .searchBox .calendarOuter .calendar { position: absolute; top: 2px; right: 4px; } 
.modalOuter.OrderDetailMulti .searchBox .calendarOuter .calendar a.calendar { width: 16px; height: 16px; background-size: 16px 16px; }
.modalOuter.OrderDetailMulti .searchBox .btnBox .btnSearch { height: 28px; }

/*重複確認モーダル*/
.alertOuter .alertWindow { overflow-y: auto; }
.alertOuter .alertWindow::-webkit-scrollbar { display:none; }
.alertOuter .alertWindow > .inner .alertTextBox { overflow: hidden; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: "col1" "col2"; height: 100%; box-sizing: border-box; }
.alertOuter .alertWindow > .inner .alertTextBox .textTtl { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: col1; }
.alertOuter .alertWindow > .inner .alertTextBox .message { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: col2; height: 100%; overflow:hidden; box-sizing: border-box; text-align: left !important; }
.alertOuter .alertWindow > .inner .alertTextBox .message > .duplicate { height: 100%; max-height: 300px; overflow: hidden; padding: 10px 5px 5px; border: 5px solid #F5F6FA; box-sizing: border-box; }
.alertOuter .alertWindow > .inner .alertTextBox .message .modalScrollArea { height: 100%; overflow-y: auto; overflow-x: hidden; }
.alertOuter .alertWindow > .inner .alertTextBox .message .duplicateListArea {}
.alertOuter .alertWindow > .inner .alertTextBox .message .duplicateListArea:not(:last-of-type) { margin-bottom: 20px; }
.alertOuter .alertWindow > .inner .alertTextBox .duplicateListArea p.infoTxt { margin-bottom: 3px; color: #838691; font-size: 12px; font-weight: bold; }
.alertOuter .alertWindow > .inner .alertTextBox .duplicateListArea table.duplicateList { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; border-top: 1px solid #EEE; border-left: 1px solid #EEE; }
.alertOuter .alertWindow > .inner .alertTextBox .duplicateListArea table.duplicateList th { padding: 5px; font-size: 11px; font-weight: bold; white-space: nowrap; background-color: #F5F6FA; color: #838691; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.alertOuter .alertWindow > .inner .alertTextBox .duplicateListArea table.duplicateList td { padding: 5px; font-size: 11px; text-align: left; font-weight: normal; white-space: nowrap; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.alertOuter .alertWindow > .inner .alertTextBox .duplicateListArea table.duplicateList td:last-of-type { padding: 2px; width: 53px; }
.alertOuter .alertWindow > .inner .alertTextBox .duplicateListArea table.duplicateList td > div { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*-------------------------------------------------------------
スマートCat異常アラート用
-------------------------------------------------------------*/
span#smartCatMessage { display: flex; height: 24px; align-items: center; padding: 5px 10px; font-size: 11px; line-height: 1.1em; background-color: #F5E1E9; border: 2px solid #FC6565; border-radius: 3px; }
span#smartCatMessage a { color: #E84262; transition: all ease 0.2s; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox { position: relative; }
.modalOuter.ShippingCheck #main.orderDetal > .col2 .orderDetalInner .upperBox .smartCatCheck { position: absolute; right: 5px; z-index: 1; }

/*複製登録時の制御*/
.copy-overlay { width: 100%; height: 100%; background-color: #ccc; z-index: 99999; position: absolute; opacity: 0.5; }