@charset "utf-8";

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

input[type="number"] {
	text-align: right !important;
}

tfoot[class~="sticky-bottom"] > * > * {
	border-bottom-width: 0;
}

th[scope="row"] {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff; /* 見出しの背景色が見えるように */
}

/* 買取の商品テーブルの各列 */
/* 金種名 */
.metal_col_itemName {
	text-align: right !important;
	vertical-align: middle !important;
}
/* 品名 */
.metal_col_note {
	vertical-align: middle !important;
}
/* 重量 */
.metal_col_value {
	width: 6.3em;
	vertical-align: middle !important;
}
/* 重量単位 */
.metal_col_valueUnit {
	width: 2%;
	vertical-align: middle !important;
}

/* # */
.diamond_col_no,.watch_col_no,.brand_col_no,.jewelry_col_no,.token_col_no,.auction_col_no,.other_col_no {
	width: 2%;
	text-align: center !important;
	vertical-align: middle !important;
}
/* まとめ */
.diamond_col_bundle,.watch_col_bundle,.brand_col_bundle,.jewelry_col_bundle,.token_col_bundle,.auction_col_bundle,.other_col_bundle {
	width: 3%;
	text-align: center !important;
	vertical-align: middle !important;
}
/* 数量 */
diamond_col_amount,.watch_col_amount,.brand_col_amount,.jewelry_col_amount,.token_col_amount,.auction_col_amount,.other_col_amount {
	width: 5%;
	min-width: 75px;
}
/* 買取価格 */
.diamond_col_buy,.watch_col_buy,.brand_col_buy,.jewelry_col_buy,.token_col_buy,.auction_col_buy,.other_col_buy {
	width: 8%;
	min-width: 150px;
}
/* 流し予想 */
.diamond_col_sell,.watch_col_sell,.brand_col_sell,.jewelry_col_sell,.token_col_sell,.auction_col_sell,.other_col_sell {
	width: 8%;
	min-width: 150px;
}
/* 利益 */
.diamond_col_profit,.watch_col_profit,.brand_col_profit,.jewelry_col_profit,.token_col_profit,.auction_col_profit,.other_col_profit {
	width: 7%;
	min-width: 100px;
	text-align: right !important;
	vertical-align: middle !important;
}

/* 商品項目・品名 */
.watch_col_tier,.brand_col_tier,.jewelry_col_tier {
	width: 14%;
	min-width: 150px;
}
.token_col_tier,.auction_col_tier,.other_col_tier {
	width: 28%;
	min-width: 150px;
}

/* カラット/重量/額面 */
.diamond_col_value,.token_col_value {
	width: 8%;
	min-width: 150px;
}
.jewelry_col_value {
	width: 6%;
	min-width: 100px;
}

/* 備考 */
.diamond_col_note {
	width: 59%;
	min-width: 250px;
}
.watch_col_note,.brand_col_note {
	width: 25%;
	min-width: 250px;
}
.jewelry_col_note {
	width: 33%;
	min-width: 250px;
}
.token_col_note {
	width: 31%;
	min-width: 250px;
}
.auction_col_note,.other_col_note {
	width: 39%;
	min-width: 250px;
}

/* 集計のグループ明細|商品明細 */
.report_group,.report_item {
	text-wrap: nowrap;
}

/* プロパティへのメッセージ */
.messages > p.message {
	padding: 0.375rem 0.75rem 0rem;;
	margin-bottom: 0rem;
}

/* 集計：ヘッダー部分 */
.report_total {
  display: flex;
  align-items: center;
  gap: 0;
}

/* 集計：集客方法 */
.report_order, .report_attract {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
}

.report_order dt, .report_attract dt {
  font-weight: normal !important; /* dtのfont-weightをデフォルトに */
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

/* dtの後ろに「：」 */
.report_order dt::after, .report_attract dt::after {
  content: "：";
  margin: 0;
  font-weight: normal;
}

/* ddの後ろに1セットごとの「／」（最後のdd以外） */
.report_order dd:not(:last-of-type)::after, .report_attract dd:not(:last-of-type)::after {
  content: "／";
  margin: 0 0.2em;
  font-weight: normal;
}

/* dt, ddの行間や余白のリセット */
.report_order dd, .report_attract dd {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.report_attract {
  /* カッコを挿入 */
  position: relative;
}

.report_attract::before {
  content: "（";
  margin-right: 0.2em;
  font-weight: normal;
}
.report_attract::after {
  content: "）";
  margin-left: 0.2em;
  font-weight: normal;
}