@charset "euc-jp";
/*-----------------------------
料金説明ページと購入金額選択ページで共通の表のcss
------------------------------*/

/***** チャット中のポイント表 *****/
.chat-point-table-wrap:not(:last-of-type) {
  width: 100%;
  margin: 15px 0 30px;
  overflow-x: scroll;
}

.chat-point-table-wrap:last-of-type {
  width: 100%;
  margin: 15px 0;
  overflow-x: scroll;
}

.chat-point-table-wrap::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.chat-point-table-wrap::-webkit-scrollbar-track {
  background: #fcfcfc;
}

.chat-point-table-wrap::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgba(154, 0, 116, 0.3);
}

.chat-point-table {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
  border-collapse: collapse;
  text-align: center;
  letter-spacing: initial;
  vertical-align: middle;
}

.chat-point-table.is_present {
  width: 1102px;
}

.chat-point-table-row {
  vertical-align: middle;
}

.chat-point-table-row-head {
  box-sizing: border-box;
  min-width: 104px;
  padding: 12px 0;
  background-color: #ab48a2;
  border-right: 2px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  vertical-align: middle;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
}

.chat-point-table .chat-point-table-row-head:first-child {
  width: 130px;
  background-color: #cccccc;
  color: #333333;
}

.chat-point-table-row-head:last-child {
  border-right: initial;
}

.chat-point-table-row-head.is_party {
  background-color: #dc3f8d;
}

.chat-point-table-row-head.is_2shot {
  background-color: #8843e2;
}

.chat-point-table-row-head.is_ds {
  background-color: #009ab5;
}

.chat-point-table.is_mail .chat-point-table-row-head,
.chat-point-table.is_present .chat-point-table-row-head {
  border-bottom: 2px solid #ffffff;
}

.chat-point-table-row-data {
  box-sizing: border-box;
  min-width: 108px;
  padding: 12px 0;
  background-color: #fdeefc;
  border-right: 2px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ab48a2;
}

.chat-point-table-row-data:last-child {
  border-right: initial;
}

.chat-point-table-row-data.is_party {
  background-color: #f3e5f4;
  color: #dc3f8d;
}

.chat-point-table-row-data.is_2shot {
  background-color: #f7efff;
  color: #8843e2;
}

.chat-point-table-row-data.is_ds {
  background-color: #e6fcff;
  color: #009ab5;
}

.chat-point-table.is_mail .chat-point-table-row-data,
.chat-point-table.is_present .chat-point-table-row-data {
  border-bottom: 2px solid #ffffff;
}


/* 最初の行 */
.chat-point-table-row:first-of-type .chat-point-table-row-head:first-child {
  border-top-left-radius: 5px;
}

.chat-point-table-row:first-of-type .chat-point-table-row-head:last-child {
  border-top-right-radius: 5px;
}

.chat-point-table-row:first-of-type .chat-point-table-row-data:last-child {
  border-top-right-radius: 5px;
}


/* 最終行 */
.chat-point-table-row:last-of-type .chat-point-table-row-head,
.chat-point-table-row:last-of-type .chat-point-table-row-data {
  border-bottom: initial;
}

.chat-point-table-row:last-of-type .chat-point-table-row-head:first-child {
  border-bottom-left-radius: 5px;
}

.chat-point-table-row:last-of-type .chat-point-table-row-data:last-child {
  border-bottom-right-radius: 5px;
}



/***** 通常の表 *****/
.table {
  box-sizing: border-box;
  width: 100%;
  margin: 5px 0 15px;
  padding: 0;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
}

.table-row {
  vertical-align: middle;
}

.table-row-head {
  box-sizing: border-box;
  padding: 12px 0;
  background-color: #ab48a2;
  border-right: 5px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  vertical-align: middle;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
}

.table-row-head:first-child {
  width: 130px;
  background-color: #cccccc;
  color: #333333;
}

.table-row-head:last-child {
  border-right: initial;
}

.table-row-data {
  box-sizing: border-box;
  padding: 12px 0;
  background-color: #fdeefc;
  border-right: 5px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ab48a2;
}

.table-row-data:last-child {
  border-right: initial;
}

.table-row-data__link {
  word-break: break-all;
}

.table-row-data__link:hover {
  text-decoration: underline;
}



/***** ペイディ支払い方法表 *****/
.table.is_paidy .table-row-head:first-child {
  width: 110px;
}

.table.is_paidy .table-row-data {
  width: 160px;
  padding: 12px 6px;
}



/***** 問い合わせ表 *****/
.table.is_contact .table-row-head:first-child {
  width: 130px;
}

.table.is_contact .table-row-data {
  padding: 12px 6px;
}



/***** 銀行口座表 *****/
.table.is_bank-account .table-row-head {
  width: 212px;
}

.table.is_bank-account .table-row-head:first-child {
  width: 130px;
}

.table.is_bank-account .table-row-head.is_paypay-bank {
  background-color: #ff0033;
}

.table.is_bank-account .table-row-head.is_rakuten-bank {
  background-color: #bf0000;
}

.table.is_bank-account .table-row-head.is_jp-bank {
  background-color: #009900;
}

.table.is_bank-account .table-row-data.is_paypay-bank {
  background-color: #ffe9ed;
  color: #ff0033;
}

.table.is_bank-account .table-row-data.is_rakuten-bank {
  background-color: #fce6e6;
  color: #bf0000;
}

.table.is_bank-account .table-row-data.is_jp-bank {
  background-color: #e5f8e5;
  color: #009900;
}


/* 最初の行 */
.table-row:first-of-type .table-row-head:first-child {
  border-top-left-radius: 5px;
}

.table-row:first-of-type .table-row-head:last-child {
  border-top-right-radius: 5px;
}

.table-row:first-of-type .table-row-data:last-child {
  border-top-right-radius: 5px;
}


/* 最終行 */
.table-row:last-of-type .table-row-head,
.table-row:last-of-type .table-row-data {
  border-bottom: initial;
}

.table-row:last-of-type .table-row-head:first-child {
  border-bottom-left-radius: 5px;
}

.table-row:last-of-type .table-row-data:last-child {
  border-bottom-right-radius: 5px;
}



/***** 利用時間目安表 *****/
.point-table {
  box-sizing: border-box;
  width: 100%;
  margin: 5px 0 15px;
  padding: 0;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
}

.point-table-row {
  vertical-align: middle;
}

.point-table-row-head {
  box-sizing: border-box;
  min-width: 104px;
  padding: 12px 0;
  background-color: #ab48a2;
  border-right: 2px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  vertical-align: middle;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
}

.point-table-row-head:first-child {
  width: 130px;
  background-color: #cccccc;
  color: #333333;
}

.point-table-row-head:last-child {
  border-right: initial;
}

.point-table-row-head.is_party {
  background-color: #dc3f8d;
}

.point-table-row-head.is_2shot {
  background-color: #8843e2;
}

.point-table-row-head.is_ds {
  background-color: #009ab5;
}

.point-table-row-data {
  box-sizing: border-box;
  min-width: 108px;
  padding: 12px 0;
  background-color: #fdeefc;
  border-right: 2px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ab48a2;
}

.point-table-row-data:last-child {
  border-right: initial;
}

.point-table-row-data.is_party {
  background-color: #f3e5f4;
  color: #dc3f8d;
}

.point-table-row-data.is_2shot {
  background-color: #f7efff;
  color: #8843e2;
}

.point-table-row-data.is_ds {
  background-color: #e6fcff;
  color: #009ab5;
}


/* 最初の行 */
.point-table-row:first-of-type .point-table-row-head:first-child {
  border-top-left-radius: 5px;
}

.point-table-row:first-of-type .point-table-row-head:last-child {
  border-top-right-radius: 5px;
}

.point-table-row:first-of-type .point-table-row-data:last-child {
  border-top-right-radius: 5px;
}


/* 最終行 */
.point-table-row:last-of-type .point-table-row-head,
.point-table-row:last-of-type .point-table-row-data {
  border-bottom: initial;
}

.point-table-row:last-of-type .point-table-row-head:first-child {
  border-bottom-left-radius: 5px;
}

.point-table-row:last-of-type .point-table-row-data:last-child {
  border-bottom-right-radius: 5px;
}



/********** 購入金額選択ページ **********/
.point-select .table,
.point-select .point-table {
  width: 656px;
}

.point-select .table.is_bank .table-row-head {
  width: 175px;
}

.point-select .table.is_bank .table-row-head:first-child {
  width: 130px;
}