/* ipad-page-redesign.css — /ipad/ 機種別ページ型 (iphone17 ベース) 2026-06-27
   読み込み順: styles.css → premium-icon-placement.css → service.css → これ(最後)
   すべて .ipad-page-redesign スコープ。service.css の hero/accordion/faq を流用し、
   ここでは「選べる上部」=シリーズ/症状/メニューのカードと信頼バー/料金表のみ補う。 */

/* ===== シリーズ別導線（上部・最重要） ===== */
.ipad-page-redesign .ipad-series-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 6px;list-style:none;padding:0}
.ipad-page-redesign .ipad-series-grid a{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:16px 10px;border:1px solid #e3d9d7;border-radius:12px;background:#fff;
  text-decoration:none;color:#2b2c2e;font-weight:700;font-size:.95rem;line-height:1.4;text-align:center;
  transition:border-color .15s,box-shadow .15s,transform .15s}
.ipad-page-redesign .ipad-series-grid a:hover{
  border-color:#a34f4d;box-shadow:0 6px 18px rgba(163,79,77,.12);transform:translateY(-2px)}
.ipad-page-redesign .ipad-series-grid img{width:46px;height:46px}
.ipad-page-redesign .ipad-series-grid span small{display:block;font-weight:500;font-size:.78rem;color:#7a6f6d;margin-top:2px}

/* ===== 信頼根拠バー ===== */
.ipad-page-redesign .ipad-trust-bar{
  display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;
  margin:16px 0;padding:12px 16px;background:#faf6f5;border:1px solid #ece2e0;border-radius:10px}
.ipad-page-redesign .ipad-trust-bar li{
  list-style:none;font-size:.88rem;font-weight:700;color:#5a4f4d;display:flex;align-items:center;gap:6px}
.ipad-page-redesign .ipad-trust-bar b{color:#a34f4d}

/* ===== カードグリッド（症状から探す / 修理メニュー） ===== */
.ipad-page-redesign .ipad-card-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 4px;padding:0;list-style:none}
.ipad-page-redesign .ipad-card-grid a{
  display:flex;align-items:center;gap:12px;padding:14px 14px;
  border:1px solid #e3d9d7;border-radius:11px;background:#fff;text-decoration:none;
  color:#2b2c2e;font-weight:700;font-size:.95rem;line-height:1.45;
  transition:border-color .15s,box-shadow .15s,transform .15s}
.ipad-page-redesign .ipad-card-grid a:hover{
  border-color:#a34f4d;box-shadow:0 6px 18px rgba(163,79,77,.12);transform:translateY(-2px)}
.ipad-page-redesign .ipad-card-grid img{flex:0 0 auto;width:40px;height:40px}
.ipad-page-redesign .ipad-card-grid small{display:block;font-weight:500;font-size:.8rem;color:#7a6f6d;margin-top:2px}

/* ===== 料金一覧テーブル ===== */
.ipad-page-redesign .ipad-price-table{width:100%;border-collapse:collapse;margin:6px 0 8px;font-size:.95rem}
.ipad-page-redesign .ipad-price-table caption{caption-side:top;text-align:left;font-weight:700;color:#5a4f4d;margin-bottom:6px;font-size:.9rem}
.ipad-page-redesign .ipad-price-table thead th{
  background:#a34f4d!important;color:#fff!important;font-weight:700;text-align:left;padding:10px 12px;border:1px solid #8f4543}
.ipad-page-redesign .ipad-price-table td{padding:10px 12px;border:1px solid #e6dedc;vertical-align:middle}
.ipad-page-redesign .ipad-price-table td:last-child{font-weight:700;color:#a34f4d;white-space:nowrap}
.ipad-page-redesign .ipad-price-table tbody tr:nth-child(even) td{background:#faf7f6}
.ipad-page-redesign .ipad-price-note{font-size:.82rem;color:#6a5f5d;line-height:1.8;margin:6px 0 0;padding-left:1.1em}

/* ===== レスポンシブ ===== */
@media (max-width:768px){
  .ipad-page-redesign .ipad-series-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .ipad-page-redesign .ipad-card-grid{grid-template-columns:1fr}
  .ipad-page-redesign .ipad-price-table{font-size:.86rem}
  .ipad-page-redesign .ipad-price-table thead th,
  .ipad-page-redesign .ipad-price-table td{padding:8px 9px}
  .ipad-page-redesign .ipad-series-grid img{width:40px;height:40px}
}