@charset "UTF-8";body{font-family:Kosugi Maru,sans-serif;margin:0;padding:0;background:#ededed;font-size:16px}h1{font-size:24px;margin:0}.icon{display:flex;justify-content:center;align-items:center}.icon img{display:block;width:140px}.header_row{width:100%;background:#000;color:#fff;height:50px;display:flex;align-items:center;justify-content:space-between}.header_row nav{display:flex;align-items:center;margin-right:50px}.header_row nav button{all:unset;color:#fff;cursor:pointer;text-decoration:none;padding:8px 16px;transition:opacity .3s ease-in-out}.header_row nav button:hover{opacity:.5}.header_row a{margin:0;display:block;padding-left:40px;transition:opacity .3s ease-in-out}.header_row a:visited{color:#fff}.header_row a:hover{opacity:.5}a{text-decoration:none}.wrapper{height:80vh;display:flex;justify-content:center;align-items:center}.container{display:flex;justify-content:center;align-items:center;flex-direction:column}.container .title{margin-bottom:16px}.container .login_register{display:flex;justify-content:center;align-items:center;margin-top:40px}.container .login_register .login{margin-right:50px;border:none;border-radius:10px;background:#000}.container .login_register .register{border:none;border-radius:10px;background:#000}.container .login_register a{font-size:1.5rem;color:#fff;display:block;width:100%;height:100%;padding:10px;transition:opacity .3s ease-in-out}.container .login_register a:hover{opacity:.5}.container .login_register .to_todos{border:none;border-radius:10px;background:#000}.register_form{width:300px;height:100%;margin:30px auto;padding:20px;border:none;border-radius:30px;background:#c6c6c6}.register_form h1{display:block;margin-top:10px}.login_form{width:300px;height:100%;margin:30px auto;padding:20px;border:none;border-radius:30px;background:#c6c6c6}.form_container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:15px}.form_container div{margin-bottom:10px}.form_container form{display:flex;flex-direction:column;align-items:center;margin-top:20px}.form_container form div{display:flex;flex-direction:column}.form_container button{display:block;background-color:#4545ff;color:#fff;border:none;padding:5px 30px;font-size:16px;border-radius:5px;cursor:pointer;transition:opacity .3s,transform .2s;margin-top:10px}.form_container button:hover{opacity:.8}.form_container button:active{transform:scale(.95)}.form_container input[type=text],.form_container input[type=email],.form_container input[type=password],.form_container input[type=password_confirmation]{width:200px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:8px;margin-top:10px}ul{margin:0;padding:0}ul li{list-style:none;font-size:14px;color:red;text-align:center}input[type=text],input[type=date],select{padding:8px;border:1px solid #e3e3e3;border-radius:5px;font-size:14px;color:#000;background:#fff;flex:1;min-width:150px}.user_table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 5px #0000001a;border-radius:8px;overflow:hidden;table-layout:fixed}.user_table th:nth-child(1),.user_table td:nth-child(1){width:10%}.user_table th:nth-child(2),.user_table td:nth-child(2){width:36%}.user_table th:nth-child(3),.user_table td:nth-child(3){width:10%}.user_table th:nth-child(4),.user_table td:nth-child(4){width:10%}.user_table th:nth-child(5),.user_table td:nth-child(5){width:14%}.user_table th:nth-child(6),.user_table td:nth-child(6){width:10%}.user_table th,.user_table td{padding:12px;text-align:center;border:1px solid #e3e3e3}.admin_table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 5px #0000001a;border-radius:8px;overflow:hidden;table-layout:fixed}.admin_table th:nth-child(1),.admin_table td:nth-child(1){width:10%}.admin_table th:nth-child(2),.admin_table td:nth-child(2){width:10%}.admin_table th:nth-child(3),.admin_table td:nth-child(3){width:30%}.admin_table th:nth-child(4),.admin_table td:nth-child(4){width:8%}.admin_table th:nth-child(5),.admin_table td:nth-child(5){width:8%}.admin_table th:nth-child(6),.admin_table td:nth-child(6){width:14%}.admin_table th:nth-child(7),.admin_table td:nth-child(7){width:10%}.admin_table th,.admin_table td{padding:12px;text-align:center;border:1px solid #e3e3e3}.edit_delete{display:flex;justify-content:center;align-items:center}.edit_delete a{text-decoration:none;display:block;border:none;background-color:#58b36b;color:#fff;border-radius:5px;padding:10px 15px;margin-right:20px;transition:opacity .5s ease}.edit_delete a:visited{color:#fff}.edit_delete a:hover{opacity:.5}.edit_delete button{all:unset;cursor:pointer;display:block;border:none;background-color:#bf2a39;color:#fff;border-radius:5px;padding:10px 15px;transition:opacity .5s ease}.edit_delete button:hover{opacity:.7}.restore_delete{display:flex;justify-content:center;align-items:center}.restore_delete button{all:unset;cursor:pointer;display:block;border:none;color:#fff;border-radius:5px;padding:10px 15px;transition:opacity .5s ease}.restore_delete button:hover{opacity:.7}.restore_delete .restore{background-color:#58b36b;margin-right:10px}.restore_delete .complete_deletion{background-color:#bf2a39}th{background:#000;color:#fff;font-weight:400}td{background:#fff}.register_deleted{margin-top:10px;display:flex;justify-content:right}.register_deleted a{display:block;text-decoration:none;text-align:center;background-color:#232323;color:#fff;width:auto;height:auto;padding:10px;margin-right:20px;border-radius:5px;transition:opacity .5s ease}.register_deleted a:hover{opacity:.7}.register_deleted .task_register,.register_deleted .deleted_task{border:none;border-radius:5px;background:#232323;width:auto;margin-right:20px;display:flex;align-items:center;justify-content:center}.search_sort{width:100%;display:flex;justify-content:right;align-items:center;margin-top:10px;flex-wrap:wrap}.search_sort p{display:inline-block}.search_sort button{all:unset;display:inline-block;border:none;border-radius:5px;background-color:#232323;color:#fff;padding:8px 10px;cursor:pointer;transition:opacity .5s ease}.search_sort button:hover{opacity:.7}.search_sort .sort{margin-left:20px;margin-right:20px}.contents{width:100%;margin:20px auto}.contents .todo_table{width:98%;margin:0 auto;display:flex;justify-content:center;align-items:center}.contents .todo_table p{display:block}.contents .todo_table_admin{width:98%;margin:0 auto;display:flex;justify-content:center;align-items:center}.contents .todo_table_admin p{display:block}.task_register_area{margin-top:20px;width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.task_register_area .task_register_form{width:auto;height:auto;background:#c6c6c6;border-radius:10px;display:flex;justify-content:center}.task_register_area .task_register_form h1{display:block}.task_register_area .task_register_form div{margin-bottom:10px;margin-top:10px}.task_register_area .task_register_form form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:30px}.task_register_area .task_register_form form .task_detail_input{height:50px}.task_register_area .task_register_form form label{display:block;margin-bottom:5px}.task_register_area .task_register_form form input{width:250px}.task_register_area .task_register_form form select{width:268px}.task_register_area .task_register_form form button{display:block;background-color:#4545ff;color:#fff;border:none;padding:5px 120px;font-size:16px;border-radius:5px;cursor:pointer;transition:opacity .3s,transform .2s;margin-top:10px}.task_register_area .task_register_form form button:hover{opacity:.8}.task_register_area .task_register_form form button:active{transform:scale(.95)}.deleted_title{width:98%;margin:0 auto;display:flex;justify-content:right}.deleted_title a{text-decoration:none;display:flex;justify-content:center;background-color:#232323;width:150px;padding:10px;border-radius:5px;transition:opacity .5s ease}.deleted_title a:visited{color:#fff}.deleted_title a:hover{opacity:.7}h2{text-align:center}.status-form{display:flex;gap:4px;justify-content:center}.status-form .status-btn{border:none;background:none;padding:6px 10px;border-radius:5px;cursor:pointer;color:#555;font-size:.9rem}.status-form .status-btn.status-未着手,.status-form .status-btn.status-進行中,.status-form .status-btn.status-完了{color:#a1a1a1}.status-form .status-btn.active{font-weight:700;color:#000}.todo_card{width:80%;border-radius:8px;padding:1rem;margin-bottom:1rem;background-color:#fff;box-shadow:0 2px 4px #0000001a}.todo_card .status-form{margin:0;display:flex;justify-content:center}.todo_card .status-form button{font-size:1.1rem;padding-top:0}.todo_card p{margin:.5rem 0}.todo_card .edit_delete{margin-top:1rem}.todo_card_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}@media screen and (max-width: 768px){.wrapper{margin:0;padding:0}.header_row{margin:0;padding:0;position:fixed;top:0;z-index:1000}.header_row .pc_nav{display:none}.header_row .header_title{padding-left:40px;display:block;margin:0 auto}.header_row .hamburger{font-size:24px;color:#fff;background:none;border:none;cursor:pointer;display:block;position:absolute;top:0;left:10px;font-weight:550}.header_row .hamburger:hover{opacity:1}.header_row .sp_menu{height:100vh;width:60%;flex-direction:column;background-color:#393939;position:absolute;top:0;left:-100%;padding:1em;box-shadow:0 4px 6px #0000001a;z-index:1000;transition:left .2s ease;display:flex}.header_row .sp_menu ul li a{padding:0;display:flex;align-items:center;justify-content:center;background-color:#4545ff;border-radius:5px;height:30px}.header_row .sp_menu .sp_menu_icon{display:flex;justify-content:center;margin-bottom:20px}.header_row .sp_menu .sp_menu_icon img{width:70%}.header_row .sp_menu form{display:flex;justify-content:center}.header_row .sp_menu form button{background-color:#4545ff;border-radius:5px;width:100%;text-align:center}.header_row .sp_menu a,.header_row .sp_menu form{margin:.5em 0}.header_row .sp_menu.show{left:0}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:900}.overlay.show{display:block}.register_deleted{margin:0 auto;padding:0;flex-direction:column;width:60%}.register_deleted a{margin:0 0 5px;display:block}.todo_table,.todo_table table{display:none}.container img{width:80%}.search_sort{flex-direction:column;align-items:flex-start;width:100%}.search_sort .sort{margin:10px 0}.search{display:none}.sp_search,.sp_search .sp_search_start_end_date{display:flex;justify-content:center}.sp_search .sp_search_start_end_date .sp_start_date{margin-right:5px}.sp_search .sp_search_title p{margin:0}.sp_search form{display:flex;flex-direction:column;align-items:center}.sp_search form div{margin-bottom:8px}.sp_search form .sp_user_name_search,.sp_search form .sp_user_name_search select,.sp_search form .sp_task_search{width:100%}.sp_search form .sp_task_search input{width:95%}.sp_search form .sp_status_filter,.sp_search form .sp_status_filter select{width:100%}.sp_search form .sp_search_button{margin-top:10px;width:100%;display:flex;justify-content:center}.sp_search form .sp_search_button button{width:60%;text-align:center;display:block}.search_sort{align-items:center}.login_form,.register_form{margin-top:100px;margin-bottom:100px}.deleted_title{margin-top:70px}.contents h2{display:none}.task_register_area{margin-bottom:100px}}@media (min-width: 768px){.sp_nav{display:none!important}.sp_search,.todo_card_wrapper{display:none}}