/* つながり（2026-10-02 TSUNAGARI1002）「みんな」/community-people/・個別チャットの札と注意書き。モバイル優先（360〜390幅で横にはみ出さない） */
.ntg{max-width:640px;margin:0 auto;padding:12px 14px 40px;color:#3a2a55;box-sizing:border-box}
.ntg *{box-sizing:border-box}
.ntg__h{font-size:20px;font-weight:900;color:#7a3a8a;margin:4px 0 2px}
.ntg__lead{font-size:12.5px;color:#8b7f95;line-height:1.7;margin:0 0 10px}
.ntg__h2{font-size:14px;font-weight:900;color:#c0418a;margin:0 0 8px}.ntg__h2 b{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:#c0418a;color:#fff;font-size:12px;text-align:center}
.ntg__wait{text-align:center;color:#a093b5;font-size:13px;padding:22px 6px;line-height:1.7;margin:0}
.ntg__btn{display:block;width:100%;text-align:center;background:linear-gradient(135deg,#8b6cc1,#d65c9a);color:#fff;font-weight:900;font-size:14px;padding:12px 16px;min-height:46px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.ntg__btn:disabled{opacity:.5}
.ntg__ghost{flex:0 0 auto;border:1.5px solid #e6d5f2;background:#fff;color:#7a3a8a;font-weight:900;font-size:12.5px;min-height:36px;padding:6px 14px;border-radius:999px;cursor:pointer;font-family:inherit}
.ntg__join{background:#fff;border:1px solid #f2dcea;border-radius:16px;padding:16px;text-align:center;font-size:13px;line-height:1.7}
.ntg__mine{background:#fff;border:1px solid #f2dcea;border-radius:16px;padding:12px;margin:0 0 12px}
.ntg__mine-row{display:flex;gap:10px;align-items:flex-start}
.ntg__mine-b{flex:1;min-width:0}
.ntg__mine-k{font-size:11px;font-weight:900;color:#a093b5;margin:0 0 2px}
.ntg__mine-v{font-size:14px;font-weight:800;color:#3a2a55;margin:0 0 6px;word-break:break-word}.ntg__mine-v.is-empty{font-size:12px;font-weight:700;color:#a093b5}
.ntg__mine-t{margin:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.ntg__mine-mode{font-size:11px;color:#8b7f95;margin-left:2px}
.ntg__form{margin:12px 0 0;border-top:1px dashed #eadcf3;padding:10px 0 0}
.ntg__fl{font-size:12px;font-weight:900;color:#7a3a8a;margin:10px 0 6px;display:block}
.ntg__in{width:100%;font-family:inherit;font-size:16px;border:1.5px solid #e6d5f2;border-radius:12px;padding:10px 12px;min-height:44px;background:#fff;color:#3a2a55}
.ntg__note{font-size:11.5px;color:#8b7f95;line-height:1.6;margin:6px 0 0}
.ntg__tagpick,.ntg__tagbar{display:flex;flex-wrap:wrap;gap:6px}
.ntg__tagbar{margin:0 0 10px}
.ntg__modes{display:flex;flex-direction:column;gap:6px}
.ntg-mode{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;padding:10px 12px;border:1.5px solid #eadcf3;border-radius:12px;background:#fffafd;cursor:pointer;min-height:44px}
.ntg-mode input{width:18px;height:18px;margin:0;accent-color:#8b6cc1}
.ntg__age{margin:6px 0 0}
.ntg__agerow{display:flex;gap:6px;margin:6px 0 0}.ntg__agerow select{flex:1;min-width:0;font-family:inherit;font-size:15px;border:1.5px solid #e6d5f2;border-radius:10px;padding:8px;min-height:40px;background:#fff}
.ntg__form .ntg__btn{margin:14px 0 0}
.ntg__msg{font-size:12.5px;font-weight:800;margin:8px 0 0}.ntg__msg.is-ok{color:#2f9e77}.ntg__msg.is-bad{color:#c0418a}
.ntg__inbox{background:linear-gradient(135deg,#fff7e0,#fff0f7);border:1px solid #f2d78a;border-radius:16px;padding:12px;margin:0 0 12px}
.ntg-in{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(240,200,140,.5)}
.ntg-in:first-child{border-top:0;padding-top:0}
.ntg-in__b{flex:1;min-width:0}
.ntg-in__t{font-size:13px;margin:0;line-height:1.5}.ntg-in__t b{color:#7a3a8a}
.ntg-in__s{font-size:11px;color:#8b7f95;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntg-in__a{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}
.ntg__filters{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -14px 10px;padding:2px 14px 4px}
.ntg__filters::-webkit-scrollbar{display:none}
.ntg__filters button{flex:0 0 auto;border:1.5px solid #e6d5f2;background:#fff;color:#6b5f7d;border-radius:999px;padding:8px 13px;min-height:38px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.ntg__filters button.is-on{background:#8b6cc1;border-color:#8b6cc1;color:#fff}
.ntg__gsearch{margin:0 0 10px}
.ntg__sub{font-size:11.5px;color:#8b7f95;margin:0 0 6px;min-height:1em}
.ntg__cap{font-size:11px;color:#a093b5;margin:12px 0 0;text-align:center}
.ntg__safe{font-size:11px;color:#a093b5;line-height:1.6;margin:6px 0 0;text-align:center}
.ntg-tag{display:inline-flex;align-items:center;border:1px solid #e6d5f2;background:#fbf8ff;color:#7a5aa8;border-radius:999px;padding:4px 10px;min-height:30px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.ntg-tag.is-on{background:#8b6cc1;border-color:#8b6cc1;color:#fff}
.ntg-tag.is-mine{cursor:default;min-height:24px;padding:2px 8px;font-size:11px}
.ntg-p{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #f2dcea;border-radius:16px;padding:10px;margin:0 0 8px}
.ntg-p__av{position:relative;flex:0 0 auto;width:52px;height:52px;padding:0;border:0;background:#f3edff;border-radius:50%;cursor:pointer}
.ntg-p__av img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}
.ntg-p__av .ntg-p__fr{position:absolute;inset:0;border-radius:0;object-fit:contain}
.ntg-p__av.is-sm,.ntg-p__av.is-sm img{width:40px;height:40px}
.ntg-p__dot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#35c47c;border:2px solid #fff}
.ntg-p__b{flex:1;min-width:0}
.ntg-p__nm{margin:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:14px;font-weight:900}
.ntg-p__nmb{border:0;background:none;padding:0;font:inherit;color:#3a2a55;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.ntg-p__ty{font-size:11.5px;color:#8b7f95;margin:1px 0 0}
.ntg-p__hi{font-size:12.5px;color:#4a3a65;margin:4px 0 0;line-height:1.5;word-break:break-word}
.ntg-p__tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0}
.ntg-p__tags .ntg-tag{min-height:26px;padding:2px 8px;font-size:11px}
.ntg-p__pl{font-size:11.5px;color:#a8336f;font-weight:800;margin:4px 0 0}
.ntg-p__acts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.ntg-a{display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1.5px solid #e6d5f2;background:#fff;color:#7a3a8a;border-radius:999px;padding:6px 12px;min-height:36px;font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer;text-decoration:none;white-space:nowrap}
.ntg-a.is-wave{background:linear-gradient(135deg,#ffcf6b,#ff9fc4);border-color:transparent;color:#5a2440}
.ntg-a.is-dm{background:#f3edff;border-color:#e0d2f5}
.ntg-a.is-done{opacity:.6;cursor:default}
.ntg-a.is-x{min-height:30px;padding:4px 10px;font-size:11.5px;color:#8b7f95}
.ntg-a:disabled{opacity:.55}
.ntg-bd{display:inline-block;font-size:10.5px;font-weight:900;border-radius:999px;padding:2px 7px;line-height:1.4}
.ntg-bd.is-on{color:#1f8a55;background:#e6f8ee}
.ntg-bd.is-new{color:#fff;background:#f08a3c}
.ntg-bd.is-rec{color:#c0418a;background:#ffe9f3}
.ntg-bd.is-fr{color:#6b4fa8;background:#efe8fb}
.ntg-bd.is-fr3{color:#2f7f9e;background:#e6f4fa}
.ntg-wp{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 0}
.ntg-wp button{display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid #f6d79a;background:#fffbef;border-radius:12px;padding:6px 2px;min-height:52px;font-family:inherit;font-size:10.5px;font-weight:800;color:#6b4a20;cursor:pointer}
.ntg-wp button span{font-size:20px;line-height:1}
.ntg-g{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #f2dcea;border-radius:14px;padding:10px 12px;margin:0 0 8px}
.ntg-g__b{flex:1;min-width:0}
.ntg-g__t{font-size:14px;font-weight:900;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntg-g__s{font-size:11.5px;color:#8b7f95;margin:2px 0 0}
.ntg-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);max-width:calc(100% - 32px);background:rgba(58,42,85,.94);color:#fff;font-size:13px;font-weight:800;padding:10px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:80;text-align:center}
.ntg-toast.is-on{opacity:1;transform:translate(-50%,0)}.ntg-toast.is-bad{background:rgba(192,65,138,.95)}
.ntg-dot{display:inline-block;font-style:normal;min-width:18px;padding:0 5px;border-radius:999px;background:#c0418a;color:#fff;font-size:11px;text-align:center;margin-left:2px}
.cmsh__drawer-grid a.is-tg{grid-column:1/-1;background:linear-gradient(135deg,#fff7e0,#f3edff);border-color:#f0d6a0}
/* 個別チャット: 一覧の上の札・会話の上の注意書き */
.ntg-dmcard{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px;border:1px solid #f0d6a0;border-radius:16px;background:linear-gradient(135deg,#fff7e0,#f3edff);text-decoration:none;color:#3a2a55}
.ntg-dmcard__i{font-size:26px;line-height:1;flex:0 0 auto}
.ntg-dmcard__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ntg-dmcard__b b{font-size:14.5px;color:#a8336f}
.ntg-dmcard__b small{font-size:11.5px;color:#6b5f7d;line-height:1.5}
.ntg-dmcard__n{flex:0 0 auto;font-size:12px;font-weight:900;color:#fff;background:#c0418a;border-radius:999px;padding:3px 8px}
.ntg-dmcard__go{flex:0 0 auto;font-size:22px;color:#c0418a}
.ntg-warn{margin:8px 12px;padding:10px 12px;border:1px solid #f2d78a;border-radius:14px;background:#fffbef;color:#5a4a30}
.ntg-warn__h{font-size:13px;font-weight:900;color:#a8336f;margin:0 0 4px}
.ntg-warn__t{font-size:12px;line-height:1.6;margin:0}
.ntg-warn__a{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.ntg-warn__a button{border:1.5px solid #f0d6a0;background:#fff;color:#7a3a8a;border-radius:999px;padding:5px 11px;min-height:34px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
.ntg-warn__a button.is-x{margin-left:auto;background:#8b6cc1;border-color:#8b6cc1;color:#fff}
@media(max-width:380px){.ntg-p__acts .ntg-a{flex:1 1 auto;padding:6px 8px;font-size:12px}}