/* PWA1029 プレプレをホーム画面に（色は PPUI の札に合わせる。PPUI が無い時は同じ色をここで持つ） */
.rqpwa{display:none!important} /* 前の案内（愛着MBTIひろば）は出さない */
.pwa1029-band,.pwa1029-g{--pw-card:var(--ppu-card,#fffdfb);--pw-ink:var(--ppu-ink,#4a3a3f);--pw-sub:var(--ppu-sub,#9a8a86);--pw-line:var(--ppu-line,#eadcd2);--pw-ac:var(--ppu-accent,#c0728a);--pw-ac2:var(--ppu-accent2,#d98ba1);font-family:var(--ppu-body,system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif)}
.pwa1029-btn{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pw-ac2),var(--pw-ac));color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.pwa1029-btn:active{transform:scale(.97)}

/* 帯 */
.pwa1029-band{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:100030;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 6px 10px 10px;background:var(--pw-card);border:1px solid var(--pw-line);border-radius:18px;box-shadow:0 8px 24px rgba(120,80,60,.16);color:var(--pw-ink);transform:translateY(160%);opacity:0;transition:transform .3s ease,opacity .3s ease}
.pwa1029-band.is-on{transform:none;opacity:1}
.pwa1029-band__ic{flex:0 0 40px;width:40px;height:40px;border-radius:10px}
.pwa1029-band__t{flex:1;min-width:0;line-height:1.4}
.pwa1029-band__t b{display:block;font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwa1029-band__t small{display:block;font-size:11.5px;color:var(--pw-sub)}
.pwa1029-band .pwa1029-btn{padding:0 13px;font-size:13px}
.pwa1029-band__x{flex:0 0 36px;width:36px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--pw-sub);cursor:pointer}
.pwa1029-band__x svg{width:18px;height:18px}
@media (max-width:360px){.pwa1029-band__t small{display:none}.pwa1029-band__t b{font-size:13px;white-space:normal}}

/* 案内のシート */
.pwa1029-g{position:fixed;inset:0;z-index:100060}
.pwa1029-g__scrim{position:absolute;inset:0;background:rgba(60,40,45,.38);opacity:0;transition:opacity .25s}
.pwa1029-g__box{position:absolute;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;box-sizing:border-box;max-height:88vh;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--pw-card);border-radius:22px 22px 0 0;color:var(--pw-ink);transform:translateY(100%);transition:transform .25s ease}
.pwa1029-g.is-on .pwa1029-g__scrim{opacity:1}
.pwa1029-g.is-on .pwa1029-g__box{transform:none}
.pwa1029-g__hd{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.pwa1029-g__hd img{width:40px;height:40px;border-radius:10px}
.pwa1029-g__hd b{font-size:16px;font-weight:800}
.pwa1029-g__ol{list-style:none;margin:0 0 14px;padding:0;counter-reset:pw}
.pwa1029-g__ol li{display:flex;align-items:center;gap:12px;padding:8px 0;counter-increment:pw}
.pwa1029-g__ol li+li{border-top:1px dashed var(--pw-line)}
.pwa1029-g__ol li>div{flex:1;min-width:0;line-height:1.45}
.pwa1029-g__ol b{display:block;font-size:14px;font-weight:800}
.pwa1029-g__ol b::before{content:counter(pw);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:var(--pw-ac);color:#fff;font-size:12px;vertical-align:1px}
.pwa1029-g__ol small{display:block;font-size:12px;color:var(--pw-sub);margin-top:2px}
.pwa1029-fig{flex:0 0 120px;margin:0}
.pwa1029-fig svg{display:block;width:120px;height:auto}
.pwa1029-fig svg[aria-hidden],.ppu-on .pwa1029-fig svg[aria-hidden]{fill:initial;stroke:none;stroke-width:initial} /* PPUI の svg の決まり（塗りなし・線あり）を図には効かせない */
.pwa1029-fig svg text{stroke:none!important;font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;paint-order:normal}
.pwa1029-sh{display:inline-flex;align-items:center;gap:2px;color:var(--pw-ac);white-space:nowrap}
.pwa1029-sh svg{width:15px;height:15px}
.pwa1029-g__lead{margin:0 0 6px;font-size:14.5px;font-weight:800}
.pwa1029-g__p{margin:0 0 10px;font-size:13.5px;line-height:1.6}
.pwa1029-g__sub{color:var(--pw-sub);font-size:12.5px}
.pwa1029-g__ok{display:block;width:100%}

/* メニューの1行（PPUI の .ppu-list に合わせる。今のメニューの時はタイル） */
.pwa1029-mi svg{flex:0 0 18px;width:18px;height:18px;color:var(--ppu-accent,#c0728a)}
@media (prefers-reduced-motion:reduce){.pwa1029-band,.pwa1029-g__box,.pwa1029-g__scrim{transition:none}}
