@charset "UTF-8";
:root {
  --primary: #61C0BF;
  --secondary: #BBDED6;
  --tertiary: #FAE3D9;
  --annotations: #FFB6B9;
  --font: #333333;
}

/* 商品画像のサイズ */
.pro-img-size {
  width: 50px;
  height: 34px;
}

table a,
a.contact-us {
  color: var(--primary);
  text-decoration: none;
  cursor: pointer;
}

table a:hover,
table a b:hover,
a.contact-us:hover {
  color: var(--secondary);
}

/* 自己紹介文 */
.profile-message {
  width: 100%;
  color: var(--font);
  background: rgba(255, 255, 255, 0.3);
  resize: none;
  overflow: hidden;
}

/* 統計情報 */
.user-statistics {
  background-color: #fafafa;
  padding: 50px 0;
}

/* 出品一覧・購入履歴等のコンテンツ背景（テーマの薄紫を除去） */
.tab-content.buy-section {
  background-color: transparent;
}

/* ホバー時のモーダル表示のテキスト色 */
a.purchase-detail-modal:hover {
  color: var(--primary);
}

.table-layout-auto {
  table-layout: auto;
}

/********** my_XX_detailのモーダル **********/
/* 注文ID、注文日時、商品名、都道府県の色 */
#modal_order_id,
#modal_contact_code,
#modal_order_date,
#modal_author_prefecture,
#modal_product_name {
  color: var(--font) !important;
}

/* 出品者名 */
#modal_author_name {
  color: var(--primary);
  font-size: 36px;
  font-weight: 600;
  text-decoration: none;
}

#modal_author_name:hover {
  color: var(--secondary);
}

/* 出品者画像 */
#modal_author_image {
  min-height: 100%;
  width: auto;
}

/* 退会ボタン */
.withdrawal-btn {
  display: block;
  width: 30%;
  margin: 0 auto;
  font-size: 16px;
}

/********** ダッシュボード **********/
/* パネルヘッダーの背景色 */
div.panel-heading {
  background: var(--font);
}

/* キャンセル理由モーダル */
.custom-box {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 20px;
}

/********** 購入履歴 **********/
/* モーダルを表示しない場合 */
a.noClick {
  pointer-events: none;
}