.ngdialog-partnership-page .ngdialog__content,
.ngdialog-faq-page .ngdialog__content,
.ngdialog-inquiry-page .ngdialog__content,
.ngdialog-directmessage-page .ngdialog__content,
.ngdialog-notice-page .ngdialog__content,
.ngdialog-promotion-page .ngdialog__content {
  background: #009FE3;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
}

.ngdialog-partnership-page .ngdialog__content form,
.ngdialog-inquiry-page .ngdialog__content form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
}

.ngdialog-partnership-page .ngdialog__content form fieldset label,
.ngdialog-inquiry-page .ngdialog__content form fieldset label {
  margin: 0;
  padding: 0 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
}

.customer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow-x: scroll;
}

.comment-box.reply {
  margin-left: 15px;
}

.customer .lists__content {
  padding: 20px;
  border: 1px solid #39BAF2;
  background: #0082BA;
}

.customer .lists__content ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.customer .lists__content ul > li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  flex-wrap: wrap;
  word-break: break-word;
  margin: 0;
}

.customer .lists__content ul > li.dm-content {
  gap: 0;
}

.customer .lists__content ul > li.dm-content.openDM {
  border-top: 1px solid #39BAF2;
  padding: 10px 0 0;
  margin: 10px 0 0;
}

.customer .lists__content ul > li.dm-content::-webkit-scrollbar {
  display: none;
}

.customer .lists__content ul > li > hr {
  width: 100%;
  border-color: #39BAF2;
}

.inquiry {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
}

.inquiry .customer,
.ngdialog-directmessage-page .customer {
  gap: 10px;
}

/*-------*/
.panel.panel-primary {
  margin: 0;
  background: none;
  border: 0;
}

.panel-primary>.panel-heading {
  background: #0D3647;
  border: 0;
  border-radius: 0;
  padding: 15px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.panel-heading .panel-title {
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
}

.panel-body {
  border-bottom: 1px solid #39BAF2;
  background: #0082BA;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
}

.customer .customer-content {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  border-bottom: 1px solid #39BAF2;
}

.customer .customer__content__title {
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customer .customer-content:nth-of-type(odd),
.customer.openedComment .customer-content:nth-of-type(even) {
  background: #0082BA;
}

.customer.openedComment .customer-content:nth-of-type(odd) {
  background: transparent;
}

.comment-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.comment-box__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px;
  border-bottom: 1px solid #39BAF2;
  background: #0D3647;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  flex-wrap: wrap;
  word-break: break-word;
}

.comment-box__header .comment-box__date {
  color: rgba(255, 255, 255, 0.70);
}

.comment-box__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 10px;
  border-bottom: 1px solid #39BAF2;
  background: #0082BA;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  word-break: break-all;
  overflow-x: hidden;
}

.comment-box__content * {
  margin: 0;
}

.comment-box__content .comment-box__date {
  color: rgba(255, 255, 255, 0.70);
}

.dm-content {
  word-break: break-all;
  overflow-x: auto;
  margin-top: 10px;
}

.dm-content span>br {
  display: none;
}

/* pagination */
.pagination-items {
  display: block;
}

.ngdialog-faq-page ul.pagination,
.ngdialog-inquiry-page ul.pagination,
.ngdialog-notice-page ul.pagination,
.ngdialog-promotion-page ul.pagination,
.ngdialog-directmessage-page ul.pagination {
  width: 100%;
  background: none;
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ngdialog-faq-page ul.pagination li,
.ngdialog-inquiry-page ul.pagination li,
.ngdialog-notice-page ul.pagination li,
.ngdialog-promotion-page ul.pagination li,
.ngdialog-directmessage-page ul.pagination li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ngdialog-faq-page ul.pagination li:first-child,
.ngdialog-faq-page ul.pagination li:last-child,
.ngdialog-inquiry-page ul.pagination li:first-child,
.ngdialog-inquiry-page ul.pagination li:last-child,
.ngdialog-notice-page ul.pagination li:first-child,
.ngdialog-notice-page ul.pagination li:last-child,
.ngdialog-promotion-page ul.pagination li:first-child,
.ngdialog-promotion-page ul.pagination li:last-child,
.ngdialog-directmessage-page ul.pagination li:first-child,
.ngdialog-directmessage-page ul.pagination li:last-child  {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.ngdialog-faq-page ul.pagination li:hover,
.ngdialog-inquiry-page ul.pagination li:hover,
.ngdialog-notice-page ul.pagination li:hover,
.ngdialog-promotion-page ul.pagination li:hover,
.ngdialog-directmessage-page ul.pagination li:hover {
  background: none;
}

.ngdialog-faq-page ul.pagination li > a,
.ngdialog-inquiry-page ul.pagination li > a,
.ngdialog-notice-page ul.pagination li > a,
.ngdialog-promotion-page ul.pagination li > a,
.ngdialog-directmessage-page ul.pagination li > a {
  width: 34px;
  height: 30px;
  padding: 7px 12px;
  font-weight: 700;
  font-size: 12px;
  color: #FFFFFF;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #39BAF2;
  background: #00648F;
  border-radius: 0;
}

.ngdialog-faq-page ul.pagination > .active > a,
.ngdialog-faq-page ul.pagination > .active > a:hover,
.ngdialog-inquiry-page ul.pagination > .active > a,
.ngdialog-inquiry-page ul.pagination > .active > a:hover,
.ngdialog-notice-page ul.pagination > .active > a,
.ngdialog-notice-page ul.pagination > .active > a:hover,
.ngdialog-promotion-page ul.pagination > .active > a,
.ngdialog-promotion-page ul.pagination > .active > a:hover,
.ngdialog-directmessage-page ul.pagination > .active > a,
.ngdialog-directmessage-page ul.pagination > .active > a:hover {
  background: linear-gradient(180deg, #FA57CC 0%, #F444B8 34.9%, #E51E8D 67.19%, #E51E8D 83.33%, #BB116D 100%);
}

.ngdialog-faq-page ul.pagination li.disabled > a,
.ngdialog-inquiry-page ul.pagination li.disabled > a {

}

.ngdialog-faq-page ul.pagination li:nth-child(1) > a::after,
.ngdialog-inquiry-page ul.pagination li:nth-child(1) > a::after,
.ngdialog-notice-page ul.pagination li:nth-child(1) > a::after,
.ngdialog-promotion-page ul.pagination li:nth-child(1) > a::after,
.ngdialog-directmessage-page ul.pagination li:nth-child(1) > a::after {
  display: none;
}

.ngdialog-faq-page ul.pagination li:last-child > a::after,
.ngdialog-inquiry-page ul.pagination li:last-child > a::after,
.ngdialog-notice-page ul.pagination li:last-child > a::after,
.ngdialog-promotion-page ul.pagination li:last-child > a::after,
.ngdialog-directmessage-page ul.pagination li:last-child > a::after {
  display: none;
}

.currencyConvertedContainer-ja_jp{
  white-space: nowrap;
}

.currencyConvertedContainer-ja_jp .amount-converted{
  font-size: 12px;
}