@charset "UTF-8";






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


/*------------------------------------------------------------
ユーザ管理
-------------------------------------------------------------*/
body.Master #main.userList .pagerArea { background-color: #FFF; padding: 0 0 10px; }
body.Master #main.userList .contentsArea .contentsBox .scrollTableOuter { height: calc(100% - 10px) !important; }
body.Master #main.userList .contentsArea .contentsBox .scrollTableOuter thead th:nth-last-of-type(2),
body.Master #main.userList .contentsArea .contentsBox .scrollTableOuter tbody td:nth-last-of-type(2) { border-right: none; }
/*body.Master #main.userList .contentsArea .contentsBox .scrollTableOuter tbody td:nth-last-of-type(2) { white-space: normal; }*/

/*パスワード表示用*/
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle {}
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .title  {}
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView  { display: inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: #C1C1C1; background-image: url("../images/ico_password_open.svg"); background-repeat: no-repeat; background-position: center center; background-size: 14px 18px; margin-left: 3px; cursor: pointer; position: relative; }
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView .hoverNote { display: none; }
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView:hover .hoverNote { display: inline-block; width: auto; height: auto; position: absolute; top: 30px; left: 0; padding:10px; font-size: 13px; line-height: 1; color: #222; background-color: #FFF; border: 3px solid #999; white-space: nowrap; text-indent: 0; z-index: 1; }

.modalOuter.UserEdit.Mobile .formGroup.passwordBlock .formTitle .passwordView:hover .hoverNote,
.modalOuter.UserEdit.Tablet .formGroup.passwordBlock .formTitle .passwordView:hover .hoverNote { display: none; }


.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView  { display: inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: #C1C1C1; background-image: url("../images/ico_eye.svg"); background-repeat: no-repeat; background-position: center center; background-size: 16px 18px; margin-left: 3px; cursor: pointer; position: relative; }
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView .hoverNote { display: none; }
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView:hover .hoverNote { display: inline-block; width: auto; height: auto; position: absolute; top: 30px; left: 0; padding:10px; font-size: 13px; line-height: 1; color: #222; background-color: #FFF; border: 3px solid #999; white-space: nowrap; text-indent: 0; z-index: 1; }
.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView.active { background-color: #6A7277; }

.modalOuter.UserEdit.Mobile .formGroup.passwordBlock .formTitle .inputView:hover .hoverNote,
.modalOuter.UserEdit.Tablet .formGroup.passwordBlock .formTitle .inputView:hover .hoverNote { display: none; }

.modalOuter.UserEdit .formGroup.passwordBlock [name=musr_password],
.modalOuter.UserEdit .formGroup.passwordBlock [name=password_conf] { height: 40px; }

/*-------------------------------------------------------------
スマホ用
-------------------------------------------------------------*/
@media screen and (min-width: 1082px) and (max-width: 1160px) {
  .modalOuter.UserEdit .modalWindow .scrollArea .outerBox .scrollBox { padding: 20px; }
  .modalOuter.UserEdit .modalWindow .box .col { margin-left: 20px; }
}
@media screen and (min-width: 555px) and (max-width: 1082px)  {
  .modalOuter.UserEdit .modalWindow .scrollArea .outerBox .scrollBox { padding: 20px; }
  .modalOuter.UserEdit .box { display: block; }
	.modalOuter.UserEdit .box2-1 > .col { width: 100%; }
  .modalOuter.UserEdit .box2-1 > .col:not(:last-child) { padding-bottom: 20px; }
  .modalOuter.UserEdit .modalWindow .box .col { margin-left: 0; }
  .modalOuter.UserEdit .formGroup.mbL { margin-bottom: 0 !important; }
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  .modalOuter.UserEdit .modalWindow .scrollArea .outerBox .scrollBox { padding: 20px; }
  .modalOuter.UserEdit .box { display: block; }
	.modalOuter.UserEdit .box2-1 > .col { width: 100%; }
  .modalOuter.UserEdit .box2-1 > .col:not(:last-child) { padding-bottom: 20px; }
  .modalOuter.UserEdit .modalWindow .box .col { margin-left: 0; }
  .modalOuter.UserEdit .formGroup.mbL { margin-bottom: 0 !important; }
  .modalOuter.UserEdit .formBlockLine .flexBox.spColumn { flex-direction: column; align-items: flex-start; }
  .modalOuter.UserEdit .formBlockLine .flexBox.spColumn .subInner:not(:last-child) { padding-bottom: 10px; }
	
	/*パスワード表示用*/
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle { position: relative; }
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView { position: unset; }
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView:hover .hoverNote { max-width: 100%; white-space: pre-wrap; }

	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView { position: unset; }
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView:hover .hoverNote { max-width: 100%; white-space: pre-wrap; }
}
@media screen and (max-width: 480px) {
  .modalOuter.UserEdit .modalWindow > .inner { top: 20px; right: 20px; bottom: 20px; left: 20px; margin: 20px; height: calc(100% - 40px); }
  .modalOuter.UserEdit .modalWindow .scrollArea .outerBox .scrollBox { padding: 20px; }
	.modalOuter.UserEdit .box { display: block; }
  .modalOuter.UserEdit .box2-1 > .col { width: 100%; }
  .modalOuter.UserEdit .box2-1 > .col:not(:last-child) { padding-bottom: 20px; }
  .modalOuter.UserEdit .modalWindow .box .col { margin-left: 0; }
  .modalOuter.UserEdit .modalWindow .content > .inner { padding: 0; }
  .modalOuter.UserEdit .formGroup.mbL { margin-bottom: 0 !important; }
  .modalOuter.UserEdit .formBlockLine .flexBox.spColumn { flex-direction: column; align-items: flex-start; }
  .modalOuter.UserEdit .formBlockLine .flexBox.spColumn .subInner:not(:last-child) { padding-bottom: 10px; }
	.modalOuter.UserEdit .formBlockLine.nameBox { display: block; }
	.modalOuter.UserEdit .formBlockLine.nameBox > .inner { width: 100% !important; }
	.modalOuter.UserEdit .formBlockLine.nameBox > .inner:first-of-type { padding-bottom: 20px; }
	.modalOuter.UserEdit .formBlockLine .calendarOuter input[type="text"] { width: 130px; }
	
	/*パスワード表示用*/
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle { position: relative; }
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView { position: unset; }
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .passwordView:hover .hoverNote { max-width: 100%; white-space: pre-wrap; }

	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView { position: unset; }
	.modalOuter.UserEdit .formGroup.passwordBlock .formTitle .inputView:hover .hoverNote { max-width: 100%; white-space: pre-wrap; }
}
@media screen and (max-width:  400px) {
	.modalOuter.UserEdit .modalWindow > .inner { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: 10px; height: calc(100% - 20px); }
	.modalOuter.UserEdit .modalWindow .scrollArea { padding: 10px; }
	.modalOuter.UserEdit .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.UserEdit .formBlockLine .calendarOuter input[type="text"] { width: 120px; }
}