@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
入金管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*設定ボタン*/
.btnDepositSet { 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: opacity ease 0.2s; border: 0; font-size: 1em; padding: 0 10px; height: 28px; color: #FFF; background-color: #63BCBC; }
.btnDepositSet:hover { opacity: 0.7; }


/*-------------------------------------------------------------
入金一覧
-------------------------------------------------------------*/
body.DepositList #main.depositList {}
body.DepositList #main.depositList .totalBox { margin-bottom: 10px; }
body.DepositList #main.depositList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
body.DepositList #main.depositList .totalBox .totalTable thead tr,
body.DepositList #main.depositList .totalBox .totalTable tbody tr { height: 50px; }
body.DepositList #main.depositList .totalBox .totalTable thead th,
body.DepositList #main.depositList .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.DepositList #main.depositList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: calc(100% / 3); }
body.DepositList #main.depositList .totalBox .totalTable tbody td { background-color: #FFF; }


/*-------------------------------------------------------------
月別入金一覧
-------------------------------------------------------------*/
.DepositMonthDetail .scrollTable thead tr:last-child th:last-child { border-right: 1px solid #DDD; }


/*-------------------------------------------------------------
振込申請一覧
-------------------------------------------------------------*/
body.DepositTransfer #main.transferList {}
body.DepositTransfer #main.transferList .totalBox { margin-bottom: 10px; }
body.DepositTransfer #main.transferList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
body.DepositTransfer #main.transferList .totalBox .totalTable thead tr,
body.DepositTransfer #main.transferList .totalBox .totalTable tbody tr { height: 50px; }
body.DepositTransfer #main.transferList .totalBox .totalTable thead th,
body.DepositTransfer #main.transferList .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.DepositTransfer #main.transferList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: calc(100% / 3); }
body.DepositTransfer #main.transferList .totalBox .totalTable tbody td { background-color: #FFF; }

/* 振込申請 - 振込口座設定 */

.stepItem .backBtn { position: relative; width: 62px; height: 25px; display: inline-block; transition: none; vertical-align: middle; }
.stepItem .backBtn a { display: block; width: 60px; height: 23px; border: 1px solid #999; border-radius: 4px; background-color: #FFF; background-image: url("../images/ico_prev.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 8px 14px; text-indent: -9999px; }
.stepItem .backBtn a:hover { opacity: 0.7; }

.transferAccountArea .inner { display: flex; flex-direction: column; }
.transferAccountArea .inner dl { display: flex; border-left: 1px solid #EEE; border-right: 1px solid #EEE; }
.transferAccountArea .inner dl:nth-of-type(1) { border-top: 1px solid #EEE; }
.transferAccountArea .inner dl:nth-last-of-type(1) { border-bottom: 1px solid #EEE; }
.transferAccountArea .inner dl dt { width: 150px; padding: 10px; background-color: #F5F6FA; }
.transferAccountArea .inner dl dd { padding: 10px;  }

.transferApplicationArea {  }
.transferApplicationArea .inner { display: flex; flex-direction: column; }
.transferApplicationArea .inner dl { display: flex; border-left: 1px solid #EEE; border-right: 1px solid #EEE; }
.transferApplicationArea .inner dl:nth-of-type(1) { border-top: 1px solid #EEE; }
.transferApplicationArea .inner dl:nth-last-of-type(1) { border-bottom: 1px solid #EEE; }
.transferApplicationArea .inner dl dt { width: 100px; padding: 10px; background-color: #F5F6FA; }
.transferApplicationArea .inner dl dd { margin-left: auto; padding: 10px;  }

.DepositTransferEdit .btnModify { position: relative; text-decoration: none !important; line-height: 1em; 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: 1em; font-family: system-ui; width: 45px; height: 28px; color: #FFF; background-color: #3B4043; padding: 0 5px; }


.approvalInfo { display: flex; width: calc(100% - 40px); justify-content: center; padding: 20px 20px 0 20px; border: 1px solid #EEE; flex-wrap: wrap; } 
.approvalInfo > div { flex-basis: calc(100% / 4 - 10px) !important;  max-width: calc(100% / 4 - 10px); margin-right: 10px; } 
.approvalInfo > .formGroup { padding-bottom: 20px !important; }