/* 00301 ダッシュボード */
.dashboard-info-area {
  margin: 0;
  padding: 12px;
  height: 10em;
  border-bottom: solid 1px #999;
  background: #fff;
  overflow-y: auto;
}

/*add 230514 ダッシュボード*/
.dashboard-info-area > ul {
  display: table;
  width: 100%;
  border-bottom: solid 1px #ddd;
  margin-bottom: 1px;
}

.dashboard-info-area > ul li {
  display: table-cell;
  text-align: left;
  padding: 4px 4px 4px;
}

.dashboard-info-area > ul li:first-child {
  background: #eee;
  width: 80px;
}

.dashboard-info-area > ul li:nth-child(2) {
  padding-right: 6px;
}

.dashboard-info-area > ul li a {
  display: block;
}

.dashboard-info2__cms-mail {

}

.notice-button__dsgn {
  background: var(--white) !important;
  border-radius: 0 !important;
}

/*↑ end*/

.dashboard-info-content {
  display: flex;
  display: -webkit-flex;
  display: -webkit-box;
}

.dashboard-info-cotent__date {
  color: var(--text-color);
}

.dashboard-info-content__date--li {
  margin-top: 0.5em;
  list-style-type: none;
}

.dashboard-info-content__link {
  margin-left: 9px;
}

.dashboard-info-content__link--li {
  margin-top: 0.5em;
  list-style-type: none;
  color: var(--base-color);
  cursor: pointer;
  text-decoration: none;
}

.dashboard-info-content__link--li:hover {
  text-decoration: underline;
}

.dashboard-info__cms-mail {
  float: right;
}

.dashboard-notice-area {
  display: flex;
  justify-content: space-between;
  margin: 9px 0 9px 0;
  height: calc(100vh - 17.5em);
  border-left: 1px solid var(--border-color);
}

.dashboard-notice-info {
  border: 1px solid var(--border-color);
}

.dashboard-notice-info:not(:last-child) {
  margin-right: 9px;
}

.dashboard-notice-info-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 2.7em;
  width: 100%;
  background-color: var(--global-menu-color);
  border-bottom: 1px solid var(--border-color);
}

.dashboard-notice-info-header__left {
  width: 50%;
  height: 50%;
}

.dashboard-notice-info-header__right {
  width: 50%;
  text-align: right;
}

.dashboard-notice-info-header__left--txt {
  color: var(--white);
  margin-left: 0.8em;
}

.dashboard-notice-index {
  overflow-y: auto;
  height: calc(100vh - 282px);
}

.dashboard-notice-list {
  width: 100%;
  margin-bottom: 12px;
}

.dashboard-notice-list__date {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.dashboard-notice-list__date--txt {
  font-weight: bold;
  margin-left: 9px;
}

.dashboard-notice-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 1.44em;
  margin-top: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid var(--gray1);
}

.span-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.dashboard-notice-detail__mail {
  width: 6em;
  color: var(--white);
  margin-right: 0.25em;
}

.dashboard-notice-detail__read-true {
  display: block;
  width: 4.5em;
  min-width: 4.5em;
  height: 1.5em;
  border: 1px solid;
  border-color: var(--text-color);
  text-align: center;
  background-color: var(--posi-color);
}

.dashboard-notice-detail__read-false {
  display: block;
  width: 4.5em;
  min-width: 4.5em;
  height: 1.5em;
  border: 1px solid;
  border-color: var(--text-color);
  text-align: center;
  background-color: var(--base-color);
}

.dashboard-notice-detail__mail--p {
  user-select: none;
  color: var(--white);
  margin-top: -1px;
}

.dashboard-notice-detail__url {
  text-decoration: none;
}

.dashboard-notice-detail__url:hover {
  text-decoration: underline;
}

/* *********** login ************ */
.login-main-area {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.login-area__center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.login-area__center--white {
  background-color: #fff;
  border: 1px solid #a9a9a9;
}

.login-area__center--padding {
  padding: 35px 60px 50px 60px;
}

.login-area__input--width {
  width: 450px !important;
}

.login-area__input--padding,
.login-area__select--padding {
  padding: 15px !important;
}

.login-area__input--width,
.login-area__select--width {
  width: 450px !important;
}

.login-area__title--center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}

.login-area__title--h1 {
  font-size: 85px;
}

.login-area__title--color {
  color: #555555;
}

.login-area__input--margin,
.login-area__select--margin {
  margin: 12px 0;
  width: 100%;
}

.login-main-area__image {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-image: url(../images/background-image.jpg);
  background-size: cover;
  z-index: 0;
}

/* ガウスぼかし */
.login-main-area__image::before {
  content: '';
  position: absolute;
  background: inherit;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  filter: blur(2px);
  z-index: -1;
}

.login__button--width {
  width: 450px;
}

.ui.button.login__button--font-size {
  font-size: 1.25rem;
}

.error-title-login {
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #9f3a38;
}

.login-area__position-relative {
  position: relative;
}

.version-area__position-absolute {
  position: absolute;
  bottom: 5px;
  right: 10px;
}

.login-area__height {
  height: 467px !important;
}

/* *********** / login ********** */


/* 00605 */

.ui.label.heading.workflow-label-width {
  width: 150px;
}

.ui.label.heading.workflow-label-width-short {
  width: 100px;
}

/* 00500
.delete-row-btnではheight指定があるため、こちらを使用 */

.delete-row-btn2 {
  border: none;
  background-color: transparent;
  width: 25px !important;
}

/* 00301 */
.height-auto {
  height: auto;
}

.content-info-text-block {
  word-break: break-all;
  display: inline-block;
}

.notice-content__width-display {
  max-width: calc(100% - 100px) !important;
  display: block;
}

.notice-content-name__width-display {
  max-width: 100px;
  min-width: 80px;
  display: block;

}

.notice-cr-at__margin {
  margin-right: .5em;
}

/* 00200 */
.act-lbl__width {
  width: 110px !important;
}

.act-inp__width {
  width: calc(100% - 110px) !important;
}

/* password reset */
.password-resetting__background {
  background-color: #f8f8f8 !important;
}

.message__font-size {
  font-size: 20px !important;
}

/* 00300 */
.content-text__width {
  max-width: calc(85% - 200px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mail-status-box {
  width: 6em;
  margin-right: 0.25em;
}

/* add-role */

.add-role-day {
  height: 28.2px;
}


/* access */

.add-user-area {
  width: calc((100% - 100px) / 2);
}

.cms-mail {
  float: right;
}

.content-info-detail {
  display: -webkit-box;
  display: box;
  display: -webkit-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  /* align-items: center; */
  width: 100%;
  height: 1.44em;
  margin-top: 1em;
  margin-left: 0.5em;
  color: var(--base-color);
  transition: background-color 0.3s linear;
  /* cursor: pointer; */
}

.content-info-detail span {
  /* border-bottom: 1px solid;
  border-color: var(--base-color); */
}

.content-info-index {
  height: 12em;
  margin-bottom: 0em;
}

.content-info-list {
  width: 100%;
  margin-bottom: 12px;
}

.detail-search-box {
  display: -webkit-box;
  display: box;
  display: -webkit-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  margin: none;
  margin-top: 0.5em;
  width: 100%;
}

.fixed-width-table-wrap {
  max-width: 100%;
  max-height: 350px;
  overflow: auto;
}

.input-body {
  margin-left: 1%;
  width: 98%;
  /* margin-left: 1%; */
  margin-bottom: 12px;
  width: 550px;
  border-color: var(--border-color);
}


/* 20-00202 */
.acct-dtl-h_hgt {
  height: 300px !important;
  max-height: 300px !important;
}

.acct-dtl-h_hgt-250 {
  /* height: 250px !important; */
  max-height: 250px !important;
  /* min-height: 250px !important; */
}

.acct-dtl-info-h_hgt {
  height: 350px !important;
  min-width: 391px;
}

.detail-info-label__width {
  width: 130px !important;
}

.login-main-area {
  display: flex;
  flex-direction: column;
  width: 100%;
}



.mail-kind-box {
  display: -webkit-box;
  display: box;
  display: -webkit-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  user-select: none;
  width: 4em;
  height: 1.5em;
  margin-right: 12px;
  border: 1px solid var(--text-color);
  background-color: var(--base-color);
}

.mail-kind-box p {
  color: var(--white);
  /* margin-top: -1px; */
}


.mail-status-box {
  width: 3em;
  margin-right: 0.25em;
}

.mail-status-box {
  width: 2em;
}

.mail-status-box p {
  user-select: none;
  color: var(--white);
  margin-top: -1px;
}

.mail-status-box p {
  margin-top: 1em;
  font-size: 0.36em;
  color: var(--white);
}

.mini.button.next-btn {
  padding: 5px;
  margin-left: 3px;
}

.mini.button.prev-btn {
  padding: 5px;
}

.move-btn-area {
  text-align: center;
  width: 100px;
}

.next-detail {
  display: block;
  height: 1.5em;
  /* width: 1.5em; */
}

.order-down {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 0px;
  font-size: 0.5em;
  height: 50%;
  cursor: default;
}

.order-icon-wrap {
  position: relative;
  display: inline-block;
  height: 1.8em;
  width: 1em;
  float: right;
  margin-top: -6px;
}

.password-resetting {
  margin-top: 24px;
  text-align: center;
}

.prev-detail {
  display: block;
  height: 1.5em;
  /* width: 1.15em; */
}

.role-list-body-area-1 {
  width: 400px;
  padding: 0 9px 0 0;
}

.role-list-body-area-2 {
  /* margin-left: auto; */
  padding: 0 9px 0 0;
  width: calc(100% - 400px);
}

.roll-name a {
  color: var(--white);
}

.search-box .heading.transparent,
.field .heading.transparent {
  opacity: 0;
}

.detail-info-label__width {
  width: 130px !important;
}

.password-resetting {
  margin-top: 24px;
  text-align: center;
}

.prev-detail {
  display: block;
  height: 1.5em;
  /* width: 1.15em; */
}

.slide-number {
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
}

.sort-tbl {
  margin: auto;
  margin-top: 10px;
}

.submit-button-area,
.close-button-area {
  margin-top: 30px;
  text-align: center;
}

.tate-kotei2 {
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  /* 以下colspan修正時に表示崩れ起こしたためコメントアウト */
  /* top: 30px; */
}


/* 20-00202 */
.acct-dtl-h_hgt {
  height: 300px !important;
  max-height: 300px !important;
}

/* 重複 */
/* .acct-dtl-h_hgt-250 {
  height: 250px !important;
  max-height: 250px !important;
  min-height: 250px !important;
} */

.acct-dtl-info-h_hgt {
  height: 350px !important;
  min-width: 391px;
}

.detail-info-label__width {
  width: 130px !important;
}

.password-resetting {
  margin-top: 24px;
  text-align: center;
}

.prev-detail {
  display: block;
  height: 1.5em;
  /* width: 1.15em; */
}

.ui.form.input-area .workflow-comment-text {
  max-width: none;
}

.ui.form.input-area-10-6 input,
.ui.form.input-area-10-6 select {
  max-width: 550px;
  display: inline-block;
  float: left;
}

.ui.form.input-body .field {
  margin-bottom: 0em;
}

.ui.form.login .field {
  width: 350px;
}

.ui.label.heading.ver-label {
  width: 150px;
}

.ui.labeled.input.ver-input {
  margin: 6px 0px;
}

.ui.left.icon.input {
  margin: 12px 0;
}

.upload-file-title-area {
  border: 1px solid;
  width: calc(100% - 100px);
  height: 8em;
  overflow-y: scroll;
  border-color: var(--border-color);
}

.user-add-area {
  display: flex;
  width: 100%;
}

.user-select-area {
  width: calc((100% - 100px) / 2);
}

.ver-body {
  height: 100vh;
  width: 100vw;
}

.ver-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - 93px);
}

.ver-header {
  width: 100%;
  text-align: center;
  margin-bottom: 9px;
}

.ver-header h2 {
  width: 100%;
  font-size: medium;
  background-color: var(--global-menu-color);
  color: var(--global-menu-text-color);
  text-align: center;
  padding: 18px 15px;
  margin: 0;
}

.ver-message {
  padding: 24px;
  text-align: center;
  font-weight: bold;
}

.workflow-dis-color {
  background-color: rgba(241, 241, 241, 1);
}

.workflow-info {
  margin-right: 0;
}

.workflow-input {
  display: inline-block;
  margin: 0;
  height: 2.8em;
  max-width: 550px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-color: transparent;
  -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.search-box div.search-fields div.form-parts.ui.labeled.input input.workflow-search-input {
  width: 30%;
}

.input-like {
  display: inline-block;
  margin: 0;
  height: 2.8em;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  border-radius: 0.28571429rem;
  -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.list-body-area-2 .form-parts.ui.labeled.input {
  margin-bottom: 0;
}

/* 20-00212 */
.input-area.subtract-box-500px .h3-list-header.h3-header__fixed {
  position: fixed;
  width: 100%;
  z-index: 2;
}

.accountedit-detail-body {
  margin-top: 2.3em;
}
/* /20-00212 */

/* 20-00300、20-00600、20-00602、20-00604 */
.ui.label.heading.search-label-width {
  width: 120px;
}

.ui.labeled.input input.search-input-width {
  width: calc( 100% - 120px );
}
/* /20-00300、20-00600、20-00602、20-00604 */

td div.ui.checkbox.none-border.acdetail {
  padding-left:0.3em;
  padding-top:0.3em;
}

.dashboard-notice-info-header__right i.icon.angle.right,
.dashboard-notice-info-header__right a span {
  color: rgba(0, 0, 0, 0.87);
}

td a i.icon.download {
  display: inline-block;
}