/* PC の機材ガイド（guides/pc-equipment-v2.html）だけの部品。equipment-v2/v3/v4.css の上に重ねる */

/* 一番上: 左は PC と VIVE Pro 2 を1枚にした写真（横長） */
.ge-hero-pc img{max-width:380px}

/* 必要な性能の表 */
.qg-app .ge-spec-table th,.qg-app .ge-spec-table td{width:auto;font-size:14px;padding:12px 13px}
.qg-app .ge-spec-table thead th{font-size:13px;color:#a3a7b0;font-weight:700}
.qg-app .ge-spec-table th[scope=row]{width:22%;color:#a3a7b0;font-weight:700}
.qg-app .ge-spec-table th[scope=row] small{display:block;font-size:12px;font-weight:400}
.ge-pc .qa-table-title{margin-top:8px}
.ge-pc-makers-title{margin-top:48px !important}
.ge-pc-lead{font-size:15px;line-height:1.85;color:#a3a7b0;margin:0 0 16px;max-width:820px}

/* メーカーの比較表 */
.qg-app .ge-pc-table th,.qg-app .ge-pc-table td{width:auto;font-size:13px;line-height:1.6;vertical-align:top}
.qg-app .ge-pc-table thead th{font-size:13px;color:#a3a7b0;font-weight:700;white-space:nowrap}
.qg-app .ge-pc-table th[scope=row]{width:22%}
.qg-app .ge-pc-table td:last-child{width:11%;white-space:nowrap}
.ge-pc-table th[scope=row] small{display:block;font-size:12px;color:#a3a7b0;font-weight:400;margin-top:2px}
.ge-pc-table .ge-device-name{font-size:15px}
.ge-pc-table .ge-badge{margin:4px 0 0;display:inline-block}
.ge-pc-table .ge-good{color:#eeeff2}
.ge-pc-table .ge-weak{color:#a3a7b0}
.ge-pc-table .ge-warn{color:#f0a35b}
.ge-pc-table td b{font-weight:700}
.ge-pc-table td.ge-good b{color:#7aa7ff}
.ge-pc .qa-table-note a{color:#eeeff2;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#5b606a;white-space:nowrap}
.ge-pc .qa-table-note a:hover{color:#7aa7ff}

@media (max-width:760px){
  .ge-hero-pc img{max-width:100%}
  .qg-app .ge-spec-table th,.qg-app .ge-spec-table td{font-size:13px;padding:10px 6px}
  /* メーカーの表: 1社ずつのまとまり（名前の行 → 4つの項目を2×2） */
  .ge-pc-table tr{grid-template-columns:1fr 1fr !important}
  .qg-app .ge-pc-table th[scope=row],.qg-app .ge-pc-table td:last-child{width:auto;white-space:normal}
}
.ge-spec-table .qa-nowrap{display:inline-block}
/* 18社の表：メーカー列が中身（説明行）に引っ張られて広がり、保証・送料の列が3〜4行に折れていたので、列幅を固定する */
@media (min-width:768px){
  .qg-app .ge-pc-table{table-layout:fixed;width:100%}
  .qg-app .ge-pc-table thead th:nth-child(1){width:24%}
  .qg-app .ge-pc-table thead th:nth-child(2){width:24%}
  .qg-app .ge-pc-table thead th:nth-child(3){width:26%}
  .qg-app .ge-pc-table thead th:nth-child(4){width:14%}
  .qg-app .ge-pc-table thead th:nth-child(5){width:12%}
  .qg-app .ge-pc-table th[scope=row],.qg-app .ge-pc-table td:last-child{width:auto}
  .ge-pc-table .ge-pick-line{white-space:normal}
}