diff --git a/css/style.css b/css/style.css
index e10c67a..a0e84dc 100644
--- a/css/style.css
+++ b/css/style.css
@@ -856,6 +856,7 @@ a.nextcat_cancel{
 	font-family: 'Yu Gothic';
 	padding-bottom: 30px;
 }
+
 #list_style #profile .page_top,
 #list_style #af_log .page_top{
 	background: #e50012;
@@ -863,6 +864,9 @@ a.nextcat_cancel{
 	padding: 10px 20px;
 	position: relative;
 }
+#list_style #profile .page_top {
+	position: fixed;
+}
 #list_style #profile .page_top .back,
 #list_style #af_log .page_top .back{
 	color: #fff;
@@ -1451,8 +1455,8 @@ a.nextcat_cancel{
 	margin: auto;
 	position: relative;
 	min-height: 100vh;
-	background: #fff
-
+	background: #fff;
+	overflow-x: hidden;
 }
 
 /* Fix on mypage */
@@ -1901,4 +1905,7 @@ body > article {
 	zoom: 0.7;
 	position: relative;
 	top: -1rem;
+}
+.user-config {
+	margin-top: 3rem;
 }
\ No newline at end of file
diff --git a/js/category.js b/js/category.js
index 123d7e8..6734897 100644
--- a/js/category.js
+++ b/js/category.js
@@ -535,16 +535,16 @@ export default class Category {
                 .first();
 
             // let categoryTotalQuiz = await quizRepo.getTotalQuizOfCategory(categoryNo);
-            // let subCategory = await db.sub_category
-            //     .where('category_no').equals(categoryNo)
-            //     .and((subCategory) => subCategory.subcategory_no == subCategoryNo)
-            //     .first();
+            let subCategory = await db.sub_category
+                .where('category_no').equals(categoryNo)
+                .and((subCategory) => subCategory.subcategory_no == subCategoryNo)
+                .first();
             //
             // let subCategoryTotalQuiz = await quizRepo.getTotallQuizOfSubCategory(categoryNo, subCategoryNo);
 
             // subCategory.subCategoryTotalQuiz = subCategoryTotalQuiz ? subCategoryTotalQuiz : [];
             // category.categoryTotalQuiz       = categoryTotalQuiz;
-            // category.subCategory              = subCategory;
+            category.subCategory              = subCategory;
 
             return category;
         });
@@ -601,7 +601,7 @@ export default class Category {
         });
     }
 
-    checkByCategoryPreiew(categoryNo, subCategoryNo, pageNo) {
+    checkByCategoryPreiew(categoryNo, subCategoryNo, pageNo, mode = "nomarl") {
         return db.transaction('r', db.category, db.sub_category, db.quizzes, db.record, async () => {
             var subCategoryRepo = new SubCategory();
             let categorySelect;
@@ -628,8 +628,8 @@ export default class Category {
                     }
                 )
             );
-            let subCategoryTotalQuiz = await quizRepo.getTotallQuizOfSubCategory(categoryNo, subCategoryNo);
-
+            // let subCategoryTotalQuiz = await quizRepo.getTotallQuizOfSubCategory(categoryNo, subCategoryNo);
+            
             var categoryPreNext = [];
             for (var i = 0 ; i < categories.length; i ++){
                 var cateLen = categories.length-1;
@@ -663,7 +663,6 @@ export default class Category {
                                     categoryPreNext.nextcategory.isSubCategory = true;
                                 }
 
-                                // console.log('bbbb');
                                 return categoryPreNext;
                             } else {
 
@@ -671,6 +670,7 @@ export default class Category {
                                     categoryPreNext.prevcategory = categories[cateLen]['subCategories'][categories[cateLen]['subCategories'].length-1];
                                 } else if (j == 0 && i != 0) {
                                     categoryPreNext.prevcategory = categories[i-1]['subCategories'][categories[i-1]['subCategories'].length-1];
+
                                 } else if (j != 0 && i != 0) {
                                     categoryPreNext.prevcategory = categories[i]['subCategories'][j-1];
                                 } else if (j != 0 && i == 0) {
@@ -688,7 +688,6 @@ export default class Category {
                                     categoryPreNext.nextcategory.subCategory = categories[i]['subCategories'][j+1];
                                     categoryPreNext.nextcategory.isSubCategory = true;
                                 }
-                                // console.log('aaaa');
                                 return categoryPreNext;
                             }
 
@@ -696,7 +695,6 @@ export default class Category {
                     }
                 }
             }
-            // console.log('cccc');
             categoryPreNext.nextcategory = categories[0];
             categoryPreNext.nextcategory.subCategory = categories[0]['subCategories'][0];
             categoryPreNext.nextcategory.isSubCategory = true;
diff --git a/js/mypage.js b/js/mypage.js
index b2b89bf..170ba02 100644
--- a/js/mypage.js
+++ b/js/mypage.js
@@ -29,8 +29,6 @@ export default class Mypage {
         let quiz_continue_logs = await continueQuiz.getAllContinueQuiz();
         quiz_continue_logs = JSON.stringify(quiz_continue_logs);
 
-        console.log(quiz_logs);
-
         let learner_settings = {
             'sound' : (localStorage.getItem("soundon") === 'true') ? 'on' : 'off'
         };
diff --git a/js/route.js b/js/route.js
index 9299d2e..e2321fa 100644
--- a/js/route.js
+++ b/js/route.js
@@ -1571,7 +1571,6 @@ export function registerRoute() {
         var statussearch = jsCookie.get('list_search');
 
         if (typeof keyworksearch != "undefined" && statussearch == "ON") {
-            console.log(keyworksearch)
            $('#qInput').val(keyworksearch).keyup();
         }
 
@@ -1605,7 +1604,7 @@ export function registerRoute() {
         if (subCategoryNo != 0){
             var category = await categoryObj.findByCategoryAndSubCategoryNo(categoryNo, subCategoryNo);
             if(mode == "normal" || mode == "continue"){
-                var categoryPreNext = await categoryObj.checkByCategoryPreiew(categoryNo, subCategoryNo);
+                var categoryPreNext = await categoryObj.checkByCategoryPreiew(categoryNo, subCategoryNo, false, mode);
 
                 localStorage.setItem('nextcategory', JSON.stringify(categoryPreNext.nextcategory));
                 localStorage.setItem('prevcategory', JSON.stringify(categoryPreNext.prevcategory));
@@ -1631,12 +1630,14 @@ export function registerRoute() {
         var output;
         var templateParams = {
             nextcategory: nextcategory,
+            prevcategory: prevcategory,
             fontValue: fontValue,
             category: category,
             config: config,
             isLogin: loginObj.isLogged()
         };
 
+        // console.log(templateParams)
         // check is numbert quiz-no
         switch (mode) {
             case 'red-sheet':
diff --git a/template/user/configuration.hbs b/template/user/configuration.hbs
index e21936c..bfab7ae 100644
--- a/template/user/configuration.hbs
+++ b/template/user/configuration.hbs
@@ -1,9 +1,12 @@
 <section class="w964">
     <div id="af_log">
-        <div class="page_top clearfix">
-            <div class="back"><a class="go-back-history" href="{{config.subfolder}}/">top</a></div>
-            <div class="page_ttl">設定</div>
+        <div class="head-top" style="position: relative">
+            <div class="page_top clearfix" style="position: fixed">
+                <div class="back"><a class="go-back-history" href="{{config.subfolder}}/">top</a></div>
+                <div class="page_ttl">設定</div>
+            </div>
         </div>
+        <article class="user-config" >
         <div class="af_ct">
             <div class="ct1">
                 <a href="{{config.subfolder}}/user/message">お知らせ</a>
@@ -22,6 +25,7 @@
                 <label>{{config.version_no}}</label>
             </div>
         </div>
+        </article>
     </div>
 </section>
 <audio hidden id="audio_click" controls src="{{config.subfolder}}/sound/click.m4a"></audio>
\ No newline at end of file
diff --git a/template/user/detail.hbs b/template/user/detail.hbs
index 83ad84a..e43e7c8 100644
--- a/template/user/detail.hbs
+++ b/template/user/detail.hbs
@@ -1,54 +1,58 @@
 <section class="w964">
 	<div id="profile">
-		<div class="page_top clearfix">
-			<div class="back"><a class="go-back-history" href="{{subfolder}}/user/configuration">戻る</a></div>
-			<div class="page_ttl">アカウント情報</div>
-		</div>
-		<div class="profile">
-			<form>
-				<dl class="clearfix">
-					<dt>
-						<label>ID</label><br>
-						<input {{#if change_info_user}}disabled="disabled" class ="disable" {{/if}} type="text" name="email" value="{{email}}" placeholder="ID" >
-					</dt>
-					{{#if change_info_user}}
-					<dd></dd>
-					{{else}}
-					<dd><button {{#if change_info_user}}disabled="disabled"{{/if}} type="button" class="update {{#if change_info_user}}disable{{/if}}">更新</button></dd>
-					{{/if}}
-				</dl>
-				<dl class="clearfix">
-					<dt>
-						<label>
-							<p>パスワード</p>
-						</label>
-						<input  {{#if change_info_user}}disabled="disabled" class ="disable"{{/if}}  type="password" name="password" value="{{password}}" placeholder="パスワード">
-					</dt>
-					{{#if change_info_user}}
-					<dd></dd>
-					{{else}}
-					<dd><button type="button" class="update {{#if change_info_user}}disable{{/if}}">更新</button></dd>
-					{{/if}}
-				</dl>
-				<dl class="clearfix">
-					<dt>
-						<label>
-							<p>ニックネーム</p>
-							<p class="sm_txt">ランキングの表示名</p>
-						</label>
-						<input type="text" name="nickname" value="{{nickname}}" placeholder="">
-					</dt>
-					<dd><button type="button" class="update">更新</button></dd>
-				</dl>
-				<dl class="clearfix">
-					<dt>
-						<p>照会ID</p>
-						<p>{{id}}</p>
-					</dt>
-				</dl>
-				<button class="pr_btn" type="button" id="logout">ログアウト</button>
-			</form>
+		<div class="head-top" style="position: relative">
+			<div class="page_top clearfix">
+				<div class="back"><a class="go-back-history" href="{{subfolder}}/user/configuration">戻る</a></div>
+				<div class="page_ttl">アカウント情報</div>
+			</div>
 		</div>
+		<article class="user-config" >
+			<div class="profile">
+				<form>
+					<dl class="clearfix">
+						<dt>
+							<label>ID</label><br>
+							<input {{#if change_info_user}}disabled="disabled" class ="disable" {{/if}} type="text" name="email" value="{{email}}" placeholder="ID" >
+						</dt>
+						{{#if change_info_user}}
+						<dd></dd>
+						{{else}}
+						<dd><button {{#if change_info_user}}disabled="disabled"{{/if}} type="button" class="update {{#if change_info_user}}disable{{/if}}">更新</button></dd>
+						{{/if}}
+					</dl>
+					<dl class="clearfix">
+						<dt>
+							<label>
+								<p>パスワード</p>
+							</label>
+							<input  {{#if change_info_user}}disabled="disabled" class ="disable"{{/if}}  type="password" name="password" value="{{password}}" placeholder="パスワード">
+						</dt>
+						{{#if change_info_user}}
+						<dd></dd>
+						{{else}}
+						<dd><button type="button" class="update {{#if change_info_user}}disable{{/if}}">更新</button></dd>
+						{{/if}}
+					</dl>
+					<dl class="clearfix">
+						<dt>
+							<label>
+								<p>ニックネーム</p>
+								<p class="sm_txt">ランキングの表示名</p>
+							</label>
+							<input type="text" name="nickname" value="{{nickname}}" placeholder="">
+						</dt>
+						<dd><button type="button" class="update">更新</button></dd>
+					</dl>
+					<dl class="clearfix">
+						<dt>
+							<p>照会ID</p>
+							<p>{{id}}</p>
+						</dt>
+					</dl>
+					<button class="pr_btn" type="button" id="logout">ログアウト</button>
+				</form>
+			</div>
+		</article>
 	</div>
 </section>
 <audio hidden id="audio_click" controls src="{{subfolder}}/sound/click.m4a"></audio>
\ No newline at end of file
diff --git a/template/user/message-select.hbs b/template/user/message-select.hbs
index 9e3752c..9a5aeab 100644
--- a/template/user/message-select.hbs
+++ b/template/user/message-select.hbs
@@ -1,16 +1,20 @@
 <section class="w964">
 	<div id="profile">
-		<div class="page_top clearfix">
-			<div class="back"><a class="go-back-history" href="{{config.subfolder}}/user/message">戻る</a></div>
-			<div class="page_ttl">Message</div>
+		<div class="head-top" style="position: relative">
+			<div class="page_top clearfix">
+				<div class="back"><a class="go-back-history" href="{{config.subfolder}}/user/message">戻る</a></div>
+				<div class="page_ttl">お知らせ</div>
+			</div>
 		</div>
 
-		<div id="sec1">
-			<label>{{{message.delivery_date}}}</label>
-			<div class="detail_content">
-				{{{message.message}}}
+		<article class="user-config" >
+			<div id="sec1">
+				<label>{{{message.delivery_date}}}</label>
+				<div class="detail_content">
+					{{{message.message}}}
+				</div>
 			</div>
-        </div>
+		</article>
 	</div>
 </section>
 <audio hidden id="audio_click" controls src="{{config.subfolder}}/sound/click.m4a"></audio>
\ No newline at end of file
diff --git a/template/user/message.hbs b/template/user/message.hbs
index 411871b..5de76d1 100644
--- a/template/user/message.hbs
+++ b/template/user/message.hbs
@@ -1,19 +1,23 @@
 <section class="w964">
 	<div id="profile">
-		<div class="page_top clearfix">
-			<div class="back"><a class="go-back-history" href="{{config.subfolder}}/user/configuration">戻る</a></div>
-			<div class="page_ttl">Message</div>
+		<div class="head-top" style="position: relative">
+			<div class="page_top clearfix">
+				<div class="back"><a class="go-back-history" href="{{config.subfolder}}/user/configuration">戻る</a></div>
+				<div class="page_ttl">お知らせ</div>
+			</div>
 		</div>
-		<ul id="sec1">
-			{{#each message}}
-				<li>
-					<a class="nav-toggle" href="{{sfolder}}/user/message-select/{{id}}" >
-					{{delivery_date}} </br>
-					{{message}}
-					</a>
-				</li>		
-			{{/each}}
-        </ul>
+		<article class="user-config" >
+			<ul id="sec1">
+				{{#each message}}
+					<li>
+						<a class="nav-toggle" href="{{sfolder}}/user/message-select/{{id}}" >
+						{{delivery_date}} </br>
+						{{message}}
+						</a>
+					</li>
+				{{/each}}
+			</ul>
+		</article>
 	</div>
 </section>
 <audio hidden id="audio_click" controls src="{{config.subfolder}}/sound/click.m4a"></audio>
\ No newline at end of file
