diff --git a/backend/public/js/app.js b/backend/public/js/app.js
index 5054ace4..5d32080b 100644
--- a/backend/public/js/app.js
+++ b/backend/public/js/app.js
@@ -40913,8 +40913,8 @@ var ChildLogin = function ChildLogin() {
       setPassword = _useState6[1];
 
   var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
-    tel: '',
-    password: ''
+    password: '',
+    tel: ''
   }),
       _useState8 = _slicedToArray(_useState7, 2),
       _422errors = _useState8[0],
@@ -40933,7 +40933,7 @@ var ChildLogin = function ChildLogin() {
     formdata.append('password', password);
     axios__WEBPACK_IMPORTED_MODULE_1___default().post('/api/children/login/', formdata).then(function (response) {
       setSubmit(false);
-      console.log(response.data.error_messages);
+      console.log(response.data);
 
       switch (response.data.status_code) {
         case 200:
@@ -44139,6 +44139,12 @@ function Side() {
       selected = _useState2[0],
       setSelected = _useState2[1];
 
+  var handleLogout = function handleLogout() {
+    axios.get('/c-account/logout').then(function () {
+      return location.href = '/c-account/login';
+    });
+  };
+
   return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
     className: "l-side",
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
@@ -44221,10 +44227,14 @@ function Side() {
             })]
           })
         }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
-          className: "mypage-nav-list__item -logout",
+          className: "mypage-nav-list__item  ".concat(selected == 'logout' && "nav-active"),
+          onClick: function onClick(e) {
+            e.preventDefault();
+            setSelected('logout');
+          },
           children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
-            href: "",
             className: "mypage-nav-list__link",
+            onClick: handleLogout,
             children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
               className: "icon log-out"
             }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
diff --git a/backend/resources/js/child/auth/login/index.jsx b/backend/resources/js/child/auth/login/index.jsx
index 4f9023d9..24ec0a05 100644
--- a/backend/resources/js/child/auth/login/index.jsx
+++ b/backend/resources/js/child/auth/login/index.jsx
@@ -12,7 +12,11 @@ const ChildLogin = () => {
     const [tel, setTel] = useState('');
     const [password, setPassword] = useState('');
 
-    const [_422errors, set422Errors] = useState({tel:'', password:''});
+    const [_422errors, set422Errors] = useState(
+    {
+        password: '',
+        tel: ''
+    });
     const [_400error, set400Error] = useState('');
 
 
@@ -25,7 +29,7 @@ const ChildLogin = () => {
         axios.post('/api/children/login/', formdata)
         .then(response => {
             setSubmit(false)
-            console.log(response.data.error_messages);
+            console.log(response.data);
             switch(response.data.status_code){
                 case 200:{
                     localStorage.setItem("from_login", true);
diff --git a/backend/resources/js/child/side.jsx b/backend/resources/js/child/side.jsx
index f59fedd8..0aebc06d 100644
--- a/backend/resources/js/child/side.jsx
+++ b/backend/resources/js/child/side.jsx
@@ -4,6 +4,11 @@ import { Link } from 'react-router-dom'
 export default function Side() {
     const [selected, setSelected] = useState('');
 
+    const handleLogout = () => {
+        axios.get('/c-account/logout')
+        .then(() => location.href = '/c-account/login')
+    }
+
     return (
         <div className="l-side">
             <div className="l-side-logo">
@@ -57,8 +62,13 @@ export default function Side() {
                             <span>プロフィール</span>
                         </Link>
                     </li>
-                    <li className="mypage-nav-list__item -logout">
-                        <a href="" className="mypage-nav-list__link">
+                    <li className={`mypage-nav-list__item  ${(selected == 'logout') && "nav-active"}`}
+                        onClick={e => {
+                            e.preventDefault();
+                            setSelected('logout');
+                        }}>
+
+                        <a className="mypage-nav-list__link" onClick={handleLogout}>
                             <i className="icon log-out"></i><span>ログアウト</span>
                         </a>
                     </li>