/* RoboPet Life アプリ共通シェル（Capacitor内のみ html.rpl-app で有効）2026-10-16 */
html.rpl-app{--rpl-ah:52px;--rpl-tb:58px;--rpl-coral:#D65B3E;--rpl-green:#24614F;--rpl-ink:#203D33;--rpl-sub:#5E6F68;--rpl-line:#E4E8E3;--rpl-bg:#FFFEFA}
/* サイト側のヘッダー・MENU・フッター・カテゴリ看板はアプリでは出さない */
html.rpl-app header.topbar,html.rpl-app .rbm-topbar,html.rpl-app #header.ct-header,html.rpl-app header.main-header,
html.rpl-app .d-header-wrap,html.rpl-app .rpl-footer,html.rpl-app footer.ct-footer,html.rpl-app body>footer,
html.rpl-app .rpl-catban,html.rpl-app .rpl-live-banner,html.rpl-app .rpl-live-tabs,html.rpl-app .mobile-menu,
html.rpl-app #offcanvas,html.rpl-app .ct-drawer-canvas,html.rpl-app .rpl-breadcrumb,html.rpl-app .rbm-breadcrumb,
html.rpl-app .skip-link,html.rpl-app .rpl-live-feed-heading,html.rpl-app .rpl-live-feed-note,html.rpl-app #rpl-tabbar{display:none!important}
html.rpl-app body{padding-top:calc(var(--rpl-ah) + var(--rpl-seg,0px) + env(safe-area-inset-top))!important;padding-bottom:calc(var(--rpl-tb) + 24px + env(safe-area-inset-bottom))!important;background:var(--rpl-bg)}
html.rpl-app body.rpl-has-seg{--rpl-seg:52px}
html.rpl-app #main-outlet-wrapper,html.rpl-app #main-outlet{padding-top:0!important}
/* ヘッダー */
#rpl-ah{position:fixed;left:0;right:0;top:0;z-index:99991;background:rgba(255,254,250,.97);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);padding-top:env(safe-area-inset-top);font-family:"Noto Sans JP",-apple-system,"Hiragino Sans",sans-serif;color:var(--rpl-ink)}
#rpl-ah .ah{height:var(--rpl-ah);display:flex;align-items:center;gap:8px;padding:0 16px}
#rpl-ah h1{flex:1;margin:0;font-size:21px;font-weight:800;letter-spacing:.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--rpl-ink)}
#rpl-ah .logo{height:24px;width:auto;display:block}
#rpl-ah .sp{flex:1}
#rpl-ah a.back{display:flex;align-items:center;gap:2px;min-height:44px;padding-right:8px;color:var(--rpl-green);font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}
#rpl-ah .ib{width:44px;height:44px;display:grid;place-items:center;color:var(--rpl-ink);background:none;border:0;border-radius:22px;text-decoration:none}
#rpl-ah .seg{display:flex;margin:0 16px 8px;background:#EBEFEA;border-radius:10px;padding:3px;height:44px}
#rpl-ah .seg a{flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--rpl-sub);border-radius:8px;text-decoration:none;white-space:nowrap}
#rpl-ah .seg a.on{background:var(--rpl-green);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}
#rpl-ah.sh{box-shadow:0 1px 0 var(--rpl-line)}
/* 下部タブ */
#rpl-tb{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:flex;background:rgba(255,255,255,.97);border-top:1px solid var(--rpl-line);padding-bottom:env(safe-area-inset-bottom);font-family:"Noto Sans JP",-apple-system,"Hiragino Sans",sans-serif}
#rpl-tb a{flex:1;height:var(--rpl-tb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:#7C8782;text-decoration:none;-webkit-tap-highlight-color:transparent}
#rpl-tb a svg{width:25px;height:25px}
#rpl-tb a.on{color:var(--rpl-coral);font-weight:800}
/* 投稿ボタン・シート */
#rpl-fab{position:fixed;right:16px;bottom:calc(var(--rpl-tb) + 16px + env(safe-area-inset-bottom));z-index:99989;height:52px;padding:0 20px 0 16px;border-radius:26px;border:0;background:var(--rpl-coral);color:#fff;display:flex;align-items:center;gap:6px;font:800 15px/1 "Noto Sans JP",-apple-system,sans-serif;box-shadow:0 6px 16px rgba(214,91,62,.35)}
#rpl-sheet{position:fixed;inset:0;z-index:99995;display:none;font-family:"Noto Sans JP",-apple-system,"Hiragino Sans",sans-serif;color:var(--rpl-ink)}
#rpl-sheet.open{display:block}
#rpl-sheet .dim{position:absolute;inset:0;background:rgba(20,30,26,.3)}
#rpl-sheet .box{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom))}
#rpl-sheet .grab{width:40px;height:5px;border-radius:3px;background:#D5DAD6;margin:0 auto 14px}
#rpl-sheet h3{margin:0;font-size:19px;font-weight:800;text-align:center}
#rpl-sheet p.s{margin:4px 0 16px;text-align:center;font-size:13px;color:var(--rpl-sub)}
#rpl-sheet a.opt{display:flex;gap:14px;align-items:center;border:1.5px solid var(--rpl-line);border-radius:16px;padding:14px;margin-bottom:10px;color:#8C9A94;text-decoration:none}
#rpl-sheet a.opt b{display:block;font-size:16px;color:var(--rpl-ink)}
#rpl-sheet a.opt small{display:block;font-size:13px;color:var(--rpl-sub);line-height:1.5;margin-top:2px}
#rpl-sheet .ci{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}
#rpl-sheet button.cancel{width:100%;height:50px;border:0;border-radius:12px;background:#EEF2EE;font:800 16px "Noto Sans JP",-apple-system,sans-serif;color:var(--rpl-ink);margin-top:4px}
/* ページ別の調整（アプリ内のみ） */
html.rpl-app .rbm-guide-there,html.rpl-app .rbm-chip-go,html.rpl-app .rbm-new .rbm-guide,html.rpl-app body.e-page p.crumb,html.rpl-app body.rpl-ah-title .entry-header{display:none!important}
/* ログイン：未同意でもボタンは押せる見た目のまま（押すと同意欄を案内） */
html.rpl-app div[style*="opacity:.4"]{opacity:1!important}
html.rpl-app .rpl-agree-hint{display:block;font-size:13px;color:#5E6F68;margin:6px 2px 0}
html.rpl-app .rpl-agree-label.rpl-nudge{outline:2px solid #D65B3E;outline-offset:4px;border-radius:8px}
html.rpl-app .rpl-app-fold{border:1px solid var(--rpl-line);border-radius:12px;background:#fff;margin:0 0 16px;padding:0 14px}
html.rpl-app .rpl-app-fold>summary{min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--rpl-green);cursor:pointer;list-style:none}
html.rpl-app .rpl-app-fold>summary::-webkit-details-marker{display:none}
html.rpl-app .rpl-app-fold>summary:after{content:"＋";margin-left:auto}
html.rpl-app .rpl-app-fold[open]>summary:after{content:"−"}
html.rpl-app body.page-id-14 .rbm-ip-eyebrow,html.rpl-app body.page-id-14 .rbm-ip-note{display:none!important}
html.rpl-app a[style*="font-size:14px"][href$="/community/"]{display:none!important}
/* ページ側の固定ボタンを下部タブの上へ／記事の目次バーをヘッダーの下へ */
html.rpl-app .rpl-product-sticky,html.rpl-app a.totop{bottom:calc(var(--rpl-tb) + 12px + env(safe-area-inset-bottom))!important}
html.rpl-app .rpl-compare-bar{bottom:calc(var(--rpl-tb) + 8px + env(safe-area-inset-bottom))!important;z-index:99992}
html.rpl-app nav.tabs{top:calc(var(--rpl-ah) + env(safe-area-inset-top))!important}

/* ===== 2026-10-17 追記PDFの個別画面（6点） ===== */
/* 1) ロボット一覧：2列・コンパクトカード・検索欄を小さく（1画面目に機種を出す） */
html.rpl-app #rpl-search-shell{padding:12px!important;margin-bottom:10px!important}
html.rpl-app #rpl-search-shell>label{display:none!important}
html.rpl-app #rpl-search-shell .rpl-ux-search{height:46px!important;margin:0!important}
html.rpl-app #rpl-search-shell .rpl-ux-btn.secondary{display:none!important}
html.rpl-app.rpl-has-filter #rpl-search-shell .rpl-ux-btn.secondary{display:inline-flex!important;margin-top:8px!important;height:40px!important}
html.rpl-app #rpl-search-shell details.rpl-ux-filters{margin-top:8px!important}
html.rpl-app #rpl-search-shell details.rpl-ux-filters>summary{min-height:44px;display:flex;align-items:center}
html.rpl-app #rpl-filter-count{margin:0 0 8px!important;font-size:13.5px!important}
html.rpl-app .rbm-ip-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html.rpl-app .rbm-ip-pgrid .rpl-card-wrap{display:block!important;min-width:0}
html.rpl-app .rbm-ip-pgrid a.rbm-ipc{display:block!important;height:auto!important;min-height:0!important;border-radius:12px!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-m{height:104px!important;min-height:0!important;aspect-ratio:auto!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-m img{width:100%!important;height:100%!important;object-fit:contain!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-badge{font-size:10.5px!important;padding:2px 6px!important;top:6px!important;left:6px!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-b{padding:8px 10px 10px!important;min-height:0!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-brand{font-size:11px!important;margin:0!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-name{font-size:15px!important;margin:1px 0 4px!important;line-height:1.3!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-chips,html.rpl-app .rbm-ip-pgrid .rbm-ipc-mon{display:none!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-price{font-size:14.5px!important;font-weight:800!important;margin:0!important}
html.rpl-app .rbm-ip-pgrid .rpl-card-status{font-size:11.5px!important;margin:2px 0 0!important;color:#1E6B45;font-weight:700}
html.rpl-app .rbm-ip-pgrid .rpl-compare-pick,html.rpl-app .rbm-ip-pgrid .rpl-card-wrap>button{width:100%!important;height:40px!important;font-size:13px!important;margin-top:6px!important}
/* 2) 機種詳細：1画面目に「価格・販売状況・主ボタン」を収める */
html.rpl-app body.e-page .c-pebble{margin:0 auto!important;max-height:196px!important;overflow:hidden}
html.rpl-app body.e-page .c-pebble svg{height:196px!important;width:auto!important;max-width:100%;display:block;margin:0 auto}
html.rpl-app body.e-page .hero{gap:6px!important;padding-top:4px!important}
html.rpl-app body.e-page .hero-copy{padding-top:0!important}
html.rpl-app body.e-page .hero h1{font-size:clamp(36px,11vw,46px)!important;line-height:1.05!important;margin:2px 0 4px!important}
html.rpl-app body.e-page .hero-tagline{font-size:15px!important;line-height:1.5!important;margin:0 0 6px!important}
html.rpl-app body.e-page .hero .pills{margin:0 0 8px!important}
html.rpl-app body.e-page .hero .eyebrow{margin:0!important}
html.rpl-app body.e-page .rpl-ux-product-summary{margin:0 0 8px!important;padding:8px 12px!important}
html.rpl-app body.e-page .hero .actions{gap:8px!important}
html.rpl-app body.e-page .hero .actions .button{min-height:46px!important}
/* 3) コミュニティ（日記）：絞り込みチップ・コンパクトな投稿案内・空状態 */
#rpl-chips{display:flex;gap:8px;padding:2px 0 12px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
#rpl-chips::-webkit-scrollbar{display:none}
#rpl-chips button{flex:none;border:1px solid var(--rpl-line);background:#fff;border-radius:18px;padding:8px 14px;min-height:40px;font:600 14px "Noto Sans JP",-apple-system,sans-serif;color:var(--rpl-ink)}
#rpl-chips button.on{background:var(--rpl-ink);border-color:var(--rpl-ink);color:#fff}
html.rpl-app .rbm-new{padding:14px!important;margin-bottom:12px!important}
html.rpl-app .rbm-new>h2{display:none!important}
html.rpl-app .rbm-new>.rbm-new-note{margin:0 0 10px!important}
html.rpl-app section.rpl-owner-empty{display:none!important}
#rpl-empty{background:#fff;border:1px solid var(--rpl-line);border-radius:14px;padding:16px;margin:0 0 12px;text-align:center}
#rpl-empty .ci{width:52px;height:52px;border-radius:26px;background:#FBEDE8;color:var(--rpl-coral);display:grid;place-items:center;margin:0 auto 8px}
#rpl-empty b{display:block;font-size:16px;color:var(--rpl-ink)}
#rpl-empty p{font-size:14px;color:var(--rpl-sub);line-height:1.6;margin:4px 0 0}
#rpl-ex{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
#rpl-ex>div{border:1px solid var(--rpl-line);border-radius:12px;background:#fff;overflow:hidden}
#rpl-ex .ph{height:84px;background:#F1F2EE center/cover no-repeat}
#rpl-ex p{margin:0;padding:6px 8px;font-size:12.5px;line-height:1.5;color:var(--rpl-sub)}
#rpl-ex-h{font-size:13.5px;font-weight:700;color:var(--rpl-sub);margin:0 0 6px}
/* 4) 機種別Q&A：回答状況バッジ・機種チップ */
.rpl-qb{display:inline-block;font-size:12px;font-weight:800;border-radius:6px;padding:2px 8px;margin-right:6px;vertical-align:middle;line-height:1.5}
.rpl-qb.open{background:#FFF1D6;color:#8A5A00}.rpl-qb.ans{background:#E3F1E8;color:#1E6B45}.rpl-qb.done{background:#E8EEF8;color:#2F4F8F}.rpl-qb.off{background:#E8EEF8;color:#2F4F8F}
#rpl-qchips{display:flex;gap:8px;padding:6px 16px 10px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
#rpl-qchips::-webkit-scrollbar{display:none}
#rpl-qchips button,#rpl-qchips a{flex:none;border:1px solid var(--rpl-line);background:#fff;border-radius:18px;padding:8px 14px;min-height:40px;font:600 14px "Noto Sans JP",-apple-system,sans-serif;color:var(--rpl-ink);text-decoration:none;display:inline-flex;align-items:center}
#rpl-qchips .on{background:var(--rpl-ink);border-color:var(--rpl-ink);color:#fff}
html.rpl-app .nav-pills,html.rpl-app .category-breadcrumb{display:none!important}
/* 5) ガイド：選び方5ステップを先頭に */
#rpl-steps{margin:0 0 14px}
#rpl-steps h2{font-size:17px;font-weight:800;margin:0 0 4px;color:var(--rpl-ink)}
#rpl-steps>p{margin:0 0 10px;font-size:14px;color:var(--rpl-sub);line-height:1.6}
#rpl-steps a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--rpl-line);border-radius:14px;padding:12px;margin-bottom:8px;color:var(--rpl-ink);text-decoration:none}
#rpl-steps a .n{flex:none;width:34px;height:34px;border-radius:17px;background:var(--rpl-green);color:#fff;font-weight:800;display:grid;place-items:center}
#rpl-steps a b{display:block;font-size:15px}
#rpl-steps a small{display:block;font-size:13px;color:var(--rpl-sub);margin-top:1px}
#rpl-steps a svg{margin-left:auto;color:#8C9A94;flex:none}
html.rpl-app body.rpl-guide-steps .entry-content>p:first-of-type{display:none}
/* 6) マイページ：未ログインでも一覧（サポート・規約・設定）を出す */
#rpl-mylist{margin:0 0 16px}
#rpl-mylist h3{font-size:12.5px;font-weight:800;color:#6B7A74;margin:14px 4px 6px}
#rpl-mylist .grp{background:#fff;border:1px solid var(--rpl-line);border-radius:14px;overflow:hidden}
#rpl-mylist .grp a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;color:var(--rpl-ink);text-decoration:none;font-size:15px;border-top:1px solid var(--rpl-line)}
#rpl-mylist .grp a:first-child{border-top:0}
#rpl-mylist .grp a svg:first-child{color:var(--rpl-green);flex:none}
#rpl-mylist .grp a span{flex:1}
#rpl-mylist .grp a svg:last-child{color:#8C9A94;flex:none}
html.rpl-app .rbm-mp-login{margin-bottom:12px!important}
/* 微調整 2026-10-17 */
#rpl-qchips button,#rpl-qchips a{box-sizing:border-box!important;height:40px!important;min-height:0!important;padding:0 14px!important;line-height:1!important;margin:0!important}
#rpl-chips button{box-sizing:border-box;height:40px;min-height:0;line-height:1}
html.rpl-app #rpl-search-shell{padding:10px 12px!important}
html.rpl-app #rpl-search-shell>*{margin-bottom:0!important}
html.rpl-app #rpl-search-shell .rpl-selected-filters:empty{display:none!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-m{height:122px!important}
html.rpl-app .rbm-ip-pgrid .rpl-card-status{display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px!important;line-height:1.4!important}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-b{display:flex!important;flex-direction:column}
html.rpl-app .rbm-ip-pgrid .rbm-ipc-pr{margin:0!important}
html.rpl-app body.e-page .c-pebble{max-height:176px!important}
html.rpl-app body.e-page .c-pebble svg{height:176px!important}
html.rpl-app body.e-page .rpl-ux-product-summary{padding:6px 12px!important;line-height:1.35!important}
html.rpl-app body.e-page .hero-tagline{font-size:14.5px!important;margin:0 0 4px!important}
/* 微調整2 */
html.rpl-app body.rpl-ah-title .hero-section{display:none!important}
html.rpl-app body.rpl-ah-title .ct-container-full[data-vertical-spacing]{padding-top:8px!important}
html.rpl-app body.rpl-ah-title article.page>.entry-content{margin-top:0!important}
html.rpl-app .rbm-ip-pgrid{align-items:stretch!important}
html.rpl-app .rbm-ip-pgrid .rpl-card-wrap{display:flex!important;flex-direction:column;height:100%}
html.rpl-app .rbm-ip-pgrid .rpl-card-wrap>a.rbm-ipc{flex:1 1 auto}
html.rpl-app .rbm-ip-pgrid .rpl-card-wrap>button{flex:none}
html.rpl-app .rbm-ip-pgrid .rpl-card-status{background:none!important;padding:0!important;border:0!important}
.rpl-qb.off2{background:#E8EEF8;color:#2F4F8F}