/* -------------------------------------------------
   0. ルートカラー & リセット
-------------------------------------------------- */
:root{
  --primary-color:#1e3a8a;
  --secondary-color:#3b82f6;
  --accent-color:#f59e0b;
  --text-color:#1f2937;
  --light-bg:#f9fafb;
  --dark-bg:#111827;
}
*{margin:0;padding:0;box-sizing:border-box;
  font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}

/* -------------------------------------------------
   1. 共通レイアウト
-------------------------------------------------- */
body{color:var(--text-color);line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
a{text-decoration:none;color:var(--secondary-color);}
.btn-contact{
  display:inline-block;background:var(--primary-color);
  color:#fff;padding:10px 20px;border-radius:5px;font-weight:bold;
  transition:opacity .3s;
}
.btn-contact:hover{opacity:.8;}
h2{margin-bottom:20px;color:var(--primary-color);}

/* -------------------------------------------------
   2. フォーム専用
-------------------------------------------------- */
input,select{border:1px solid #ccc;border-radius:4px;}
input[readonly]{background:#f5f5f5;color:#666;}

/* reCAPTCHA ブロックに余白を持たせる */
.g-recaptcha{margin:10px 0;}

/* -------------------------------------------------
   3. 注文テーブル (buy.php)
-------------------------------------------------- */
.price-table{
  width:100%;border-collapse:collapse;margin-top:10px;
}
.price-table th,
.price-table td{padding:8px;border:1px solid #ddd;text-align:left;}
.price-table th{background:var(--primary-color);color:#fff;}
.price-table tbody tr:nth-child(even){background:rgba(59,130,246,.05);}

/* チケット種類セル（1列目）の横幅を確保 */
.price-table td:nth-child(1),
.price-table th:nth-child(1){
  min-width:300px;    /* お好みで幅を調整 */
  white-space:nowrap; /* 折り返さず横に伸ばす */
width: max-content
}

/* 条件セル(2列目)が縦長にならないよう横幅を確保 */
.price-table td:nth-child(2),
.price-table th:nth-child(2){
  min-width:200px;white-space:nowrap;
}

/* 単価列（3列目）の折り返し禁止 */
.price-table th:nth-child(3),
.price-table td:nth-child(3) {
  white-space: nowrap;
}

/* フッター部分（振込手数料・合計）を強調 */
.price-table tfoot td{font-weight:bold;background:#f3f4f6;}

/* -------------------------------------------------
   4. タブボタン（会員/非会員切替で再利用可）
-------------------------------------------------- */
button.active{background:var(--accent-color);}

/* プルダウンをセル幅いっぱいに */
.order-body .sel-type {
  width: 100%;
  box-sizing: border-box;
}

/* 買取申込フォームのプルダウンをセル幅いっぱいに広げる */
#order-table .sel-type {
  width: auto !important;
  /* 必要に応じて最小幅を確保 */
  min-width: 240px !important;
  /* 長いラベルを折り返さずに表示 */
  white-space: nowrap !important;
  /* ボックスサイズは標準に戻す（既存の !important と競合しないよう） */
  box-sizing: content-box !important;
}