@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
請求管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
請求一覧
-------------------------------------------------------------*/
body.ClaimList #main.orderList {}
body.ClaimList #main.orderList .totalBox { margin-bottom: 10px; }
body.ClaimList #main.orderList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
body.ClaimList #main.orderList .totalBox .totalTable thead tr,
body.ClaimList #main.orderList .totalBox .totalTable tbody tr { height: 50px; }
body.ClaimList #main.orderList .totalBox .totalTable thead th,
body.ClaimList #main.orderList .totalBox .totalTable tbody td { font-size: 1.2em; text-align: right; vertical-align: middle; padding: 8px 20px 6px 20px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
body.ClaimList #main.orderList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: calc(100% / 7); }
body.ClaimList #main.orderList .totalBox .totalTable tbody td { background-color: #FFF; }
body.ClaimList #main.orderList .scrollTable thead th:after { border-bottom: 1px solid #DDD !important; bottom: -1px; }
body.ClaimList #main.orderList .scrollTable tr th.fixedLastItem:after { /*width: calc(100% + 5px);*/ height: calc(100% + 1px); }
body.ClaimList #main.orderList .scrollTable td { /*border-bottom: 1px solid #EFEFEF;*/ }
body.ClaimList #main.orderList .scrollTable tbody tr:last-of-type td { border-bottom-color: #DDD; }


/*-------------------------------------------------------------
一括請求一覧
-------------------------------------------------------------*/
#main.claimList {}
#main.claimList .upperBox {}
#main.claimList .upperBox .col1 {}
#main.claimList .upperBox .col2 { flex: 1; justify-content: center; }
#main.claimList .upperBox .col3 { display: flex; justify-content: flex-end; flex: 1; }
#main.claimList .upperBox .col2 .yearMonth { margin-right: 10px; }
#main.claimList .upperBox .col2 .yearMonth p { white-space: nowrap; }
#main.claimList .upperBox .col2 .yearMonth p > span.number { font-size: 1.6em; font-weight: bold; }
#main.claimList .upperBox .col2 .yearMonth p > span.small { font-size: 1.2em; padding: 0 5px 0 3px; }
#main.claimList .upperBox .col2 .moveBtn { display: flex; }
#main.claimList .upperBox .col2 .moveBtn .btnPrev,
#main.claimList .upperBox .col2 .moveBtn .btnThisMonth,
#main.claimList .upperBox .col2 .moveBtn .btnNext { height: 34px; width: 80px; }
#main.claimList .upperBox .col2 .moveBtn .btnPrev a,
#main.claimList .upperBox .col2 .moveBtn .btnThisMonth a,
#main.claimList .upperBox .col2 .moveBtn .btnNext a { height: 33px; width: 80px; background-color: #FFF; border-color: #DDD; color: #222; }
#main.claimList .upperBox .col2 .moveBtn .btnPrev a:hover,
#main.claimList .upperBox .col2 .moveBtn .btnThisMonth a:hover,
#main.claimList .upperBox .col2 .moveBtn .btnNext a:hover { height: 31px; width: 78px; border-width: 2px; opacity: 1; }
#main.claimList .upperBox .col3 .btnPrint,
#main.claimList .upperBox .col3 .btnOrderPc,
#main.claimList .upperBox .col3 .btnInfo { margin-right: 5px; }
#main.claimList .totalBox { margin-bottom: 10px; }
#main.claimList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
#main.claimList .totalBox .totalTable thead tr,
#main.claimList .totalBox .totalTable tbody tr { height: 50px; }
#main.claimList .totalBox .totalTable thead th,
#main.claimList .totalBox .totalTable tbody td { font-size: 1.2em; text-align: right; vertical-align: middle; padding: 8px 20px 6px 20px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#main.claimList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: /*calc(100% / 7)*/calc(100% / 8); }
#main.claimList .totalBox .totalTable tbody td { background-color: #FFF; }
#main.claimList .scrollTable thead tr { height: 30px; }
#main.claimList .scrollTable thead th { color: #838691; font-weight: bold; padding: 2px 10px 0; }
#main.claimList .scrollTable thead tr:first-of-type th,
#main.claimList .scrollTable thead tr:first-of-type th:after { border-bottom-color: #EFEFEF !important; }
#main.claimList .scrollTable thead tr:last-of-type th { position: sticky; top: 30px; background: #FFF; border-bottom-color: #EFEFEF; z-index: 2; }
#main.claimList .scrollTable tbody tr td { border-bottom-color: #EFEFEF; }
#main.claimList .scrollTable tbody tr.parent td { background-color: #F5F6FA; }
#main.claimList .scrollTable tbody tr.parent td .parentName { font-weight: 1.2em; font-weight: bold; color: #4D4F5C; }
#main.claimList .scrollTable tbody tr.child td { background-color: #FFF; }
#main.claimList .scrollTable tbody tr.child:last-of-type td { border-bottom-color: #DDD; }
#main.claimList .scrollTable tbody tr .select-wrap select[name*="dbil_conf"] { min-width: 100%; }


/*-------------------------------------------------------------
代理店別請求一覧
-------------------------------------------------------------*/
#main.billParentList {}
#main.billParentList .upperBox {}
#main.billParentList .upperBox .col1 {}
#main.billParentList .upperBox .col2 {}
#main.billParentList .lowerBox { padding: 30px 25px 0; background-color: #FFF; }
#main.billParentList .billingBox { display: flex; justify-content: space-between; margin-bottom: 30px; }
#main.billParentList .billingBox > .col1 { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
#main.billParentList .billingBox .destination { margin-bottom: 40px; }
#main.billParentList .billingBox .destination .stAddress p { font-size: 1.4em; }
#main.billParentList .billingBox .destination .address P { font-size: 1.6em; font-weight: bold; }
#main.billParentList .billingBox .text p { font-size: 1.2em; line-height: 1.9em; }
#main.billParentList .billingBox .col2 { display: flex; flex-direction: column; justify-content: space-between; }
#main.billParentList .billingBox .kxContact { background-image: url("../images/ico_mark.svg"); background-repeat: no-repeat; background-position: right bottom; vertical-align: middle; background-size: 100px 100px; margin: 0 28px 20px 0; }
#main.billParentList .billingBox .kxContact p.name { font-size: 1.6em; font-weight: bold; }
#main.billParentList .billingBox .kxContact .stAddress { padding: 0 77px 8px 0; }
#main.billParentList .billingBox .kxContact .stAddress p { font-size: 1.4em; }
#main.billParentList .billingBox .payeeEtc { display: flex; }
#main.billParentList .billingBox .payeeEtc .col1 { padding: 10px; border: 1px solid #DDD; }
#main.billParentList .billingBox .payeeEtc .col1 p { font-size: 1.1em; }
#main.billParentList .billingBox .payeeEtc .col1 p.ttl { font-size: 1.2em; font-weight: bold; color: #4D4F5C; }
#main.billParentList .billingBox .payeeEtc .col2 dl { width: 100px; height: 100px; box-sizing: border-box; }
#main.billParentList .billingBox .payeeEtc .col2 dt { padding: 5px 0; text-align: center; font-size: 1.3em; font-weight: bold; border: 1px solid #DDD; color: #838691; }
#main.billParentList .billingBox .payeeEtc .col2 dd { height: 69px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD;}
#main.billParentList .totalBox {}
#main.billParentList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
#main.billParentList .totalBox .totalTable thead tr,
#main.billParentList .totalBox .totalTable tbody tr { height: 50px; }
#main.billParentList .totalBox .totalTable thead th,
#main.billParentList .totalBox .totalTable tbody td { font-size: 1.2em; text-align: right; vertical-align: middle; padding: 8px 20px 6px 20px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#main.billParentList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: /*calc(100% / 7)*/calc(100% / 8); }
#main.billParentList .totalBox .totalTable tbody td { background-color: #FFF; }
#main.billParentList .scrollTable thead tr,
#main.billParentList .scrollTable tbody tr { height: 50px; }
#main.billParentList .scrollTable thead th,
#main.billParentList .scrollTable tbody td { padding: 0 15px }
#main.billParentList .scrollTable thead th { color: #838691; font-weight: bold; }
#main.billParentList .scrollTable tbody.sample td .flexBox { justify-content: flex-end; }
#main.billParentList .scrollTable tbody.sample .btnTrashIco { cursor: default; opacity: 0.4; }
#main.billParentList .scrollTable tbody.add td:not(:last-of-type) { padding: 0 10px; }
#main.billParentList .scrollTable tbody.add .btnDetail { cursor: default; opacity: 0.3; }
#main.billParentList .scrollTable tbody.add input[type="text"] { height: 30px; border-color: #D3D3D3; }
#main.billParentList .btnAddFile { width: 31px; height: 26px; }
#main.billParentList .bottomArea { padding: 10px 25px; }


/*-------------------------------------------------------------
式場店別請求一覧
-------------------------------------------------------------*/
#main.billList { padding: 10px; }
#main.billList > .col1 {}
#main.billList > .col2 { background-color: #FFF; }
#main.billList > .col1 .headerBox { display: flex; justify-content: space-between; }
#main.billList > .col2 > .g2-1 > .col1 { padding: 30px 25px 0; }
#main.billList > .col2 > .g2-1 > .col2.contentsBox { position: relative; }
#main.billList > .col2 > .g2-1 > .col2.contentsBox > .scrollTableOuter { position: absolute; top: 10px; right: 25px; bottom: 25px; left: 25px; height: calc(100% - 35px) !important; width: calc(100% - 50px) !important; box-sizing: border-box; }
#main.billList .billingBox { display: flex; justify-content: space-between; margin-bottom: 30px; }
#main.billList .billingBox > .col1 { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
#main.billList .billingBox .destination { margin-bottom: 40px; }
#main.billList .billingBox .destination .stAddress p { font-size: 1.4em; }
#main.billList .billingBox .destination .address P { font-size: 1.6em; font-weight: bold; }
#main.billList .billingBox .text p { font-size: 1.2em; line-height: 1.9em; }
#main.billList .billingBox .col2 { display: flex; flex-direction: column; justify-content: space-between; }
#main.billList .billingBox .kxContact { background-image: url("../images/ico_mark.svg"); background-repeat: no-repeat; background-position: right bottom; vertical-align: middle; background-size: 100px 100px; margin: 0 28px 20px 0; }
#main.billList .billingBox .kxContact p.name { font-size: 1.6em; font-weight: bold; }
#main.billList .billingBox .kxContact .stAddress { padding: 0 77px 8px 0; }
#main.billList .billingBox .kxContact .stAddress p { font-size: 1.4em; }
#main.billList .billingBox .payeeEtc { display: flex; }
#main.billList .billingBox .payeeEtc .col1 { padding: 10px; border: 1px solid #DDD; }
#main.billList .billingBox .payeeEtc .col1 p { font-size: 1.1em; }
#main.billList .billingBox .payeeEtc .col1 p.ttl { font-size: 1.2em; font-weight: bold; color: #4D4F5C; }
#main.billList .billingBox .payeeEtc .col2 dl { width: 100px; height: 100px; box-sizing: border-box; }
#main.billList .billingBox .payeeEtc .col2 dt { padding: 5px 0; text-align: center; font-size: 1.3em; font-weight: bold; border: 1px solid #DDD; color: #838691; }
#main.billList .billingBox .payeeEtc .col2 dd { height: 69px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD;}
#main.billList .totalBox {}
#main.billList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
#main.billList .totalBox .totalTable thead tr,
#main.billList .totalBox .totalTable tbody tr { height: 50px; }
#main.billList .totalBox .totalTable thead th,
#main.billList .totalBox .totalTable tbody td { font-size: 1.2em; text-align: right; vertical-align: middle; padding: 8px 20px 6px 20px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#main.billList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: /*calc(100% / 7)*/calc(100% / 8); }
#main.billList .totalBox .totalTable tbody td { background-color: #FFF; }
#main.billList .scrollTable thead tr,
#main.billList .scrollTable tbody tr { height: 50px; }
#main.billList .scrollTable thead th,
#main.billList .scrollTable tbody td { padding: 0 15px }
#main.billList .scrollTable thead th { color: #838691; font-weight: bold; }
#main.billList .scrollTable tbody.sample td .flexBox { justify-content: flex-end; }
#main.billList .scrollTable tbody.sample .btnTrashIco { cursor: default; opacity: 0.4; }
#main.billList .scrollTable tbody.add td:not(:last-of-type) { padding: 0 10px; }
#main.billList .scrollTable tbody.add .btnDetail { cursor: default; opacity: 0.3; }
#main.billList .scrollTable tbody.add input[type="text"] { height: 30px; border-color: #D3D3D3; }
#main.billList .scrollTable tbody.add select { height: 30px; }
#main.billList .btnAddFile { width: 31px; height: 26px; }
/*#main.billList .calendarOuterS {}
#main.billList .calendarOuterS > div.calendarS { top: 5px; }
#main.billList .calendarOuterS > div.calendarS a.calendarS { width: 21px; height: 20px; background-size: 21px 20px; }*/

#main.billList.view_mode .btnAddFile { display: none; }
#main.billList.view_mode .billDetailDelBtn { display: none; }

/*-------------------------------------------------------------
個別請求新規作成 - モーダル
-------------------------------------------------------------*/
/*.contentsArea.billEdit { padding: 10px; background-color: #F0F0F0; }
.contentsArea.billEdit .upperBox { padding: 10px 20px !important; }
.contentsArea.billEdit .upperBox .col1 {}
.contentsArea.billEdit .upperBox .col2 { flex: 1; justify-content: center; }
.contentsArea.billEdit .upperBox .col3 { display: flex; justify-content: flex-end; flex: 1; }
.contentsArea.billEdit .upperBox .col2 .yearMonth { margin-right: 10px; }
.contentsArea.billEdit .upperBox .col2 .yearMonth p > span.number { font-size: 1.6em; font-weight: bold; }
.contentsArea.billEdit .upperBox .col2 .yearMonth p > span.small { font-size: 1.2em; padding: 0 5px 0 3px; }
.contentsArea.billEdit .upperBox .col3 .btnPrint { margin-right: 5px; }
.contentsArea.billEdit .upperBox .col3 .specialMark { height: 34px; font-size: 1.2em; }*/
#main.eachBillSet { padding: 10px; }
#main.eachBillSet > .col1 {}
#main.eachBillSet > .col2 { background-color: #FFF; }
#main.eachBillSet > .col1 .headerBox { display: flex; justify-content: space-between; }
#main.eachBillSet > .col2 > .g2-1 > .col1 { padding: 30px 25px 0; }
#main.eachBillSet > .col2 > .g2-1 > .col2.contentsBox { position: relative; }
#main.eachBillSet > .col2 > .g2-1 > .col2.contentsBox > .scrollTableOuter { position: absolute; top: 10px; right: 25px; bottom: 25px; left: 25px; height: calc(100% - 35px) !important; width: calc(100% - 50px) !important; box-sizing: border-box; }

#main.eachBillSet .receptionBox { display: flex; align-items: flex-end; margin-bottom: 10px; }
#main.eachBillSet .receptionBox .btnDetail { height: 25px; }
#main.eachBillSet .receptionBox p.ttlDate { padding-bottom: 8px; }
#main.eachBillSet .receptionBox p.ttlData { padding-bottom: 2px; }

#main.eachBillSet .billingBox { display: flex; justify-content: space-between; margin-bottom: 10px; }
#main.eachBillSet .billingBox > .col1 { flex: 1; margin-right: 40px; max-width: 700px; }
#main.eachBillSet .billingBox > .col1 > .inputOuter { width: calc(100% - 20px); height: calc(100% - 20px); display: flex; flex-direction: column; padding: 10px; background-color: #F5F6FA; }
#main.eachBillSet .billingBox > .col1 > .inputOuter > .inputArea { height: 100%; padding: 10px; background-color: #FFF; }
#main.eachBillSet .billingBox .destination { margin-bottom: 5px; }
#main.eachBillSet .billingBox .destination .stAddress p { font-size: 1.4em; }
#main.eachBillSet .billingBox .destination .address P { font-size: 1.6em; font-weight: bold; }
#main.eachBillSet .billingBox .text .formInline .inner { flex-wrap: nowrap; }
#main.eachBillSet .billingBox .text .formInline .inner p.formTitle { flex-shrink: 0; flex-grow: 0; }
#main.eachBillSet .billingBox .col2 { display: flex; flex-direction: column; justify-content: space-between; }
#main.eachBillSet .billingBox .kxContact { background-image: url("../images/ico_mark.svg"); background-repeat: no-repeat; background-position: right bottom; vertical-align: middle; background-size: 100px 100px; margin: 0 28px 20px 0; }
#main.eachBillSet .billingBox .kxContact p.name { font-size: 1.6em; font-weight: bold; }
#main.eachBillSet .billingBox .kxContact .stAddress { padding: 0 77px 8px 0; }
#main.eachBillSet .billingBox .kxContact .stAddress p { font-size: 1.4em; }
#main.eachBillSet .billingBox .payeeEtc { display: flex; margin-bottom: 20px; }
#main.eachBillSet .billingBox .payeeEtc .col1 { padding: 10px; border: 1px solid #DDD; }
#main.eachBillSet .billingBox .payeeEtc .col1 p { font-size: 1.1em; }
#main.eachBillSet .billingBox .payeeEtc .col1 p.ttl { font-size: 1.2em; font-weight: bold; color: #4D4F5C; }
#main.eachBillSet .billingBox .payeeEtc .col2 dl { width: 100px; height: 100px; box-sizing: border-box; }
#main.eachBillSet .billingBox .payeeEtc .col2 dt { padding: 5px 0; text-align: center; font-size: 1.3em; font-weight: bold; border: 1px solid #DDD; color: #838691; }
#main.eachBillSet .billingBox .payeeEtc .col2 dd { height: 69px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD;}
#main.eachBillSet .totalBox {}
#main.eachBillSet .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
#main.eachBillSet .totalBox .totalTable thead tr,
#main.eachBillSet .totalBox .totalTable tbody tr { height: 50px; }
#main.eachBillSet .totalBox .totalTable thead th,
#main.eachBillSet .totalBox .totalTable tbody td { font-size: 1.2em; text-align: right; vertical-align: middle; padding: 8px 20px 6px 20px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#main.eachBillSet .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: calc(100% / 7); }
#main.eachBillSet .totalBox .totalTable tbody td { background-color: #FFF; }
#main.eachBillSet .scrollTable thead tr,
#main.eachBillSet .scrollTable tbody tr { height: 50px; }
#main.eachBillSet .scrollTable thead th,
#main.eachBillSet .scrollTable tbody td { padding: 0 15px }
#main.eachBillSet .scrollTable thead th { color: #838691; font-weight: bold; }
#main.eachBillSet .scrollTable tbody.sample td .flexBox { justify-content: flex-end; }
#main.eachBillSet .scrollTable tbody.sample .btnTrashIco { cursor: default; opacity: 0.4; }
#main.eachBillSet .scrollTable tbody.add td:not(:last-of-type) { padding: 0 10px; }
#main.eachBillSet .scrollTable tbody.add .btnDetail { cursor: default; opacity: 0.3; }
#main.eachBillSet .scrollTable tbody.add input[type="text"] { height: 30px; border-color: #D3D3D3; }
#main.eachBillSet .scrollTable tbody.add select { height: 30px; }
#main.eachBillSet .btnAddFile { width: 31px; height: 26px; }
#main.eachBillSet .btnAddress { height: 25px; background-color: #3B4043; color: #FFF; font-size: 1em; font-weight: bold; border: none; transition: opacity ease 0.3s; }
#main.eachBillSet .btnAddress:hover { border: none; padding: 0 6px; opacity: 0.7; }