@charset "UTF-8";

/* ボタン ここから */
.btn:active {
  box-shadow: none !important;
  outline: 0;
}
.base-style {
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  height: 36px;
  line-height: 25px;
  min-width: 125px;
  padding: 0 4px;
}
.base-style:disabled {
  box-shadow: none;
}
.base-style.type-mini {
  min-width: 45px;
}
.btn.font-small {
  font-size: 12px;
}
.round-style {
  border-radius: 20px;
}
.register-style {
  background-image: linear-gradient(to bottom, #5d7f96, #355f7c);
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  height: 26px;
  padding: 0 11px 0 6px;
  position: relative;
}
.register-style::before {
  background: url(/assets/icon/icon-checked-package-detail.svg) no-repeat center center;
  content: "";
  display: inline-block;
  height: 16px;
  vertical-align: -2px;
  width: 16px;
}
.shape--circle {
  align-items: center;
  border: 1px solid #355f7c;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.variant--white {
  background-color: #fff;
  border: 1px solid #355f7c;
  color: #55555a;
}
.variant--dark {
  background-color: #355f7c;
  border: 1px solid #355f7c;
  color: #fff;
}
.variant--dark:hover {
  color: #fff;
}
.variant--normal {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #fff;
}
.variant--none {
  border: none;
  box-shadow: none;
  color: inherit;
  margin: 0;
  padding: 0;
}
.variant--black {
  background-color: #55555a;
  border: 1px solid #55555a;
  color: #fff;
}
.variant--black:hover {
  color: #fff;
}
.variant--black:disabled {
  background-color: var(--grey-500);
  border: none;
}
.variant--black-gradient {
  background: linear-gradient(var(--grey-800), var(--grey-900));
  border: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: var(--white);
}
.variant--black-gradient:hover {
  color: var(--white);
}
.variant--blue-gradient {
  background: linear-gradient(var(--blue-800), var(--blue-900));
  border: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: var(--white);
}
.variant--blue-gradient:hover {
  color: var(--white);
}
.variant--blue-gradient:disabled {
  box-shadow: none;
}
.variant--red-gradient {
  background: linear-gradient(#ef6668, #eb4244, #e82527, #e61013, #e50407, var(--red));
  border: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: var(--white);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.variant--red-gradient:hover {
  color: var(--white);
}
.variant--red-gradient:disabled {
  box-shadow: none;
}
.variant--orange-gradient {
  background: linear-gradient(#ee9f74, #ea8d5a, #e6783d, #e46a28, #e2611c, #e25f18);
  border: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: var(--white);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.variant--orange-gradient:hover {
  color: var(--white);
}
.variant--orange-gradient:disabled {
  box-shadow: none;
}
.variant--gray {
  background-color: #ccc;
  border: none;
  box-shadow: none;
  color: white;
}
.variant--gray:hover {
  color: white;
}
.variant--gray:disabled {
  opacity: 1;
}
.fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
button:focus {
  box-shadow: none !important;
}
.button-group.align-left {
  display: flex;
  justify-content: flex-start !important;
  margin-left: -5px;
  margin-right: -5px;
}
.button-group.align-center {
  display: flex;
  justify-content: center !important;
  margin-left: -5px;
  margin-right: -5px;
}
.button-group.align-right {
  display: flex;
  justify-content: flex-end !important;
  margin-left: -5px;
  margin-right: -5px;
}
.button-group.space-between {
  display: flex;
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px;
}
.button-group.space-around {
  display: flex;
  justify-content: space-around;
  margin-left: -5px;
  margin-right: -5px;
}
.button-group.space-between .btn,.button-group.align-left .btn,.button-group.align-center .btn,.button-group.align-right .btn {
  margin-left: 5px;
  margin-right: 5px;
}
.button-group.align-center.margin-middle {
  margin-left: -25px;
  margin-right: -25px;
}
.button-group.align-center.margin-middle .btn {
  margin-left: 25px;
  margin-right: 25px;
}
.button-group.align-center.margin-l-large {
  margin-left: -50px;
  margin-right: -50px;
}
.button-group.align-center.margin-l-large .btn {
  margin-left: 50px;
  margin-right: 50px;
}
.button-group + .button-group {
  margin-top: 10px;
}
.btn.size-x-small {
  min-width: 80px;
}
.btn.size-small {
  min-width: 90px;
}
.btn.size-middle {
  min-width: 150px;
}
.btn.size-large-short {
  min-width: 160px;
}
.btn.size-large {
  min-width: 180px;
}
.btn.size-x-large {
  font-weight: bold;
  height: 36px;
  width: 240px;
}
.button-group.width-middle {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 660px;
  width: 100%;
}
.button-group.width-small {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 490px;
  width: 100%;
}
.dotted-box {
  background: #fff;
  border: 2px dashed #55555a;
  padding: 10px;
}
button.btn.btn-class {
  background-color: #ccc;
  border: 1px solid #ccc;
  bottom: 75px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 14px;
  left: calc(50% + 490px);
  line-height: 25px;
  position: fixed;
  z-index: 1;
}
.top-header-carousel button.btn.btn-class {
  /* 素材詳細右側プロパティを非表示にしたため対応 */
  /* left: calc(50% + 315px); */
  left: calc(50% + 490px);
}
button.btn.btn-class.active {
  background-color: #355f7c;
  border: 1px solid #355f7c;
}
button.btn.btn-class.btn-pre {
  bottom: 20px;
  display: none;
  height: 45px;
  padding: 2px;
  position: fixed;
  width: 45px;
}
button.btn.btn-class.btn-pre:hover {
  background: #355f7c;
  border: 1px solid #355f7c;
}
button.btn.btn-class.btn-next {
  display: none;
  height: 45px;
  padding: 2px;
  width: 45px;
}
button.btn.btn-class.btn-next:hover {
  background: #355f7c;
  border: 1px solid #355f7c;
}
.btn-inline-icon {
  position: relative;
}
.btn-inline-icon::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
}
.btn-inline-icon.icon-play {
  padding-left: 23px;
}
.btn-inline-icon.icon-play::before {
  background-image: url(/assets/icon/play.svg);
  height: 16px;
  margin-top: -8px;
  width: 15px;
}
.variant--black[disabled] .btn-inline-icon.icon-play::before {
  background-image: url(/assets/icon/play_w.svg);
}
.btn-inline-icon.icon-copy {
  padding-left: 23px;
}
.btn-inline-icon.icon-copy::before {
  background-image: url(/assets/icon/copy.svg);
  height: 15px;
  margin-top: -7px;
  width: 15px;
}
.variant--black[disabled] .btn-inline-icon.icon-copy::before {
  background-image: url(/assets/icon/copy_w.svg);
}
.btn-inline-icon.icon-download_w {
  padding-left: 25px;
}
.btn-inline-icon.icon-download_w::before {
  background-image: url(/assets/icon/download_w.svg);
  height: 14px;
  margin-top: -7px;
  width: 15px;
}

/* ボタン ここまで */

/* アコーディオン ここから */
.accordion .card {
  border: 0;
}
.accordion-title {
  background-color: #55555a;
  border-radius: 3px !important;
  padding: 3px 10px;
}
.accordion-title button {
  color: white;
  font-size: 15px;
  font-weight: bolder;
  line-height: 17px;
  padding: 0;
}
.accordion-title button:hover {
  color: white;
  text-decoration: none;
}
.accordion-title button:focus {
  box-shadow: none;
}
.accordion-title .icon {
  position: absolute;
  right: 10px;
  top: 0;
}
.more-accordion {
  cursor: pointer;
  padding-left: 22px;
  position: relative;
}
.more-accordion button.toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  height: 22px;
  left: 0;
  margin-top: -12px;
  position: absolute;
  top: 11px;
  width: 22px;
}
.more-accordion button.toggle::before {
  border-color: #355f7c;
  border-style: solid;
  border-width: 0 3px 3px 0;
  content: "";
  height: 11px;
  left: 2px;
  margin-top: -5px;
  position: absolute;
  top: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 11px;
}
.more-accordion .more {
  display: none;
}
.more-accordion.open button.toggle::before {
  margin-top: 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.close .more-accordion button.toggle::before {
  border-color: #55555a;
}

/* アコーディオン ここまで */

/* ヘッダ ここから */
.header {
  min-width: 910px;
  padding: 13px 20px 8px 30px;
}
.header__inner {
  align-items: center;
  display: flex;
}
.header__logo {
  flex: 0 0 auto;
  margin-right: 30px;
}
.header__search-field {
  flex: 1 1 auto;
}
.header__menu {
  /*flex: 0 0 auto;*/
  margin-left: 30px;
  flex: auto;
  text-align: right;
}
.header__logout-button {
  flex: 0 0 auto;
  margin-left: 6px;
}
/* 画面上部のアイコンを2個消したためコメントアウトして検索ボックスを中央に揃える */
/* @media screen and (min-width: 1281px) {
  .header__logo {
    width: calc(22% - 30px);
  }
} */
/* ヘッダ回り込みを廃止 */
/* @media screen and (max-width: 1000px) {
  .header__inner {
    flex-wrap: wrap;
  }
  .header__logo {
    order: 1;
  }
  .header__search-field {
    order: 2;
    padding: 2px 0;
  }
  .header__menu {
    margin-left: 0;
    margin-top: 6px;
    order: 4;
    text-align: center;
    width: 100%;
  }
  .header__logout-button {
    order: 3;
  }
} */
.header.for-outsider .header__inner {
  height: 42px;
}
.header.for-outsider .header__logo {
  width: 245px;
}
.header.for-outsider .header__name-date {
  color: #355f7c;
  flex: 1 1 auto;
  margin-right: 24px;
  text-align: center;
}
.header.for-outsider .header__name-date .name {
  display: block;
  font-size: 24px;
  line-height: 1.2;
}
.header.for-outsider .header__name-date .date {
  display: block;
  font-size: 15px;
  font-weight: bold;
}
.header.for-outsider .logout-button {
  min-width: 245px;
  text-align: right;
}
/* ヘッダ回り込みを廃止 */
/* @media screen and (max-width: 1000px) {
  .header.for-outsider .header__logo {
    order: 1;
  }
  .header.for-outsider .header__name-date {
    order: 2;
  }
  .header.for-outsider .header__logout-button {
    order: 3;
  }
} */

/* 通知アイコン,ユーザーアイコン,ダウンロードアイコン,質問アイコン セカンダリ ここから */
#downloadButtonNotification.animate {
  -webkit-animation: bgiLoop 1s steps(4, end) infinite;
  animation: bgiLoop 1s steps(4, end) infinite;
  background-image: url(/assets/icon/download-button_animation.png);
  background-size: 42px auto;
}
.notification-button.animate img {
  opacity: 0;
}
@-webkit-keyframes bgiLoop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -168px;
  }
}
@keyframes bgiLoop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -168px;
  }
}

/* 通知アイコン,ユーザーアイコン,ダウンロードアイコン,質問アイコン セカンダリ ここまで */

/* 通知アイコン,ユーザーアイコン,ダウンロードアイコン,質問アイコン プライマリ ここから */

/* 通知アイコン,ユーザーアイコン,ダウンロードアイコン,質問アイコン プライマリ ここまで */

/* ヘッダ ここまで */

/* サイドバー ここから */
#sideNavbar {
  box-shadow: 0 0 5px 0 #83838387;
  display: flex;
  position: relative;
  height: 100%;
}
.sidenav {
  box-shadow: 0 0 5px 0 #83838387;
  display: flex;
  height: 100vh;
  position: relative;
  transition: width 0.3s;
  z-index: 1;
}
.sidenav__extension {
  display: none;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  width: 240px;
}
.sidenav__extension--container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 15px;
}
.sidenav__extension--container .row {
  cursor: default;
  line-height: 34px;
  margin-top: 7px;
  padding-left: 11px;
  padding-right: 10px;
}
.sidenav__extension--container .row .col {
  padding-left: 3px;
  padding-right: 3px;
}
.sidenav__extension--container .row .close-icon {
  display: none;
}
.sidenav__extension--container .row.selected {
  background-color: #edf3f7;
}
.sidenav__extension--container .row.selected .close-icon {
  display: inline;
}
.sidenav__extension--title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidenav--favorite-icon {
  background-color: white;
  bottom: 0;
  box-shadow: 3px -2px 5px -3px #83838387;
  cursor: pointer;
  display: flex;
  height: 50px;
  left: 50px;
  position: absolute;
  width: 50px;
  z-index: 999;
}
.sidenav--favorite-icon img {
  margin: auto;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav-list {
  background-color: #355f7c;
  box-shadow: 2px 0 4px #838383;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  transition: width 0.3s;
  width: 50px;
  z-index: 1;
}
.sidenav-list .active {
  background-color: var(--white);
  color: var(--blue-500);
}
.nav-item {
  align-items: center;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 50px;
  text-decoration: none;
}
.nav-item:hover:not(.active) {
  background-color: rgba(239, 239, 239, 0.3);
}
/* 歯車アイコンはホバーでも色を変えない */
/* #nav-item-selected9:hover:not(.active) {
  background-color: transparent;
} */
.nav-item.active {
  background-image: url("/assets/top_bottom.png");
  width: 60px;
}
.nav-item__icon {
  text-align: center;
  width: 50px;
}
.nav-item--button {
  width: 50px;
}
.sidenav-content {
  background-color: white;
  overflow: hidden;
  position: relative;
  transition: width 0.3s;
  width: 0;
}
svg.nav-item__icon--arrow {
  margin: 7px 4px;
  position: absolute;
}

/* サイドバー ここまで */

/* プロジェクト一覧 ナビゲーションバー ここから */

/* 素材一覧 ナビゲーションバー ここから */
.page-nav {
  display: flex;
  min-height: 33px;
  padding: 0 0 7px 30px;
  position: relative;
}
.page-nav__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 26px;
  line-height: 26px;
  margin-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-nav__item .btn {
  padding-bottom: 0;
  padding-top: 0;
}
.page-nav__item--hidden {
  display: none;
}
/* リンク非活性時に使用するために追加 */
.page-nav__item--disabled {
  align-items: center;
  display: flex;
  height: 26px;
  line-height: 26px;
  margin-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-nav__item--disabled2 {
  align-items: center;
  display: flex;
  height: 26px;
  line-height: 26px;
  margin-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events:none;
}
.page-nav__item--disabled2 circle {
  fill: #c0c0c0;
}
.page-nav__item--disabled2 p {
  color: #c0c0c0;
  line-height: 26px;
  margin: 0 5px;
}
.page-nav__item.dropdown {
  overflow: visible;
}
.page-nav__item.dropdown .dropdown-menu {
  margin-top: 0;
}
.page-nav__item.disabled {
  cursor: default;
}
.page-nav__item.disabled .page-nav__text {
  color: #ccc;
}
.page-nav__text {
  color: #55555a;
  line-height: 26px;
  margin: 0 5px;
}
/* リンク非活性時に使用するために追加 */
.page-nav__text--disabled {
  color: #c0c0c0;
  line-height: 26px;
  margin: 0 5px;
}
.component-container {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  padding: 5px 0;
  width: 205px;
}
.group {
  padding: 16px 20px;
}
.group__item {
  cursor: pointer;
}
.group__item:not(:last-child) {
  margin-bottom: 6px;
}

/* プロジェクト一覧 ナビゲーションバー ここまで */

/* 素材一覧 ナビゲーションバー ここまで */

/* チェックボックス ここから */
.custom-checkbox > [type=checkbox] {
  margin-bottom: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox > [type=checkbox]:not(:checked) {
  left: -9999px;
  position: absolute;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label {
  cursor: pointer;
  padding-left: 22px;
  position: relative;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:before {
  background: #fff;
  border: 1px solid #333;
  content: "";
  height: 17px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 17px;
}
.custom-checkbox > [type=checkbox]:checked {
  left: -9999px;
  position: absolute;
}
.custom-checkbox > [type=checkbox]:checked + label {
  cursor: pointer;
  padding-left: 22px;
  position: relative;
}
.custom-checkbox > [type=checkbox]:checked + label:before {
  background: #fff;
  border: 1px solid #333;
  content: "";
  height: 17px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 17px;
}
.custom-checkbox > [type=checkbox]:checked + label:after {
  color: #333;
  content: "✓";
  font-weight: bold;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.custom-checkbox > [type=checkbox]:disabled:not(:checked) + label:before {
  background-color: #eee;
  box-shadow: none;
  color: #dadada;
  cursor: not-allowed;
  opacity: 1;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:before {
  background-color: #eee;
  box-shadow: none;
  color: #dadada;
  cursor: not-allowed;
  opacity: 1;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:after {
  color: #dadada;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:disabled + label {
  color: #dadada;
  cursor: not-allowed;
}
.custom-checkbox.rounded > [type=checkbox]:checked + label::before,.custom-checkbox.rounded > [type=checkbox]:not(:checked) + label::before {
  border-radius: 50%;
}
.custom-checkbox > label {
  font-size: 14px;
  margin-bottom: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after {
  content: "−";
  content: "−";
  left: 2px;
  left: 2px;
  opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1);
}

/* チェックボックス ここまで */

/* ドロップダウン ここから */
.custom-select-2 label {
  font-size: 12px;
}
.custom-select-2 select {
  background: #fff url("/assets/icon/arrow-down.svg") no-repeat right 8px center;
  border-color: #999;
  border-radius: 0;
  font-size: 15px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.custom-select-2 select:disabled {
  background-color: #f7fbfc;
  border: none;
  color: var(--grey-900);
}
.custom-select-2 select option[value=""][disabled] {
  display: none;
}
.custom-select-2 select option {
  color: var(--grey-900);
}
.custom-select-2 select option:checked {
  background-color: var(--grey-500);
}
.custom-select-2 select option:hover {
  box-shadow: 0 0 10px 100px var(--grey-500) inset;
}
.custom-select-2 select:focus,.custom-select-2 select:active {
  border-color: var(--grey-700);
  outline: none;
}
.custom-select {
  background: #fff url("/assets/icon/arrow-down.svg") no-repeat right 13px center;
  border-color: #999;
  border-radius: 0;
  font-size: 15px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-select.type-flex {
  align-items: center;
  display: flex;
}
.custom-select:disabled {
  background-color: #f7fbfc;
}
.custom-select:required:invalid {
  color: #ccc;
}
.custom-select option[value=""][disabled] {
  display: none;
}
span.icon-img-dropdown-content-detail {
  display: inline-block;
  text-align: center;
  width: 20px;
}
span.icon-img-dropdown-content-detail + .title-dropdown-content-detail {
  margin-left: 10px;
}
.dropdown-menu.in-searchfield-status {
  width: 299px !important;
}

/* ドロップダウン ここまで */

/* 共通モーダル ここから */
@media (min-width: 900px) {
  .modal-lg {
    max-width: 800px;
  }
}
@media (min-width: 900px) {
  .modal-lg-2 {
    max-width: 1250px;
  }
}
.dark-modal .modal-backdrop {
  opacity: 0.8;
}
.modal-dialog .button-group {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 31px;
}
.modal-dialog .button-group__cancel {
  border: 1px solid #355f7c;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: #55555a;
  min-width: 125px;
  padding: 8px;
  width: 125px;
}
.modal-dialog .button-group__confirm {
  background-color: #355f7c;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  min-width: 125px;
  padding: 8px;
  width: 125px;
}
.modal-content {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  padding: 20px;
  position: relative;
}

.modal-content .close-button {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal-content.size-s1 {
  width: 540px;
}
.modal-content.size-s2 {
  width: 710px;
}
.modal-content.size-s3 {
  width: 660px;
  /* width: 640px; */ /*...省略にしたいときのちょうどいい幅*/
}
.modal-content.size-m1 {
  width: 770px;
}
.modal-content.size-m2 {
  width: 830px;
}
.modal-content.size-m3 {
  width: 860px;
}
.modal-content.size-l1 {
  width: 900px;
}
.modal-content.size-l2 {
  width: 940px;
}
.modal-content.size-l3 {
  width: 975px;
}
.modal-content.size-l4 {
  width: 1120px;
}
.modal-content .content {
  color: var(--grey-900);
  padding: 0 30px;
}
.common-heading,.modal-content .content__title {
  border-bottom: 1px solid #707070;
  color: var(--grey-900);
  cursor: default;
  font-size: 18px;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 11px;
  margin-top: 15px;
  padding-bottom: 8px;
}
.common-heading:first-child {
  margin-top: 0;
}
.modal-content .content__title.mb-large {
  margin-bottom: 30px;
}
.common-message,.modal-content .content__message {
  color: var(--grey-900);
  cursor: default;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 26px;
}
.modal-content .content__message.modal_warning {
  color: #ff1e00;
}
.modal-content .content__message.short_line {
  cursor: default;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 13px;
  white-space: pre-wrap;
}
.modal-content .content__message.short_line.modal_warning {
  color: #ff1e00;
}
.modal-content .body-left-scroll {
  height: 150px;
  overflow-y: auto;
}
.modal-content .body-left-scroll.short_line {
  padding-top: 2px;
}


/* 共通モーダル ここまで */

/* 確認系1 ここから */

/* 確認系2 ここから */

/* 確認系1 ここまで */

/* 確認系2 ここまで */

/* ロール設定 ここから */
.check-role-area {
  border: 1px solid #55555a;
  height: 442px;
  overflow-y: scroll;
}
.check-role-area section + section {
  margin-top: 20px;
}
.check-role-area .label {
  color: #869fb0;
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 6px 13px 4px;
}
.check-role-heading {
  background-color: #ccc;
  color: #55555a;
  cursor: default;
  font-weight: bold;
  margin: 0;
  padding: 6px 13px;
}
.check-role-area .label:first-child {
  padding: 6px 10px 4px 10px;
}
.check-role-area .header-list-check {
  border-bottom: 1px solid #ddd;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-left: 13px;
}
.check-role-area .body-list-check {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-left: 13px;
  max-height: 442px;
  overflow: auto;
}
.check-role-area .list-check {
  padding-left: 13px;
  padding-top: 15px;
}
.check-role-area .list-check li {
  margin-bottom: 5px;
}
.check-role-area .list-check .form-group {
  align-items: center;
  display: flex;
  margin: 0;
}
.check-role-area .list-check .form-group input {
  height: 15px;
  margin-right: 9px;
  width: 15px;
}
.check-role-area .list-check .form-group label {
  font-size: 15px;
  margin-bottom: 0;
}

/* ロール設定 ここまで */

/* 作業履歴 ここから */
.modal-checkHistory-container {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  padding: 30px 20px 30px 20px;
  position: relative;
}
.modal-checkHistory-container .content {
  padding: 50px 40px;
  padding-bottom: 35px;
}
.modal-checkHistory-container .content__title {
  font-size: 21px;
  font-weight: bold;
  line-height: 21px;
}
.modal-checkHistory-container .content__detail {
  font-size: 13px;
  line-height: 21px;
  margin-top: 6px;
  text-align: right;
}
.modal-checkHistory-container .content .check-history-area {
  margin-top: 45px;
}
.modal-checkHistory-container .content .check-history-area table {
  padding-bottom: 4px;
}
.modal-checkHistory-container .content .check-history-area table th p {
  color: #869fb0;
  font-size: 12px;
}
.modal-checkHistory-container .content .check-history-area table .width-100 {
  margin-right: 25px;
  width: 100px;
}
.modal-checkHistory-container .content .check-history-area table .width-120 {
  margin-right: 25px;
  width: 120px;
}
.modal-checkHistory-container .content .check-history-area table .width-500 {
  width: 500px;
}
.modal-checkHistory-container .content .check-history-area .scrollpanel {
  height: 600px;
  overflow-y: auto;
}
.modal-checkHistory-container .content .check-history-area .scrollpanel table {
  border-top: 1px solid #ddd;
}
.modal-checkHistory-container .content .check-history-area .scrollpanel table td {
  border-bottom: 1px solid #ddd;
  padding: 4px 0;
  vertical-align: top;
}
.modal-checkHistory-container .content .check-history-area .scrollpanel table td p {
  color: #55555a;
  font-size: 15px;
}

/* 作業履歴 ここまで */

/* エラー、完了表示 ここから */
.modal-error-container .content__title,.modal-complete-container .content__title {
  font-size: 18px;
  margin-top: 55px;
}
.modal-error-container .content__message,.modal-complete-container .content__message {
  margin-bottom: 63px;
}
.modal-error-container .body-left-scroll {
  height: 150px;
  overflow-y: auto;
}

/* エラー、完了表示 ここまで */

/* 素材指定UI ここから */

/* フォルダ指定・移動 ここから */
.modal-content-selection-container {
  padding: 20px;
  position: relative;
}
.modal-content-selection-container .search-area {
  display: flex;
}
.modal-content-selection-container .search-area .icon-search {
  left: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.modal-content-selection-container .search-area input {
  border: 1px solid #355f7c;
  border-radius: 20px;
  margin-top: 30px;
  padding: 8px;
  padding-left: 45px;
  width: 100%;
}
.modal-content-selection-container .search-area input:focus {
  outline: none;
}
.modal-content-selection-container .table-body .package-content-item:first-child li:nth-child(2) {
  color: #355f7c;
  font-weight: normal;
}
.modal-content-selection-container .table-body .body-left li:nth-child(2) {
  font-weight: 600;
}
.modal-content-selection-container .table-body .body-left li:nth-child(2) a {
  color: inherit;
}
.modal-content-selection-container .table-body .body-left-scroll .modal-errorMsg {
  padding-left: 10px;
}
.modal-content .table-area .table {
  border: 1px solid #55555a;
  margin-bottom: 0;
}
.modal-content .table-heading {
  background-color: #355f7c;
  color: #fff;
  cursor: default;
  padding: 13px 0 4px;
}
.modal-content .table-heading,.modal-content .table-body {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.modal-content .table-heading .body-left-scroll,.modal-content .table-body .body-left-scroll {
  height: 350px;
  overflow-y: scroll;
}
.modal-content .table-heading .body-left-scroll .package-content-item.selected,.modal-content .table-body .body-left-scroll .package-content-item.selected, .modal-content .table-body .body-left-scroll .package-item.selected{
  background-color: #edf3f7;
}
.modal-content .table-heading .body-left,.modal-content .table-body .body-left {
  align-items: center;
}
.modal-content .table-heading .heading-left,.modal-content .table-heading .body-left,.modal-content .table-body .heading-left,.modal-content .table-body .body-left {
  display: grid;
  grid-template-columns: 45px 380px 55px 1fr;
}
.modal-content .table-heading .heading-left,.modal-content .table-body .heading-left {
  align-items: flex-end;
  background-color: #355f7c;
  color: #fff;
  display: grid;
  font-size: 12px;
  grid-template-columns: 45px 380px 55px 1fr;
}
.modal-content .table-heading .heading-left li,.modal-content .table-body .heading-left li {
  font-size: 12px;
  font-weight: bold;
}
.modal-content .table-heading .heading-left li.icon-heading,.modal-content .table-body .heading-left li.icon-heading {
  max-width: 50px;
}
.modal-content .table-heading .body-left,.modal-content .table-body .body-left {
  border-bottom: 1px solid #ddd;
  color: #55555a;
  cursor: default;
  font-size: 15px;
  height: 35px;
}
.modal-content .table-heading .body-left:hover,.modal-content .table-body .body-left:hover {
  background-color: #edf3f7;
}
.modal-content .table-heading .body-left li:first-child,.modal-content .table-body .body-left li:first-child {
  align-items: center;
  display: flex;
  justify-content: center;
}
.modal-content .table-heading .body-left li:nth-child(2),.modal-content .table-body .body-left li:nth-child(2) {
  overflow: hidden;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-content .table-heading .body-left li:nth-child(4),.modal-content .table-body .body-left li:nth-child(4) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-content .table-heading .heading-right,.modal-content .table-body .heading-right {
  background-color: #355f7c;
}
.modal-content .table-heading .body-right,.modal-content .table-body .body-right {
  background-color: #edf3f7;
  cursor: default;
  height: 350px;
  overflow: auto;
}
.modal-content .table-heading .body-right .content-detail,.modal-content .table-body .body-right .content-detail {
  padding: 10px;
}
.modal-content .table-heading .body-right .content-detail .description,.modal-content .table-body .body-right .content-detail .description {
  margin-top: 8px;
}
.modal-content .table-heading .body-right .content-detail .description__label,.modal-content .table-body .body-right .content-detail .description__label {
  color: #869fb0;
  font-size: 12px;
  font-weight: bold;
}
.modal-content .table-heading .body-right .content-detail .description__content,.modal-content .table-body .body-right .content-detail .description__content {
  color: #55555a;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 7px;
}

/* 素材指定UI ここまで */

/* フォルダ指定・移動 ここまで */

/* フォルダ指定・移動 ここから ここから */
.table-area-breadcrumb {
  color: #55555a;
  font-size: 15px;
  margin-bottom: 10px;
  min-height: 22px;
}
.table-area-breadcrumb span {
  display: inline-block;
}
.table-area-breadcrumb .parent {
  color: #355f7c;
  cursor: pointer;
}
.table-area-breadcrumb .slash {
  color: #355f7c;
 }
.table-area-breadcrumb .this {
  cursor: default;
}
.modal-content-selection-container-2 .table-heading.no-grid {
  background-color: #355f7c;
  color: #fff;
  grid-template-columns: 1fr;
}
.modal-content-selection-container-2 .table-heading.no-grid .heading-left {
  grid-column-gap: 10px;
  grid-template-columns: 20px 1fr 196px;
}
.modal-content-selection-container-2 .table-body.no-grid {
  grid-template-columns: 1fr;
}
.modal-content-selection-container-2 .table-body.no-grid .body-left {
  font-size: 15px;
  grid-column-gap: 10px;
  grid-template-columns: auto 1fr 190px;
}
.modal-content-selection-container-2 .table-body.no-grid .body-left li:nth-child(2) {
  font-weight: 600;
}
.modal-content-selection-container-2 .table-body.no-grid .body-left li:nth-child(2) a {
  color: inherit;
}
.modal-content-selection-container-2 .table-body.no-grid .package-content-item li:first-child {
  padding-left: 8px;
  width: 25px;
}
.modal-content-selection-container-2 .table-body.no-grid .package-content-item li:last-child {
  padding-right: 16px;
}
.modal-content-selection-container-2 .table-body.no-grid .package-content-item:first-child li:nth-child(2) {
  color: #355f7c;
  font-weight: normal;
}
.modal-content-selection-container-2 .table-body.no-grid .package-content-item.disabled {
  pointer-events: none;
}
.modal-content-selection-container-2 .table-body.no-grid .package-content-item.disabled li {
  opacity: 0.3;
}
.modal-content-selection-container-2 .table-body.no-grid .package-item li:first-child {
  padding-left: 8px;
  width: 25px;
}
.modal-content-selection-container-2 .table-body.no-grid .package-item li:last-child {
  padding-right: 16px;
}
.modal-content-selection-container-2 .table-body.no-grid .package-item.disabled {
  pointer-events: none;
}
.meta-table .table-heading.no-grid .heading-left {
  grid-column-gap: 10px;
  grid-template-columns: 186px 1fr;
  padding: 0 17px;
}
.meta-table .table-body {
  grid-template-columns: 1fr;
}

#modalCopy .modal-content .content__message {
  color: var(--grey-900);
  cursor: default;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0px;
}

#modalCopy .content .tab-content {
  /* margin-top: 0px; */
  padding: 6px;
  margin-bottom: 6px;
}
#modalCopy .content .left-input-search {
  align-items: center;
  background-color: #edf3f7;
  border: 1px solid #355f7c;
  border-bottom-left-radius: 30px;
  /* border-right: 0; */
  border-top-left-radius: 30px;
  height: 35px;
  justify-content: space-between;
  max-height: 46px;
  padding: 10px 20px;
  width: 500px;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  
/* Rounded sliders */
}
#modalCopy .content .left-input-search .switch {
  display: inline-block;
  height: 24px;
  margin: 0 !important;
  position: relative;
  -webkit-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  width: 47px;
}
#modalCopy .content .left-input-search .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
#modalCopy .content .left-input-search .slider {
  background-color: #fff;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
#modalCopy .content .left-input-search .slider:before {
  background-color: #355f7c;
  bottom: 2px;
  content: "";
  height: 18px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 18px;
}
#modalCopy .content .left-input-search input:checked + .slider {
  background-color: #fff;
}
#modalCopy .content .left-input-search input:checked + .slider::before {
  background-color: #355f7c;
}
#modalCopy .content .left-input-search input:focus + .slider {
  box-shadow: 0 0 1px #355f7c;
}
#modalCopy .content .left-input-search input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  transform: translateX(22px);
}
#modalCopy .content .left-input-search .slider.round {
  border: 1px solid #355f7c;
  border-radius: 34px;
}
#modalCopy .content .left-input-search .slider.round:before {
  border-radius: 50%;
}

#modalCopy .content .left-input-search .content-left-input p.title-left-inputsearch2 {
  color: #aaa;
  cursor: default;
  font-size: 14px;
  margin: -4px 30px -4px 20px;
  width:  154px;
  /* position: absolute; */
}
#modalCopy .content .left-input-search .content-left-input p.title-left-inputsearch1 {
  color: #355f7c;
  cursor: default;
  font-size: 14px;
  margin: -4px 30px -4px 20px;
  width:  154px;
}

/* フォルダ指定・移動 ここまで ここまで */

/* 素材詳細 ここから */

/* 素材詳細 ここから */
.modal-thumbnail-setting-container .content,.modal-transcode-instruction-container .content {
  font-size: 13px;
  margin-bottom: 20px;
}
.modal-thumbnail-setting-container .content__form,.modal-transcode-instruction-container .content__form {
  padding-left: 13px;
  padding-right: 17px;
}
.modal-thumbnail-setting-container .content__form--sub,.modal-transcode-instruction-container .content__form--sub {
  color: #355f7c;
  overflow: hidden;
}
.modal-thumbnail-setting-container .content__form--sub:after,.modal-transcode-instruction-container .content__form--sub:after {
  -o-border-image: url("/assets/img/dash_blue_image.png") 1 0 repeat;
  border-image: url("/assets/img/dash_blue_image.png") 1 0 repeat;
  border-top: 1px dashed #355f7c;
  content: "";
  display: inline-block;
  margin-left: 10px;
  margin-right: -100%;
  vertical-align: middle;
  width: 100%;
}
.modal-thumbnail-setting-container .content__form--group div:first-child,.modal-transcode-instruction-container .content__form--group div:first-child {
  padding-right: 20px;
}
.modal-thumbnail-setting-container .content__form--group div:first-child::after,.modal-transcode-instruction-container .content__form--group div:first-child::after {
  content: "→";
  display: inline-block;
  font-size: 21px;
  position: absolute;
  right: -7.5px;
  top: 50%;
}
.modal-thumbnail-setting-container .content__form--group div:not(:first-child),.modal-transcode-instruction-container .content__form--group div:not(:first-child) {
  padding-left: 20px;
}
.modal-thumbnail-setting-container .thumbnail-timeline-btn,.modal-transcode-instruction-container .thumbnail-timeline-btn {
  font-size: 15px;
  padding: 0 17.5px;
}

/* 素材詳細 ここまで */

/* 素材詳細 ここまで */

/* 素材詳細　ステータス無し ここから */
#imageViewModal {
  overflow: auto;
}
#imageViewModal .close-button {
  position: fixed;
  right: 23px;
  top: 30px;
  z-index: 100;
}
#imageViewModal .close-button img {
  width: 21px;
}
#imageViewModal .modal-dialog {
  height: 100%;
  margin: auto;
}
#imageViewModal .modal-dialog-zoom {
  width: auto;
  height: auto;
}
#imageViewModal .image-view-controller {
  background-color: var(--black);
  border-radius: 19.5px;
  bottom: 13px;
  color: var(--white);
  height: 39px;
  left: calc(50% - 100px);
  position: fixed;
  width: 200px;
}
#imageViewModal .image-view-controller__container {
  height: 100%;
  max-width: 100%;
  position: relative;
}
#imageViewModal .image-view-controller__container :first-child {
  margin-left: 13.7px;
  margin-right: 13px;
}
#imageViewModal .image-view-controller__container :nth-child(3) {
  margin-left: 13px;
}
#imageViewModal .image-view-controller__container #inputController {
  background-color: var(--grey-700);
  border-radius: 13px;
  color: var(--white);
  font-size: 13px;
  height: 26px;
  text-align: center;
  width: 52.45px;
}
#imageViewModal .image-view-controller__container #imageViewControllerCloseBtn {
  position: absolute;
  right: 15px;
}

/* 文章プレビュー */
#pdfViewModal {
  overflow: auto;
}
#pdfViewModal .close-button {
  position: fixed;
  right: 23px;
  top: 30px;
  z-index: 2;
}
#pdfViewModal .close-button img {
  width: 21px;
}
#pdfViewModal .modal-dialog {
  height: 100%;
  margin: auto;
}
#pdfViewModal .modal-dialog-zoom {
  width: auto;
  height: auto;
}
#pdfViewModal .swiper-container {
  height: 100%;
}
#pdfViewModal .swiper-button-prev:after,#pdfViewModal .swiper-button-next:after {
  color: #fff;
}

.swiper-pagination{
  display: block!important;
}
/* 全体のスタイル */
.swiper-pagination-fraction {
  left: 20%!important;
  bottom:10%!important;
  transform: translate(-50%,-50%);
	color: #ffffff;
	font-size: 14px;
}

/* 総スライド数のスタイル */
.swiper-pagination-total {
	color: #ffffff;
}
/* 現在のスライド番号のスタイル */
.swiper-pagination-current {
	color: #ffffff;
}

/* 素材詳細　ステータス無し ここまで */

/* カスタムメタセット設定 ここから */

/* 複数ファイルなどの指定 ここから */
.meta-table .meta-table-body {
  height: 352px;
  overflow-y: scroll;
  padding: 17px 20px;
}
.meta-table .meta-table-body span {
  color: #55555a;
  font-size: 15px;
}
.meta-table .meta-table-body li {
  color: #55555a;
  cursor: default;
  font-size: 15px;
}
.meta-table .meta-table-body__row {
  display: grid;
  grid-gap: 6px;
  grid-template-columns: -webkit-max-content 169px 1fr;
  grid-template-columns: max-content 169px 1fr;
}
.meta-table .meta-table-body__row li:first-child {
  align-items: center;
  display: flex;
}
.meta-table .meta-table-body__row:not(:last-child) {
  margin-bottom: 4px;
}

/* カスタムメタセット設定 ここまで */

/* 複数ファイルなどの指定 ここまで */

/* ユーザ追加UI ここから */
#userAdditionModal input.input-tab2 {
  border: solid 1px #355f7c;
  border-radius: 22px;
  height: 35px;
  outline: none;
  padding-left: 44px;
  padding-right: 20px;
  width: 775px;
}
#userAdditionModal ::-moz-placeholder {
  color: #ccc;
}
#userAdditionModal ::-webkit-input-placeholder {
  color: #ccc;
}
#userAdditionModal ::-ms-input-placeholder {
  color: #ccc;
}
#userAdditionModal ::placeholder {
  color: #ccc;
}
#userAdditionModal .title-header-modal p.tagp-titlemodal1 {
  color: #55555a;
  font-size: 18px;
  font-weight: 900;
}
#userAdditionModal .title-header-modal p.tagp-titlemodal2 {
  font-size: 14px;
  margin-top: 19px;
}
#userAdditionModal .main-content-section .col-sm-12.two-btn-last {
  margin-top: 30px;
}
#userAdditionModal .main-content-section .nav-tabs {
  border-bottom: none;
}
#userAdditionModal .main-content-section a.a-href1 {
  text-decoration: none;
}
#userAdditionModal .main-content-section a.a-href1.active .content-icon-navtabs1 {
  border-bottom: 3px solid #355f7c;
}
#userAdditionModal .main-content-section a.a-href2 {
  height: 31px;
  text-decoration: none;
  width: 291px;
}
#userAdditionModal .main-content-section a.a-href2.active .content-icon-navtabs2 {
  border-bottom: 3px solid #355f7c;
}
#userAdditionModal .main-content-section .active {
  box-shadow: none;
}
#userAdditionModal .main-content-section .content-icon-navtabs1 {
  border-bottom: 1px solid #aaa;
  padding-bottom: 8px;
  text-align: center;
  width: 291px;
}
#userAdditionModal .main-content-section .content-icon-navtabs2 {
  border-bottom: 1px solid #aaa;
  padding-bottom: 8px;
  text-align: center;
  width: 291px;
}
#userAdditionModal .main-content-section span.color-span-title1 {
  color: #355f7c;
  margin-left: 10px;
}
#userAdditionModal .main-content-section span.color-span-title2 {
  color: #355f7c;
  margin-left: 10px;
}
#userAdditionModal .main-content-section .input-search {
  margin-top: 12px;
  padding: 20px;
}
#userAdditionModal .main-content-section .left-input-search {
  align-items: center;
  background-color: #edf3f7;
  border: 1px solid #355f7c;
  border-bottom-left-radius: 30px;
  border-right: 0;
  border-top-left-radius: 30px;
  height: 35px;
  justify-content: space-between;
  max-height: 46px;
  padding: 10px 20px;
  width: 267px;
  
/* Rounded sliders */
}
#userAdditionModal .main-content-section .left-input-search .switch {
  display: inline-block;
  height: 24px;
  margin: 0 !important;
  position: relative;
  -webkit-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  width: 47px;
}
#userAdditionModal .main-content-section .left-input-search .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
#userAdditionModal .main-content-section .left-input-search .slider {
  background-color: #fff;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
#userAdditionModal .main-content-section .left-input-search .slider:before {
  background-color: #355f7c;
  bottom: 2px;
  content: "";
  height: 18px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 18px;
}
#userAdditionModal .main-content-section .left-input-search input:checked + .slider {
  background-color: #fff;
}
#userAdditionModal .main-content-section .left-input-search input:checked + .slider::before {
  background-color: #355f7c;
}
#userAdditionModal .main-content-section .left-input-search input:focus + .slider {
  box-shadow: 0 0 1px #355f7c;
}
#userAdditionModal .main-content-section .left-input-search input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  transform: translateX(22px);
}
#userAdditionModal .main-content-section .left-input-search .slider.round {
  border: 1px solid #355f7c;
  border-radius: 34px;
}
#userAdditionModal .main-content-section .left-input-search .slider.round:before {
  border-radius: 50%;
}
#userAdditionModal .main-content-section svg.img-svg-iconsearch {
  margin: 9px 10px;
  position: absolute;
}
#userAdditionModal .main-content-section .left-input-search .content-left-input p.title-left-inputsearch2 {
  color: #aaa;
  cursor: default;
  font-size: 14px;
  margin: -4px 121px;
  position: absolute;
}
#userAdditionModal .main-content-section .left-input-search .content-left-input p.title-left-inputsearch1 {
  color: #355f7c;
  cursor: default;
  font-size: 14px;
  margin: -4px 17px;
}
#userAdditionModal .main-content-section .right-input-search {
  width: 508px;
}
#userAdditionModal .main-content-section .right-input-search input.input-right-type {
  border: 1px solid #355f7c;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  height: 35px;
  padding: 2px 34px;
  width: 508px;
}
#userAdditionModal .main-content-section .right-input-search input::-moz-placeholder {
  color: #ccc;
  font-size: 14px;
}
#userAdditionModal .main-content-section .right-input-search input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
}
#userAdditionModal .main-content-section .right-input-search input::-ms-input-placeholder {
  color: #ccc;
  font-size: 14px;
}
#userAdditionModal .main-content-section .right-input-search input::placeholder {
  color: #ccc;
  font-size: 14px;
}
#userAdditionModal .main-content-section .right-input-search input[type=text],#userAdditionModal .main-content-section .right-input-search input[type=password],#userAdditionModal .main-content-section .right-input-search textarea,#userAdditionModal .main-content-section .right-input-search select {
  outline: none;
}
#userAdditionModal .main-content-section .member-table {
  margin-top: 6px;
}
#userAdditionModal .main-content-section .member-table .table {
  border: 1px solid gray;
}
#userAdditionModal .main-content-section .member-table .table ul.body-left {
  cursor: default;
}
#userAdditionModal .main-content-section .member-table .table ul.body-left:hover {
  background-color: #edf3f7;
}
#userAdditionModal .main-content-section .member-table .table ul.body-left li {
  display: flex;
}
#userAdditionModal .main-content-section .member-table .table ul.body-left {
  border-bottom: solid 1px #ddd;
}
#userAdditionModal .main-content-section .member-table .table .table-heading,#userAdditionModal .main-content-section .member-table .table .table-body {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
#userAdditionModal .main-content-section .member-table .table .table-heading li input,#userAdditionModal .main-content-section .member-table .table .table-body li input {
  height: 16px;
  width: 16px;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left li,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left li {
  align-items: center;
  display: flex;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left,#userAdditionModal .main-content-section .member-table .table .table-heading .heading-right,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left,#userAdditionModal .main-content-section .member-table .table .table-body .heading-right {
  font-size: 12px;
  font-weight: bold;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left-member,
#userAdditionModal .main-content-section .member-table .table .table-heading .body-left-member,
#userAdditionModal .main-content-section .member-table .table .table-body .heading-left-member,
#userAdditionModal .main-content-section .member-table .table .table-body .body-left-member {
  align-items: center;
  display: grid;
  grid-template-columns: 45px 55px 120px 110px 1fr;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left-group,
#userAdditionModal .main-content-section .member-table .table .table-heading .body-left-group,
#userAdditionModal .main-content-section .member-table .table .table-body .heading-left-group,
#userAdditionModal .main-content-section .member-table .table .table-body .body-left-group {
  align-items: center;
  display: grid;
  grid-template-columns: 45px 55px 1fr;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left li:first-child,#userAdditionModal .main-content-section .member-table .table .table-heading .body-left li:first-child,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left li:first-child,#userAdditionModal .main-content-section .member-table .table .table-body .body-left li:first-child {
  justify-content: center;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left li.first-title-li,#userAdditionModal .main-content-section .member-table .table .table-heading .body-left li.first-title-li,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left li.first-title-li,#userAdditionModal .main-content-section .member-table .table .table-body .body-left li.first-title-li {
  color: #fff;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left li.second-title-li,#userAdditionModal .main-content-section .member-table .table .table-heading .body-left li.second-title-li,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left li.second-title-li,#userAdditionModal .main-content-section .member-table .table .table-body .body-left li.second-title-li {
  color: #fff;
  font-size: 12px;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left li.content-li-1,#userAdditionModal .main-content-section .member-table .table .table-heading .body-left li.content-li-1,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left li.content-li-1,#userAdditionModal .main-content-section .member-table .table .table-body .body-left li.content-li-1 {
  color: #55555a;
  font-size: 14px;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .heading-left li.content-li-2,#userAdditionModal .main-content-section .member-table .table .table-heading .body-left li.content-li-2,#userAdditionModal .main-content-section .member-table .table .table-body .heading-left li.content-li-2,#userAdditionModal .main-content-section .member-table .table .table-body .body-left li.content-li-2 {
  color: #55555a;
  font-size: 15px;
}
#userAdditionModal .main-content-section .member-table .table .table-heading .body-right label.form-check-label,#userAdditionModal .main-content-section .member-table .table .table-body .body-right label.form-check-label {
  color: #55555a;
  font-size: 14px;
}
#userAdditionModal .main-content-section .member-table .table .table-heading li.heading-right {
  color: #fff;
  font-size: 12px;
  margin-left: 25px;
}
#userAdditionModal .main-content-section .member-table .table .table-body .body-scroll {
  height: 315px;
  overflow-y: scroll;
}
#userAdditionModal .main-content-section .member-table .table .body-left {
  height: 35px;
}
#userAdditionModal .main-content-section .member-table .table .body-right {
  background-color: #edf3f7;
  height: 315px;
  padding: 15px 25px;
  overflow-y: scroll;
}
#userAdditionModal .main-content-section .member-table .table .body-right .form-check-input {
  margin-left: -25px;
  margin-top: 3px;
}
#userAdditionModal .main-content-section .member-table .table .table-heading {
  background-color: #355f7c;
  color: #ffff;
}
#userAdditionModal .main-content-section ul#myNavTabs .main-content-section .content-icon-navtabs1:focus,#userAdditionModal .main-content-section ul#myNavTabs .main-content-section .content-icon-navtabs1:focus {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  color: #555;
  cursor: default;
}
#userAdditionModal .main-content-section ul#myNavTabs .nav-tabs li.active a,#userAdditionModal .main-content-section ul#myNavTabs .nav-tabs li.active a:focus,#userAdditionModal .main-content-section ul#myNavTabs .nav-tabs li.active a:hover {
  border-bottom: 2px solid #355f7c;
}
#userAdditionModal .no-regist-user {
  color: red;
  font-size: 14px;
}

/* ユーザ追加UI ここまで */

/* 新規フォルダ・ファイル作成 ここから */
#createNewFileModal .modal-create-new-file-container .content .custom-input {
  margin-bottom: 40px;
}
#createNewFileModal .modal-create-new-file-container .content .custom-input label {
  font-size: 13px;
  margin-bottom: 4px;
}
#createNewFileModal .modal-create-new-file-container .content .custom-input input::-moz-placeholder {
  color: var(--grey-500);
}
#createNewFileModal .modal-create-new-file-container .content .custom-input input::-webkit-input-placeholder {
  color: var(--grey-500);
}
#createNewFileModal .modal-create-new-file-container .content .custom-input input::-ms-input-placeholder {
  color: var(--grey-500);
}
#createNewFileModal .modal-create-new-file-container .content .custom-input input::placeholder {
  color: var(--grey-500);
}

/* 新規フォルダ・ファイル作成 ここまで */

/* 外部公開 ここから */
.modal-out-cols {
  display: flex;
}
.modal-out-cols__item.col-limit {
  flex: 0 0 auto;
  margin-right: 20px;
  padding-top: 6px;
  width: 197px;
}
.modal-out-cols__item.col-mail {
  flex: 1 1 auto;
}
.modal-out-cols__item.col-mail .custom-textarea textarea {
  height: 80px;
  max-height: 250px;
}
.modal-set-cassette {
  margin-bottom: 11px;
  padding: 15px 19px 30px;
}
.modal-set-cassette .date-picker-container .btn-group,.modal-set-cassette .time-picker-container .btn-group {
  display: block;
}
.modal-set-cassette .date-picker-container input,.modal-set-cassette .time-picker-container input {
  padding-right: 37px !important;
}
.modal-set-cassette .date-picker-container button,.modal-set-cassette .time-picker-container button {
  background: none;
  border: 0;
  display: inline-flex;
  outline: none;
  position: absolute;
  right: 10px;
  top: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-set-cassette .form-check {
  padding-left: 1.5em;
}
.modal-set-cassette .input-wide-public-limit {
  width: 50px;
}
.modal-set-cassette .form-check-input {
  height: 16px;
  left: 0;
  margin-left: 0;
  width: 16px;
}
.modal-set-cassette .custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled {
  background-color: #fff !important;
  border: 1px solid #bbb;
}
.modal-set-cassette > .form-group:last-child {
  margin-bottom: 0;
}
.modal-set-cassette.has-bg {
  background-color: #edf3f7;
}
.modal-set-cassette.has-bg .set-ui {
  margin: 0 auto;
  max-width: 500px;
}
.address-list {
  background-color: #f5f5f5;
  height: 215px;
  overflow-x: hidden;
  overflow-y: auto;
}
.address-list li {
  border-bottom: 1px solid #55555a;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px 4px 20px;
}
.address-list .address {
  cursor: default;
}

/* 外部公開 ここまで */

/* インプット ここから */
.row.type-input {
  margin-left: -10px;
  margin-right: -10px;
}
.row.type-input [class^="col"] {
  padding-left: 10px;
  padding-right: 10px;
}
.c-input-group {
  /* align-items: center; */
  display: flex;
  flex-wrap: nowrap;
  margin-left: -20px;
}
.c-input-group__input {
  flex: 1 1 auto;
  margin-left: 20px;
}
.c-input-group__input--1-3 {
  flex: 0 0 auto;
  width: calc(100%/3 - 20px);
}
.c-input-group__input--2-3 {
  flex: 0 0 auto;
  width: calc(200%/3 - 20px);
}
.c-input-group__input--1-3-2 {
  flex: 0 0 auto;
  width: 145px;
}
.c-input-group__input--100-330 {
  flex: 0 0 auto;
  width: calc(100% - 330px);
}
.c-input-group__input--125 {
  flex: 0 0 auto;
  width: 125px;
}
.c-input-group__input--100-370 {
  flex: 0 0 auto;
  width: calc(100% - 370px);
}
.c-input-group__input--145 {
  flex: 0 0 auto;
  width: 145px;
}
.c-input-group__input--100-240 {
  flex: 0 0 auto;
  width: calc(100% - 240px);
}
.c-input-group__input--220 {
  flex: 0 0 auto;
  width: 220px;
}
.c-input-group__input input {
  margin: 0 !important;
}
.c-input-group__sign {
  text-align: center;
  width: 40px;
}
.c-input-group__sign + * {
  margin-left: 0;
}
.form-text-sub,.custom-input label,.custom-input-label-same label {
  color: #333;
  font-size: 13px;
  margin-bottom: 2px;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]) {
  border: 1px solid #999;
  border-radius: 0;
  color: var(--grey-900);
  font-size: 15px;
  height: 32px;
  padding: 5px 10px;
  width: 100%;
}
.custom-input input[type="time"] {
  width: 160px !important;
}

.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).text-right {
  text-align: right;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):focus {
  outline: none;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled {
  background-color: #f7fbfc !important;
  border: none;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled.url-input {
  color: #355f7c;
  text-decoration: underline;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled.limit-status-over {
  background-color: #e50003 !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled.limit-status-alert {
  background-color: #ffa000 !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.custom-input .originalContents{
  /* border: 1px solid #999; */
  display: inline-block;
  border-radius: 0;
  color: var(--grey-900);
  font-size: 15px;
  height: 32px;
  padding: 5px 10px;
  width: 100%;
  /* width: 685px !important; */
  background-color: #f7fbfc !important;
  border: none;
  color: #355f7c;
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 26px !important;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled.has-border {
  border: 1px solid var(--grey-700);
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).is-invalid,
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).ng-invalid.ng-dirty,
.ng-invalid .custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).range-specify,
.publishEnd1.ng-invalid .btn-group input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]),
.publishEnd2.ng-invalid .btn-group input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]),
.custom-input textarea.ng-invalid.ng-dirty,
.custom-input select.ng-invalid.ng-dirty,
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):invalid,
.searchbox input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).ng-invalid.ng-dirty,
.ctSearchPjName input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).ng-invalid,
.ctSearchDuration input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).ng-invalid,
.multiple-datepicker input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]).ng-invalid
{
  background-image: unset;
  border: 1px solid #ff1e00;
}
.border-black
{
  background-image: unset;
  border: 1px solid #999 !important;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):valid {
  background-image: unset;
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio])::-moz-placeholder {
  color: var(--grey-500);
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio])::-webkit-input-placeholder {
  color: var(--grey-500);
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio])::-ms-input-placeholder {
  color: var(--grey-500);
}
.custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio])::placeholder {
  color: var(--grey-500);
}
.custom-input .invalid-feedback,
.searchbox .invalid-feedback,
.invalid-feedback-multicheckbox
 {
  color: #ff1e00;
  font-size: 12px;
}
.invalid-feedback-multicheckbox
 {
  margin-top: .25rem;
}
.custom-input .ng-invalid~.invalid-feedback,
.custom-input:has(input.html-duration-picker.ng-invalid) .invalid-feedback,
.combination-input~.invalid-feedback,
.ng-invalid .custom-input .invalid-feedback,
.ng-invalid .btn-group .invalid-feedback,
.searchbox .ng-invalid~.invalid-feedback {
  display: block;
}

.custom-input .multiple-datepicker {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr 30px 1fr;
}
.custom-input .multiple-datepicker .connect-icon {
  font-size: 18px;
  text-align: center;
  padding: 5px 0px;
}
.custom-input.searchRadioButton {
  display: flex;
  align-items: center;
  justify-content: start;
  max-width: 100%;
}
.custom-input .form-check-group {
  border-bottom: 1px solid #999;
  padding-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: start;
  max-width: 100%;
}

.custom-input .form-check-group-25per {
  margin-bottom: 7px;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.radiobutton-25per {
  border-bottom: 1px solid #999;
  margin-bottom: 16px;
}
.custom-input .form-radio-group-container {
  background-color: white;
  border: 1px solid #999;
  height: 164px;
  overflow: auto;
  width: 100%;
}
.custom-input .form-radio-group-container .form-check {
  padding-left: 10px;
  padding-top: 5px;
}
.custom-input .form-radio-group-container .form-check label {
  font-size: 15px;
}
.custom-input .form-select-group-container {
  background-color: white;
  border: 1px solid #999;
  height: 164px;
  overflow: auto;
  width: 100%;
}
.custom-input .form-select-group-container .form-check {
  padding-left: 10px;
  padding-top: 5px;
}
.custom-input .form-select-group-container .form-check label {
  font-size: 14px;
}
.custom-input .form-select-group-container .form-check label.select-all-label {
  color: #355f7c;
}
.custom-input .form-select-group-container.disabled {
  background-color: #f7fbfc;
  border: none;
}
.custom-input .form-select-group-container.disabled.vertical .form-check {
  padding-top: 0;
}
.custom-input .form-select-group-container.disabled.vertical .form-check label {
  cursor: default;
}
.custom-input .form-select-group-container.disabled.horizontal {
  align-content: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.custom-input .form-select-group-container.disabled.horizontal .form-check {
  height: 20px;
  line-height: 15px;
  padding-right: 5px;
}
.custom-input .form-select-group-container.disabled.horizontal .form-check label {
  cursor: default;
}
.custom-input .form-check.form-check-inline {
  padding-left: 10px;
  min-width: 76px;
}
.custom-input .form-check label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
}
.custom-input .form-check input[type=radio] {
  display: none;
}
.custom-input .form-check input[type=radio] + label::before {
  
/* background-color only for content */
  background-clip: content-box;
  border: 1px solid #888;
  border-radius: 50%;
  content: "";
  
/* create custom radiobutton appearance */
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  padding: 3px;
  min-width: 15px;
}
.custom-input .form-check input[type=radio]:checked + label::before {
  background-color: #888;
}
.custom-input .form-check input[type=checkbox] {
  display: none;
}
.custom-input .form-check input[type=checkbox] + label::before {
  background-color: #fff;
  border: 1px solid #55555a;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  min-height: 15px;
  min-width: 15px;
  width: 15px;
}
.custom-input .form-check input[type=checkbox]:checked + label::before {
  background-clip: content-box;
  background-image: url(/assets/icon/check-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  content: "";
  display: inline-block;
  height: 15px;
  min-height: 15px;
  min-width: 15px;
  width: 15px;
}
.custom-input .form-check input[type=checkbox]:not(:checked) + label.package-edit-test {
  color: #ccc;
}
.custom-input .form-check input[type=checkbox]:not(:checked) + label.package-edit-test::before {
  background-color: #f7fbfc;
}
.custom-input .form-check input[type=checkbox]:disabled + label {
  color: var(--grey-500);
}
.custom-input .form-check input[type=checkbox]:disabled + label::before {
  background-color: var(--blue-300);
}
.custom-input input::-webkit-outer-spin-button,.custom-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-input .input-container {
  position: relative;
}
.custom-input .input-container__icon {
  display: inline-flex;
  position: absolute;
  right: 19px;
  top: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.custom-input .input-container__icon_detail {
  display: inline-flex;
  position: absolute;
  right: 19px;
  top: 65%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.custom-input .input-container__input {
  padding-right: 37px;
}
.combination-input {
  border: 1px solid #355f7c;
  display: flex;
}
.combination-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]) {
  border: none;
  height: 35px;
  text-overflow: ellipsis;
}
.combination-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):-moz-read-only {
  pointer-events: none;
}
.combination-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):read-only {
  pointer-events: none;
}
.combination-input button {
  border-radius: 0 !important;
  height: 35px;
}
.success-message {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.success-message .icon {
  height: 25px;
  margin-right: 7px;
  position: relative;
  width: 25px;
}
.success-message .check-1 {
  height: 4px;
  overflow: hidden;
  position: absolute;
  right: 12px;
  top: 17px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  width: 14px;
}
.success-message .check-1::before {
  background-color: #ccc;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  transition: opacity 0ms 200ms ease-in-out;
  width: 100%;
}
.success-message .check-1::after {
  background-color: #355f7c;
  content: "";
  height: calc(100% + 2px);
  position: absolute;
  right: 21px;
  transition: right 200ms ease-in-out;
  width: calc(100% + 2px);
}
.success-message .check-2 {
  height: 4px;
  left: 8px;
  overflow: hidden;
  position: absolute;
  top: 17px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 20px;
}
.success-message .check-2::before {
  background-color: #ccc;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  transition: opacity 0ms 395ms ease-in-out;
  width: 100%;
}
.success-message .check-2::after {
  background-color: #355f7c;
  content: "";
  height: calc(100% + 2px);
  position: absolute;
  right: 21px;
  transition: right 200ms 195ms ease-in-out;
  width: calc(100% + 2px);
}
.success-message .masage-text {
  color: #355f7c;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms 420ms ease-in-out;
}
.success-message.is-success .masage-text {
  opacity: 1;
  pointer-events: inherit;
}
.success-message.is-success .check-1::before {
  opacity: 0;
}
.success-message.is-success .check-1::after {
  right: -1px;
}
.success-message.is-success .check-2::before {
  opacity: 0;
}
.success-message.is-success .check-2::after {
  right: -1px;
}
.has-text-input .form-check-input {
  margin-top: -0.5em;
  top: 50%;
}

/* インプット ここまで */

/* 通知メニュー ここから */
.notification-popover-menu {
  background-color: white;
  border: 1px solid #355f7c;
  max-width: none !important;
  padding-bottom: 5px;
  width: 330px;
}
.notification-popover-menu .popover-body {
  height: 53vh;
  overflow: auto;
  padding: 8px 0;
  scrollbar-color: #ccc transparent;
  scrollbar-width: thin;
}
.notification-popover-menu .popover-body::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.notification-popover-menu .popover-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
  cursor: pointer;
}
.notification-popover-menu .popover-body::-webkit-scrollbar-track {
  background: transparent;
}
.notification-popover-menu .arrow::before {
  border-bottom-color: #355f7c;
}
.notification-popover-menu .heading {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
.notification-popover-menu .heading .heading-title {
  white-space: nowrap;
}
.notification-popover-menu .heading span {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: bold;
}
.notification-popover-menu .notification-popover-item {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  margin: 11px auto;
  min-height: 79px;
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 9px;
  position: relative;
  width: 305px;
}
.notification-popover-menu .notification-popover-item img,.notification-popover-menu .notification-popover-item .img-icon {
  display: inline-block !important;
  margin-left: 0 !important;
  margin-right: 8px !important;
  margin-top: 3px !important;
}
.notification-popover-menu .notification-popover-item .detail {
  display: flex;
  flex-direction: column;
  max-height: 70px;
  width: 255px;
}
.notification-popover-menu .notification-popover-item .detail .error {
  font-size: 15px;
  margin-bottom: 0;
  white-space: initial;
}
.notification-popover-menu .notification-popover-item .detail .package-name {
  color: #355f7c;
  font-size: 13px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.notification-popover-menu .notification-popover-item .time {
  align-self: flex-end;
  display: flex;
  font-size: 12px;
  line-height: 17px;
  margin: 0;
  margin-left: auto;
  margin-top: auto;
  position: relative;
}
.notification-popover-menu .notification-popover-item:hover {
  background-color: #edf3f7;
  box-shadow: 2px 6px 2px rgba(0, 0, 0, 0.2);
}
.notification-popover-menu .notification-popover-item:hover .package-name {
  text-decoration: underline;
}

/* 通知メニュー ここまで */

/* テキストエリア ここから */
.custom-textarea label {
  color: #333;
  font-size: 13px;
  margin-bottom: 2px;
}
.custom-textarea textarea {
  border: 1px solid #999;
  border-radius: 0;
  font-size: 15px;
  height: 99px;
  padding: 5px 10px;
  width: 100%;
}
.custom-textarea textarea:disabled {
  background-color: #f7fbfc;
  border: none;
  height: 76px;
  resize: none;
}
.custom-textarea textarea:disabled::-webkit-resizer {
  display: none;
}

/* テキストエリア ここまで */
:root {
  --black: #000;
  --black-700: #333;
  --blue-300: #f7fbfc;
  --blue-500: #040505;
  --blue-700: #2e8090;
  --blue-800: #5d7f96;
  --blue-900: #355f7c;
  --blue-gray: #869fb0;
  --blue-sea: #edf3f7;
  --grey-200: #f3f2f1;
  --grey-400: #e8e8e8;
  --grey-500: #ccc;
  --grey-700: #999;
  --grey-800: #66666a;
  --grey-900: #55555a;
  --rbg-black: 0, 0, 0;
  --red: #e50003;
  --rgb-blue-sea: 237, 243, 247;
  --white: #fff;
}
/* @font-face {
  font-family: "M PLUS 1p";
  src: url(/assets/font/MPLUS1p-Regular.ttf);
}
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 600;
  src: url(/assets/font/MPLUS1p-Bold.ttf);
}
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 800;
  src: url(/assets/font/MPLUS1p-ExtraBold.ttf);
}
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 900;
  src: url(/assets/font/MPLUS1p-Black.ttf);
}
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 200;
  src: url(/assets/font/MPLUS1p-Light.ttf);
}
* {
  font-family: "M PLUS 1p";
} */

body {
  font-family: noto-sans-cjk-jp,ヒラギノ角ゴ pro,hiragino kaku gothic pro,メイリオ,meiryo,"sans-serif";
}

html,body {
  height: 100vh;
  overflow: hidden;
}
input::-ms-reveal,input::-ms-clear {
  display: none;
}
input:focus,select:focus {
  box-shadow: none !important;
  outline: none !important;
}
h1,h2,h3,h4,h5,h6,th,td,p,small,span {
  word-break: break-all;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0;
}
button {
  background-color: transparent;
  border: none;
  padding: 0;
}
button:focus {
  outline: none;
}
.pointer {
  cursor: pointer;
}
.imposter {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.modal-responsive {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.tooltip {
  pointer-events: none;
}
.tooltip.bottom {
  margin-top: 5px;
}
.tooltip-inner {
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
#nav-item-selected9 .dropdown-menu {
  cursor: pointer;
  font-size: 15px;
  width: 245px !important;
}
#header3point .dropdown-menu {
  cursor: pointer;
  font-size: 15px;
  width: 215px !important;
}
.dropdown-menu {
  cursor: pointer;
  font-size: 15px;
  width: 205px !important;
}
.dropdown-item:hover {
  background-color: var(--grey-500);
  text-decoration: none;
}
.dropdown-item:focus,.dropdown-item.active,.dropdown-item:active,.dropdown-item.is-open {
  background-color: var(--grey-500);
  color: #212529;
  text-decoration: none;
}
.dropdown-item-disabled {
  pointer-events: none;
  color: #c0c0c0;
}
.display-none {
  display: none;
}
#ui-timepicker-div * {
  box-sizing: content-box;
}
.ui-timepicker-table {
  font-size: 0.9em;
}
.ui-timepicker-table td a {
  padding: 0.2em 0.3em 0.2em;
  width: 1.3em;
}
.app-container {
  display: flex;
  opacity: 0;
  position: relative;
}
.main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100vh;
  overflow: hidden;
  width: 100%;
}
.main__container {
  border-top: 2px solid #d7dfe5;
  height: calc(100vh - 101px);
  margin-left: 30px;
  overflow-x: auto;
  overflow-y: hidden;
}
.overflow-auto {
  overflow-x: auto;
  overflow-y: auto;
}
.main__container > * {
  min-width: 1180px;
}
.main__container.type-popup {
  border-top: none;
  margin-left: 0;
}
.main__container.header {
  margin-left: 0;
  overflow: visible;
  padding-left: 30px;
}
.menu {
  display: inline-flex;
}
.menu__item {
  flex: 0 0 auto;
}
.menu__item:not(:first-child) {
  margin-left: 6px;
}
.sub-menu {
  left: 100%;
  max-height: calc(100vh - 96px);
  padding: 0;
  top: calc(-0.5rem - 1px);
}
.sub-menu-wrapper {
  position: relative;
}
.sub-menu-up-button,.sub-menu-down-button {
  display: block;
  height: 32px;
  position: relative;
  width: 100%;
}
.sub-menu-up-button::before,.sub-menu-up-button::after,.sub-menu-down-button::before,.sub-menu-down-button::after {
  background-color: #55555a;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  width: 7px;
}
.sub-menu-up-button::before,.sub-menu-down-button::before {
  right: 50%;
}
.sub-menu-up-button::after,.sub-menu-down-button::after {
  left: 50%;
}
.sub-menu-up-button:hover,.sub-menu-up-button:active,.sub-menu-up-button:focus,.sub-menu-up-button.active,.sub-menu-down-button:hover,.sub-menu-down-button:active,.sub-menu-down-button:focus,.sub-menu-down-button.active {
  background-color: transparent;
}
.sub-menu-up-button.is-disabled,.sub-menu-down-button.is-disabled {
  cursor: default;
}
.sub-menu-up-button.is-disabled::before,.sub-menu-up-button.is-disabled::after,.sub-menu-down-button.is-disabled::before,.sub-menu-down-button.is-disabled::after {
  background-color: #ccc;
}
.sub-menu-up-button::before,.sub-menu-up-button::after {
  margin-top: -2px;
}
.sub-menu-up-button::before {
  transform: rotate(-33deg);
  transform-origin: right top;
}
.sub-menu-up-button::after {
  transform: rotate(33deg);
  transform-origin: left top;
}
.sub-menu-down-button::before,.sub-menu-down-button::after {
  margin-top: 2px;
}
.sub-menu-down-button::before {
  transform: rotate(33deg);
  transform-origin: right bottom;
}
.sub-menu-down-button::after {
  transform: rotate(-33deg);
  transform-origin: left bottom;
}
.sub-menu-scroll-area {
  max-height: calc(100vh - 160px);
  overflow-x: hidden;
  overflow-y: auto;
}
.sub-menu .dropdown-item {
  white-space: normal;
}
.logout-button {
  background-color: #e4eaef;
  border-radius: 100px;
  color: #55555a;
  font-size: 15px;
  line-height: 1.25;
  padding: 8px 42px 8px 14px;
  position: relative;
}
.logout-button::after {
  background: url(/assets/icon/logout.svg);
  border-radius: 50%;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  content: "";
  height: 36px;
  position: absolute;
  right: 0;
  top: -1px;
  width: 36px;
}
.notification-button {
  position: relative;
  top: 2px;
  z-index: 1;
}
.notification-button__amount {
  background-color: #e25f18;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  z-index: 1;
}
.notification-button.capacity-button {
  position: relative;
}
.notification-button.capacity-button.is-caution::before {
  height: 18px;
  width: 18px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  background-image: url(/assets/icon/capacity-sub-caution.svg);
  position: absolute;
  content: "";
  display: block;
  top: -4px;
  right: 2px;
}
.notification-button.capacity-button.is-abnormality::before {
  height: 18px;
  width: 18px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  background-image: url(/assets/icon/capacity-sub-abnormality.svg);
  position: absolute;
  content: "";
  display: block;
  top: -4px;
  right: 2px;
}

/* 検索バー,プロジェクト一覧-パッケージ検索,プロジェクト一覧-素材検索 ここから */
.searchbox {
  position: relative;
}
.searchbox__search-icon {
  left: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.searchbox__input {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #355f7c;
  border-radius: 18px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  color: #495057;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  padding-left: 44px;
  padding-right: 54px;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  width: 100%;
}
.searchbox__input::-webkit-input-placeholder {
  color: #ccc;
}
.searchbox__input::-moz-placeholder {
  color: #ccc;
}
.searchbox__input::-ms-input-placeholder {
  color: #ccc;
}
.searchbox__input::placeholder {
  color: #ccc;
}
.searchbox__wrench-icon {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
button[aria-expanded=false] + .accordion1-arrow,button[aria-expanded=false] + .accordion2-arrow,button[aria-expanded=false] + .accordion3-arrow,button[aria-expanded=false] + .accordion-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tablediv {
  background-color: var(--white);
  border: solid 1px #999;
  height: 280px;
}
.tablediv.div1,.tablediv.div2,.tablediv.div3 {
  border-right: none;
}
.tablediv .dvi-content1 {
  padding: 13px 15px;
}
.tablediv .dvi-content1 li {
  align-items: center;
  display: flex;
  font-size: 14px;
  padding-bottom: 5px;
}
.tablediv .dvi-content1 li input[type=checkbox] {
  border-radius: 0;
  margin-right: 5px;
}
.tablediv .table-header {
  align-items: center;
  background: #f3f2f1;
  border: none;
  color: #55555a;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
}
.tablediv .table-header span {
  margin-left: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[type=button],[type=reset],[type=submit],button {
  -webkit-appearance: none;
}
.dropdown-toggle::after {
  margin: 10px 80px;
}
.search-field__searchbox {
  margin-left: auto;
  margin-right: auto;
  max-width: 582px;
}
.search-field__button-area {
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  padding: 16px 38px 18px 30px;
  position: relative;
  width: 100%;
}
.search-field.expanded {
  position: relative;
}
.search-field.expanded .search-field__container {
  background-color: #edf3f7;
  border: solid 1px #355f7c;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  max-width: 693px;
  min-width: 630px;
  padding-top: 65px;
  position: absolute;
  top: -15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
.search-field.expanded .search-field__searchbox {
  z-index: 99;
}
.search-field.expanded .tab-switcher__container input {
  background-color: var(--blue-300);
}
.search-field.expanded .tab-switcher__container input:focus {
  background-color: var(--white) !important;
}
.search-field.expanded .tab-content__form {
  margin-bottom: 31px;
  padding: 0 10px;
}
.search-field.expanded .form-group {
  margin-bottom: 5px;
}
.search-field.expanded .form-select-group-container {
  background: #f7fbfc;
  height: 110px;
  margin-bottom: 0;
}
.search-field.expanded .custom-table .form-select-group-container {
  height: auto;
}
.search-field.expanded input:checked + .form-group .custom-input .form-select-group-container {
  background: #fff;
}
.search-field.expanded .form-select-group-container .form-check {
  display: inline-block;
}
.search-field.expanded .tab-content__form--right .list-check {
  background-color: #fff;
  border: 1px solid #999;
  max-height: 167px;
  overflow: auto;
}
.search-field.expanded .tab-content__form--right .list-check .custom-checkbox {
  padding-top: 2px;
}
.search-field.expanded .tab-content__form--right .list-check .form-check {
  padding-left: 14px;
  padding-top: 0;
}
.search-field.expanded .tab-content__form--right .list-check .form-check label {
  margin-bottom: 0;
}
.search-field.expanded .tab-content__form--right .list-check .form-check:first-child {
  padding-top: 12px;
}
.search-field.expanded .tab-switcher__container .form-group label:first-child {
  font-size: 12px;
}
.search-field.expanded .tab-switcher__container .form-group .form-control {
  border: 1px solid #999;
  border-radius: 0;
  color: #55555a;
  font-size: 14px;
}
.search-field.expanded .tab-switcher__container .form-group .form-control::-moz-placeholder {
  color: #ccc;
}
.search-field.expanded .tab-switcher__container .form-group .form-control::-webkit-input-placeholder {
  color: #ccc;
}
.search-field.expanded .tab-switcher__container .form-group .form-control::-ms-input-placeholder {
  color: #ccc;
}
.search-field.expanded .tab-switcher__container .form-group .form-control::placeholder {
  color: #ccc;
}
.search-field.expanded .tab-switcher__container .form-group .form-check-label {
  font-size: 14px;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout,.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout {
  background-color: var(--white);
  display: grid;
  grid-column-gap: 18px;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  height: 70px;
  margin-bottom: 8px;
  padding: 0 10px 10px;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout.h-auto,.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout.h-auto {
  height: auto;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout.h-auto .c-input-group,.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout.h-auto .c-input-group {
  align-items: flex-start;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout:first-child select,.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout:first-child select {
  
/* border-right: 1px dashed; */
  border-color: #999;
  border-radius: 0;
  flex: 1;
  font-size: 14px;
  padding: 6px 20px 6px 4px;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout input:first-child,.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout input:first-child {
  margin-top: 8px;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout input[type="checkbox"],.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout input[type="checkbox"] {
  height: 16px;
  width: 16px;
}
.search-field.expanded .tab-switcher__container #header-search-acc2 .row-grid-layout img,.search-field.expanded .tab-switcher__container .header-search-acc1 .row-grid-layout img {
  margin-top: 8px;
}
.search-field.expanded .accordion {
  padding-bottom: 10px;
}
.search-field.expanded .accordion-body {
  padding: 10px 13px 0 13px;
}
.search-field.expanded .select-multiple__option:not(:last-child) {
  margin-bottom: 1px;
}
.search-field.expanded .custom-select {
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-field.expanded #search-close-icon {
  position: absolute;
  right: 20px;
  top: 20px;
}
.search-field.expanded .custom-table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr minmax(150px, 1fr);
}
.search-field__add-button-area {
  background-color: #fff;
  margin: 0 13px;
  padding: 20px;
}
.search-field .search-field__hidden {
  display: none;
}
.search-field .date-picker-container {
  position: relative;
}
/*
.search-field .date-picker-container button {
  background: none;
  border: 0;
  display: inline-flex;
  outline: none;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.search-field .date-picker-container button img {
  margin-top: 0;
}
*/
.extension-other-input {
  margin-top: 13px;
  padding: 0 12px;
}
.extension-other-input .caution-text {
  font-size: 12px;
  margin-top: 7px;
}
.search-field__container .status-dropdown-menu .dropdown-item {
  padding-bottom: 6px;
  padding-left: 21px;
  padding-top: 6px;
}
.search-field__container .status-dropdown-menu .dropdown-item.is-delete {
  border-top: solid 1px gray;
  margin: 0 11px;
  padding: 7px 8px;
  width: 88%;
}
.search-field__container .status-dropdown-menu .dropdown-item__icon {
  display: inline-block;
  text-align: center;
  width: 20px;
}
.search-field__container .status-dropdown-menu .dropdown-item__label {
  margin-left: 17px;
}
.search-field__container .status-dropdown-menu .dropdown-item.clear-status-button {
  bottom: 15px;
  padding: 0;
  position: absolute;
  right: 20px;
  width: -webkit-fit-content;
  width: fit-content;
  width: -moz-fit-content;
}

/* 検索バー,プロジェクト一覧-パッケージ検索,プロジェクト一覧-素材検索 ここまで */
.breadcrumb-list {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}
.breadcrumb-list__mb-l {
  margin-bottom: 50px;
}
.breadcrumb-list__wrapper {
  align-items: flex-start;
  display: flex;
  width: 100%;
}
.breadcrumb-list li {
  color: #55555a;
  cursor: default;
  position: relative;
}
.breadcrumb-list li:first-child::before {
  background: url(/assets/img/icon-folder.svg);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 6px;
  vertical-align: -0.1em;
  width: 17px;
}
.breadcrumb-list li::after {
  color: #355f7c;
  content: "／";
  margin-right: 5px;
}
.breadcrumb-list li:last-child::after {
  display: none !important;
}
.breadcrumb-list li a {
  color: #355f7c;
  display: inline-block;
  text-decoration: none;
}
.breadcrumb-list.disabled {
  color: #ccc;
}
.breadcrumb-list.disabled li {
  color: #ccc;
}
.breadcrumb-list.disabled li::after {
  color: #ccc;
}
.pager-button {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 3px;
}
.pager-button__prev {
  color: #355f7c;
  font-size: 13px;
  margin-right: 30px;
  padding-left: 13px;
  position: relative;
}
.pager-button__prev::before {
  border-color: transparent #355e7c transparent transparent;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 5px;
  width: 0;
}
.pager-button__prev.desabled {
  color: #bbb;
  pointer-events: none;
}
.pager-button__prev.desabled::before {
  border-color: transparent #bbb transparent transparent;
}
.pager-button__next {
  color: #355f7c;
  font-size: 13px;
  margin-right: 30px;
  padding-right: 13px;
  position: relative;
}
.pager-button__next::before {
  border-color: transparent transparent transparent #355e7c;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 5px;
  width: 0;
}
.pager-button__next.desabled {
  color: #bbb;
  pointer-events: none;
}
.pager-button__next.desabled::before {
  border-color: transparent #bbb transparent transparent;
}
.pager-button__close {
  height: 15px;
  position: relative;
  width: 15px;
}
.pager-button__close::before,.pager-button__close::after {
  background: #355f7c;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 18px;
}
.pager-button__close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pager-button__close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pager-button > *:first-child {
  margin-left: 0 !important;
}
.pager-button > *:last-child {
  margin-right: 0 !important;
}
.switch-display {
  align-items: center;
  display: flex;
}
.breadcrumb-list__wrapper .switch-display {
  flex: 0 0 auto;
  padding-top: 2px;
}
.switch-display > p {
  cursor: default;
  font-size: 15px;
  margin: 0;
}
.switch-display svg {
  margin-left: 15px;
}
.switch-display.disabled {
  color: #ccc;
  pointer-events: none;
}
.tab-switcher {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.tab-switcher__tabs {
  display: flex;
  margin: 0 auto;
  max-width: 582px;
  width: 85%;
}
.tab-switcher__tab {
  cursor: pointer;
  flex: 1;
  line-height: 25px;
  padding-bottom: 10px;
  text-align: center;
}
.tab-switcher__tab.tab__active {
  border-bottom: 3px solid #355f7c;
  color: #355f7c;
}
.tab-switcher__tab.tab__unactive {
  border-bottom: 1px solid #aaa;
  color: #aaa;
}
.tab-switcher__container {
  margin-top: 15px;
  max-height: calc(95vh - 190px);
  overflow: auto;
  padding: 10px 15px 27px 20px;
}

/* 検索BOX用 */
.tab-switcher__container .header-search-acc1 .custom-input input[type="radio"] + label {
  word-break: break-all;
}

/* アイコン ここから */
.close-icon {
  display: inline-block;
  height: 16px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}
.close-icon::before,.close-icon::after {
  background-color: #355f7c;
  content: "";
  height: 1px;
  left: -20%;
  position: absolute;
  top: 50%;
  width: 140%;
}
.close-icon::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-icon::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-icon.color-white::before,.close-icon.color-white::after {
  background-color: #fff;
}
.close-icon.size-11 {
  height: 11px;
  width: 11px;
}
.close-icon.size-12 {
  height: 12px;
  width: 12px;
}
.close-icon.size-13 {
  height: 13px;
  width: 13px;
}
.close-icon.size-14 {
  height: 14px;
  width: 14px;
}
.close-icon.size-15 {
  height: 15px;
  width: 15px;
}
.close-icon.size-16 {
  height: 16px;
  width: 16px;
}
.close-icon.size-21 {
  height: 21px;
  width: 21px;
}
.close-icon.size-21::before,.close-icon.size-21::after {
  height: 2px;
  margin-top: -1px;
}
.img-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.img-icon.disabled {
  opacity: 0.5;
}
.img-icon.info-check {
  background-image: url("/assets/icon/info-check.svg");
  height: 13px;
  width: 17px;
}
.img-icon.error-large {
  background-image: url("/assets/icon/icon_error_l.svg");
  height: 42px;
  width: 42px;
}
.img-icon.complete-large {
  background-image: url("/assets/icon/icon_complete_l.svg");
  height: 42px;
  width: 42px;
}
.img-icon.warning-large {
  background-image: url("/assets/icon/icon_warning_l.svg");
  height: 42px;
  width: 48px;
}
.img-icon.users-blue {
  background-image: url("/assets/icon/users-blue.svg");
  height: 19px;
  width: 23px;
}
.img-icon.user-blue {
  background-image: url("/assets/icon/user-blue.svg");
  height: 19px;
  width: 23px;
}
.img-icon.notification-setting {
  background-image: url("/assets/icon/icon_notification_setting.svg");
  height: 19px;
  width: 21px;
}
.img-icon.create-folder {
  background-image: url("/assets/icon/icon-create-folder.svg");
  height: 12px;
  width: 15px;
}
.img-icon.create-image {
  background-image: url("/assets/icon/icon-create-image.svg");
  height: 12px;
  width: 15px;
}
.img-icon.create-plus-circle-bg {
  background-image: url("/assets/icon/icon-create-plus-circle-bg.svg");
  height: 13px;
  width: 13px;
}
.img-icon.create-basic {
  background-image: url("/assets/icon/icon-nav-999.svg");
  height: 12px;
  width: 12px;
}
.img-icon.double-quote {
  background-image: url("/assets/icon/double-quote.svg");
  height: 11px;
  width: 14px;
}
.img-icon.delete {
  background-image: url("/assets/icon/delete.svg");
  height: 14px;
  width: 14px;
}
.img-icon.edit {
  background-image: url("/assets/icon/edit.svg");
  height: 14px;
  width: 14px;
}
.img-icon.copy {
  background-image: url("/assets/icon/icon-square-content-edit.svg");
  height: 13px;
  width: 11px;
}
.img-icon.move {
  background-image: url("/assets/icon/icon-s-content-edit.svg");
  height: 11px;
  width: 11px;
}
.img-icon.delete-complete {
  background-image: url("/assets/icon/delete-complete.svg");
  height: 17px;
  width: 17px;
}
.img-icon.delete-complete-all {
  background-image: url("/assets/icon/delete-complete-all.svg");
  height: 19px;
  width: 20px;
}
.img-icon.return {
  background-image: url("/assets/icon/return.svg");
  height: 14px;
  width: 13px;
}
.img-icon.return-all {
  background-image: url("/assets/icon/return-all.svg");
  height: 17px;
  width: 20px;
}
.img-icon.update {
  background-image: url("/assets/icon/update.svg");
  height: 14px;
  width: 14px;
}
.img-icon.csv {
  background-image: url("/assets/icon/csv.svg");
  height: 14px;
  width: 14px;
}
.img-icon.share {
  background-image: url("/assets/icon/share.svg");
  height: 14px;
  width: 14px;
}
.img-icon.share-link {
  background-image: url("/assets/icon/share-link.svg");
  height: 16px;
  width: 17px;
}
.img-icon.publish {
  background-image: url("/assets/icon/publish.svg");
  height: 15px;
  width: 15px;
}
.img-icon.transmitdata {
  background-image: url("/assets/icon/transmit-data.svg");
  height: 14px;
  width: 15px;
}
.img-icon.checktransmit {
  background-image: url("/assets/icon/check-transmit.svg");
  height: 14px;
  width: 16px;
}
.img-icon.searchtransmit {
  background-image: url("/assets/icon/serch-transmit-blue.svg");
  height: 15px;
  width: 16px;
}
.img-icon.favorite {
  background-image: url("/assets/icon/favorite.svg");
  height: 17px;
  width: 14px;
}
.img-icon.upload-here {
  background-image: url("/assets/icon/upload_this_directory.svg");
  height: 14px;
  width: 15px;
}
.img-icon.upload {
  background-image: url("/assets/icon/upload.svg");
  height: 14px;
  width: 12px;
}
.img-icon.upload-onetime {
  background-image: url("/assets/icon/upload_one_time.svg");
  height: 13px;
  width: 16px;
}
.img-icon.upload-delete-gray {
  background-image: url("/assets/icon/delete-gray.svg");
  height: 15px;
  width: 11px;
}
.img-icon.upload-delete-blue {
  background-image: url("/assets/icon/delete-blue.svg");
  height: 15px;
  width: 11px;
}
.img-icon.download-onetime {
  background-image: url("/assets/icon/download_one_time.svg");
  height: 13px;
  width: 16px;
}
.img-icon.time {
  background-image: url("/assets/icon/time.svg");
  height: 15px;
  width: 15px;
}
.img-icon.meta-edit {
  background-image: url("/assets/icon/meta_edit.svg");
  height: 14px;
  width: 14px;
}
.img-icon.meta-create {
  background-image: url("/assets/icon/meta_create.svg");
  height: 13px;
  width: 13px;
}
.img-icon.member-edit {
  background-image: url("/assets/icon/member_edit.svg");
  height: 14px;
  width: 16px;
}
.img-icon.contents-list {
  background-image: url("/assets/icon/contents_list.svg");
  height: 14px;
  width: 14px;
}
.img-icon.document {
  background-image: url("/assets/icon/document.svg");
  height: 14px;
  width: 14px;
}
.img-icon.outer-window {
  background-image: url("/assets/icon/outer_window.svg");
  height: 11px;
  width: 12px;
}
.img-icon.link {
  background-image: url("/assets/icon/icon_link.svg");
  height: 10px;
  width: 7px;
}
.img-icon.status-flag-1 {
  background-image: url("/assets/icon/status_flag_1.svg");
  height: 16px;
  width: 10px;
}
.img-icon.status-flag-2 {
  background-image: url("/assets/icon/status_flag_2.svg");
  height: 16px;
  width: 10px;
}
.img-icon.status-flag-3 {
  background-image: url("/assets/icon/status_flag_3.svg");
  height: 16px;
  width: 10px;
}
.img-icon.status-flag-4 {
  background-image: url("/assets/icon/status_flag_4.svg");
  height: 16px;
  width: 10px;
}
.img-icon.status-flag-5 {
  background-image: url("/assets/icon/status_flag_5.svg");
  height: 16px;
  width: 10px;
}
.img-icon.status-flag-6 {
  background-image: url("/assets/icon/status_flag_6.svg");
  height: 16px;
  width: 10px;
}
.img-icon.status-complete {
  background-image: url("/assets/icon/status_complete.svg");
  height: 12px;
  width: 16px;
}
.img-icon.status-good {
  background-image: url("/assets/icon/status_good.svg");
  height: 15px;
  width: 15px;
}
.img-icon.status-note {
  background-image: url("/assets/icon/status_note.svg");
  height: 15px;
  width: 19px;
}
.img-icon.status-reject {
  background-image: url("/assets/icon/status_rejected.svg");
  height: 14px;
  width: 14px;
}
.img-icon.status-break {
  background-image: url("/assets/icon/status_break_time.svg");
  height: 17px;
  width: 18px;
}
.img-icon.status-smile {
  background-image: url("/assets/icon/icon-smiling-content-list.png");
  height: 15px;
  width: 15px;
}
.img-icon.status-danger {
  background-image: url("/assets/icon/status_danger.svg");
  height: 15px;
  width: 16px;
}
.img-icon.status-fire {
  background-image: url("/assets/icon/icon-fire-content-list.png");
  height: 20px;
  width: 13px;
}
.img-icon.status-attention {
  background-image: url("/assets/icon/status_attention.svg");
  height: 12px;
  width: 20px;
}
.img-icon.status-relation {
  background-image: url("/assets/icon/status_relation.svg");
  height: 16px;
  width: 8px;
}
.img-icon.status-unconfirmed {
  background-image: url("/assets/icon/status_unconfirmed.svg");
  height: 14px;
  width: 10px;
}
.img-icon.status-new-function {
  background-image: url("/assets/icon/icon-light-content-list.png");
  height: 20px;
  width: 17px;
}
.img-icon.status-flower {
  background-image: url("/assets/icon/icon-flower-content-detail.png");
  height: 17px;
  width: 16px;
}
.img-icon.status-royal {
  background-image: url("/assets/icon/icon-royal-content-list.png");
  height: 16px;
  width: 18px;
}
.img-icon.folder-l-gray {
  background-image: url("/assets/icon/folder_l_gray.png");
  height: 30px;
  width: 34px;
}
.img-icon.briefcase-l-gray {
  background-image: url("/assets/icon/briefcase_l_gray.png");
  height: 27px;
  width: 34px;
}
.img-icon.folder-l-yellow {
  background-image: url("/assets/icon/folder_l_yellow.png");
  height: 30px;
  width: 34px;
}
.img-icon.briefcase-l-yellow {
  background-image: url("/assets/icon/briefcase_l_yellow.png");
  height: 27px;
  width: 34px;
}
.img-icon.folder-XL {
  background-size: auto 100%;
  height: 63px;
  width: 77px;
}
.img-icon.briefcase-XL {
  background-size: auto 100%;
  height: 60px;
  width: 77px;
}
.img-icon.folder-gray {
  background-image: url("/assets/icon/folder_grey.svg");
  height: 16px;
  width: 19px;
}
.img-icon.briefcase-gray {
  background-image: url("/assets/icon/briefcase.svg");
  height: 16px;
  width: 21px;
}
.img-icon.folder-yellow {
  background-image: url("/assets/icon/folder_yellow.svg");
  height: 16px;
  width: 19px;
}
.img-icon.briefcase-yellow {
  background-image: url("/assets/icon/briefcase2.svg");
  height: 16px;
  width: 21px;
}
.img-icon.upload-error2-s {
  background-image: url("/assets/icon/icon_upload_error2_s.svg");
  height: 17px;
  width: 17px;
}
.img-icon.upload-error-s {
  background-image: url("/assets/icon/icon_upload_error_s.svg");
  height: 23px;
  width: 23px;
}
.img-icon.upload-error-m {
  background-image: url("/assets/icon/icon_upload_error.svg");
  height: 33px;
  width: 33px;
}
.img-icon.upload-update {
  background-image: url("/assets/icon/icon_upload_update.svg");
  height: 17px;
  width: 14px;
}
.img-icon.item-image-w {
  background-image: url("/assets/icon/icon_item_image_w.png");
  height: 36px;
  width: 56px;
}
.img-icon.item-movie-w {
  background-image: url("/assets/icon/icon_item_movie_w.png");
  height: 28px;
  width: 36px;
}
.img-icon.item-document-w {
  background-image: url("/assets/icon/icon_item_document_w.png");
  height: 28px;
  width: 36px;
}
.img-icon.item-audio-w {
  background-image: url("/assets/icon/icon_item_audio_w.png");
  height: 28px;
  width: 36px;
}
.img-icon.item-other-w {
  background-image: url("/assets/icon/icon_item_other_w.png");
  height: 28px;
  width: 36px;
}
.img-icon.item-pin {
  background-image: url("/assets/icon/icon_item_pin.png");
  height: 26px;
  width: 26px;
}
.img-icon.item-movie {
  background-image: url("/assets/icon/icon_item_movie.png");
  height: 27px;
  width: 34px;
}
.img-icon.item-image {
  background-image: url("/assets/icon/icon_item_image.png");
  height: 27px;
  width: 34px;
}
.img-icon.item-picture {
  background-image: url("/assets/icon/picture.svg");
  height: 17px;
  width: 20px;
}
.img-icon.item-file {
  background-image: url("/assets/icon/icon_item_file.svg");
  height: 17px;
  width: 20px;
}
.img-icon.item-picture-check {
  background-image: url("/assets/icon/picture-check.svg");
  height: 22px;
  width: 21px;
}
.img-icon.item-picture-document {
  background-image: url("/assets/icon/picture-document.svg");
  height: 18px;
  width: 19px;
}
.img-icon.item-picture-single {
  background-image: url("/assets/icon/picture-single.svg");
  height: 15px;
  width: 20px;
}
.img-icon.item-document {
  background-image: url("/assets/icon/icon_item_document.png");
  height: 21px;
  width: 28px;
}
.img-icon.item-audio {
  background-image: url("/assets/icon/icon_item_audio.png");
  height: 21px;
  width: 28px;
}
.img-icon.item-other {
  background-image: url("/assets/icon/icon_item_other.png");
  height: 21px;
  width: 28px;
}
.img-icon.item-error {
  background-image: url("/assets/icon/icon_item_error.png");
  height: 21px;
  width: 21px;
}
.img-icon.three-point {
  background-image: url("/assets/img/icon-three-points-content-detail.png");
  height: 4px;
  width: 18px;
}
.img-icon.item-loading {
  background-image: url("/assets/icon/icon-box5-contentdetail1.svg");
  height: 22px;
  width: 22px;
}
.img-icon.exclamation {
  background-image: url("/assets/icon/icon-exclamation.svg");
  height: 12px;
  width: 3px;
}
.img-icon.movie-fast-rewind {
  background-image: url("/assets/icon/icon_movie_fast-rewind.svg");
  height: 13px;
  width: 15px;
}
.img-icon.movie-pause {
  background-image: url("/assets/icon/icon_movie_pause.svg");
  height: 12px;
  width: 12px;
}
.img-icon.movie-play {
  background-image: url("/assets/icon/icon_movie_play.svg");
  height: 13px;
  width: 12px;
}
.img-icon.movie-play-shadow {
  background-image: url("/assets/icon/icon_movie_play_shadow.svg");
  height: 14px;
  width: 13px;
}
.img-icon.movie-fast-forward {
  background-image: url("/assets/icon/icon_movie_fast-forward.svg");
  height: 13px;
  width: 15px;
}
.img-icon.movie-rewind {
  background-image: url("/assets/icon/icon_movie_rewind.svg");
  height: 13px;
  width: 15px;
}
.img-icon.movie-forward {
  background-image: url("/assets/icon/icon_movie_forward.svg");
  height: 13px;
  width: 15px;
}
.img-icon.cut-position-rewind {
  background-image: url("/assets/icon/icon_cut_position_rewind.svg");
  height: 17px;
  width: 23px;
}
.img-icon.cut-position-in {
  background-image: url("/assets/icon/icon_cut_position_in.svg");
  height: 17px;
  width: 23px;
}
.img-icon.cut-position-out {
  background-image: url("/assets/icon/icon_cut_position_out.svg");
  height: 17px;
  width: 33px;
}
.img-icon.cut-position-forward {
  background-image: url("/assets/icon/icon_cut_position_forward.svg");
  height: 17px;
  width: 23px;
}
.img-icon.toggle {
  background-image: url("/assets/icon/toggle_down.svg");
  height: 20px;
  width: 20px;
}
.img-icon.toggle.is-open {
  background-image: url("/assets/icon/toggle_up.svg");
  height: 20px;
  width: 20px;
}
.preview-thumbnail {
  display: inline-block;
  position: relative;
}
.preview-thumbnail img {
  position: relative;
  vertical-align: top;
}
.preview-thumbnail::before {
  background-color: #355f7c;
  border-radius: 50%;
  content: "";
  height: 34px;
  left: 50%;
  margin-left: -17px;
  margin-top: -17px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 200ms ease-in-out;
  width: 34px;
  z-index: 1;
}
.preview-thumbnail::after {
  border-color: transparent transparent transparent #355f7c;
  border-style: solid;
  border-width: 9px 0 9px 15px;
  content: "";
  left: 50%;
  margin-left: -6px;
  margin-top: -9px;
  opacity: 0;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  transition: opacity 200ms ease-in-out, border-color 200ms ease-in-out;
  z-index: 1;
}
.preview-thumbnail:hover::before {
  opacity: 0.75;
}
.preview-thumbnail:hover::after {
  border-color: transparent transparent transparent #fff;
  opacity: 1;
}
.preview-thumbnail .pin-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.no-preview-thumbnail {
  display: inline-block;
  position: relative;
}
.no-preview-thumbnail img {
  position: relative;
  vertical-align: top;
}
.no-preview-thumbnail .pin-icon {
  position: absolute;
  right: 0;
  top: 0;
}
/* アイコン ここまで */

/* 20/09/17 */
.cursor-default {
  cursor: default;
}

/* modal内のアイコン横並び */
.has-icon {
  display: flex;
}
.has-icon > .icon {
  flex: 0 0 auto;
  margin-right: 20px;
  margin-top: 79px;
}
.has-icon > .text {
  flex: 1 1 auto;
}

/* 通知バナー */
.notification-banner {
  /* background: rgba(0, 120, 108, 0.92); */
  /* color: #fff; */
  /* cursor: default; */
  /* font-size: 15px; */
  width: 340px;;
  /* min-width: 320px;
  max-width: 320px; */
  /* padding: 30px 30px 30px 50px; */
  position: absolute;
  right: 7px;
  top: 7px;
  transition-duration: 0.3s;
  transition-property: opacity;
  z-index: 1500;
}
.notification-banner .type1 {
  background: rgba(0, 120, 108, 0.92);
  color: #fff;
  cursor: default;
  font-size: 15px;
  padding: 30px 30px 30px 50px;
  position: relative;
  margin-bottom: 7px;
}
.notification-banner .type1::before {
  background-image: url(/assets/icon/icon_check.svg);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 24px;
  left: 15px;
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
}
.notification-banner .type2 {
  background: rgba(226, 95, 24, 0.92);
  color: #fff;
  cursor: default;
  font-size: 15px;
  padding: 30px 30px 30px 50px;
  position: relative;
  margin-bottom: 7px;
}
.notification-banner .type2::before {
  background-image: url(/assets/icon/icon_caution.svg);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 24px;
  left: 15px;
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
}
.notification-banner .type3 {
  background: rgba(53, 94, 124, 0.92);
  color: #fff;
  cursor: default;
  font-size: 15px;
  padding: 30px 30px 30px 50px;
  position: relative;
  margin-bottom: 7px;
}
.notification-banner .type3::before {
  background-image: url(/assets/icon/icon_notice.svg);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 24px;
  left: 15px;
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
}
.notification-banner.is-hide {
  opacity: 0;
}
.notification-banner p {
  margin-bottom: 0;
}
.button-banner-close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}

/* サンプルページ */
.contents-bg-color {
  background-color: #edf3f7;
}

/* モーダルサンプルページ */
.sample-description-row {
  margin-left: -5px;
  margin-right: -5px;
}

/* アイコンサンプルページ */
.icon-sample-list li {
  margin-bottom: 5px;
}
.icon-sample-list li img,.icon-sample-list li .img-icon {
  margin-right: 5px;
  vertical-align: 0.05em;
}
.noitem {
  align-items: center;
  background-image: linear-gradient(45deg, #869fb0 0%, #edf3f7 100%);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: bold;
  height: 90px;
  justify-content: center;
  width: 144px;
}
.noitem.size-small {
  height: 54px;
  width: 96px;
}
.notification-banner-in-contents {
  height: 90px;
  position: relative;
}
.inner-contentsWrapper {
  padding: 15px !important;
}
.inner-contentsWrapper.type-out {
  background-color: #f5f5f5;
}
.inner-contentsWrapper.type-out .custom-textarea textarea:disabled,.inner-contentsWrapper.type-out .custom-input input:not([type=button]):not([type=checkbox]):not([type=submit]):not([type=radio]):disabled {
  background-color: #dfdfdf  !important;
}
.checkbox-round {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 50%;
  cursor: pointer;
  height: 15px;
  outline: none;
  vertical-align: middle;
  width: 15px;
}
.checkbox-round:checked {
  background-image: url(/assets/icon/checked_background.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
}
.page-common-message {
  background-color: #f7fbfc;
  border: none;
  font-size: 15px;
  margin-bottom: 13px;
  padding: 5px 10px;
}

/* プロパティ ここから */
.property {
  background-color: var(--blue-sea);
  max-height: calc(100vh - 101px);
  min-width: 327px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 20%;
}
.property.wide-large {
  min-width: 532px;
}
.property .tab {
  display: flex;
  margin: 10px 5px 0;
}
.property .tab > li {
  font-size: 15px;
  margin: 0 5px;
}
.property .tab .tab-button {
  align-items: center;
  background-color: #ddd;
  color: #55555a;
  display: flex;
  justify-content: center;
  padding: 10px 15px;
}
.property .tab .tab-button-disabled {
  align-items: center;
  background-color: #ddd;
  color: #55555a;
  display: flex;
  justify-content: center;
  padding: 10px 15px;
  pointer-events: none;
}
.property .tab .tab-button:hover {
  text-decoration: none;
}
.property .tab .tab-button.is-current {
  background-color: #fff;
  cursor: default;
}
.property .content {
  background-color: var(--white);
  margin: 10px;
  margin-bottom: 0;
  padding: 15px 20px 15px 10px;
}
.property .content.tab-body {
  margin-top: 0;
}
.property .title {
  color: #55555a;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.property .list-value {
  padding-bottom: 20px;
  padding-left: 10px;
}
.property .list-value + .list-value {
  border-top: 1px dashed #e7e7e7;
  padding-top: 20px;
}
.property .list-value li {
  margin-bottom: 20px;
}
.property .list-value li p {
  font-size: 15px;
  margin-bottom: 0;
}
.property .list-value li p:first-child {
  font-size: 12px;
  margin-bottom: 2px;
}
.property .list-value li a {
  color: var(--grey-900);
  text-decoration: underline;
}

.property .list-value .property-place {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}

.property .list-value .property-place span {
  color: #55555a;
  cursor: default;
  position: relative;
  font-size: 15px;
}

.property .list-value .property-place span::after {
  color: #355f7c;
  content: "／";
  margin-right: 5px;
}

.property .list-value .property-place span:last-child::after {
  display: none !important;
}

.property .list-value .property-place span a {
  display: inline-block;
  cursor: pointer;
}

.property textarea.detail-control {
  height: 97px;
  word-break: break-all;
}
.property textarea.detail-control.height-auto {
  height: auto;
  overflow: auto;
  word-break: keep-all;
}
.list-unselected,.list-multi-select {
  color: var(--blue-900);
  height: 100%;
  width: 100%;
}
.list-unselected img,.list-multi-select img {
  margin-bottom: 18px;
}
.list-unselected p,.list-multi-select p {
  cursor: default;
  font-size: 13px;
  margin: 0;
  text-align: center;
}
.list-multi-select {
  display: none;
}
.property-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.property-container--inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.simple-card-list {
  display: flex;
  flex-wrap: wrap;
}
.simple-card-list > li {
  margin-top: 5px;
  width: 33.33%;
}
.simple-card-list .simple-card-label {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 5px;
}
.simple-card-list .simple-card-label.is-current {
  background-color: #edf3f7;
  box-shadow: 2px 2px 2px rgba(37, 37, 37, 0.25);
}
.simple-card-list img {
  max-width: 100%;
}
.simple-card-list .ui-wrapper {
  align-items: center;
  display: flex;
  margin-top: 5px;
  padding-right: 15px;
  position: relative;
}
.simple-card-list .ui-wrapper .time {
  flex: 1 1 auto;
  font-size: 12px;
  text-align: center;
}
.mulitcheckbox-invalid-border
{
  background-image: unset;
  border: 1px solid #ff1e00 !important;
}

.duration-note {
  padding-top: 27px;
}

.clamp-line1 {

/* autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
/* autoprefixer: on */
  }
.clamp-line2 {
  
/* autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
/* autoprefixer: on */
}

/* プロパティ ここまで */