/* 行った！の声かけ */
.ki-wrap{margin:14px auto 0}
.ki-card{position:relative;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start;background:#FFF3C4;border:2.5px solid #13294B;border-radius:18px;box-shadow:4px 5px 0 #13294B;padding:12px 14px;margin:0 0 6px;transition:.3s;overflow:hidden}
.ki-card.bye{opacity:0;transform:translateY(8px)}
.ki-ic{width:56px;height:56px;background:#fff;border:2.5px solid #13294B;border-radius:14px;display:flex;align-items:center;justify-content:center}
.ki-ic svg{width:38px;height:38px}
.ki-q{margin:0;font-size:15px;font-weight:900;line-height:1.5;color:#13294B}
.ki-s{margin:4px 0 0;font-size:12px;font-weight:700;color:#4A5875;line-height:1.5}
.ki-s a{color:#13294B;font-weight:900}
.ki-btns{display:flex;gap:8px;margin-top:10px}
.ki-go,.ki-no{font-family:inherit;font-weight:900;font-size:14px;color:#13294B;border:2.5px solid #13294B;border-radius:12px;min-height:42px;padding:6px 16px;cursor:pointer;box-shadow:3px 4px 0 #13294B}
.ki-go{background:#7BDB9A}.ki-no{background:#fff}
.ki-go:active,.ki-no:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #13294B}
/* いつ行った？ */
.ki-when{position:relative;margin-top:10px;background:#fff;border:2.5px solid #13294B;border-radius:14px;padding:10px 12px;box-shadow:3px 4px 0 #13294B}
.ki-when b{display:block;font-size:13px;color:#13294B}
.ki-when span{font-size:12px;font-weight:700;color:#4A5875}
.ki-wb{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ki-wb button{font-family:inherit;font-weight:900;font-size:13px;color:#13294B;background:#FFC53D;border:2.5px solid #13294B;border-radius:999px;min-height:38px;padding:4px 14px;cursor:pointer;box-shadow:2px 3px 0 #13294B}
.ki-wb button.x{background:#fff}
.ki-wb button:active{transform:translate(1px,2px);box-shadow:1px 1px 0 #13294B}
/* 最近見た行のボタン */
.kn-recitem{position:relative}
.ki-rb{font-family:inherit;font-weight:900;font-size:12px;color:#13294B;background:#7BDB9A;border:2px solid #13294B;border-radius:999px;padding:4px 10px;margin-left:auto;align-self:center;cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 #13294B;flex:0 0 auto}
.ki-rb.on{background:#fff}
.kn-recitem .ki-when{position:absolute;left:8px;right:8px;top:100%;z-index:5}
/* 施設ページの下バー */
.ki-bar{position:fixed;left:50%;bottom:76px;transform:translate(-50%,120px);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid #13294B;border-radius:16px;box-shadow:4px 5px 0 #13294B;padding:8px 10px 8px 14px;z-index:60;transition:transform .3s;opacity:.98}
.ki-bar.on{transform:translate(-50%,0)}
.ki-bn{flex:1;font-size:13px;font-weight:900;color:#13294B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ki-bb{font-family:inherit;font-weight:900;font-size:14px;color:#13294B;background:#7BDB9A;border:2.5px solid #13294B;border-radius:12px;min-height:42px;padding:6px 14px;cursor:pointer;box-shadow:3px 3px 0 #13294B;white-space:nowrap}
.ki-bb:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #13294B}
@media(min-width:641px){.ki-bar{bottom:24px}}
/* トースト・紙吹雪 */
.ki-toast{position:fixed;left:50%;bottom:140px;transform:translateX(-50%) translateY(10px);background:#13294B;color:#fff;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:900;opacity:0;transition:.25s;z-index:99;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
.ki-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.ki-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ki-conf i{position:absolute;top:-10px;width:9px;height:13px;border-radius:3px;animation:kifall 1.6s ease-in forwards}
@keyframes kifall{to{transform:translateY(300px) rotate(500deg);opacity:0}}