@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
マスタ管理画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
顧客管理
-------------------------------------------------------------*/

/*顧客一覧*/
body.Master #main.customerList .scrollTable thead tr { height: 30px; }
body.Master #main.customerList .scrollTable thead th { color: #838691; font-weight: bold; padding: 2px 10px 0; }
body.Master #main.customerList .scrollTable thead tr:first-of-type th { border-color: #EFEFEF; }
body.Master #main.customerList .scrollTable thead tr:last-of-type th { position: -webkit-sticky; position: sticky; top: 30px; background: #FFF; border-color: #EFEFEF; z-index: 2; }
body.Master #main.customerList .scrollTable thead th:after { width: 100%; }
body.Master #main.customerList .scrollTable thead tr:last-of-type th:after { border-bottom: 1px solid #DDD !important; bottom: -1px; }
body.Master #main.customerList .scrollTable thead tr:first-of-type th:after { border-color: #EFEFEF !important; }
body.Master #main.customerList .scrollTable thead tr:first-of-type th.fixedLastItem:after,
body.Master #main.customerList .scrollTable thead tr:last-of-type th.fixedLastItem:after { width: calc(100% + 5px); height: calc(100% + 1px); border-right-color: #DDD !important; }
body.Master #main.customerList .scrollTable thead tr th:last-of-type:before { background-color: #EFEFEF; }
body.Master #main.customerList .scrollTable tbody tr td { border-color: #EFEFEF; }
body.Master #main.customerList .scrollTable tbody tr.parent td { background-color: #F5F6FA; }
body.Master #main.customerList .scrollTable tbody tr.parent td:nth-of-type(3) a.contactName { color: #4D4F5C; font-weight: bold; }
body.Master #main.customerList .scrollTable tbody tr.child td { background-color: #FFF; }
body.Master #main.customerList .scrollTable tbody tr.child:last-of-type td { border-bottom-color: #DDD; }
body.Master #main.customerList .scrollTable tbody tr td:last-of-type:before { background-color: #EFEFEF; }

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

/*顧客一覧 - 子タブ用*/
body.Master #main.customerList .scrollTable.childTable thead tr:last-of-type th { position: -webkit-sticky; position: sticky; top: 0; background: #FFF; border-color: #EFEFEF; background-color: #F5F6FA; z-index: 2; }
body.Master #main.customerList .scrollTable.childTable thead tr:first-of-type th:after { border-color: #DDD !important; }
body.Master #main.customerList .scrollTable.childTable tbody tr.child:last-of-type td { border-bottom-color: #EFEFEF; }
body.Master #main.customerList .scrollTable.childTable tbody:nth-child(even) td { background-color: #F5F6FA; }

/*顧客一覧 - 詳細検索*/
body.Master #main.customerList .modalSearch .scrollTableOuter { box-sizing: border-box; border: 10px solid #F5F6FA; }
body.Master #main.customerList .modalSearch .scrollTable thead tr:last-of-type th { top: 0 !important; background-color: #F5F6FA; padding: 0 10px 8px; }
body.Master #main.customerList .modalSearch .scrollTable thead tr th:nth-last-of-type(2) { text-align: center; }

/*代理店詳細（親）*/
#main.customerDetailParent { padding: 10px; }
#main.customerDetailParent.g2-2 { ms-grid-columns: 1fr 10px 1fr; gap: 10px; }
#main.customerDetailParent.g2-2 > .col1,
#main.customerDetailParent.g2-2 > .col2 { background-color: #FFF; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox {}
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .upperBox { padding: 13px 10px 5px; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .upperBox h2 { font-size: 1.4em; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .upperBox a.btnSearch.active { background-color: #F5F6FA !important; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .searchBox { padding: 10px; background-color: #FFF; box-sizing: border-box; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .searchBox.active { padding: 0 10px 10px; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .searchBox > .col { padding: 10px; background-color: #F5F6FA; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col2.contentsBox  { position: relative; }
#main.customerDetailParent.g2-2 > .col1 .g2-1 .col2.contentsBox > .scrollTableOuter { position: absolute; top: 0; right: 10px; bottom: 10px; left: 10px; height: calc(100% - 10px) !important; width: calc(100% - 20px) !important; box-sizing: border-box; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 .col1 .contBox .cont { position: absolute; top: 0; right: 0; bottom: 0 ;left: 0; height: 100%; overflow-y: scroll; overflow-x: hidden; z-index: 1; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] { padding: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .contBox .cont > div:not(:last-of-type) { margin-bottom: 25px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .contBox .cont .lower { position: relative; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .contBox .cont .lower .bottomBtnBox { position: absolute; bottom: 0; right: 0; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup { padding-bottom: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup.layoutOuter .layoutBox { display: flex; align-items: flex-end; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup.layoutOuter .layoutBox:not(:last-of-type) { margin-right: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .lower .layoutBox .inner > input { width: 100%; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formBlockLine .inner:not(:last-of-type) { margin-right: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formBlockLine .inner .partsBox { margin-right: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formBlockLine .inner .partsBox:last-of-type { margin-right: 0; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box { padding-bottom: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col:last-of-type { margin-left: 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col textarea { height: 120px }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollOuter { position: relative; height: 269px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollOuter .scrollTableOuter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; border: none; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollTable thead tr,
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollTable tbody tr { height: 30px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollTable thead th { font-size: 11px; padding: 0 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollTable tbody td { padding: 0 10px; }
#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col .scrollTable tbody:first-of-type td { padding-top: 1px; }
#main.customerDetailParent .scrollTable thead tr { height: 45px; }
#main.customerDetailParent .scrollTable thead th { color: #838691; font-weight: bold; }
#main.customerDetailParent .scrollTable thead tr:first-of-type th { border: none; }
#main.customerDetailParent .scrollTable thead tr:last-of-type th:last-of-type:before { left: 0; }
#main.customerDetailParent .scrollTable thead tr th:after { border-color: #EFEFEF !important; }
#main.customerDetailParent .scrollTable tbody tr td { border-color: #EFEFEF; }
#main.customerDetailParent p.formTitle { margin-bottom: 1px; color: #838691; font-size: 11px; font-weight: bold; }
#main.customerDetailParent .cleditorMain { width: 100% !important; height: 131px; box-sizing: border-box; }
#main.customerDetailParent .radioBtnBox label.radioBtn { padding: 0 9px; }
#main.customerDetailParent .radioBtnBox input[type="radio"]:checked + label.radioBtn { padding: 0 8px; }
#main.customerDetailParent .radioBtnBox input[type="radio"] + label.radioBtn:hover { padding: 0 8px; }
#main.customerDetailParent .radioBtnBox label.radioBtn { height: 30px; }
#main.customerDetailParent .radioBtnBox label.radioBtnS { height: 25px; }
#main.customerDetailParent .checkBtnBox label.checkBtnS { margin-bottom: 3px; }
#main.customerDetailParent input[type="text"],
#main.customerDetailParent input[type="date"],
#main.customerDetailParent input[type="password"],
#main.customerDetailParent input[type="number"],
#main.customerDetailParent input[type="email"] { padding: 0 8px; }
#main.customerDetailParent input.btnAddress { margin-right: 0px !important; }
#main.customerDetailParent iframe { width: 100% !important; }

#main.customerDetailParent .KBSettingArea,
#main.customerDetailParent .KBSettingChildArea,
#main.customerDetailChild .KBSettingArea,
#main.customerDetailChild .KBSettingChildArea { position: absolute; z-index: 2; background-color: #fff; border: 2px solid #ccc; padding: 10px !important; }


/*代理店詳細（親）iPad対応用**/
.Tablet #main.customerDetailParent.g2-2 { ms-grid-columns: minmax(0,0.96fr) 10px minmax(0,1fr); grid-template-columns: minmax(0,0.96fr) minmax(0,1fr); }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup.layoutOuter { display: block; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup.layoutOuter .layoutBox:not(:last-of-type) { margin-right: 0; padding-bottom: 10px; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox { width: 100% !important; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner { width: calc((100% - 20px) / 3); }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner select { width: 100%; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box { display: block; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box .col:last-of-type { margin-left: 0; margin-top: 10px; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox { width: 100%; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type { width: calc(100% - 315px); }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type input { width: 100% !important; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) { width: calc(100% - 285px); }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) input { width: 100% !important; }
.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .lower .layoutBox { width: 100% !important; }
.Tablet #main.customerDetailParent input[type="text"],
.Tablet #main.customerDetailParent input[type="date"],
.Tablet #main.customerDetailParent input[type="password"],
.Tablet #main.customerDetailParent input[type="number"],
.Tablet #main.customerDetailParent input[type="email"],
.Tablet #main.customerDetailParent textarea,
.Tablet #main.customerDetailParent select { font-size: 16px !important; }
.Tablet #main.customerDetailParent input[name="parent_mcst_group"] { width: 9em !important; }
@media screen and (orientation: portrait) {
	.Tablet #main.customerDetailParent { overflow-y: auto; }
	.Tablet #main.customerDetailParent.g2-2 { ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0px, 1fr); -ms-grid-rows: auto 10px auto; grid-template-rows: auto auto; grid-template-areas: "col2" "col1"; }
	.Tablet #main.customerDetailParent.g2-2 > .col1 > .g2-1 { -ms-grid-rows: auto 0px minmax(100px,auto); grid-template-rows: auto minmax(300px,auto); }
	.Tablet #main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .searchBox { max-width: unset; }
	.Tablet #main.customerDetailParent.g2-2 > .col2 .g2-3 .col1 .contBox .cont { position: static; overflow-y: hidden; }
}
@media screen and ( max-width: 1400px ) {
	#main.customerDetailParent.g2-2 { ms-grid-columns: minmax(0,0.96fr) 10px minmax(0,1fr); grid-template-columns: minmax(0,0.96fr) minmax(0,1fr); }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup.layoutOuter { display: block; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .formGroup.layoutOuter .layoutBox:not(:last-of-type) { margin-right: 0; padding-bottom: 10px; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox { width: 100% !important; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner { width: calc((100% - 20px) / 3); }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner select { width: 100%; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box { display: block; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box .col:last-of-type { margin-left: 0; margin-top: 10px; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox { width: 100%; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type { width: calc(100% - 315px); }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type input { width: 100% !important; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) { width: calc(100% - 285px); }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) input { width: 100% !important; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 > div[class^="col"] .lower .layoutBox { width: 100% !important; }
	#main.customerDetailParent input[type="text"],
	#main.customerDetailParent input[type="date"],
	#main.customerDetailParent input[type="password"],
	#main.customerDetailParent input[type="number"],
	#main.customerDetailParent input[type="email"],
	#main.customerDetailParent textarea,
	#main.customerDetailParent select { font-size: 16px !important; }
	#main.customerDetailParent input[name="parent_mcst_group"] { width: 9em !important; }
}
@media screen and ( max-width: 980px ) {
	#main.customerDetailParent { overflow-y: auto; }
	#main.customerDetailParent.g2-2 { ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0px, 1fr); -ms-grid-rows: auto 10px auto; grid-template-rows: auto auto; grid-template-areas: "col2" "col1"; }
	#main.customerDetailParent.g2-2 > .col1 > .g2-1 { -ms-grid-rows: auto 0px minmax(100px,auto); grid-template-rows: auto minmax(300px,auto); }
	#main.customerDetailParent.g2-2 > .col1 .g2-1 .col1.headerBox > .searchBox { max-width: unset; }
	#main.customerDetailParent.g2-2 > .col2 .g2-3 .col1 .contBox .cont { position: static; overflow-y: hidden; }
}

/*代理店詳細（子）*/
#main.customerDetailChild { padding: 10px; }
#main.customerDetailChild.g2-2 { ms-grid-columns: 1fr 10px 1fr; gap: 10px; }
#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 > .g2-1,
#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 > .g2-1 { gap: 5px; }
#main.customerDetailChild.g2-2 > .col2 { background-color: #FFF; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 .col1 .contBox .cont { position: absolute; top: 0; right: 0; bottom: 0 ;left: 0; height: 100%; overflow-y: scroll; overflow-x: hidden; z-index: 1; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] { padding: 10px; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .contBox .cont > div:not(:last-of-type) { margin-bottom: 25px; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .contBox .cont .lower { position: relative; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .contBox .cont .lower .bottomBtnBox { position: absolute; bottom: 0; right: 0; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .box { padding-bottom: 10px; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .box .col:last-of-type { margin-left: 10px; }
#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .lower .layoutBox .inner > input { width: 100%; }
#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col1 .contBox .formGroup:last-of-type .layoutBox:first-of-type .inner:nth-of-type(2) input[type="text"] { padding: 0 3px !important; }
#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 > .g2-1 > .col2 .select-wrap { height: 25px; }
#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 > .g2-1 > .col2 .formGroup:last-child,
#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 > .g2-1 > .col2 .formGroup:only-child { padding-bottom: 1px !important; }
#main.customerDetailChild .formGroup.layoutOuter .layoutBox { display: flex; align-items: flex-end; }
#main.customerDetailChild .formGroup.layoutOuter .layoutBox:not(:last-of-type) { margin-right: 10px; }
#main.customerDetailChild .formGroup.layoutOuter .layoutBox.hasCol .col { display: flex; }
#main.customerDetailChild .formGroup.layoutOuter .layoutBox.hasCol .col .inner:not(:last-of-type) { margin-right: 10px; }
#main.customerDetailChild p.formTitle { margin-bottom: 1px; color: #838691; font-size: 11px; font-weight: bold; }
#main.customerDetailChild .orderContd { position: relative; }
#main.customerDetailChild .orderContd p.formTitle span { position: absolute; left: 0; top: 48px; width: 230px; font-size: 0.8em; line-height: 1.7em; color: #838691; }
#main.customerDetailChild .cleditorMain { width: 100% !important; box-sizing: border-box; }
#main.customerDetailChild .btnQrPrint { height: 28px;  padding: 0 12px 0 34px; background-size: 18px 20px; font-size: 0.9em; }
#main.customerDetailChild .btnBox { display: flex; }
#main.customerDetailChild .btnBox .contactDel { height: 30px; }
#main.customerDetailChild .radioBtnBox label.radioBtn { padding: 0 9px; }
#main.customerDetailChild .radioBtnBox input[type="radio"]:checked + label.radioBtn,
#main.customerDetailChild .radioBtnBox input[type="radio"] + label.radioBtn:hover { padding: 0 8px; }
#main.customerDetailChild .radioBtnBox label.radioBtn,
#main.customerDetailChild .radioBtnBox label.radioBtnS { height: 25px; }
#main.customerDetailChild .checkBtnBox label.checkBtnS { margin-bottom: 3px; }
#main.customerDetailChild .checkBtnBox label.special { width: 58px; }
#main.customerDetailChild input[type="text"],
#main.customerDetailChild input[type="date"],
#main.customerDetailChild input[type="password"],
#main.customerDetailChild input[type="number"],
#main.customerDetailChild input[type="email"] { padding: 0 8px; }
#main.customerDetailChild input.btnAddress { margin-right: 0px !important; }
#main.customerDetailChild iframe { width: 100% !important; }
#main.customerDetailChild .formGroup { padding-bottom: 8px; }
#main.customerDetailChild .formBlockLine .inner:not(:last-of-type) { margin-right: 10px; }
#main.customerDetailChild .formBlockLine .inner .partsBox { margin-right: 10px; }
#main.customerDetailChild .formBlockLine .inner .partsBox:last-of-type { margin-right: 0; }
#main.customerDetailChild ul.tabMenu li { white-space: nowrap; display: flex; padding: 0 15px; margin-right: 5px; background-color: #FFF; border-top: solid 4px #E1E4F0; border-top-color: rgb(225, 228, 240); line-height: 1; opacity: 0.6; transition: all 0.3s; }
#main.customerDetailChild ul.tabMenu li.active,
#main.customerDetailChild ul.tabMenu li:hover { color: #63BCBC; border-top-color: #63BCBC; opacity: 1; }
#main.customerDetailChild ul.tabMenu li a { background-color: transparent; }
#main.customerDetailChild .contBox.bg1 { background-color: #FFF; padding: 10px; }
#main.customerDetailChild .contBox.scroll .cont { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; height: calc(100% - 10px); overflow-y: scroll; overflow-x: hidden; }
#main.customerDetailChild > .col1 > .g3-4 > .col3 .contBox.scroll .cont { height: calc(100% - 20px); }

/*代理店詳細（子）iPad対応用**/
.Tablet #main.customerDetailChild.g2-2 { ms-grid-columns: minmax(0,1fr) 10px minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.Tablet #main.customerDetailChild.g2-2 .g2-1 { -ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); }
.Tablet #main.customerDetailChild.g2-2 .g2-3 { -ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 { -ms-grid-rows: auto 0px auto 0px auto; grid-template-rows: auto auto auto; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col1 .formGroup:nth-of-type(3) .layoutBox:first-of-type,
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col1 .formGroup:nth-of-type(3) .layoutBox:first-of-type .inner { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .contBox.scroll .cont { position: static; height: 100%; overflow-y: hidden; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox.hasCol .col:last-of-type .inner,
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox.hasCol .col:last-of-type .inner input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:first-of-type > .inner:last-of-type { width: calc(100% - 278px); }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:first-of-type > .inner:last-of-type input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:last-of-type > .col:first-of-type .inner:not(:last-of-type) { width: calc((100% -  70px) / 2); }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:last-of-type > .col:first-of-type .inner:not(:last-of-type) input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(2) .layoutBox:nth-of-type(-n+2) .inner:last-of-type { width: calc(100% - 149px); }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(2) .layoutBox:nth-of-type(-n+2) .inner:last-of-type input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(3) .layoutBox > .inner { width: calc((100% - 10px) /2); }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(3) .layoutBox > .inner input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.scroll .cont { position: static; height: 100%; overflow-y: hidden; }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.otherArea .formGroup:first-of-type .layoutBox:last-of-type .inner:last-of-type { width: calc(100% - 96px); }
.Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.otherArea .formGroup:first-of-type .layoutBox:last-of-type .inner:last-of-type input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 { -ms-grid-rows: auto 0px 1fr; grid-template-rows: auto 1fr; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > .col1 > .contBox { padding: 0; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > .col1 > .contBox > .cont { position: static; overflow-y: hidden; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner { width: calc((100% - 20px) / 3); }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner select { width: 100%; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box { display: block; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box .col:last-of-type { margin-left: 0; margin-top: 10px; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox { width: 100%; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type { width: calc(100% - 300px); }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) { width: calc(100% - 285px); }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) input { width: 100% !important; }
.Tablet #main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .lower .layoutBox { width: 100% !important; }
.Tablet #main.customerDetailChild input[type="text"],
.Tablet #main.customerDetailChild input[type="date"],
.Tablet #main.customerDetailChild input[type="password"],
.Tablet #main.customerDetailChild input[type="number"],
.Tablet #main.customerDetailChild input[type="email"],
.Tablet #main.customerDetailChild textarea,
.Tablet #main.customerDetailChild select { font-size: 16px !important; padding: 0 5px; }
.Tablet #main.customerDetailChild input[name="parent_mcst_group"] { width: 8em !important; }
.Tablet #main.customerDetailChild input[name^="mcstc_zip"] { width: 5em !important; }
.Tablet #main.customerDetailChild input[name^="mcst_holiday"] { width: 14em !important; }
.Tablet #main.customerDetailChild .select-wrap { height: 25px; }
.Tablet #main.customerDetailChild .radioBtnBox label.radioBtn,
.Tablet #main.customerDetailChild .radioBtnBox label.radioBtnS { padding: 0 6px; }
.Tablet #main.customerDetailChild .radioBtnBox input[type="radio"]:checked + label.radioBtn,
.Tablet #main.customerDetailChild .radioBtnBox input[type="radio"] + label.radioBtn:hover { padding: 0 5px; }
.Tablet #main.customerDetailChild .btnBox { padding-top: 0 !important; }
.Tablet #main.customerDetailChild .formGroup.layoutOuter { display: block; }
.Tablet #main.customerDetailChild .formGroup.layoutOuter .layoutBox:not(:last-of-type) { margin-right: 0 !important; padding-bottom: 8px; }
.Tablet #main.customerDetailChild .formGroup.layoutOuter .layoutBox.hasCol { display: block; }
.Tablet #main.customerDetailChild .formGroup.layoutOuter .layoutBox.hasCol .col:not(:last-of-type) { margin-right: 0; padding-bottom: 8px; }
.Tablet #main.customerDetailChild ul.tabMenu li { padding: 0; }
@media screen and (orientation: portrait) {
	.Tablet #main.customerDetailChild { overflow-y: auto; }
	.Tablet #main.customerDetailChild.g2-2 { ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); grid-template-areas: "col1" "col2"; }
  .Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .contBox.scroll .cont,
  .Tablet #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.scroll .cont { max-height: unset; overflow-y: hidden; }
}
@media screen and ( max-width: 1400px ) {
	#main.customerDetailChild.g2-2 { ms-grid-columns: minmax(0,1fr) 10px minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
	#main.customerDetailChild.g2-2 .g2-1 { -ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); }
	#main.customerDetailChild.g2-2 .g2-3 { -ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); }
	#main.customerDetailChild.g2-2 > .col1 .g3-4 { -ms-grid-rows: auto 0px auto 0px auto; grid-template-rows: auto auto auto; }
	#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col1 .formGroup:nth-of-type(3) .layoutBox:first-of-type,
	#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col1 .formGroup:nth-of-type(3) .layoutBox:first-of-type .inner { width: 100% !important; }
	#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .contBox.scroll .cont { position: static; height: 100%; overflow-y: hidden; }
	#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox.hasCol .col:last-of-type .inner,
	#main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox.hasCol .col:last-of-type .inner input { width: 100% !important; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:first-of-type > .inner:last-of-type { width: calc(100% - 278px); }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:first-of-type > .inner:last-of-type input { width: 100% !important; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:last-of-type > .col:first-of-type .inner:not(:last-of-type) { width: calc((100% -  70px) / 2); }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:first-of-type .layoutBox:last-of-type > .col:first-of-type .inner:not(:last-of-type) input { width: 100% !important; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(2) .layoutBox:nth-of-type(-n+2) .inner:last-of-type { width: calc(100% - 149px); }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(2) .layoutBox:nth-of-type(-n+2) .inner:last-of-type input { width: 100% !important; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(3) .layoutBox > .inner { width: calc((100% - 10px) /2); }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .col1 .formGroup:nth-of-type(3) .layoutBox > .inner input { width: 100% !important; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.scroll .cont { position: static; height: 100%; overflow-y: hidden; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.otherArea .formGroup:first-of-type .layoutBox:last-of-type .inner:last-of-type { width: calc(100% - 96px); }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.otherArea .formGroup:first-of-type .layoutBox:last-of-type .inner:last-of-type input { width: 100% !important; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 { -ms-grid-rows: auto 0px 1fr; grid-template-rows: auto 1fr; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > .col1 > .contBox { padding: 0; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > .col1 > .contBox > .cont { position: static; overflow-y: hidden; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox { width: 100% !important; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner { width: calc((100% - 20px) / 3); }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .upper .formGroup.layoutOuter:nth-of-type(2) .layoutBox:last-of-type .inner select { width: 100%; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box { display: block; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box .col:last-of-type { margin-left: 0; margin-top: 10px; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox { width: 100%; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type { width: calc(100% - 300px); }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:first-of-type .inner:last-of-type input { width: 100% !important; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) { width: calc(100% - 285px); }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .middle .box + .formGroup.layoutOuter .layoutBox:last-of-type .inner:nth-of-type(2) input { width: 100% !important; }
	#main.customerDetailChild.g2-2 > .col2 .g2-3 > div[class^="col"] .lower .layoutBox { width: 100% !important; }
	#main.customerDetailChild input[type="text"],
	#main.customerDetailChild input[type="date"],
	#main.customerDetailChild input[type="password"],
	#main.customerDetailChild input[type="number"],
	#main.customerDetailChild input[type="email"],
	#main.customerDetailChild textarea,
	#main.customerDetailChild select { font-size: 16px !important; padding: 0 5px; }
	#main.customerDetailChild input[name="parent_mcst_group"] { width: 8em !important; }
  #main.customerDetailChild input[name^="mcstc_zip"] { width: 5em !important; }
  #main.customerDetailChild input[name^="mcst_holiday"] { width: 14em !important; }
	#main.customerDetailChild .select-wrap { height: 25px; }
	#main.customerDetailChild .radioBtnBox label.radioBtn,
  #main.customerDetailChild .radioBtnBox label.radioBtnS { padding: 0 6px; }
	#main.customerDetailChild .radioBtnBox input[type="radio"]:checked + label.radioBtn,
	#main.customerDetailChild .radioBtnBox input[type="radio"] + label.radioBtn:hover { padding: 0 5px; }
  #main.customerDetailChild .btnBox { padding-top: 0 !important; }
  #main.customerDetailChild .formGroup.layoutOuter { display: block; }
	#main.customerDetailChild .formGroup.layoutOuter .layoutBox:not(:last-of-type) { margin-right: 0 !important; padding-bottom: 8px; }
	#main.customerDetailChild .formGroup.layoutOuter .layoutBox.hasCol { display: block; }
	#main.customerDetailChild .formGroup.layoutOuter .layoutBox.hasCol .col:not(:last-of-type) { margin-right: 0; padding-bottom: 8px; }
	#main.customerDetailChild ul.tabMenu li { padding: 0; }
}
@media screen and ( max-width: 980px ) {
	#main.customerDetailChild { overflow-y: auto; }
	#main.customerDetailChild.g2-2 { ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); grid-template-areas: "col1" "col2"; }
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col2 .g2-3 .contBox.scroll .cont,
  #main.customerDetailChild.g2-2 > .col1 .g3-4 > .col3 .contBox.scroll .cont { max-height: unset; overflow-y: hidden; }
}

/*代理店詳細（子）- 子タブ内テーブル用*/
#main.customerDetailChild > .col1 > .g3-4 > .col3 .contBox.scroll .cont.eachTable { height: 100%; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
#main.customerDetailChild .cont.eachTable .scrollOuter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; box-sizing: border-box; }
#main.customerDetailChild .cont.eachTable .scrollOuter .scrollTableOuter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; border: none; }
#main.customerDetailChild .cont.eachTable .scrollTable thead th { font-size: 11px; padding: 0 10px; }
#main.customerDetailChild .cont.eachTable .scrollTable tbody td { padding: 0 10px; }
#main.customerDetailChild .cont.eachTable .scrollTable tbody:first-of-type td { padding-top: 2px; }
#main.customerDetailChild .cont.eachTable .scrollTable thead tr { height: 35px; }
#main.customerDetailChild .cont.eachTable .scrollTable tbody tr { height: 40px; }
#main.customerDetailChild .cont.eachTable .scrollTable thead th { color: #838691; font-weight: bold; }
#main.customerDetailChild .cont.eachTable .scrollTable thead tr:first-of-type th { border: none; }
#main.customerDetailChild .cont.eachTable .scrollTable thead tr:last-of-type th:last-of-type:before { left: 0; }
#main.customerDetailChild .cont.eachTable .scrollTable thead tr th:after { border-color: #EFEFEF !important; }
#main.customerDetailChild .cont.eachTable .scrollTable tbody tr td { border-color: #EFEFEF; }
#main.customerDetailChild .cont.eachTable .scrollTable tbody:first-of-type tr td:last-of-type:before { height: calc(100% + 2px); }
#main.customerDetailChild .cont.eachTable .btnDetail { width: 64px; height: 26px; }
#main.customerDetailChild .cont.eachTable input[type="text"],
#main.customerDetailChild .cont.eachTable input[type="date"],
#main.customerDetailChild .cont.eachTable input[type="password"],
#main.customerDetailChild .cont.eachTable input[type="number"],
#main.customerDetailChild .cont.eachTable input[type="email"] { height: 26px }

/*代理店詳細（子）- 子タブ - セールスツール*/
#main.customerDetailChild .cont.sales > .g2-1 { gap: 0px !important; }
#main.customerDetailChild .cont.sales .btnAddSS { width: 90px !important; }
#main.customerDetailChild .cont.sales .btnList { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 0.9em; font-family: system-ui; width: 45px; height: 25px; color: #FFF; background-color: #3B4043; }
#main.customerDetailChild .cont.sales .btnList:hover { opacity: 0.7; }
#main.customerDetailChild .cont.sales .calendarOuter > div.calendar { top: -2px; right: 0px; }

/*代理店詳細（子）- 子タブ - セールスツール iPad対応用*/
.Tablet #main.customerDetailChild .contBox.salesArea .cont.eachTable .scrollOuter { position: static; padding: 0; }
.Tablet #main.customerDetailChild .contBox.salesArea .cont.eachTable .scrollOuter .scrollTableOuter { position: static; max-height: 300px; }
@media screen and ( max-width: 1400px ) {
  #main.customerDetailChild .contBox.salesArea .cont.eachTable .scrollOuter { position: static; padding: 0; }
	#main.customerDetailChild .contBox.salesArea .cont.eachTable .scrollOuter .scrollTableOuter { position: static; max-height: 300px; }
}

/*代理店詳細（子）- 子タブ - セールスツール一覧*/
.modalOuter.CustomerSales #main.orderList .btnCSV { padding: 0px 10px 0 30px !important; }

/*代理店詳細（子）- 子タブ - セールスツール一覧 iPad対応用*/
.modalOuter.CustomerSales.Tablet #main.orderList .pagerArea { bottom: 0; }
.modalOuter.CustomerSales.Tablet #main.orderList .btnCSV { height: 30px !important; width: auto !important; padding: 0 10px !important; font-size: 1em !important; background-image: none !important; }
@media screen and ( max-width: 1400px ) {
	.modalOuter.CustomerSales #main.orderList .pagerArea { bottom: 0; }
	.modalOuter.CustomerSales #main.orderList .btnCSV { height: 30px !important; width: auto !important; padding: 0 10px !important; font-size: 1em !important; background-image: none !important; }
}

/*代理店詳細（子）- 子タブ - イレギュラー価格 iPad対応用*/
.Tablet #main.customerDetailChild .contBox.irregArea .cont.eachTable .scrollOuter { position: static; padding: 0; }
.Tablet #main.customerDetailChild .contBox.irregArea .cont.eachTable .scrollOuter .scrollTableOuter { position: static; overflow-y: hidden; }
@media screen and ( max-width: 1400px ) {
	#main.customerDetailChild .contBox.irregArea .cont.eachTable .scrollOuter { position: static; padding: 0; }
	#main.customerDetailChild .contBox.irregArea .cont.eachTable .scrollOuter .scrollTableOuter { position: static; overflow-y: hidden; }
}

/*代理店詳細（子）- 子タブ - 納品書関連*/
#main.customerDetailChild .contBox.deliverynoterelatedArea .cont .formGroup:nth-of-type(2) { flex-wrap: wrap; }
#main.customerDetailChild .contBox.deliverynoterelatedArea .cont .formGroup:nth-of-type(2) .inner { flex: 1 1 0; }
#main.customerDetailChild .contBox.deliverynoterelatedArea .cont .formGroup:nth-of-type(2) .inner input { width: 100%; }

/*代理店詳細（子）- 子タブ - 自動入力設定*/
#main.customerDetailChild .contBox.autoinputArea input[type="text"] { width: 100% !important; }


