/* miwakekata-common-redesign.css — 見分け方4ページ共通UI 2026-06-27
   読み込み順: styles.css → service.css → premium-icon-placement.css → これ(最後)
   .miwake-page-redesign スコープ。page-new.php(.legacy-restored-content内)で動作。 */

.miwake-page-redesign{font-size:16px}

/* 端末ヘッダ(アイコン+補足+CTA) */
.miwake-page-redesign .miwake-head{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin:6px 0 14px;padding:16px 18px;background:#faf6f5;border:1px solid #ece2e0;border-radius:8px}
.miwake-page-redesign .miwake-head img{flex:0 0 auto;width:56px;height:56px}
.miwake-page-redesign .miwake-head .miwake-head-txt{flex:1 1 240px;min-width:0}
.miwake-page-redesign .miwake-head p{margin:0;font-size:.95rem;line-height:1.7;color:#4d4441}
.miwake-page-redesign .miwake-cta{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}
.miwake-page-redesign .miwake-cta a{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 18px;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;line-height:1.3}
.miwake-page-redesign .miwake-cta a.is-primary{background:#a34f4d;color:#fff;border:1px solid #a34f4d}
.miwake-page-redesign .miwake-cta a.is-primary:hover{background:#803d3c;border-color:#803d3c}
.miwake-page-redesign .miwake-cta a.is-outline{background:#fff;color:#a34f4d;border:1px solid #d8c4c2}
.miwake-page-redesign .miwake-cta a.is-outline:hover{border-color:#a34f4d;background:#fbf4f3}

/* 3分チェックカード */
.miwake-page-redesign .miwake-check{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;padding:0;list-style:none}
.miwake-page-redesign .miwake-check li{
  padding:14px 14px;border:1px solid #e3d9d7;border-radius:8px;background:#fff;line-height:1.6}
.miwake-page-redesign .miwake-check b{display:block;font-size:1rem;color:#a34f4d;margin-bottom:4px}
.miwake-page-redesign .miwake-check span{font-size:.9rem;color:#4d4441}
.miwake-page-redesign .miwake-check a{color:#a34f4d;font-weight:700;text-decoration:underline}

/* 目次 */
.miwake-page-redesign .miwake-toc{
  margin:14px 0;padding:14px 16px;border:1px solid #e8dedc;border-radius:8px;background:#fff}
.miwake-page-redesign .miwake-toc strong{display:block;font-size:.9rem;color:#5a4f4d;margin-bottom:8px}
.miwake-page-redesign .miwake-toc a{
  display:inline-block;margin:3px 6px 3px 0;padding:6px 12px;border-radius:6px;
  background:#f4ebe9;color:#7a3f3d;font-size:.86rem;font-weight:700;text-decoration:none}
.miwake-page-redesign .miwake-toc a:hover{background:#a34f4d;color:#fff}

/* 長文・表のアコーディオン */
.miwake-page-redesign .miwake-accordion{
  margin:14px 0;border:1px solid #e3d9d7;border-radius:8px;background:#fff;overflow:hidden}
.miwake-page-redesign .miwake-accordion>summary{
  cursor:pointer;list-style:none;padding:15px 18px;font-size:1.05rem;font-weight:700;color:#2b2c2e;
  display:flex;align-items:center;justify-content:space-between;gap:10px}
.miwake-page-redesign .miwake-accordion>summary::-webkit-details-marker{display:none}
.miwake-page-redesign .miwake-accordion>summary::after{content:"＋";color:#a34f4d;font-weight:700;font-size:1.1rem}
.miwake-page-redesign .miwake-accordion[open]>summary::after{content:"−"}
.miwake-page-redesign .miwake-accordion[open]>summary{border-bottom:1px solid #efe6e4}
.miwake-page-redesign .miwake-accordion-body{padding:6px 18px 16px}

/* FAQ */
.miwake-page-redesign .miwake-faq-item{
  margin:8px 0;border:1px solid #e3d9d7;border-radius:8px;background:#fff;overflow:hidden}
.miwake-page-redesign .miwake-faq-item>summary{
  cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;font-size:.97rem;color:#2b2c2e;line-height:1.6;
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.miwake-page-redesign .miwake-faq-item>summary::-webkit-details-marker{display:none}
.miwake-page-redesign .miwake-faq-item>summary::after{content:"＋";color:#a34f4d;font-weight:700;flex:0 0 auto}
.miwake-page-redesign .miwake-faq-item[open]>summary::after{content:"−"}
.miwake-page-redesign .miwake-faq-item>div{padding:2px 16px 16px;font-size:.93rem;line-height:1.85;color:#3a3330}
.miwake-page-redesign .miwake-faq-item>div p{margin:0 0 8px}

/* 横長テーブルの横スクロール */
.miwake-page-redesign .miwake-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}
.miwake-page-redesign .miwake-table-scroll>table{min-width:520px}

/* 修理導線カード */
.miwake-page-redesign .miwake-repair-links{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;padding:0;list-style:none}
.miwake-page-redesign .miwake-repair-links a{
  display:inline-flex;align-items:center;padding:11px 16px;border:1px solid #e3d9d7;border-radius:8px;
  background:#fff;color:#2b2c2e;font-weight:700;font-size:.92rem;text-decoration:none}
.miwake-page-redesign .miwake-repair-links a:hover{border-color:#a34f4d;color:#a34f4d}

/* iPod 黄色系注意の低コントラスト是正 */
.miwake-page-redesign .hilite[style*="ffeb"],.miwake-page-redesign [style*="color:#ff0"],
.miwake-page-redesign [style*="color:#fc0"],.miwake-page-redesign [style*="color:#fd0"]{color:#7a3f3d!important}
/* iPod等 Googleレビュー金色★の低コントラスト是正(薄背景上) */
.miwake-page-redesign [style*="#fbbc04"],.miwake-page-redesign [style*="#fbc02d"],.miwake-page-redesign [style*="#ffc107"],.miwake-page-redesign [style*="#ffd700"]{color:#b35900!important}

@media (max-width:768px){
  .miwake-page-redesign .miwake-check{grid-template-columns:1fr}
  .miwake-page-redesign .miwake-cta a{flex:1 1 auto}
}