/* デフォルトの設定 */

ol, ul {list-style: none;}
a, a:active, a:focus, a:hover {
  color: rgba(0,0,0,.87);
  text-decoration: none;
}

/* 共通 */
.mdb-b-bottom {
  border-bottom: 1px solid rgba(0,0,0,.42);
}
.mdb-t-b-bottom {
  border-bottom: 1px solid #e1e1e1;
}

.mdb-t-bgcolor {
  background-color: #e2e9fe;
}

.w-20 { width: 20%!important }

.p-r-20 {
  padding-right: 20px;
}
.p-l-20 {
  padding-left: 20px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.f-w-600 {
  font-weight: 600;
}

.c-pointer {
  cursor: pointer;
}

.flex-center {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  justify-content: center;
}

/* alert-message用 */
.alert.alert-notice {
  background-color: #c8e6c9;
  color: rgba(0,0,0,.87);
}
.alert.alert-alert {
  background-color: #ffcdd2;
  color: rgba(0,0,0,.87);
}

.mdb-search-btn {
  display: inline-block;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  max-width: 100%;
  min-width: 5.5rem;
  padding: .6875rem 1.2rem .6875rem 0.8rem;
  border-radius: 16px;
  cursor: pointer;
  box-sizing: border-box;
  color: #929396;
  background-color: #d4dffc;
  border: 1px solid #929396;
}
.mdb-search-btn > i {
  color: #4b4b4b;
}
.mdb-search-btn:active, .mdb-search-btn:focus, .mdb-search-btn:hover {
  background-color: #cad8fc;
}

.mdb-search-btn:disabled {
  background-color: #e0e0e0;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  cursor: default;
}

.mdb-thumbnail-toggle-btn.active {
  background-color: #d4dffc;
}
.mdb-thumbnail-toggle-btn:not(.active):focus, .mdb-thumbnail-toggle-btn:not(.active):hover {
  background: #fff none !important;
}
.mdb-thumbnail-toggle-btn:active {
  background: #d4dffc none !important;
}

.custom-select, .form-control, .form-control-file {
  border-radius: 4px;
  border-width: 1px;
  box-sizing: border-box;
  box-shadow: inherit !important;
  padding: .375rem 5px;
}
.custom-select:hover, .form-control:hover, .form-control-file:hover, .custom-select:active, .form-control:active, .form-control-file:active {
  box-shadow: inherit !important;;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]), select.form-control[multiple], select.form-control[size]:not([size="1"]), textarea.form-control:not([rows="1"]) {
  border-radius: 4px;
  border-width: 1px;
  min-height: 3.5rem;
  padding: .375rem 5px calc(.375rem - 1px);
}

select.deleted-option {
  color: #F00;
}

select>option {
  color: initial;
}

option.deleted-option {
  color: #F00;
}

tr.deleted-record {
  color: #F00;
}
tr.deleted-record a {
  color: #F00;
}

.pagination {
  padding-top: 0;
  padding-bottom: 0;
}

.page-item.disabled .page-link {
  margin-bottom: 0;
}

/* ログイン画面用 */
.login-page {
  max-width: 640px;
  margin: 5% auto;
  overflow-x: hidden;
}
.login-title {
  font-size: 4rem;
  color: #777777;
  text-align: center;
}
.login-area {
  overflow: hidden;
  border-radius: 20px;
}
.login-area .card-body {
  padding: 1.5rem 3rem;
}
.login-area input {
  border-radius: 5px;
  border-width: 1px;
}
.login-button{
  border-radius: 10px;
  background-color: #000099;
}
.login-check {
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
}
.login-check label {
  color: inherit;
  font-size: .875rem;
  line-height: 1;
}

.login-page a {
  text-decoration: none;
}
.login-page a:hover {
  text-decoration: underline;
}

.flash_alert {
  color: #e21b1b;
  margin-bottom: .5rem;
}
.flash_notice {
  color: #15a426;
  margin-bottom: .5rem;
}

/* sidemenuのスクロールバー */
.navdrawer-permanent .navdrawer-content {
  overflow-y: auto;
  -ms-overflow-style: none;
}
.navdrawer-permanent .navdrawer-content::-webkit-scrollbar {
  display: none;
}

/* TOP画面用*/
.mdb-top-count-area {
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
}
.mdb-top-count-area > .card {
  width: 30%;
}
@media screen and (max-width: 1024px) {
  .mdb-top-count-area {
    display: block;
  }
  .mdb-top-count-area > .card {
    width: 100%;
    margin: .5rem 0;
  }
}
.mdb-top-count-text {
  padding: 1rem 0;
  font-size: 1.714286rem;
  text-align: center;
}

.mdb-top-info-box {
  height: 50vh;
}
.mdb-top-info {
  display: flex;
  font-size: 1rem;
  line-height: 1.5;
}
.mdb-top-info + .mdb-top-info {
  margin-top: .5rem;
}
.mdb-top-info {
  margin-top: .5rem;
}
.mdb-top-info-date {
  margin-right: 1rem;
  white-space: nowrap
}
.mdb-top-info-date::before {
  content: "・";
}
.mdb-top-info-label {
  white-space: nowrap
}
.mdb-top-info-message {
  word-break: break-word;
}
.mdb-top-info-message a {
  color:#0033cc;
  text-decoration: none;
}
.mdb-top-info-message a:hover {
  text-decoration: underline;
}
.mdb-top-info-message a:visited {
  color:#0033cc;
}

/* メインエリア用 */
.mdb-main-area {
  margin-left: 17.5rem;
}

/* メインエリア内のスクロールエリア用 */
.mdb-scroll-area {
  position: fixed;
  bottom: 0;
  top: 116px;
  left: 17.5rem;
  width: calc(100vw - 280px);
  overflow-x: auto;
  overflow-y: scroll;
}

/* 一覧、詳細画面のサムネイル用 */
.mdb-card-thumbnail {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* 一覧画面のサムネイル表示用 */
/*.mdb-thumbnail-list-card {*/
  /*min-width: 250px;*/
  /*max-width: 250px;*/
  /*margin-left: 1rem;*/
/*}*/

.mdb-thumbnail-list-card {
  min-width: calc(20% - .8rem);
  max-width: calc(20% - .8rem);
  margin-left: 1rem;
  margin-bottom: 0;
}
.card.mdb-thumbnail-list-card:hover {
  cursor: pointer;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);
}

.mdb-thumbnail-list-card:nth-child(5n+1) {
  margin-left: 0;
}
.mdb-thumbnail-list-card:nth-child(n+6) {
  margin-top: .834rem;
}
@media screen and (max-width: 1560px) {
  .mdb-thumbnail-list-card {
    min-width: calc(25% - .75rem);
    max-width: calc(25% - .75rem);
  }
  .mdb-thumbnail-list-card:nth-child(5n+1) {
    margin-left: 1rem;
  }
  .mdb-thumbnail-list-card:nth-child(4n+1) {
    margin-left: 0;
  }
  .mdb-thumbnail-list-card:nth-child(n+5) {
    margin-top: .834rem;
  }
}

.mdb-card-text-box + .mdb-card-text-box {
  margin-top: 20px;
}
.mdb-card-text-box > p {
  min-height: 1.428572em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mdb-card-text-box.lock {
  position: relative;
}
.mdb-card-text-box.lock:before {
  font-family: 'Material Icons';
  content: "\E897";
  font-size: 1.428572rem;
  position: absolute;
  top: 50%;
  right: calc(-8.33333% - 12px);
  margin-top: -16px;
}

.mdb-card-text-box.arrow {
  position: relative;
}
.mdb-card-text-box.arrow:before {
  font-family: 'Material Icons';
  content: "\E5C8";
  font-size: 1.428572rem;
  position: absolute;
  top: 50%;
  right: calc(-8.33333% - 12px);
  margin-top: -16px;
}

.mdb-list-tr {
  cursor: pointer;
}
.mdb-list-tr td {
  vertical-align: middle;
}
.mdb-list-even-color:nth-child(even) {
  background-color: #eee;
}

.mdb-card-tr {
  display: none;
}
.mdb-card-tr > td {
  padding: 0 !important;
}
.mdb-card-tr > td > div {
  margin: .919643rem 24px;
}

/* 一覧表示のARROW */
.mdb-row-toggle-btn, .mdb-tr-toggle-btn, .mdb-slide-toggle-btn {
  cursor: pointer;
}
.mdb-row-toggle-btn i, .mdb-tr-toggle-btn i, .mdb-slide-toggle-btn i, .mdb-meta-accordion i, .mdb-dummy-track-accordion i {
  transition: 0.3s;
}
.mdb-row-toggle-btn.active i, .mdb-tr-toggle-btn.active i, .mdb-slide-toggle-btn.active i, .mdb-meta-accordion.active i, .mdb-dummy-track-accordion.active i {
  transform: rotate(180deg);
}

#search-form input:disabled:not([type="submit"]), #search-form select:disabled,
.mdb-price-list input:disabled, .mdb-price-list select:disabled,
.mdb-status-list input:disabled, .mdb-status-list select:disabled {
  background-color: #eaeaea;
  border: 1px solid rgba(0,0,0,.42) !important;
  padding: .375rem 5px;
}

/* 一覧表示のリスト */
.mdb-normal-list.table-hover tbody tr {
  cursor: pointer;
}
.mdb-normal-list th, .mdb-normal-list td {
  text-align: center;
}
.mdb-normal-list i {
  color: #009300;
}

/* Modal関連 */
.mdb-modal .modal-content {
  border-radius: 20px;
}

.mdb-modal .modal-dialog {
  max-width: 75rem;
}
.mdb-modal .modal-body {
  padding-top: 1.25rem;
}
.mdb-modal .modal-body .row {
  margin-left: 0;
  margin-right: 0;
}

.mdb-modal-alert-text {
  color: #e21b1b;
  font-weight: 600;
  line-height: 1.428572;
}

.mdb-modal-close-btn {
  font-size: 24px;
  font-weight: 600;
}

.mdb-modal-block div {
  line-height: 2.857144;
}
.mdb-modal-block + .mdb-modal-block {
  margin-top: 1rem;
}

.mdb-modal-temp-list {
  padding: 0;
}
.mdb-modal-temp-li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.mdb-modal-temp-head {
  margin: 0;
  padding-left: 10px;
}

.mdb-modal-over-box {
  position: relative;
}
.mdb-modal-over {
  margin-bottom: 0;
}
.mdb-modal-over.empty:before{
  position: absolute;
  top: 0;
  left: 0;
  content:"-";
  width:100%;
  height:100%;
  background-color:#fff;
}

.mdb-modal-file-input {
  display: inline-block;
  position: relative;
  margin-right: 1rem;
}
.mdb-modal-file-input > input {
  cursor: pointer;
}

.modal-footer-over-box {
  position: relative;
}

.modal-footer-over-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: .5rem .5rem .5rem 1.5rem;
  margin: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.428572;
  color: #e21b1b;
  font-weight: 700;
  background-color: #fff;
  border-radius: 20px;
  display: none;
}

.mdb-modal-fixed-table {
  table-layout: fixed;
  word-wrap: break-word;
}
.table.mdb-modal-fixed-table td:first-child, .table.mdb-modal-fixed-table th:first-child {
  padding-left: .75rem;
}
.table.mdb-modal-fixed-table td, .table.mdb-modal-fixed-table th {
  padding-left: .75rem;
  padding-right: .75rem;
}

.mdb-modal-btn {
  display: inline-block;
  margin: 0;
  padding: 2px 16px;
  border-radius: 8px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.428572;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 72px;
  height: 24px;
  color: #fff;
  background-color: #b5b3b3;
  border: 1px solid #b5b3b3;
}
.mdb-modal-btn:active, .mdb-modal-btn:focus, .mdb-modal-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #A9A7A7;
  border: 1px solid #A9A7A7;
}
.mdb-modal-btn.modal-submit {
  color: #fff;
  background-color: #009300;
  border: 1px solid #009300;
  margin-right: 1rem;
}
.mdb-modal-btn.modal-submit:active, .mdb-modal-btn.modal-submit:focus, .mdb-modal-btn.modal-submit:hover {
  color: #fff;
  text-decoration: none;
  background-color: #008400;
  border: 1px solid #008400;
}
.mdb-modal-btn.modal-submit:disabled {
  background-color: #b0b0b0;
  text-decoration: none;
  border: 1px solid #b0b0b0;
  cursor: default;
}
input.modal-delete {
  display: none;
}
input.modal-delete+label {
  position: relative;
}
input.modal-delete+label::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  content: attr(data-off-label);
  width: 100%;
  font-size: .875rem;
  color: #fff;
}
input.modal-delete:checked+label {
  background-color: #d4dffc;
  border: 1px solid #d4dffc;
}
input.modal-delete:checked+label::before {
  content: attr(data-on-label);
  color: #b5b3b3;
}
input.modal-delete:checked+label:active, input.modal-delete:checked+label:focus, input.modal-delete:checked+label:hover {
  background-color: #cad8fc;
  border: 1px solid #cad8fc;
}

.mdb-modal-block #all-on-1, .mdb-modal-block #all-off-1 {
  min-width: 10%;
  font-size: .875rem;
}
.mdb-modal-block .mdb-checkbox label, .mdb-modal-block .mdb-radiobox label {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.mdb-modal-block .mdb-meta-version-box {
  min-width: 20%;
  padding-right: 10px;
}
.mdb-modal-block .mdb-meta-version-box select {
  line-height: 1;
}
.mdb-modal-block .mdb-meta-version-box select:disabled {
  background-color: #eaeaea;
  border: 1px solid rgba(0,0,0,.42) !important;
}

.mdb-modal-left-block {
  padding-left: 0;
}
.mdb-modal-left-block > div {
  padding-left: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.mdb-modal-right-block {
  padding-right: 0;
}
.mdb-modal-right-block > div {
  padding-left: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.mdb-modal-block div.mdb-ok-text {
  color: #009300;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.428572;
}
.mdb-modal-block div.mdb-ng-text {
  color: #e21b1b;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.428572;
}

.mdb-pattern-select-box {
  display: flex;
  justify-content: space-between;
}
.mdb-pattern-select-box .mdb-pattern-select {
  width: 12%;
  line-height: 1;
}
.mdb-pattern-select-box .mdb-pattern-select > label, .mdb-pattern-select-box .mdb-pattern-select > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: .25rem 0;
  text-align: center;
  line-height: 1.2rem;
  font-size: 1rem;
  border: 1px solid #3f48cc;
  border-radius: 8px;
}
.mdb-pattern-select-box .mdb-pattern-select > label {
  color: inherit;
  cursor: pointer;
}
.mdb-pattern-select-box .mdb-pattern-select input[type="radio"]:checked + label {
  background-color: #cad8fc;
}
.mdb-pattern-select-box .mdb-pattern-select > a:hover {
  background-color: #cad8fc;
}
.mdb-pattern-select-box .mdb-pattern-select input[type="radio"]:disabled + label {
  background-color: #d6dce5;
}

.mdb-modal-option-row {
  margin: 0 20px 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.mdb-modal-option-row label {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.mdb-modal-option-row select {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.mdb-modal-option-row select:disabled {
  background-color: #eaeaea;
  border: 1px solid rgba(0,0,0,.42) !important;
}

.mdb-modal-option-row .mdb-option-btn {
  padding: .5rem 1.5rem .5rem .5rem;
  font-size: .9rem;
  background-color: #d6dce5;
  color: #797475;
  border-radius: 4px;
  border-width: 1px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.mdb-modal-option-row .mdb-option-btn:after {
  font-family: 'Material Icons';
  content: "\E145";
  position: absolute;
  margin-left: 5px;
}
.mdb-modal-option-row .mdb-option-btn.active:after {
  content: "\E15B";
}
.mdb-modal-option-head {
  display: block;
  text-align: center;
}
.mdb-modal-option-head > p {
  margin-bottom: 0;
  display: inline-block;
  text-align: left;
  min-width: 9em;
}

.mdb-modal-track-select {
  margin-bottom: .5rem;
}
.mdb-modal-track-select > div {
  display: inline-block;
}
.mdb-modal-track-select > div + div {
  margin-left: 12px;
}
.mdb-modal-track-select > div > select {
  font-size: .9rem;
  padding: .5rem 1.5em .5rem .5rem;
  width: 15em;
}

.mdb-modal-option-inner {
  padding: 0 20px 20px;
}

.mdb-modal-cp-check-group {
  margin-left: -20px;
}
.mdb-modal-cp-check-group > div {
  margin-left: 20px;
  white-space: nowrap;
  display: inline-block;
}

.mdb-modal-option-row .mdb-modal-ten-over-alert-box {
  display: inline-block;
  text-align: left;
}
.mdb-modal-option-row .mdb-modal-ten-over-alert-box > p {
  margin-bottom: .25rem;
}

.mdb-modal-option-row .mdb-modal-facebook-delivered-alert-box {
  display: inline-block;
  text-align: left;
}
.mdb-modal-option-row .mdb-modal-facebook-delivered-alert-box > p {
  margin-bottom: .25rem;
}

.mdb-modal-option-row .mdb-modal-set-price-box {
    width: auto;
    min-width: 30%;
}
.mdb-modal-option-row .mdb-modal-set-price-box:first-child {
    padding-right: 20px;
}
.mdb-modal-option-row .mdb-modal-set-price-box:last-child {
    padding-left: 20px;
}
.mdb-modal-set-price-box > div + div {
    margin-top: 1rem;
}
.mdb-modal-set-price-box input, .mdb-modal-set-price-box select {
    font-size: .9em;
}

.mdb-modal-loading-box {
  min-height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 詳細/編集画面で使用 */

.mdb-show-media {
  min-height: 500px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mdb-media-left-box {
  -ms-flex-item-align: center;
  align-self: center;
  width: 20%;
}
.mdb-media-left-box.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.mdb-img-text-box {
  display: table!important;
  table-layout: fixed;
  width: 100%;
  margin: 1rem 0;
}
.mdb-img-text-box .mdb-img-text {
  display: table-cell;
  width: 85%;
}
.mdb-img-text-box .mdb-img-text > p {
  word-break: break-word;
}
.mdb-img-text-box .mdb-album-lock {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.mdb-media-right-box {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: center;
  align-self: center;
  width: 80%;
  padding-left: 3rem;
}
.mdb-media-right-box.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.disc-change {
  cursor: pointer;
}

.mdb-track-list-table td {
  vertical-align: middle;
  padding: 0!important;
}

.mdb-audio-trial-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: .5rem 0 .5rem .5rem;
  min-height: 3rem;
}

.mdb-audio-trial-box.selected-clip {
  background-color: #EEFF11;
}

.mdb-audio-trial-box + .mdb-audio-trial-box {
  border-top: 1px solid #e1e1e1;
}

.mdb-audio-title {
  flex: 1;
  word-wrap: break-word;
}

.mdb-audio {
  width: 40%;
  display: flex;
}
.mdb-audio-text {
  width: 40%;
  text-align: center;
}

.mdb-audio-download {
  width: 15%;
  text-align: center;
}

.mdb-show-container.mdb-limit-width {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.mdb-show-container > .row {
  align-items: flex-end;
}
.mdb-show-container > .row.form-group {
  align-items: center;
  margin-bottom: 0;
}
.mdb-show-container label, .mdb-show-container input:not([type="submit"]), .mdb-show-container select, .mdb-show-container textarea {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  min-height: inherit;
}
.mdb-show-container input:disabled:not([type="submit"]), .mdb-show-container select:disabled {
  background-color: #eaeaea;
  border: 1px solid rgba(0,0,0,.42);
  border-radius: 3px;
  margin: -5px 0;
  padding: 5px;
}

.mdb-show-block + .mdb-show-block {
  margin-top: 3rem;
}

.mdb-col-6 {
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
}
.mdb-col-6 + .mdb-col-6 {
  margin-left: 4%;
}
.mdb-col-8 {
  -ms-flex: 0 066%;
  flex: 0 0 66%;
  max-width: 66%;
}
.mdb-col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row > .mdb-col-6 > div, .row > .mdb-col-8 > div, .row > .mdb-col-12 > div {
  margin: .5rem 0;
}
.row > .mdb-col-6 > div > p, .row > .mdb-col-8 > div > p, .row > .mdb-col-12 > div > p {
  font-size: .8125rem;
  font-weight: 400;
  height: 3rem;
  line-height: 1.428572;
  padding: .375rem .5rem;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
  vertical-align: middle;
}
.row.form-group > .mdb-col-6 > div > p, .row.form-group > .mdb-col-8 > div > p, .row.form-group > .mdb-col-12 > div > p {
  border-bottom: none;
  position: relative;
  padding-bottom: calc(.375rem + 1px);
}
.row.form-group > .mdb-col-6 > div > p > input, .row.form-group > .mdb-col-8 > div > p > input, .row.form-group > .mdb-col-12 > div > p > input,
.row.form-group > .mdb-col-6 > div > p > select, .row.form-group > .mdb-col-8 > div > p > select, .row.form-group > .mdb-col-12 > div > p > select,
.row.form-group > .mdb-col-6 > div > p > textarea, .row.form-group > .mdb-col-8 > div > p > textarea, .row.form-group > .mdb-col-12 > div > p > textarea {
  margin: -.375rem -6px
}
.row.form-group > .mdb-col-6 > div > p.mdb-checkbox > label, .row.form-group > .mdb-col-8 > div > p.mdb-checkbox > label, .row.form-group > .mdb-col-12 > div > p.mdb-checkbox > label {
  margin-left: -5px;
}

.row.form-group > .mdb-col-6 > div > p.d-table-cell > span.form-memo, .row.form-group > .mdb-col-8 > div > p.d-table-cell > span.form-memo, .row.form-group > .mdb-col-12 > div > p.d-table-cell > span.form-memo {
  color: #e21b1b;
}

.mdb-col-12 > .mdb-one-block {
  width: 100%;
}
.mdb-col-12 > .mdb-one-block > p:first-child {
  width: 20%;
}
.mdb-col-12 > .mdb-one-block > p:last-child {
  width: 80%;
}

.row.form-group .mdb-col-6 .invalid-tooltip, .row.form-group .mdb-col-8 .invalid-tooltip, .row.form-group .mdb-col-12 .invalid-tooltip {
  margin-top: -5px;
  margin-left: -5px
}

.error_messages_box {
  text-align: center;
  color: #e21b1b;
  font-weight: 700;
  margin-top: 1rem;
}

.mdb-img-label {
  cursor: pointer;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.mdb-img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: unset;
}
.mdb-img-overlay:hover {
  background-color: rgba(0, 0, 0, .3);
  transition: all 0.2s ease-in-out;
}
.mdb-img-overlay span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mdb-img-overlay i {
  color: #fff;
  font-size: 5em;
  opacity: 0;
}
.mdb-img-label:hover i {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.mdb-cp-associations_title {
  padding-left: calc(.5rem + 20px);
  margin-top: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
}

/* 販売情報の表示で使用 */
.mdb-discon-comment {
  color: #e21b1b;
  font-weight: 600;
}
.mdb-discon-comment::before {
  content: "※";
}

.mdb-discon-comment-box {
  display: flex;
  color: #e21b1b;
  font-weight: 600;
  margin: .5rem 0;
}

/* 詳細ページのリスト表示 */
.mdb-check-list, .mdb-check-list:last-child {
  border-top: 1px solid rgba(0,0,0,.12);
  transform: scale(1);
}
.mdb-status-list, .mdb-others-list {
  border-bottom: 1px solid rgba(0,0,0,.42);
  transform: scale(1);
}
.mdb-price-li, .mdb-check-li, .mdb-status-li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  overflow-wrap: break-word;
}

#mdb-sales-box table {
  table-layout: fixed;
}
#mdb-sales-box table th, #mdb-sales-box table td {
  text-align: center;
  word-break: break-word;
  padding-left: 0;
  padding-right: 0;
}

#mdb-sales-box tr, #mdb-sales-box th, #mdb-sales-box td{
  border-top: 1px solid #e1e1e1;
  box-sizing: border-box;
  transform: scale(1);
}

/* 販売情報ページのリスト */
.mdb-price-li {
  min-height: 4rem;
}
.mdb-price-li > div {
  position: relative;
}

/* 配信チェックページのリスト */
.mdb-check-li > div {
  display: inline-block;
  font-size: .8125rem;
  font-weight: 400;
  min-height: 3rem;
  line-height: 1.428572;
  padding: .919643rem 1.75rem;
}
.mdb-check-li .mdb-check-text {
  margin-top: 3px;
  margin-bottom: 3px;
}
.mdb-check {
  display: inline-block;
}
.mdb-check + .mdb-check {
  margin-left: 1rem;
}
.check-ok + label, .check-ng + label {
  display: inline-block;
  margin: 0;
  padding: 2px 16px;
  border-radius: 8px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.428572;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  width: 72px;
  height: 24px;
  color: #fff;
  background-color: #b5b3b3;
  border: 1px solid #b5b3b3;
}
.check-ok:checked + label {
  background-color: #009300;
  border: 1px solid #009300;
}
.check-ng:checked + label {
  background-color: #e21b1b;
  border: 1px solid #e21b1b;
}

.mdb-title-block.ng-text {
    color: #e21b1b;
}

/* ステータス調査ページのリスト */
.mdb-status-li > div {
  display: inline-block;
  font-size: .8125rem;
  font-weight: 400;
  min-height: 3rem;
  line-height: 1.428572;
  padding: .919643rem 0;
  text-align: center;
}
.mdb-area-card {
  display: none;
  border-top: 1px solid rgba(0,0,0,.42)!important;
}

/* ボタン系 */
.mdb-show-btn {
  display: inline-block;
  margin: 0;
  padding: 2px 16px;
  border-radius: 8px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.428572;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  color: #b5b3b3;
  background-color: #d4dffc;
  border: 1px solid #d4dffc;
}
.mdb-show-btn:active, .mdb-show-btn:focus, .mdb-show-btn:hover {
  color: #b5b3b3;
  text-decoration: none;
  background-color: #cad8fc;
  border: 1px solid #cad8fc;
}
.mdb-show-btn.submit {
  color: #fff;
  background-color: #009300;
  border: 1px solid #009300;
  margin-right: 1rem;
}
.mdb-show-btn.submit:active, .mdb-show-btn.submit:focus, .mdb-show-btn.submit:hover {
  color: #fff;
  text-decoration: none;
  background-color: #008400;
  border: 1px solid #008400;
}

.mdb-show-btn:disabled {
  background-color: #e0e0e0;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  cursor: default;
}
.mdb-show-btn:disabled:hover {
  background-color: #e0e0e0;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  cursor: default;
}

/* 小さめバージョン */
.mdb-show-btn.small {
  font-size: initial;
}

/* もっと小さめバージョン */
.mdb-show-btn.xsmall {
  font-size: 0.8rem;
}

/* 画面上部に戻るボタン */
.mdb-top-btn {
  position: fixed;
  bottom: 5px;
  right: 5px;
  opacity: 0.7;
  display: none;
}

.modal-top-btn {
  position: sticky;
  bottom: 5px;
  margin-left: 96%;
  opacity: 0.7;
  display: none;
}

/* チェックボックス系 */
.mdb-checkbox input {
  display: none;
}
.mdb-checkbox label {
  position: relative;
  padding-left: 19px;
  display: inline;
  cursor: pointer;
}
.mdb-checkbox label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0,0,0,.87);
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.mdb-checkbox input:checked + label::after {
  display: block;
  position: absolute;
  top: 0;
  left: 2px;
  width: 14px;
  height: 8px;
  border-left: 3px solid rgba(0,0,0,.87);
  border-bottom: 3px solid rgba(0,0,0,.87);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdb-checkbox input:disabled + label::before {
  background-color: #eaeaea;
  cursor: default;
}
.mdb-checkbox input:checked:disabled + label::after {
  border-left: 3px solid rgba(0,0,0,.87);
  border-bottom: 3px solid rgba(0,0,0,.87);
}

/* ラジオボタン系 */
.mdb-radiobox input {
  display: none;
}
.mdb-radiobox label {
  position: relative;
  padding-left: 19px;
  display: inline;
  cursor: pointer;
}
.mdb-radiobox label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0,0,0,.87);
  border-radius: 50%;
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.mdb-radiobox input:checked + label::after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: rgba(0,0,0,.87);
  content: "";
  border-radius: 50%;
}
.mdb-radiobox input:disabled + label::before {
  background: #eaeaea;
  cursor: default;
}

/* 販売情報ページ ナビゲーション */
.mdb-prices-nav {
  display: inline;
  font-size: 1.25rem;
}
.mdb-prices-nav + .mdb-prices-nav {
  margin-left: 12px;
}
.mdb-prices-nav.active {
  font-weight: 600;
}

.mdb-prices-type-change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  line-height: 1;
  min-height: 2rem;
  text-align: center;
  border: 1px solid #b5b3b3;
  cursor: pointer;
}
.mdb-prices-type-change.active {
  background-color: #d4dffc;
  cursor: default;
}

.mdb-others-list > .mdb-price-li {
  display: flex;
  justify-content: space-between;
}

/* ステータス調査 適用ブロック */
.mdb-type-change {
  line-height: 1.428572;
  padding: 1rem 1.5rem;
  cursor: pointer;
}
.mdb-type-change.active {
  font-weight: 600;
  cursor: default;
}
.mdb-apply-box {
  padding: 1rem 5rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0,0,0,.42);
  transform: scale(1);
}
.mdb-apply-btn {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

/* パンくず下navigation */
.mdb-upper-menu {
  margin-top: 1rem;
  padding-left: 20px;
}
.mdb-upper-menu ul li.list-inline-item {
  margin-right: 1.5rem !important;
}
.mdb-upper-menu ul li.list-inline-item.active {
  font-weight: bold;
}
.mdb-upper-menu ul li.list-inline-item:before {
  content: "▶︎";
  margin-right: 5px;
}
.mdb-upper-menu ul li.list-inline-item.icon:before {
  content: none;
}

/* 配信チェック ナビゲーション */
.mdb-swiper-container {
  overflow: hidden;
  left: 0;
  z-index: 50;
  width: 100%;
  padding-bottom: 16px;
}
.mdb-swiper-wrapper {
  align-items: flex-end;
}
.mdb-swiper-slide {
  width: 300px;
  line-height: 1;
  min-height: 2rem;
  text-align: center;
  border: 1px solid #b5b3b3;
  display: flex;
  align-items: center;
}
.mdb-swiper-slide > a {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 4px 4px;
  word-break: break-word;
}
.mdb-swiper-slide.mdb-swiper-slide-active {
  background-color: #d4dffc;
}

.mdb-swiper-pagination.swiper-pagination-progressbar {
  top: auto;
  bottom: 0;
  height: 8px;
  border-radius: 16px;
  overflow: hidden;
}
.mdb-swiper-pagination .swiper-pagination-progressbar-fill {
  background: #000;
  border-radius: 16px;
}

/* 販売情報編集ページ */
.mdb-package-sales-checkbox {
  margin: 1.5rem 0 .75rem 1.55rem;
}
.mdb-package-sales-checkbox label {
  color: rgba(0,0,0,.87);
  font-size: 1rem;
  padding-left: 24px;
}
.mdb-package-sales-checkbox label::before {
  width: 18px;
  height: 18px;
}
.mdb-package-sales-checkbox input:checked + label::after {
  width: 18px;
  height: 10px;
  border-left: 4px solid rgba(0,0,0,.87);
  border-bottom: 4px solid rgba(0,0,0,.87);
}

.mdb-price-cp-box {
  padding: 1.5rem .5rem 1rem;
}

.mdb-cp-check-group {
  margin-left: -15px;
  padding: .25rem 0;
}

.mdb-cp-check-group > div {
  margin-left: 15px;
  padding: .25rem 0;
  white-space: nowrap
}

.mdb-bottom-fixed {
  position: fixed;
  bottom: 0;
  width: calc(100% - 292px);
  z-index: 250;
  padding: 1.5rem 0;
  background-color: #fff;
  border-top: 3px solid rgba(0,0,0,.42);
}

.mdb-bottom-action {
  position: absolute;
  right: 20px;
}
.mdb-bottom-action .mdb-button-head {
  text-align: center;
  height: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.mdb-bottom-action button {
  font-size: 1rem;
}

.mdb-area-check-box {
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0 2px;
}
.mdb-area-check + .mdb-area-check {
  margin-left: 16px;
}
.mdb-area-check input {
  display: none;
}
.mdb-area-check label {
  padding: 2px 16px;
  border-radius: 4px;
  font-weight: 400;
  line-height: 1.428572;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  color: rgba(0,0,0,.87);
  border: 1px solid #b5b3b3;
}
.mdb-area-check input:checked + label {
  background-color: #d4dffc;
}
.mdb-area-check input:disabled + label {
  background-color: #eaeaea;
  cursor: default;
}
.mdb-area-check input:not([disabled]) + label:hover {
  border: 1px solid rgba(0,0,0,.42);
}

/* 承認一覧ページ */
.open-approval-modal {
  cursor: pointer;
}

.head-border {
  display: flex;
  align-items: center;
}

.head-border:before,
.head-border:after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: rgba(0,0,0,.87)
}

.head-border:before {
  margin-right: 0.8rem;
}

.head-border:after {
  margin-left: 0.8rem;
}

/* 配信データ出力ページ */
.mdb-meta-li + .mdb-meta-li {
  margin-top: 5rem;
}

.mdb-meta-checkbox-td {
  width: 4%;
  border-right: 1px solid #e1e1e1;
  box-sizing: border-box;
}

.mdb-meta-name-box {
  display: flex;
  justify-content: space-around;
  position: relative;
}
.mdb-meta-name-box > div {
  width: calc(25% - 6px);
}
.mdb-meta-name-box > div:nth-child(2) {
  width: calc(50% - 6px);
  font-weight: 600;
}

.mdb-meta-accordion {
  text-align: center;
  cursor: pointer;
  background-color: #d8d8d8;
  padding: 12px 0;
}

.mdb-disk-table + .mdb-disk-table, .mdb-track-table-li + .mdb-track-table-li {
  border-top: 1px solid #e1e1e1;
}
table.table.mdb-track-table {
  border-top: none;
}

/* スクロール有table */
.table-responsive table {
  max-width: unset;
  width: max-content;
}

/* ユーザ情報 */

.mdb-new-icon {
  display: inline-block;
  font-size: .875rem;
  line-height: 1;
  padding: .6875rem 1rem;
}
.mdb-new-icon > i {
  margin-right: .5rem;
}

.mdb-link-btn {
  margin: 0 0 0 auto;
  background-color: transparent;
  background-image: none;
  border: 0;
  cursor: pointer;
  font-weight: 600;
}
.mdb-link-btn:focus{
  outline: none;
}

/* ロール画面*/
.mdb-role-name-box {
  display: flex;
  justify-content: space-between;
}
.mdb-role-name-box > div {
  width: 100%;
  max-width: 40%;
}
.mdb-role-name-box > div > p:first-child {
  width: 1%;
  white-space: nowrap;
}

/* お知らせ情報 */
.mdb-weight-tr th, .mdb-weight-tr td {
  font-weight: 600 !important;
}

i.mdb-check-ok {
  color: #009300;
}
i.mdb-check-ng {
  color: #e21b1b;
}

#mdb-notice-modal .row {
  line-height: 3rem;
}

.mdb-notice-title {
  color: #FFFFFF;
  height: 2.5rem;
  line-height: 3;
  padding-left: 20px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.12), 0 1px 10px 0 rgba(0,0,0,.2);
}
.mdb-notice-title.mdb-success {
  background-color: #089f19;
}
.mdb-notice-title.mdb-fail {
  background-color: #ee352e;
}

.mdb-notice-cnt-box {
  display: inline-block;
  border-bottom: 1px solid rgba(0,0,0,.42);
}
.mdb-notice-cnt-box div {
  display: inline;
  padding: .419643rem .5rem;
}
.mdb-notice-cnt-box div span:last-child::before {
  content: "：";
}

.mdb-notice-message {
  margin-bottom: 0;
  line-height: 1.2rem;
  display: flex;
}
.mdb-notice-message + .mdb-notice-message {
  margin-top: .5rem;
}
.mdb-notice-message > div {
  display: inline-block;
}

.mdb-notice-table td {
  vertical-align: middle!important;
  word-break: break-word;
}
.mdb-notice-table tr:last-child td {
  border-bottom: 1px solid #e1e1e1;
}

.mdb-notice-success {
  color: #089f19;
}
.mdb-notice-warning {
  color: #ff8c00;
}
.mdb-notice-error {
  color: #ee352e;
}

.mdb-bullet::after {
  content: "・";
}

.mdb-fatal-error-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
}
.mdb-fatal-error-row > div {
  min-height: 3rem;
  padding: .919643rem 1.75rem;
  word-break: break-word;
}
.mdb-fatal-error-row > div:first-child {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}
.mdb-fatal-error-row > div:last-child {
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
.mdb-fatal-error-row > div.mdb-fatal-error-header {
  color: rgba(0,0,0,0.54);
  font-size: .75rem;
  font-weight: 500;
  height: 3.5rem;
  padding: 1.214285rem 1.75rem;
  line-height: 1.428572;
  vertical-align: top;
}
.mdb-fatal-error-row > div.mdb-fatal-error-icon {
  font-size: .8125rem;
  font-weight: 400;
  text-align: center;
}
.mdb-fatal-error-row > div.mdb-fatal-error-text {
  font-weight: 600;
}

/* 会社情報 */
.mdb-provider-site-text {
  text-align: center;
  margin-bottom: 0;
  padding : 1rem .25rem;
}
.mdb-provider-site-text i {
  cursor: pointer;
}

.mdb-modal-area-list {
  align-items: center;
}
.mdb-modal-area-list > div {
  text-align: center;
  line-height: 1.428572;
  margin: 1rem 0;
}

#sidemenuCollapseTwo .nav-link {
  white-space: normal;
}

/* サイドメニュー 受託レーベル区切り罫線 */
#sidemenuCollapseTwo hr {
  border: none;
  border-top: 1px dashed rgba(0,0,0,.42)!important;
}

/* レポート登録状況の小計行系 */
.summary-row > td {
    font-weight: bold!important;
}

/* 受託レーベル通知の確認画面（メール本文） */
.text-preview > p {
    line-height: 1.428572;
    margin-top: 1rem
}

/* YouTube AVOD実績データ管理 付与DPID検索の一覧画面 */
.mdb-ellipsis-fixed-table {
  table-layout: fixed;
  width: 100%!important;
}
.mdb-ellipsis-fixed-table .ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ソート可能なテーブルヘッダー */
.mdb-sortable-header {
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
}
.mdb-sortable-header:hover {
  background-color: #e8eaf6;
}
.mdb-sort-icon {
  font-size: 14px;
  vertical-align: middle;
  margin-left: 2px;
}
.mdb-sort-icon-inactive {
  opacity: 0.3;
}
.mdb-sortable-header:hover .mdb-sort-icon-inactive {
  opacity: 0.6;
}