/* SEO版だけにある要素（ナビ・パンくず・結論・関連リンク・多列テーブル・静的バディ）。LPの寸法体系（html 10px / SP 2.6667vw）と配色に合わせる */
.site-brand{color:#f97316;font-size:1.6rem;font-weight:bold;margin:0;display:flex;justify-content:space-between;align-items:center;text-decoration:none}
.site-brand small{color:#999;font-size:1rem;font-weight:normal}
.gnav{display:flex;gap:.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:.8rem 0 .6rem;padding-bottom:.2rem}
.gnav::-webkit-scrollbar{display:none}
.gnav a{flex:none;font-size:1.2rem;font-weight:bold;color:#047857;background:#fff;border:1.5px solid #a7f3d0;border-radius:999px;padding:.5rem 1.2rem;text-decoration:none;white-space:nowrap}
.gnav a[aria-current="page"]{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#047857}
.pr-note{font-size:1.1rem;color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;padding:.6rem .9rem;margin:.6rem 0;line-height:1.5}
.pr-note a{color:#2563eb}
.crumbs{margin:.4rem 0 .8rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem;padding:0;margin:0;font-size:1.1rem;color:#888}
.crumbs li+li::before{content:"›";margin:0 .5rem;color:#bbb}
.crumbs a{color:#888;text-decoration:none}
.page-title{font-size:1.7rem;font-weight:bold;line-height:1.4;margin:1.2rem 0 0;padding-bottom:1.2rem;border-bottom:1px solid #e2e2e2;color:#333}
.page-lead{font-size:1.4rem;line-height:1.8;color:#333;margin:1.2rem 0 0}
.app-hero{display:block;background:#fff;border-radius:1.2rem;padding:1.4rem;margin:1.2rem 0 0;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.app-hero__row{display:flex;align-items:center;gap:1.4rem}
.app-hero__row > img{width:76px;height:76px;border-radius:1.4rem;flex:none;object-fit:cover}
.app-hero__shots{margin-top:1.2rem}
.app-hero__shots .auto-scroll-gallery{margin:0}
.app-hero .app-hero__name{font-size:2.2rem;font-weight:bold;color:#EA580C;line-height:1.2;margin:0}
.app-hero .app-hero__sub{font-size:1.2rem;color:#666;margin:.3rem 0 0}
.os-badges{display:inline-flex;gap:.4rem;align-items:center;vertical-align:middle;margin-left:.4rem}
.os{font-size:1rem;font-weight:bold;padding:.1rem .8rem;border-radius:999px;color:#fff;background:#111827}
.os.and{background:#16a34a}
.os-note{font-size:1rem;color:#EA580C;font-weight:bold}
/* 結論（LPの recommended-for と同じ緑ボックス） */
.conclusion{background:#F0FDF4;padding:1.5rem;border-radius:.5rem;margin:1.6rem 0;border-left:4px solid #059669}
.conclusion-h{color:#059669;font-size:1.4rem;font-weight:bold;margin:0 0 .8rem}
.conclusion ul{padding-left:1.5rem;margin:0}
.conclusion li{color:#374151;margin-bottom:.5rem;line-height:1.5;font-size:1.35rem}
/* 目次 */
.toc{background:#fff;border:1px solid #E5E7EB;border-radius:1rem;padding:1.2rem 1.6rem;margin:1.6rem 0;font-size:1.3rem}
.toc > b{color:#059669}
.toc ol{margin:.4rem 0 0;padding-left:1.8rem}
.toc a{color:#2563eb;text-decoration:none}
/* 多列テーブル（比較表・料金表）: LPの company-comparison-table の配色で */
.seo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2rem 0;border-radius:.8rem}
.seo-table{width:100%;border-collapse:collapse;background:#fff;font-size:1.25rem;min-width:520px}
.seo-table caption{caption-side:top;text-align:left;font-size:1.1rem;color:#666;padding:.3rem 0}
.seo-table th,.seo-table td{border:1px solid #E5E7EB;padding:.9rem 1rem;vertical-align:top;text-align:left;line-height:1.6}
.seo-table thead th{background:linear-gradient(135deg,#059669,#047857);color:#fff;font-weight:bold;white-space:nowrap}
.seo-table tbody th{background:#059669;color:#fff;font-weight:bold;white-space:nowrap;width:9em}
.seo-table .ok{color:#059669;font-weight:bold}
.seo-table a{color:#2563eb}
/* 定義・注記 */
.def{background:#fff;border-left:6px solid #059669;padding:1rem 1.4rem;margin:1.2rem 0;border-radius:.4rem;font-size:1.4rem;line-height:1.8}
.note{background:#FEF3C7;border:1px solid #FCD34D;border-radius:.6rem;padding:1rem 1.4rem;margin:1.2rem 0;font-size:1.3rem;color:#92400E;line-height:1.6}
.src{font-size:1.1rem;color:#888;margin:.4rem 0 1.2rem}
/* 関連リンク（LPの choice-item の体裁） */
.related{display:grid;grid-template-columns:1fr;gap:1rem;padding:0;list-style:none;margin:1.2rem 0}
.related li{background:#fafdff;padding:1.2rem 1.4rem;border-radius:.6rem;box-shadow:0 2px 4px rgba(0,0,0,.1);border-left:4px solid #059669}
.related a{color:#1F2937;font-size:1.4rem;font-weight:bold;text-decoration:none}
.related .small{display:block;color:#059669;font-size:1.2rem;font-weight:bold;margin-top:.2rem}
/* 手順 */
.steps{counter-reset:s;list-style:none;padding:0;margin:1.2rem 0}
.steps li{counter-increment:s;position:relative;padding:.9rem 0 .9rem 4.4rem;border-bottom:1px dashed #E5E7EB;font-size:1.35rem;line-height:1.7}
.steps li::before{content:counter(s);position:absolute;left:0;top:.9rem;width:3.2rem;height:3.2rem;border-radius:50%;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
/* 静的バディ（LPのバディと同じ構造） */
.buddy-static{margin:1.6rem 0}
.buddy-static__head{display:flex;align-items:center;gap:.8rem;font-weight:bold;font-size:1.3rem;color:#333}
.buddy-static__head img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #cfe9e0}
.buddy-static__bubble{position:relative;background:#fff;border:2px solid #7fc8b3;border-radius:1.2rem;padding:1.1rem 1.4rem;margin-top:.8rem;font-weight:bold;font-size:1.4rem;line-height:1.7;color:#333}
.buddy-static__bubble::before{content:"";position:absolute;top:-1rem;left:1.8rem;border:.5rem solid transparent;border-bottom-color:#7fc8b3;border-top:0}
/* 本文の標準サイズ */
.seo-body p,.seo-body li{font-size:1.4rem;line-height:1.8}
.seo-body h2.c-hw-level2{margin-top:3rem}
.seo-body h3.c-hw-level3{color:#059669;border-left:4px solid #059669;padding-left:.8rem}
.seo-body .p-app-top3-text{font-size:1.35rem}
.modified{font-size:1.1rem;color:#888;text-align:right;margin:2.4rem 0 0}
.pc-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.pc-grid .pros,.pc-grid .cons{background:#fff;border:1px solid #E5E7EB;border-radius:.8rem;padding:1.2rem 1.4rem}
.pc-grid h3{font-size:1.4rem;margin:0 0 .6rem;border:0;padding:0}
.pc-grid .pros h3{color:#059669}.pc-grid .cons h3{color:#DC2626}
.pc-grid ul{padding-left:1.5rem;margin:0}
.pc-grid li{font-size:1.3rem;color:#374151;margin-bottom:.4rem;line-height:1.5}
.cta-card{background:#fff;border:2px solid #E5E7EB;border-radius:1rem;padding:1.6rem;margin:1.6rem 0;box-shadow:0 4px 8px rgba(0,0,0,.08)}
.cta-card h3{margin:0 0 .6rem;font-size:1.6rem;color:#1F2937}
.footer .footer-links a{margin:0 .6rem}
/* LPの .c-mainvisual img{width:100%} に負けないように、ヒーロー内の画像サイズを固定 */
.c-mainvisual .app-hero__row > img{width:76px;height:76px}
.c-mainvisual .app-hero__shots img{width:auto;height:230px}
.c-mainvisual .app-hero__sub img{width:auto;height:20px;display:inline;vertical-align:middle}
.app-hero__cta{margin-top:1rem}
.app-hero__cta .micro-copy{margin-bottom:.4rem}
.app-hero__cta .cta-button{margin:0}

/* ストアボタンの右に出すアフィリンクQR（PCのみ。seo.js が描画） */
.cta-wrap{display:flex;align-items:center;justify-content:center;gap:1.6rem;flex-wrap:wrap}
.cta-qr{display:none;text-align:center;background:#fff;border:2px solid #059669;border-radius:1rem;padding:.8rem;width:150px}
.cta-qr__code svg{width:120px;height:120px;display:block;margin:0 auto}
.cta-qr__t{margin:.4rem 0 0;font-size:1.1rem;color:#059669;font-weight:bold;line-height:1.4}
@media (min-width:900px){.cta-qr.is-ready{display:block}}