body{background-color:#fff;margin:0;padding:0;font-family:Meiryo,sans-serif}.comp-message{text-align:center}.top-title{text-align:center;color:#333;margin:60px 0;font-size:15px;font-weight:700}h4{text-align:center;margin-top:0;margin-bottom:40px}.app-name{margin-bottom:7px;position:fixed;bottom:0}.page-transition{margin-top:10px}.container{box-sizing:border-box;border:1px solid #000;flex-direction:column;align-items:center;width:100%;min-height:100vh;margin:0 auto;padding:20px;display:flex}.title{text-align:center;color:#333;margin:60px 0 40px;font-size:15px;font-weight:700}.material-symbols-outlined{color:#000;margin-top:10px;font-size:14px;text-decoration:none;position:absolute;top:10px;right:15px}.material-symbols-outlined:active{color:#555}.exe-button{cursor:pointer;background:linear-gradient(145deg,#d9f0d0,#b2d8a4);border:none;border-radius:8px;width:100%;margin-top:50px;padding:10px;font-size:14px;transition:all .2s ease-in-out;box-shadow:3px 3px 8px #0003,-2px -2px 6px #fff9}.exe-button:active{background:linear-gradient(145deg,#b2d8a4,#d9f0d0);transform:scale(.98);box-shadow:inset 3px 3px 8px #0003,inset -2px -2px 6px #fff9}.center-container{box-sizing:border-box;background-color:#fff;border:1px solid #000;border-radius:4px;width:100%;max-width:320px;padding:60px 20px}.form-group{flex-direction:column;margin-bottom:20px;display:flex}label{color:#333;margin-bottom:6px;font-size:13px}input[type=text],input[type=password]{box-sizing:border-box;border:1px solid #000;border-radius:4px;width:100%;padding:10px;font-size:14px}.contact-text{border:1px solid #000;border-radius:4px;width:97%;font-size:14px}.group-title{text-align:center;color:#333;margin:20px 0;padding-left:60px;font-size:15px;font-weight:700}.group-container{box-sizing:border-box;background-color:#fff;border-radius:4px;width:100%;max-width:320px}.border-line{border:1px solid gray;margin-bottom:15px}.border-line-mini{border:1px solid gray;margin:10px 20px}.form-title,.user-name-disp,.add-dog-titile,.member-edit-titile,.request-wait-title{margin:10px}.requestnow-title{margin:15px 0}.user-choice{height:160px}input[type=radio]{display:none}.radiobtn-space{height:73px}#seko:checked+label,#machi:checked+label{color:#fff;background:#5af;border:2px solid #006dd9}#join:checked+label{color:#000;background:#b2d8a4;border:2px solid #006dd9}#notjoin:checked+label{color:#000;background:#ff5e5e;border:2px solid #006dd9}.dog-choice{height:170px;margin-top:10px;margin-bottom:20px;padding:5px 10px;overflow:auto}.dog-choice-content{display:flex}.member-edit-container{height:200px;margin-bottom:20px;overflow:auto}.member-edit-content{height:50px}.delete-btn{text-align:center;height:50px;margin:5px;line-height:50px}.delete-btn-red{float:left;text-align:center;cursor:pointer;color:#fff;background-color:#ff4d4d;border-radius:5px;width:30%;height:45px;margin:5px;padding-left:5px;padding-right:5px;line-height:40px;display:block}input[type=button]{display:none}.request-wait-container{height:200px;margin-bottom:20px;overflow:auto}.request-wait-content{justify-content:space-between;height:50px;margin:10px;display:flex}.request-user-name{text-align:center;height:50px;line-height:50px}.requestnow-list{height:150px;margin-bottom:20px;overflow:auto}.requestnow-content{margin-bottom:6px;display:flex}.requestnow-group-name{width:150px;height:30px}.requestnow-user-name{width:150px;height:30px;margin-left:15px}.user-join,#user-notjoin,#sel-seko,#sel-machi,.dog-choice-sel,.user-edit-sel,.member-edit-sel,.request-wait-sel{float:left;color:#fff;text-align:center;cursor:pointer;background-color:gray;border-radius:5px;width:43%;height:45px;margin:5px;padding-left:5px;padding-right:5px;line-height:45px;display:block}.user-join{background-color:#b2d8a4;width:93%}.user-join,.dog-choice-sel,.user-edit-sel,.member-edit-sel,.request-wait-sel{color:#000;background:#b2d8a4}.member-edit-sel{width:60%}input[type=checkbox]{display:none}input[type=checkbox]:checked+label{background-color:#ff5e5e}.back-header{justify-content:flex-start;align-self:stretch;width:100%;display:flex}.back-button{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;display:inline-flex}.back-button:active{transform:translateY(1px)}.back-icon{font-size:30px;line-height:1}.back-circle-button{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-left:-10px;font-size:18px;font-weight:700;display:flex}.back-circle-button:active{transform:scale(.95);box-shadow:inset 3px 3px 8px #00000040,inset -2px -2px 6px #fff9}.text-copy{cursor:pointer;background:linear-gradient(145deg,#d9f0d0,#b2d8a4);border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:10px;font-size:14px;transition:all .2s ease-in-out;box-shadow:3px 3px 8px #0003,-2px -2px 6px #fff9}
.pop-overlay{z-index:2000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pop-overlay[hidden]{display:none}.pop-modal{background:#fff;border-radius:12px;width:min(92vw,315px);padding:16px 16px 12px;box-shadow:0 10px 30px #0003}.pop-modal h2{color:#333;margin:0 0 8px;font-size:18px;font-weight:700}.pop-modal p{color:#555;margin:0 0 16px;font-size:14px}.pop-actions{justify-content:flex-end;gap:8px;display:flex}.pop-btn{appearance:none;cursor:pointer;color:#222;background:#e9ecef;border:0;border-radius:8px;margin-left:10px;padding:10px 14px;font-size:14px;transition:transform 50ms;box-shadow:3px 3px 8px #0000001f,-2px -2px 6px #fff9}.pop-btn:active{transform:translateY(1px);box-shadow:inset 3px 3px 8px #0003,inset -2px -2px 6px #fff9}.pop-primary{background:linear-gradient(145deg,#d9f0d0,#b2d8a4)}.pop-primary:active{background:linear-gradient(145deg,#b2d8a4,#d9f0d0)}