@charset "utf-8";

.content_wrap {
    max-width: 1080px;
    width: calc(100% - 2em);
    margin: 2em auto 0;
    text-align: left;
}

/* =========================
   Treasure-Market | 買取リスト表スタイル
   使い方：<table class="buylist-table">…</table>
   ========================= */

:root {
  --tm-accent: #f59e0b;     /* オレンジ */
  --tm-accent-deep: #f08a00;
  --tm-ink: #3b3b3b;
  --tm-sub: #6b7280;
  --tm-chip-bg: #fff9ec;
  --tm-chip-bd: #f4e1bd;
}

.buylist-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;     /* 行間 */
  table-layout: fixed;
  font-size: 15px;
  color: var(--tm-ink);
  margin: 10px 0 24px;
}

/* 最上段ヘッダー */
.buylist-table thead th {
  background: linear-gradient(180deg, var(--tm-accent), var(--tm-accent-deep));
  color: #fff;
  border: none;
  padding: 12px 18px;
  text-align: center;
  font-weight: 700;
  border-radius: 999px;
  letter-spacing: .02em;
  box-shadow: 0 2px 0 rgba(0,0,0,.08) inset;
}

/* セクション見出し（大カテゴリ） */
.buylist-heading {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(180deg, #ffd39a, #ffc071);
  color: #403013;
  font-weight: 700;
  text-align: center;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid #ffb45e;
  box-shadow: 0 2px 6px rgba(255,176,79,.35);
  font-weight: 600;
  font-size: 20px;
}

.buylist-heading a{
  font-weight: normal;
  font-size: 16px;
  text-decoration: underline;
  color: blue;
}

.buylist-heading a:hover{
  text-decoration: none;
}

/* 通常行：左右“ピル” */
.buylist-table tbody td {
  background: var(--tm-chip-bg);
  border: 1px solid var(--tm-chip-bd);
  padding: 12px 14px;
  vertical-align: middle;
  line-height: 1.65;
  word-break: break-word;
}
.buylist-table tbody td:first-child {
  border-right: none;
  border-radius: 14px 0 0 14px;
  font-weight: 600;
}
.buylist-table tbody td:last-child {
  border-left: none;
  border-radius: 14px;
}
.buylist-table tbody tr:not(.section) {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.06));
}

/* 小さめ補助 */
.buylist-table small,
.buylist-table .sub { color: var(--tm-sub); font-size: .92em; }

/* テーマ既定のボーダー殺し */
.buylist-table, .buylist-table th, .buylist-table td { border: none; }

/* スマホ：1行を上下カードに */
@media (max-width: 768px) {
  .buylist-table { border-spacing: 0 10px; font-size: 14px; }
  .buylist-table thead { display: none; }
  .buylist-table tbody tr:not(.section) { display: block;margin: 0 0 3em; }
  .buylist-table tbody td { display: block; border-radius: 12px !important; border: none; }
	.buylist-table tbody td:first-child {border-right:none;}
  .buylist-table tbody td + td { margin-top: 6px; }
  .buylist-table tbody td:first-child::before {
    content: "商品カテゴリー";
    display: block; font-size: .86em; font-weight: 700; color: var(--tm-sub); margin-bottom: 4px;
  }
  .buylist-table tbody td:nth-child(2n)::before {
    content: "型番";
    display: block; font-size: .86em; font-weight: 700; color: var(--tm-sub); margin-bottom: 4px;
  }
  .buylist-table tbody td:nth-child(3n)::before {
    content: "年式";
    display: block; font-size: .86em; font-weight: 700; color: var(--tm-sub); margin-bottom: 4px;
  }
  .buylist-table tbody td:nth-child(4n)::before {
    content: "価格";
    display: block; font-size: .86em; font-weight: 700; color: var(--tm-sub); margin-bottom: 4px;
  }
  .buylist-table tbody td:nth-child(5n)::before {
    content: "商品ID";
    display: block; font-size: .86em; font-weight: 700; color: var(--tm-sub); margin-bottom: 4px;
  }
  .buylist-table tbody td:last-child::before {
    content: "";
    display: block; font-size: .86em; font-weight: 700; color: var(--tm-sub); margin-bottom: 4px;
  }
  .buylist-table td[colspan="2"] { display: block; border-radius: 999px; margin-bottom: 6px; }
  .buylist-table tbody tr.koumoku:not(.section) {display: none;}
}

.buylist-table tbody th span { 
    font-weight: 600; 
    border-radius: 12px; 
    background: #ffc400; 
    padding: 3px 8px; 
    text-align: center; 
    margin: 0 3px; width: calc(100% - 6px); 
    display: block; box-sizing: 
    border-box; 
}
.buylist-table tbody td:last-child { 
    border-top-right-radius: 14px; 
    border-top-left-radius: 0; 
    border-bottom-right-radius: 
    14px; border-bottom-left-radius: 0; 
} 

.buylist-table tbody td a { 
    color: #1a1ad1; 
    text-decoration: 
    underline; 
}

.buylist-table tbody td a:hover { 
    text-decoration: none; 
}

nav#buylist-toc {
    border: 3px solid orange;
    padding: 0.8em;
    box-sizing: border-box;
    border-radius: 0.6em;
}

nav#buylist-toc ul li {
    display: inline-block;
}

nav#buylist-toc ul li a:before{
    content: '|';
    padding: 0 0.5em ;
    color: #ccc;
}

nav#buylist-toc ul li:first-child a:before{
    content: '';
    padding: 0 ;
}

/* 目次の下に少し余白 */
.buylist-toc { margin: 1rem 0; }

.buylist-table .section {
  scroll-margin-top: 160px;
} 

.buylist-table .section td{
  margin-top: 30px; 
} 

.buylist-table .section:first-child td{
  margin-top: 0; 
}