diff --git a/app/Http/Controllers/Admin/UsertypeController.php b/app/Http/Controllers/Admin/UsertypeController.php
index 1ce9a6e..f075eff 100644
--- a/app/Http/Controllers/Admin/UsertypeController.php
+++ b/app/Http/Controllers/Admin/UsertypeController.php
@@ -27,29 +27,48 @@ class UsertypeController extends Controller
         if (!in_array($sort, $allowSort, true)) {
             $sort = 'user_categoryid';
         }
+
         $sortType = strtolower($request->input('sort_type', 'asc'));
         if (!in_array($sortType, ['asc', 'desc'], true)) {
             $sortType = 'asc';
         }
+
+        $action = $request->input('action');
+        if ($action === 'unlink') {
+            $request->merge([
+                'filter_sort_order' => '',
+                'filter_usertype_subject1' => '',
+                'filter_usertype_subject2' => '',
+                'filter_usertype_subject3' => '',
+                'page' => 1,
+            ]);
+        }
+
         $inputs = [
             'isMethodPost' => $request->isMethod('post') ? 1 : 0,
-            'isExport' => 0,
-            'sort' => $sort,
-            'sort_type' => $sortType,
-            'page' => (int) $request->get('page', 1),
+            'isExport'     => 0,
+            'sort'         => $sort,
+            'sort_type'    => $sortType,
+            'page'         => (int) $request->get('page', 1),
+            'action'       => $action, 
         ];
+
         $filters = [
-            'filter_sort_order' => $request->input('filter_sort_order', ''),
-            'filter_usertype_subject1' => $request->input('filter_usertype_subject1', ''),
-            'filter_usertype_subject2' => $request->input('filter_usertype_subject2', ''),
-            'filter_usertype_subject3' => $request->input('filter_usertype_subject3', ''),
+            'filter_sort_order'       => $request->input('filter_sort_order', ''),
+            'filter_usertype_subject1'=> $request->input('filter_usertype_subject1', ''),
+            'filter_usertype_subject2'=> $request->input('filter_usertype_subject2', ''),
+            'filter_usertype_subject3'=> $request->input('filter_usertype_subject3', ''),
         ];
+
         $searchParams = array_merge($inputs, $filters);
+
         $viewData = $searchParams;
         $viewData['list'] = Usertype::search($searchParams);
+
         if ($viewData['list']->total() > 0 && $viewData['page'] > $viewData['list']->lastPage()) {
             return redirect()->route('usertypes');
         }
+
         return view('admin.usertypes.list', $viewData);
     }
 
@@ -82,17 +101,24 @@ class UsertypeController extends Controller
 
             // バリデーションルール（最小限）
             $rules = [
-                'sort_order' => 'nullable|integer',
-                'usertype_subject1' => 'nullable|string|max:255',
-                'usertype_subject2' => 'nullable|string|max:255',
-                'usertype_subject3' => 'nullable|string|max:255',
-                'print_name' => 'required|string|max:255',
-                'usertype_money' => 'nullable|string|max:255',
-                'usertype_remarks' => 'nullable|string|max:255',
+                'sort_order'        => 'required|integer',
+                'usertype_subject1' => 'required|string|max:10',
+                'usertype_subject2' => 'required|string|max:10',
+                'usertype_subject3' => 'nullable|string|max:10', 
+                'print_name'        => 'nullable|string|max:20',  
+                'usertype_money'    => 'nullable|string|max:10',
+                'usertype_remarks'  => 'nullable|string|max:85',
             ];
+
+
             $messages = [
-                'print_name.required' => '印字名は必須です。',
-                'sort_order.integer' => 'ソートオーダーは数値で入力してください。',
+                'sort_order.required'        => 'ソートオーダーは必須です。',
+                'sort_order.integer'         => 'ソートオーダーは数値で入力してください。',
+
+                'usertype_subject1.required' => '分類名1は必須です。',
+                'usertype_subject2.required' => '分類名2は必須です。',
+
+                // 'print_name.required'        => '印字名は必須です。',
             ];
 
             $validator = Validator::make($inputs, $rules, $messages);
@@ -110,7 +136,7 @@ class UsertypeController extends Controller
             });
 
             if ($ok) {
-                return redirect()->route('usertypes')->with('success', '登録しました。');
+                return redirect()->route('usertypes')->with('success', '登録が完了しました。');
             }
             return back()->with('error', '登録に失敗しました。')->withInput();
         }
@@ -122,65 +148,66 @@ class UsertypeController extends Controller
 
     public function edit(Request $request, $id)
     {
-        $usertype = Usertype::findOrFail($id);
+        $record = Usertype::findOrFail($id);
+
+        $data = [
+            'record' => $record,
+            'isEdit' => true,
+            'isInfo' => false,
+        ];
 
-        // 画面に渡す初期データ（既存の構成に合わせて attributes を使う）
-        $data = $usertype->getAttributes();
         if (method_exists($this, 'getDataDropList')) {
-            $dataList = $this->getDataDropList();
-            $data = array_merge($data, $dataList);
+            $data = array_merge($data, $this->getDataDropList());
         }
 
+        // POST：更新処理
         if ($request->isMethod('POST')) {
-            $type = false;
 
-            // ▼ 内蔵バリデーション（FormRequest を使わない）
             $rules = [
-                'sort_order' => 'nullable|integer',
-                'usertype_subject1' => 'nullable|string|max:255',
-                'usertype_subject2' => 'nullable|string|max:255',
-                'usertype_subject3' => 'nullable|string|max:255',
-                'print_name' => 'required|string|max:255',
-                'usertype_money' => 'nullable|string|max:255',
-                'usertype_remarks' => 'nullable|string|max:255',
+                'sort_order'        => 'required|integer',
+                'usertype_subject1' => 'required|string|max:10',
+                'usertype_subject2' => 'required|string|max:10',
+                'usertype_subject3' => 'nullable|string|max:10', 
+                'print_name'        => 'nullable|string|max:20',  
+                'usertype_money'    => 'nullable|string|max:10',
+                'usertype_remarks'  => 'nullable|string|max:85',
             ];
+
+
             $messages = [
-                'print_name.required' => '印字名は必須です。',
-                'sort_order.integer' => 'ソートオーダーは数値で入力してください。',
+                'sort_order.required'        => 'ソートオーダーは必須です。',
+                'sort_order.integer'         => 'ソートオーダーは数値で入力してください。',
+
+                'usertype_subject1.required' => '分類名1は必須です。',
+                'usertype_subject2.required' => '分類名2は必須です。',
+                'usertype_subject3.required' => '分類名3は必須です。',
+
             ];
 
+
             $validator = Validator::make($request->all(), $rules, $messages);
 
-            // 入力値を $data にマージ（既存ロジック踏襲）
-            $requestAll = $request->all();
-            $data = array_merge($data, $requestAll);
-
             if ($validator->fails()) {
                 return back()->withErrors($validator)->withInput();
             }
 
-            \DB::transaction(function () use ($data, &$type, $usertype) {
-                // fill するフィールドだけを明示したい場合は only(...) で絞ってもOK
-                $usertype->fill([
-                    'sort_order' => $data['sort_order'] ?? null,
-                    'usertype_subject1' => $data['usertype_subject1'] ?? null,
-                    'usertype_subject2' => $data['usertype_subject2'] ?? null,
-                    'usertype_subject3' => $data['usertype_subject3'] ?? null,
-                    'print_name' => $data['print_name'] ?? null,
-                    'usertype_money' => $data['usertype_money'] ?? null,
-                    'usertype_remarks' => $data['usertype_remarks'] ?? null,
+            \DB::transaction(function () use ($request, $record) {
+                $record->fill([
+                    'sort_order'        => $request->sort_order,
+                    'usertype_subject1' => $request->usertype_subject1,
+                    'usertype_subject2' => $request->usertype_subject2,
+                    'usertype_subject3' => $request->usertype_subject3,
+                    'print_name'        => $request->print_name,
+                    'usertype_money'    => $request->usertype_money,
+                    'usertype_remarks'  => $request->usertype_remarks,
                 ]);
-                $usertype->save();
-                $type = true;
+                $record->save();
             });
 
-            if ($type) {
-                return redirect()->route('usertypes')->with('success', '更新しました。');
-            }
-            return back()->with('error', '更新に失敗しました。')->withInput();
+            return redirect()->route('usertypes')->with('success', '更新が完了しました。');
         }
 
-        // GET: 画面表示（既存のビューに合わせて返す）
+        // GET：画面表示
         return view('admin.usertypes.edit', $data);
     }
 
@@ -196,7 +223,7 @@ class UsertypeController extends Controller
             $arr_pk = [$arr_pk];
         }
         if (empty($arr_pk)) {
-            return redirect()->route('usertypes')->with('error', '削除するユーザーを選択してください。');
+            return redirect()->route('usertypes')->with('error', '削除対象を1件以上選択してください。');
         }
 
         if (Usertype::deleteByPk($arr_pk)) {
@@ -219,16 +246,10 @@ class UsertypeController extends Controller
 
     public function export(Request $request)
     {
-        $timestamp = now()->format('YmdHis');
-        $filename = "利用者分類マスタ{$timestamp}.csv";
-        $filePath = storage_path("app/{$filename}");
-        $headers = [
-            'Content-Type' => 'text/csv; charset=UTF-8',
-            'Content-Encoding' => 'UTF-8',
-            'Pragma' => 'no-cache',
-            'Cache-Control' => 'must-revalidate, post-check=0, pre-check=0',
-            'Expires' => '0',
-        ];
+        // ファイル名
+        $filename = '利用者分類マスタ_' . now()->format('YmdHis') . '.csv';
+
+        // 検索条件（一覧と同じ）
         $inputs = [
             'isMethodPost' => 0,
             'isExport' => 1,
@@ -241,29 +262,34 @@ class UsertypeController extends Controller
         ];
 
         $dataExport = Usertype::search($inputs);
-        $columns = array(
-            __('利用者分類ID'),// 0
-            __('分類名'),// 1
-            __('適用料率'),// 2
-            __('備考'),// 3
-        );
-        $file = fopen($filePath, 'w+');
-        fputcsv($file, $columns);
-        foreach ($dataExport as $items) {
-            fputcsv(
-                $file,
-                array(
-                    $items->user_categoryid,
-                    $items->print_name,
-                    $items->usertype_money,
-                    $items->usertype_remarks, // 3
-                )
-            );
-        }
-        fclose($file);
-        return Response::download($filePath, $filename, $headers)->deleteFileAfterSend(true);
+
+        return response()->streamDownload(function () use ($dataExport) {
+
+            // Excel用 UTF-8 BOM
+            echo "\xEF\xBB\xBF";
+
+            // ヘッダー行
+            echo "利用者分類ID,ソートオーダー,分類名1,分類名2,分類名3,適用料率,備考\n";
+
+            // データ行
+            foreach ($dataExport as $item) {
+                echo implode(',', [
+                    $item->user_categoryid,
+                    $item->sort_order,
+                    $item->usertype_subject1,
+                    $item->usertype_subject2,
+                    $item->usertype_subject3,
+                    $item->usertype_money,
+                    $item->usertype_remarks,
+                ]) . "\n";
+            }
+
+        }, $filename, [
+            'Content-Type' => 'text/csv; charset=UTF-8',
+        ]);
     }
 
+
     public function import(Request $request)
     {
         $file = $request->file('file');
diff --git a/app/Utils.php b/app/Utils.php
index a576cd5..aa251f4 100644
--- a/app/Utils.php
+++ b/app/Utils.php
@@ -20,8 +20,7 @@ use Illuminate\Support\Facades\Hash;
 class Utils
 {
     // ページあたりのアイテム数（旧システムから継承）
-    // const item_per_page = 50;
-    const item_per_page = 20;
+    const item_per_page = 50;
     
     // 画像保存パス（旧システムから継承）
     const image_path = 'storage/images/';
diff --git a/public/js/app.js b/public/js/app.js
index d4a7d41..1453a76 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -142,34 +142,72 @@ $('#import_csv').on('click', function () {
         }
     });
 });
+/** * CSV出力確認ダイアログ　以前のバージョン　*/
+
+// $('#export_csv').on('click', function () {
+//     var _action = $(this).attr('action'),
+//     user_id = $('#user_id').length ? $('#user_id').val() : '',
+//     member_id = $('#member_id').length ? $('#member_id').val() : '',
+//     user_tag_serial = $('#user_tag_serial').length ? $('#user_tag_serial').val() : '',
+//     user_phonetic = $('#user_phonetic').length ? $('#user_phonetic').val() : '',
+//     phone = $('#phone').length ? $('#phone').val() : '',
+//     crime = $('#crime').length ? $('#crime').val() : '',
+//     sort = $('#sort').length ? $('#sort').val() : '',
+//     sort_type = $('#sort_type').length ? $('#sort_type').val() : '';
+
+//     $.confirm({
+//         title: '確認ダイアログ。',
+//         content: '！CSVファイルを出力します。よろしいですか？はい/いいえ',
+//         buttons: {
+//             ok: {
+//                 text: "はい",
+//                 btnClass: 'btn-primary',
+//                 keys: ['enter'],
+//                 action: function action() {
+//                     window.location.href = _action + '?user_id=' + user_id + '&member_id=' + member_id + '&user_tag_serial=' + user_tag_serial + '&user_phonetic=' + user_phonetic + '&phone=' + phone + '&crime=' + crime + '&sort=' + sort + '&sort_type=' + sort_type + '&isExport=1';
+//                 }
+//             },
+//             いいえ: function _() {}
+//         }
+//     });
+// });
+
+$(document).on('click', '#export_csv, [data-export-csv="1"]', function () {
+    var action = $(this).attr('action') || $(this).data('action');
+    var formSelector = $(this).data('form') || '#list-form';
+
+    if (!action) return;
+
+
+    var query = '';
+    if (formSelector && $(formSelector).length) {
+        query = $(formSelector).serialize();
+        query = query
+          .split('&')
+          .filter(function (p) { return p && p.indexOf('_token=') !== 0; })
+          .join('&');
+    }
 
-$('#export_csv').on('click', function () {
-    var _action = $(this).attr('action'),
-        user_id = $('#user_id').val(),
-        member_id = $('#member_id').val(),
-        user_tag_serial = $('#user_tag_serial').val(),
-        user_phonetic = $('#user_phonetic').val(),
-        phone = $('#phone').val(),
-        crime = $('#crime').val(),
-        sort = $('#sort').val(),
-        sort_type = $('#sort_type').val();
     $.confirm({
         title: '確認ダイアログ。',
-        content: '！CSVファイルを出力します。よろしいですか？はい/いいえ',
+        content: 'CSVファイルを出力します。よろしいですか？はい/いいえ',
         buttons: {
             ok: {
-                text: "はい",
+                text: 'はい',
                 btnClass: 'btn-primary',
                 keys: ['enter'],
-                action: function action() {
-                    window.location.href = _action + '?user_id=' + user_id + '&member_id=' + member_id + '&user_tag_serial=' + user_tag_serial + '&user_phonetic=' + user_phonetic + '&phone=' + phone + '&crime=' + crime + '&sort=' + sort + '&sort_type=' + sort_type + '&isExport=1';
+                action: function () {
+                    var url = action + (query ? ('?' + query + '&isExport=1') : '?isExport=1');
+                    window.location.href = url;
                 }
             },
-            いいえ: function _() {}
+            いいえ: function () {}
         }
     });
 });
 
+
+
 // for sorting
 $('.table thead th.sorting').on('click', function (e) {
     var sort = $(this).attr('sort');
@@ -1612,6 +1650,23 @@ $('#delete_edit').on('click', function (e) {
     });
 });
 
+// 共通 戻るボタン
+$(document).on('click', '#btn_back', function (e) {
+    e.preventDefault();
+
+    // data-back-url があれば優先
+    var backUrl = $(this).data('back-url');
+    if (backUrl) {
+        window.location.href = backUrl;
+        return;
+    }
+
+    // fallback：直前の画面
+    window.history.back();
+});
+
+
+
 $(function () {
   // ▼ 「アップロード」ボタンを押すと、ファイル選択ダイアログを開く
   $(document).on('click', '.upload-file', function () {
diff --git a/resources/views/admin/regularcontracts/list.blade.php b/resources/views/admin/regularcontracts/list.blade.php
index fc45c92..5c70b1b 100644
--- a/resources/views/admin/regularcontracts/list.blade.php
+++ b/resources/views/admin/regularcontracts/list.blade.php
@@ -2,533 +2,666 @@
 @section('title', '定期契約マスタ')
 
 @section('content')
-  <style>
-    /* ===== 画面全般（フォント・サイズ） ===== */
-    .rc-page,
-    .rc-page .card,
-    .rc-page .form-control,
-    .rc-page .btn,
-    .rc-page table,
-    .rc-page .breadcrumb {
-      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
-      font-size: 13px;
-      line-height: 1.45;
-    }
 
-    /* ===== フィルター列レイアウト ===== */
-    .rc-filter .field{display:flex;align-items:center;margin-bottom:.6rem;}
-    .rc-filter .label{flex:0 0 180px;margin:0;color:#333;font-weight:600;white-space:nowrap;}
-    .rc-filter .input{flex:1 1 auto;min-width:220px;}
-    .rc-filter .form-control,.rc-filter .custom-select{height:calc(2.0rem + 2px);padding:.25rem .5rem;}
-    .rc-filter .inline-range{display:flex;gap:.5rem;align-items:center;}
-    .rc-filter .tilde{color:#666;}
-
-    /* ===== 一覧テーブル基礎 ===== */
-    .rc-table th,.rc-table td{padding:.35rem .5rem;font-size:12px;}
-    .rc-table thead th{white-space:nowrap;background:#f2f2f2;color:#333;border-bottom-color:#ddd;}
-    .rc-page .rc-table tbody td:not(.op-cell){background:#fff;}
-    .rc-page .rc-table tbody td.op-cell{background:#faebd7;}
-    .rc-table thead th .sort-arrows{display:inline-flex;flex-direction:row;align-items:center;gap:.1rem;margin-left:.2rem;font-size:12px;line-height:1;font-weight:700;text-decoration:none;letter-spacing:-5px;}
-    .rc-table thead th .sort-arrows .up,.rc-table thead th .sort-arrows .down{color:#b5b5b5;text-decoration:none;}
-    .rc-table thead th.sorting_asc .sort-arrows .up{color:#000;}
-    .rc-table thead th.sorting_desc .sort-arrows .down{color:#000;}
-
-    /* ===== スクロール＋固定ヘッダ／固定列（freeze-table） ===== */
-    .scroll.freeze-table{
-      position:relative;
-      background:#fff;
-    }
-    /* ===== スクロールラッパ（sticky正確動作用にposition:relativeを追加） ===== */
-    .scroll.freeze-table .scroll-x {
-      position: relative;      /* ← ★ これが重要 */
-      min-width: max-content;
-    }
-
-    .scroll.freeze-table table{
-      border-collapse:collapse;
-      width:100%;
-    }
-    
-
-    /* ヘッダー固定 */
-    .scroll.freeze-table thead th{
-      position:sticky;
-      top:0;
-      z-index:10;              /* ヘッダーを前面 */
-      background:#f2f2f2;
-    }
-
-/* ===== 左1列（No）固定：幅 50px ===== */
-.scroll.freeze-table thead th:first-child,
-.scroll.freeze-table tbody td:first-child {
-  position: sticky;
-  left: 0;
-  z-index: 20;
-  background: #fff;
-  width: 50px;
-  min-width: 50px;
-  max-width: 50px;
-}
-
-/* ===== 左2列目（操作列）固定：幅 120px ===== */
-.scroll.freeze-table thead th:nth-child(2),
-.scroll.freeze-table tbody td:nth-child(2) {
-  position: sticky;
-  left: 50px; /* No列と同じ幅 */
-  z-index: 19; /* 少し下げる（重なり順） */
-  background: #faebd7;
-  width: 120px;
-  min-width: 120px;
-  max-width: 120px;
-  box-shadow: inset -1px 0 #ddd; /* 境界を自然にする */
-}
-
-
-    /* 行ホバーの視認性（薄め） */
-    .scroll.freeze-table tbody tr:hover td{background-color:rgba(0,0,0,.02);}
-    
-    /* ツールバー（左：ボタン群／右：ページャ） */
-    .rc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}
-    .rc-toolbar .btn+.btn{margin-left:.4rem;}
-  </style>
-
-  <div class="rc-page">
-    <div class="content-header">
-      <div class="container-fluid">
+<!-- Content Header -->
+<div class="content-header">
+    <div class="container-fluid">
         <div class="row mb-2">
-          <div class="col-lg-6"><h1 class="m-0 text-dark">定期契約マスタ</h1></div>
-          <div class="col-lg-6">
-            <ol class="breadcrumb float-sm-right text-sm">
-              <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
-              <li class="breadcrumb-item active">定期契約マスタ</li>
-            </ol>
-          </div>
+            <div class="col-lg-6">
+                <h1 class="m-0 text-dark">定期契約マスタ</h1>
+            </div>
+            <div class="col-lg-6">
+                <ol class="breadcrumb float-sm-right text-sm">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
+                    <li class="breadcrumb-item active">定期契約マスタ</li>
+                </ol>
+            </div>
         </div>
-        <p class="text-muted mb-0">※この画面のデータは通常変更する必要はありません。</p>
-      </div>
     </div>
+</div>
 
-    <section class="content">
-      <div class="container-fluid">
-
-        {{-- ▼ 絞り込みフィルター（2カラム） --}}
-        <div class="card rc-filter">
-          <div class="card-header"><h3 class="card-title">絞り込みフィルター</h3></div>
-          <div class="card-body">
-            <form action="{{ route('regularcontracts') }}" method="get" id="list-form">
-              @csrf
-              <input type="hidden" name="sort" id="sort" value="{{ $sort }}">
-              <input type="hidden" name="sort_type" id="sort_type" value="{{ $sort_type }}">
-
-              <div class="row">
-                {{-- 左カラム --}}
-                <div class="col-lg-6">
-                  <div class="field"><label class="label">利用者ID</label>
-                    <div class="input"><input type="text" class="form-control" name="user_id" value="{{ $user_id ?? '' }}" placeholder="123456"></div>
-                  </div>
-                  <div class="field"><label class="label">利用者分類</label>
-                    <div class="input">
-                      <select class="form-control" name="user_categoryid">
-                        <option value="">全て</option>
-                        @foreach(($userTypeOptions ?? []) as $id => $label)
-                          <option value="{{ $id }}" {{ (string)($user_categoryid ?? '') === (string) $id ? 'selected' : '' }}>{{ $label }}</option>
-                        @endforeach
-                      </select>
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">タグシリアル</label>
-                    <div class="input"><input type="text" class="form-control" name="user_tag_serial" value="{{ $user_tag_serial ?? '' }}" placeholder="キーワード…"></div>
-                  </div>
-                  <div class="field"><label class="label">フリガナ</label>
-                    <div class="input"><input type="text" class="form-control" name="user_phonetic" value="{{ $user_phonetic ?? '' }}" placeholder="キーワード…"></div>
-                  </div>
-                  <div class="field"><label class="label">電話番号</label>
-                    <div class="input"><input type="text" class="form-control" name="phone" value="{{ $phone ?? '' }}" placeholder="携帯／自宅いずれも可"></div>
-                  </div>
-                  <div class="field"><label class="label">メールアドレス</label>
-                    <div class="input"><input type="text" class="form-control" name="email" value="{{ $email ?? '' }}" placeholder="キーワード…"></div>
-                  </div>
-                  <div class="field"><label class="label">ワークレコード</label>
-                    <div class="input">
-                      <select class="form-control" name="work_record">
-                        <option value="0" {{ ($work_record ?? '0') === '0' ? 'selected' : '' }}>全レコード表示</option>
-                        <option value="1" {{ ($work_record ?? '0') === '1' ? 'selected' : '' }}>ワークレコード非表示</option>
-                        <option value="2" {{ ($work_record ?? '0') === '2' ? 'selected' : '' }}>ワークレコード表示</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">定期契約ID</label>
-                    <div class="input"><input type="text" class="form-control" name="contract_qr_id" value="{{ $contract_qr_id ?? '' }}" placeholder="定期契約ID"></div>
-                  </div>
-                  <div class="field"><label class="label">検索</label>
-                    <div class="input"><input type="text" class="form-control" name="zone_keyword" value="{{ $zone_keyword ?? '' }}" placeholder="ゾーンID, 車室番号, 旧会員番号"></div>
-                  </div>
-                  <div class="field"><label class="label">関連住所入力あり</label>
-                    <div class="input">
-                      <div class="form-check" style="padding-left:0;">
-                        <input type="checkbox" class="form-check-input" id="has_address" name="has_address" value="1" {{ !empty($has_address) ? 'checked' : '' }}>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                {{-- 右カラム --}}
-                <div class="col-lg-6">
-                  <div class="field"><label class="label">駐輪場</label>
-                    <div class="input">
-                      <select class="form-control" name="park_id">
-                        <option value="">全て</option>
-                        @foreach(($parkOptions ?? []) as $id => $name)
-                          <option value="{{ $id }}" {{ (string)($park_id ?? '') === (string) $id ? 'selected' : '' }}>{{ $name }}</option>
-                        @endforeach
-                      </select>
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">予約日時</label>
-                    <div class="input inline-range">
-                      <input type="datetime-local" class="form-control" name="reserve_date_from" value="{{ $reserve_date_from ?? '' }}">
-                      <span class="tilde">～</span>
-                      <input type="datetime-local" class="form-control" name="reserve_date_to" value="{{ $reserve_date_to ?? '' }}">
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">契約日時</label>
-                    <div class="input inline-range">
-                      <input type="datetime-local" class="form-control" name="contract_created_from" value="{{ $contract_created_from ?? '' }}">
-                      <span class="tilde">～</span>
-                      <input type="datetime-local" class="form-control" name="contract_created_to" value="{{ $contract_created_to ?? '' }}">
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">解約日時</label>
-                    <div class="input inline-range">
-                      <input type="datetime-local" class="form-control" name="contract_canceled_from" value="{{ $contract_canceled_from ?? '' }}">
-                      <span class="tilde">～</span>
-                      <input type="datetime-local" class="form-control" name="contract_canceled_to" value="{{ $contract_canceled_to ?? '' }}">
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">授受日時</label>
-                    <div class="input inline-range">
-                      <input type="datetime-local" class="form-control" name="receipt_delivery_from" value="{{ $receipt_delivery_from ?? '' }}">
-                      <span class="tilde">～</span>
-                      <input type="datetime-local" class="form-control" name="receipt_delivery_to" value="{{ $receipt_delivery_to ?? '' }}">
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">定期有効月数</label>
-                    <div class="input">
-                      <select class="form-control" name="contract_valid_months">
-                        <option value="">全て</option>
-                        <option value="1"  {{ (isset($contract_valid_months) && (string)$contract_valid_months === '1')  ? 'selected' : '' }}>直近1ヶ月</option>
-                        <option value="2"  {{ (isset($contract_valid_months) && (string)$contract_valid_months === '2')  ? 'selected' : '' }}>直近2ヶ月</option>
-                        <option value="3"  {{ (isset($contract_valid_months) && (string)$contract_valid_months === '3')  ? 'selected' : '' }}>直近3ヶ月</option>
-                        <option value="6"  {{ (isset($contract_valid_months) && (string)$contract_valid_months === '6')  ? 'selected' : '' }}>直近6ヶ月</option>
-                        <option value="12" {{ (isset($contract_valid_months) && (string)$contract_valid_months === '12') ? 'selected' : '' }}>直近12ヶ月</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">定期契約継続</label>
-                    <div class="input">
-                      <select class="form-control" name="update_flag">
-                        <option value="0" {{ ($update_flag ?? '0') === '0' ? 'selected' : '' }}>全て</option>
-                        <option value="1" {{ ($update_flag ?? '0') === '1' ? 'selected' : '' }}>継続契約</option>
-                        <option value="2" {{ ($update_flag ?? '0') === '2' ? 'selected' : '' }}>それ以外（新規）</option>
-                      </select>
-                    </div>
-                  </div>
-                  <div class="field"><label class="label">名寄フリガナ</label>
-                    <div class="input"><input type="text" class="form-control" name="merge_phonetic" value="{{ $merge_phonetic ?? '' }}" placeholder="キーワード…"></div>
-                  </div>
-                  <div class="field"><label class="label">ゾーン名検索</label>
-                    <div class="input"><input type="text" class="form-control" name="zone_name" value="{{ $zone_name ?? '' }}" placeholder="キーワード…"></div>
-                  </div>
-                  <div class="field"><label class="label">タグ・QR</label>
-                    <div class="input">
-                      <select class="form-control" name="tag_qr_flag">
-                        <option value="">全て</option>
-                        <option value="0" {{ (isset($tag_qr_flag) && (string)$tag_qr_flag === '0') ? 'selected' : '' }}>タグ</option>
-                        <option value="1" {{ (isset($tag_qr_flag) && (string)$tag_qr_flag === '1') ? 'selected' : '' }}>QR</option>
-                      </select>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {{-- フィルターボタン --}}
-              <div class="mt-2">
-                <button type="submit" class="btn btn-default">絞り込み</button>
-                <a href="{{ route('regularcontracts') }}" class="btn btn-default">解除</a>
-              </div>
-            </form>
-          </div>
+<!-- Main Content -->
+<section class="content">
+    <div class="container-fluid">
+        <div class="mb-2">
+            <span>
+                ※この画面のデータは通常変更する必要はありません。
+            </span>
         </div>
 
-        {{-- ▼ ツールバー（左：ボタン群／右：ページャ） --}}
-        <div class="rc-toolbar mb-2">
-          <div class="left">
-            <a href="{{ route('regularcontracts_add') }}" class="btn btn-sm btn-default">新規</a>
-            <button type="button" class="btn btn-sm btn-default" id="btn-delete-selected">削除</button>
-            <button type="button" class="btn btn-sm btn-default" data-toggle="modal" data-target="#importModal">インポート</button>
-            <button type="button" class="btn btn-sm btn-default js-export" data-url="{{ route('regularcontracts_export') }}">CSV出力</button>
-            <button type="button" class="btn btn-sm btn-default js-export" data-url="{{ route('regularcontracts_export', [], false) }}?type=smbc">SMBC出力</button>
-            <button type="button" class="btn btn-sm btn-default js-export" data-url="{{ route('regularcontracts_export', [], false) }}?type=city">役所提出用CSV出力</button>
-          </div>
-          <div class="right">
-            {{ $list->appends(request()->except('page'))->links('pagination') }}
-          </div>
-        </div>
+        <!-- ▼ 絞り込みフィルター -->
+        <div class="col-lg-12 px-0">
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">絞り込みフィルター</h3>
+                </div>
 
-        <iframe id="dlFrame" name="dlFrame" style="width:0;height:0;border:0;visibility:hidden;"></iframe>
+                <div class="card-body">
+                    <form action="{{ route('regularcontracts') }}" method="POST" id="list-form">
+                        @csrf
+                        <input type="hidden" name="sort" id="sort" value="{{ $sort ?? '' }}">
+                        <input type="hidden" name="sort_type" id="sort_type" value="{{ $sort_type ?? '' }}">
 
-        {{-- ▼ 一覧テーブル（freeze-table でヘッダ＆左2列固定） --}}
-        <form action="{{ route('regularcontracts_delete') }}" method="post" id="form_delete">
-          @csrf
-
-          <div class="scroll freeze-table">
-            <div class="scroll-x">
-              <table class="table table-bordered table-hover rc-table mb-0 text-nowrap">
-                @php
-                  $currentSort = $sort ?? 'contract_id';
-                  $currentDir  = strtolower($sort_type ?? 'asc');
-                  if (!in_array($currentDir, ['asc','desc'], true)) $currentDir = 'asc';
-                  $sortClass = function(string $key) use($currentSort,$currentDir){
-                    $base = 'sorting';
-                    return $currentSort === $key ? $base.' '.($currentDir==='asc'?'sorting_asc':'sorting_desc') : $base;
-                  };
-                  $renderSortIcon = static function(string $key){
-                    return '<span class="sort-arrows"><span class="up">↑</span><span class="down">↓</span></span>';
-                  };
-                @endphp
-                <thead>
-                  <tr>
-                    <th class="text-right no-col">No</th>
-                    {{-- 操作列（チェック＋編集）幅120px ※左固定のため列幅は固定推奨 --}}
-                    <th style="width:120px">
-                      <div class="d-flex align-items-center">
-                        <input type="checkbox" id="check-all" class="mr-1"><span></span>
-                      </div>
-                    </th>
-
-                    <th class="text-right {{ $sortClass('contract_id') }}" sort="contract_id" style="white-space:nowrap;">契約ID {!! $renderSortIcon('contract_id') !!}</th>
-                    <th class="text-right {{ $sortClass('contract_qr_id') }}" sort="contract_qr_id">定期契約ID {!! $renderSortIcon('contract_qr_id') !!}</th>
-                    <th class="{{ $sortClass('old_contract_id') }}" sort="old_contract_id">旧定期契約番号 {!! $renderSortIcon('old_contract_id') !!}</th>
-                    <th class="{{ $sortClass('pplace_no') }}" sort="pplace_no">車室番号 {!! $renderSortIcon('pplace_no') !!}</th>
-                    <th class="{{ $sortClass('user_id') }}" sort="user_id">利用者ID {!! $renderSortIcon('user_id') !!}</th>
-                    <th class="{{ $sortClass('user_categoryid') }}" sort="user_categoryid">利用者分類ID {!! $renderSortIcon('user_categoryid') !!}</th>
-                    <th class="{{ $sortClass('tag_qr_flag') }}" sort="tag_qr_flag">タグ・QR {!! $renderSortIcon('tag_qr_flag') !!}</th>
-                    <th class="text-right {{ $sortClass('park_id') }}" sort="park_id">駐輪場ID {!! $renderSortIcon('park_id') !!}</th>
-                    <th class="{{ $sortClass('reserve_date') }}" sort="reserve_date">予約日時 {!! $renderSortIcon('reserve_date') !!}</th>
-                    <th class="{{ $sortClass('contract_periods') }}" sort="contract_periods">有効期間S {!! $renderSortIcon('contract_periods') !!}</th>
-                    <th class="{{ $sortClass('contract_periode') }}" sort="contract_periode">有効期間E {!! $renderSortIcon('contract_periode') !!}</th>
-                    <th class="text-right {{ $sortClass('price_parkplaceid') }}" sort="price_parkplaceid">駐輪場所ID {!! $renderSortIcon('price_parkplaceid') !!}</th>
-                    <th class="{{ $sortClass('user_securitynum') }}" sort="user_securitynum">防犯登録番号 {!! $renderSortIcon('user_securitynum') !!}</th>
-                    <th class="{{ $sortClass('contract_created_at') }}" sort="contract_created_at">契約日時 {!! $renderSortIcon('contract_created_at') !!}</th>
-                    <th class="{{ $sortClass('contract_updated_at') }}" sort="contract_updated_at">更新可能日 {!! $renderSortIcon('contract_updated_at') !!}</th>
-                    <th class="{{ $sortClass('contract_cancelday') }}" sort="contract_cancelday">解約日時 {!! $renderSortIcon('contract_cancelday') !!}</th>
-                    <th class="{{ $sortClass('contract_reduction') }}" sort="contract_reduction">減免措置 {!! $renderSortIcon('contract_reduction') !!}</th>
-                    <th class="text-right {{ $sortClass('enable_months') }}" sort="enable_months">定期有効月数 {!! $renderSortIcon('enable_months') !!}</th>
-                    <th class="{{ $sortClass('printable_date') }}" sort="printable_date">シール印刷可能日 {!! $renderSortIcon('printable_date') !!}</th>
-                    <th class="text-right {{ $sortClass('billing_amount') }}" sort="billing_amount">請求金額 {!! $renderSortIcon('billing_amount') !!}</th>
-                    <th class="{{ $sortClass('pplace_allocation_flag') }}" sort="pplace_allocation_flag">車室割り当てフラグ {!! $renderSortIcon('pplace_allocation_flag') !!}</th>
-                    <th class="{{ $sortClass('contract_payment_day') }}" sort="contract_payment_day">授受日時 {!! $renderSortIcon('contract_payment_day') !!}</th>
-                    <th class="text-right {{ $sortClass('contract_money') }}" sort="contract_money">授受金額 {!! $renderSortIcon('contract_money') !!}</th>
-                    <th class="{{ $sortClass('contract_flag') }}" sort="contract_flag">授受フラグ {!! $renderSortIcon('contract_flag') !!}</th>
-                    <th class="{{ $sortClass('settlement_transaction_id') }}" sort="settlement_transaction_id">決済トランザクションID {!! $renderSortIcon('settlement_transaction_id') !!}</th>
-                    <th class="text-right {{ $sortClass('contract_seal_issue') }}" sort="contract_seal_issue">シール発行数 {!! $renderSortIcon('contract_seal_issue') !!}</th>
-                    <th class="{{ $sortClass('storage_company_code') }}" sort="storage_company_code">収納企業コード {!! $renderSortIcon('storage_company_code') !!}</th>
-                    <th class="{{ $sortClass('share_storage_company_code') }}" sort="share_storage_company_code">共有先収納企業コード {!! $renderSortIcon('share_storage_company_code') !!}</th>
-                    <th class="{{ $sortClass('accept_number') }}" sort="accept_number">受付番号 {!! $renderSortIcon('accept_number') !!}</th>
-                    <th class="{{ $sortClass('update_flag') }}" sort="update_flag">（更新元）契約更新済フラグ {!! $renderSortIcon('update_flag') !!}</th>
-                    <th class="{{ $sortClass('vehicle_type_id') }}" sort="vehicle_type_id">車種区分ID {!! $renderSortIcon('vehicle_type_id') !!}</th>
-                    <th class="{{ $sortClass('user_phonetic') }}" sort="user_phonetic">チェック用_フリガナ {!! $renderSortIcon('user_phonetic') !!}</th>
-                    <th class="{{ $sortClass('user_regident_zip') }}" sort="user_regident_zip">チェック用_居住所郵便番号 {!! $renderSortIcon('user_regident_zip') !!}</th>
-                    <th class="{{ $sortClass('user_mobile') }}" sort="user_mobile">チェック用_携帯電話番号 {!! $renderSortIcon('user_mobile') !!}</th>
-                    <th class="{{ $sortClass('user_homephone') }}" sort="user_homephone">チェック用_自宅電話番号 {!! $renderSortIcon('user_homephone') !!}</th>
-                    <th class="{{ $sortClass('old_member_number') }}" sort="old_member_number">チェック用_旧会員番号 {!! $renderSortIcon('old_member_number') !!}</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  @php
-                    $formatYmd = static function($v){ if(empty($v)) return ''; try{return \Illuminate\Support\Carbon::parse($v)->format('Y-m-d');}catch(\Throwable $e){return mb_substr((string)$v,0,10);} };
-                    $formatYmdHi = static function($v){ if(empty($v)) return ''; try{return \Illuminate\Support\Carbon::parse($v)->format('Y-m-d H:i');}catch(\Throwable $e){return mb_substr((string)$v,0,16);} };
-                  @endphp
-
-                  @foreach($list as $item)
-                    <tr>
-                      {{-- No（左固定） --}}
-                      <td class="text-right" style="width:50px;">{{ $loop->iteration }}</td>
-
-                      {{-- 操作列（左固定） --}}
-                      <td style="width:120px;">
-                        <div class="d-flex align-items-center">
-                          <input type="checkbox" class="mr-2 row-check" name="ids[]" value="{{ $item->contract_id }}">
-                          <a href="{{ route('regularcontracts_edit', ['contract_id' => $item->contract_id]) }}" class="btn btn-sm btn-default">編集</a>
+                        {{-- 1行目：利用者ID / 駐輪場 --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">利用者ID</div>
+                                    <div class="col-9">
+                                        <input type="text" name="user_id" id="user_id" class="form-control"
+                                               value="{{ $inputs['user_id'] ?? '' }}" placeholder="123456">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">駐輪場</div>
+                                    <div class="col-9">
+                                        <select name="park_id" class="form-control">
+                                            <option value="">全て</option>
+                                            @foreach(($parkOptions ?? $parkList ?? []) as $id => $name)
+                                                <option value="{{ $id }}" @if(($inputs['park_id'] ?? '') == (string)$id) selected @endif>
+                                                    {{ $name }}
+                                                </option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
-                      </td>
 
-                      {{-- 以降データ列 --}}
-                      <td class="text-right">{{ $item->contract_id }}</td>
-                      <td class="text-right">{{ $item->contract_qr_id }}</td>
-                      <td>{{ $item->old_contract_id ?? '' }}</td>
-                      <td>{{ $item->pplace_no ?? '' }}</td>
-                      <td>
-                        @if(!empty($item->user_seq))
-                          <a href="{{ route('users_edit', ['seq' => $item->user_seq]) }}" class="text-primary">
-                            {{ trim(($item->user_id ?? '') . ' ' . ($item->user_name ?? '')) }}
-                          </a>
-                        @else
-                          {{ $item->user_id ?? '' }}
-                          @if(!empty($item->user_name))
-                            <div class="text-muted small">{{ $item->user_name }}</div>
-                          @endif
-                        @endif
-                      </td>
-                      @php
-                        $userCategoryLabel = collect([$item->usertype_subject1 ?? '',$item->usertype_subject2 ?? '',$item->usertype_subject3 ?? ''])
-                          ->filter(fn($v)=>$v!=='')->implode('/');
-                      @endphp
-                      <td>{{ $userCategoryLabel ?: $item->user_categoryid }}</td>
-                      <td>{{ $item->tag_qr_flag ? 'QR' : 'タグ' }}</td>
-                      <td class="text-right">{{ $item->park_id }}</td>
-                      <td>{{ $formatYmdHi($item->reserve_date ?? '') }}</td>
-                      <td>{{ $formatYmd($item->contract_periods ?? '') }}</td>
-                      <td>{{ $formatYmd($item->contract_periode ?? '') }}</td>
-                      <td class="text-right">{{ $item->price_parkplaceid ?? '' }}</td>
-                      <td>{{ $item->user_securitynum ?? '' }}</td>
-                      <td>{{ $formatYmd($item->contract_created_at ?? '') }}</td>
-                      <td>{{ $formatYmd($item->contract_updated_at ?? '') }}</td>
-                      <td>{{ $formatYmd($item->contract_cancelday ?? '') }}</td>
-                      <td>{{ $item->contract_reduction ?? '' }}</td>
-                      <td class="text-right">{{ $item->enable_months ?? '' }}</td>
-                      <td>{{ $formatYmd($item->printable_date ?? '') }}</td>
-                      <td class="text-right">{{ isset($item->billing_amount) ? number_format($item->billing_amount) : '' }}</td>
-                      <td>{{ ($item->pplace_allocation_flag ?? null) === null ? '' : ($item->pplace_allocation_flag ? '割当済' : '未割当') }}</td>
-                      <td>{{ $formatYmd($item->contract_payment_day ?? '') }}</td>
-                      <td class="text-right">{{ $item->contract_money ?? '' }}</td>
-                      <td>{{ ($item->contract_flag ?? null) === null ? '' : ($item->contract_flag ? '済' : '未') }}</td>
-                      <td>{{ $item->settlement_transaction_id ?? '' }}</td>
-                      <td class="text-right">{{ $item->contract_seal_issue ?? '' }}</td>
-                      <td>{{ $item->storage_company_code ?? '' }}</td>
-                      <td>{{ $item->share_storage_company_code ?? '' }}</td>
-                      <td>{{ $item->accept_number ?? '' }}</td>
-                      <td>{{ ($item->update_flag ?? 0) ? '更新済' : '未更新' }}</td>
-                      <td>{{ $item->vehicle_type_id ?? '' }}</td>
-                      <td>{{ $item->chk_user_phonetic ?? $item->user_phonetic ?? '' }}</td>
-                      <td>{{ $item->user_regident_zip ?? '' }}</td>
-                      <td>{{ $item->user_mobile ?? '' }}</td>
-                      <td>{{ $item->user_homephone ?? '' }}</td>
-                      <td>{{ $item->old_member_number ?? '' }}</td>
-                    </tr>
-                  @endforeach
-                </tbody>
-              </table>
+                        {{-- 2行目：利用者分類 / 予約日時（～） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">利用者分類</div>
+                                    <div class="col-9">
+                                        <select name="user_categoryid" class="form-control">
+                                            <option value="">全て</option>
+                                            @foreach(($userTypeOptions ?? $userCategoryList ?? []) as $id => $name)
+                                                <option value="{{ $id }}" @if(($inputs['user_categoryid'] ?? '') == (string)$id) selected @endif>
+                                                    {{ $name }}
+                                                </option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">予約日時</div>
+                                    <div class="col-9 d-flex align-items-center">
+                                        <input type="datetime-local" name="reserve_date_from" class="form-control"
+                                               value="{{ $inputs['reserve_date_from'] ?? '' }}">
+                                        <span class="mx-3">～</span>
+                                        <input type="datetime-local" name="reserve_date_to" class="form-control"
+                                               value="{{ $inputs['reserve_date_to'] ?? '' }}">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 3行目：タグシリアル / 契約日時（～） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">タグシリアル</div>
+                                    <div class="col-9">
+                                        <input type="text" name="user_tag_serial" class="form-control"
+                                               value="{{ $inputs['user_tag_serial'] ?? '' }}" placeholder="キーワード...">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">契約日時</div>
+                                    <div class="col-9 d-flex align-items-center">
+                                        <input type="datetime-local" name="contract_created_from" class="form-control"
+                                               value="{{ $inputs['contract_created_from'] ?? '' }}">
+                                        <span class="mx-3">～</span>
+                                        <input type="datetime-local" name="contract_created_to" class="form-control"
+                                               value="{{ $inputs['contract_created_to'] ?? '' }}">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 4行目：フリガナ / 解約日時（～） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">フリガナ</div>
+                                    <div class="col-9">
+                                        {{-- 利用者フリガナ（u.user_phonetic） --}}
+                                        <input type="text" name="user_phonetic" class="form-control"
+                                               value="{{ $inputs['user_phonetic'] ?? '' }}" placeholder="キーワード...">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">解約日時</div>
+                                    <div class="col-9 d-flex align-items-center">
+                                        <input type="datetime-local" name="contract_canceled_from" class="form-control"
+                                               value="{{ $inputs['contract_canceled_from'] ?? '' }}">
+                                        <span class="mx-3">～</span>
+                                        <input type="datetime-local" name="contract_canceled_to" class="form-control"
+                                               value="{{ $inputs['contract_canceled_to'] ?? '' }}">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 5行目：電話番号 / 授受日時（～） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">電話番号</div>
+                                    <div class="col-9">
+                                        <input type="text" name="phone" class="form-control"
+                                               value="{{ $inputs['phone'] ?? '' }}" placeholder="キーワード...">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">授受日時</div>
+                                    <div class="col-9 d-flex align-items-center">
+                                        <input type="datetime-local" name="receipt_delivery_from" class="form-control"
+                                               value="{{ $inputs['receipt_delivery_from'] ?? '' }}">
+                                        <span class="mx-3">～</span>
+                                        <input type="datetime-local" name="receipt_delivery_to" class="form-control"
+                                               value="{{ $inputs['receipt_delivery_to'] ?? '' }}">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 6行目：メールアドレス / 定期有効月数（全て） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">メールアドレス</div>
+                                    <div class="col-9">
+                                        <input type="text" name="email" class="form-control"
+                                               value="{{ $inputs['email'] ?? '' }}" placeholder="キーワード...">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">定期有効月数</div>
+                                    <div class="col-9">
+                                        {{-- controllerは contract_valid_months を見ています --}}
+                                        <select name="enable_months" class="form-control">
+                                            <option value="">全て</option>
+                                            @foreach(($enableMonthsList ?? []) as $id => $name)
+                                                <option value="{{ $id }}" @if(($inputs['enable_months'] ?? '') == (string)$id) selected @endif>
+                                                    {{ $name }}
+                                                </option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 7行目：ワークコード / 定期契約継続 --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">ワークコード</div>
+                                    <div class="col-9">
+                                        <select name="work_record" class="form-control">
+                                            <option value="0" @if(($inputs['work_record'] ?? '0') === '0') selected @endif>
+                                                全レコード表示
+                                            </option>
+                                            <option value="1" @if(($inputs['work_record'] ?? '') === '1') selected @endif>
+                                                ワークレコード非表示
+                                            </option>
+                                            <option value="2" @if(($inputs['work_record'] ?? '') === '2') selected @endif>
+                                                ワークレコード表示
+                                            </option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">定期契約継続</div>
+                                    <div class="col-9">
+                                        <select name="contract_permission" class="form-control">
+                                            <option value="">全て</option>
+                                            <option value="1" @if(($inputs['contract_permission'] ?? '') === '1') selected @endif>継続</option>
+                                            <option value="0" @if(($inputs['contract_permission'] ?? '') === '0') selected @endif>継続しない</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 8行目：定期契約ID / 名寄フリガナ --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">定期契約ID</div>
+                                    <div class="col-9">
+                                        <input type="text" name="contract_id" class="form-control"
+                                               value="{{ $inputs['contract_id'] ?? '' }}" placeholder="定期契約ID">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">名寄フリガナ</div>
+                                    <div class="col-9">
+                                        {{-- controllerは merge_phonetic を見て rc.chk_user_phonetic を検索 --}}
+                                        <input type="text" name="merge_phonetic" class="form-control"
+                                               value="{{ $inputs['merge_phonetic'] ?? '' }}">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 9行目：検索 / ゾーン名検索 --}}
+                        <div class="row mb-3">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">検索</div>
+                                    <div class="col-9">
+                                        <input type="text" name="zone_keyword" class="form-control"
+                                               value="{{ $inputs['zone_keyword'] ?? '' }}" placeholder="ゾーンID,車室番号,旧会員番号">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">ゾーン名検索</div>
+                                    <div class="col-9">
+                                        <input type="text" name="zone_name" class="form-control"
+                                               value="{{ $inputs['zone_name'] ?? '' }}">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- 10行目：関連住所入力あり / タグ・QR --}}
+                        <div class="row mb-4">
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">関連住所入力あり</div>
+                                    <div class="col-9">
+                                        <div class="d-flex align-items-center" style="height: 38px;">
+                                            <input type="checkbox" name="has_address" value="1"
+                                                   @if(($inputs['has_address'] ?? '') == '1') checked @endif>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-6">
+                                <div class="row align-items-center">
+                                    <div class="col-3 font-weight-bold">タグ・QR</div>
+                                    <div class="col-9">
+                                        <select name="tag_qr_flag" class="form-control">
+                                            <option value="">全て</option>
+                                            <option value="1" @if(($inputs['tag_qr_flag'] ?? '') === '1') selected @endif>QR</option>
+                                            <option value="0" @if(($inputs['tag_qr_flag'] ?? '') === '0') selected @endif>タグ</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- ボタン（図２の左下） --}}
+                        <div class="mt-2">
+                            <button type="submit" name="action" value="filter" class="btn btn-default mr-2">絞り込み</button>
+                            <button type="submit" name="action" value="unlink" class="btn btn-default">解除</button>
+                        </div>
+
+                    </form>
+                </div>
             </div>
-          </div>
-        </form>
-      </div>
-    </section>
-  </div>
-
-  {{-- ▼ インポート用モーダル --}}
-  <div class="modal fade" id="importModal" tabindex="-1" role="dialog" aria-labelledby="importModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-sm" role="document">
-      <div class="modal-content">
-        <div class="modal-header py-2">
-          <h5 class="modal-title" id="importModalLabel">確認</h5>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
         </div>
-        <form method="post" action="{{ route('regularcontracts_import') }}" enctype="multipart/form-data">
-          @csrf
-          <div class="modal-body">
-            <p class="mb-2 text-sm">
-              データをインポートします。既存データを上書きする場合はテンプレートに従い識別列を設定してください。<br>
-              新規追加のみの場合は識別列を空欄のままインポートしてください。
-            </p>
-            <div class="custom-file">
-              <input type="file" name="file" id="importFile" class="custom-file-input" accept=".csv,.xlsx,.xls,.tsv,.txt" required>
-              <label class="custom-file-label" for="importFile">ファイルの選択</label>
+        <!-- ▲ 絞り込みフィルターここまで -->
+
+        <!-- ▼ 操作ボタン -->
+        <div class="col-lg-12 mb-3">
+            <button type="button" class="btn btn-sm btn-default mr10"
+                    onclick="location.href='{{ route('regularcontracts_add') }}'">新規</button>
+            <button type="button" class="btn btn-sm btn-default mr10" id="delete">削除</button>
+            <button type="button" class="btn btn-sm btn-default mr10"
+                    onclick="location.href='{{ route('regularcontracts_import') }}'">インポート
+            </button>
+           <button type="button"
+                    class="btn btn-sm btn-default mr10"
+                    name="export_csv"
+                    id="export_csv"
+                    action="{{ route('regularcontracts_export') }}">
+                {{ __('CSV出力') }}
+            </button>
+            
+             <a class="btn btn-sm btn-default mr10"
+            href="{{ route('regularcontracts_export', request()->query() + ['type' => 'city']) }}">
+                役所提出用CSV出力
+            </a>       
+        </div>
+
+        <!-- ▼ ページネーション -->
+        <div class="col-lg-12 mb-3">
+            <div class="d-flex justify-content-end">
+                {{ $list->links('pagination') }}
             </div>
-          </div>
-          <div class="modal-footer py-2">
-            <button type="submit" class="btn btn-primary btn-sm">はい</button>
-            <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">いいえ</button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
+        </div>
 
-  {{-- ▼ 画面内スクリプト --}}
-  <script>
-    // インポート：選択ファイル名をラベルへ反映
-    document.addEventListener('change', function (e) {
-      if (e.target && e.target.id === 'importFile') {
-        var label = e.target.nextElementSibling;
-        if (label) label.textContent = e.target.files.length ? e.target.files[0].name : 'ファイルの選択';
-      }
-    });
+        {{-- ▼ フラッシュメッセージ（stations と同じ） --}}
+        <div class="form col-lg-12">
+            @if(Session::has('success'))
+                <div class="alert alert-success alert-dismissible" role="alert">
+                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+                    {{ Session::get('success') }}
+                </div>
+            @elseif(Session::has('error'))
+                <div class="alert alert-danger alert-dismissible">
+                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+                    <h4><i class="icon fa fa-ban"></i> {{__('入力内容に不備があります')}}:</h4>
+                    {!! Session::get('error') !!}
+                </div>
+            @elseif(isset($errorMsg))
+                <div class="alert alert-danger alert-dismissible">
+                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+                    <h4><i class="icon fa fa-ban"></i> {{__('入力内容に不備があります')}}:</h4>
+                    {!! $errorMsg !!}
+                </div>
+            @endif
+        </div>
 
-    (function () {
-      var deleteForm = document.getElementById('form_delete');
-      var deleteBtn = document.getElementById('btn-delete-selected');
-      var masterCheckbox = document.getElementById('check-all');
-      var rowSelector = '.row-check';
+        <!-- ▼ ここから単一テーブル構成（stations と同じ） -->
+        <div class="col-lg-12 mb20">
+            <div class="table-responsive">
+                <form action="{{ route('regularcontracts_delete') }}" method="POST" id="form_delete">
+                    @csrf
+                    <table class="table table-bordered dataTable text-nowrap">
+                        <thead class="thead-light">
+                        <tr>
+                            {{-- ★ チェック + 編集 用の1列 --}}
+                            <th style="width:140px;" class="text-left">
+                                <input type="checkbox" onclick="$('input[name*=\'ids\']').prop('checked', this.checked);">
+                            </th>
 
-      // エクスポート各種
-      document.querySelectorAll('.js-export').forEach(function (btn) {
-        btn.addEventListener('click', function () {
-          var url = btn.getAttribute('data-url');
-          if (!url) return;
-          var doExport = function () {
-            var iframe = document.getElementById('dlFrame');
-            if (iframe) iframe.src = url; else window.location.href = url;
-          };
-          if (window.jQuery && typeof window.jQuery.confirm === 'function') {
-            window.jQuery.confirm({
-              title: '確認ダイアログ。',
-              content: 'CSVファイルを出力します。よろしいですか？　はい/いいえ',
-              buttons: {
-                ok: { text: 'はい', btnClass: 'btn-primary', keys: ['enter'], action: doExport },
-                いいえ: function () {}
-              }
-            });
-          } else if (confirm('CSVファイルを出力します。よろしいですか？　はい/いいえ')) {
-            doExport();
-          }
-        });
-      });
+                            <!--  定期契約ID -->
+                            <th class="sorting {{ ($sort=='contract_id') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_id">
+                                <span>{{__('validation.attributes.contract_id')}}</span>
+                            </th>
 
-      // 一括削除
-      if (deleteBtn && deleteForm) {
-        deleteBtn.addEventListener('click', function () {
-          var checked = document.querySelectorAll(rowSelector + ':checked');
-          if (!checked.length) { alert('削除する定期契約を選択してください。'); return; }
-          var submitDelete = function () { deleteForm.submit(); };
-          if (window.jQuery && typeof window.jQuery.confirm === 'function') {
-            window.jQuery.confirm({
-              title: '確認ダイアログ。',
-              content: '削除してよろしいですか？　はい/いいえ',
-              buttons: {
-                ok: { text: 'はい', btnClass: 'btn-primary', keys: ['enter'], action: submitDelete },
-                いいえ: function () {}
-              }
-            });
-          } else if (confirm('削除してよろしいですか？　はい/いいえ')) { submitDelete(); }
-        });
-      }
+                            <!-- 定期契約QRID -->
+                            <th class="sorting {{ ($sort=='contract_qr_id') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_qr_id">
+                                <span>{{__('validation.attributes.contract_qr_id')}}</span>
+                            </th>
+
+                            <!-- 利用者 -->
+                            <th class="sorting {{ ($sort=='user_id') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="user_id">
+                                <span>{{__('validation.attributes.user_name')}}</span>
+                            </th>
+
+                            <!-- 利用者分類 -->
+                            <th class="sorting {{ ($sort=='user_categoryid') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="user_categoryid">
+                                <span>{{__('validation.attributes.user_category_name')}}</span>
+                            </th>
+
+                            <!-- 定期予約 -->
+                            <th class="sorting {{ ($sort=='reserve_id') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="reserve_id">
+                                <span>{{__('validation.attributes.reserve_name')}}</span>
+                            </th>
+
+                            <!-- 駐輪場 -->
+                            <th class="sorting {{ ($sort=='park_id') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="park_id">
+                                <span>{{__('validation.attributes.park_name')}}</span>
+                            </th>
+
+                            <!-- 駐輪場所 -->
+                            <th class="sorting {{ ($sort=='price_parkplaceid') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="price_parkplaceid">
+                                <span>{{__('validation.attributes.price_parkplace_name')}}</span>
+                            </th>
+
+                            <!-- 防犯登録番号 -->
+                            <th><span>{{__('validation.attributes.user_securitynum')}}</span></th>
+
+                            <!-- 予約日時 -->
+                            <th class="sorting {{ ($sort=='reserve_date') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="reserve_date">
+                                <span>{{__('validation.attributes.reserve_date')}}</span>
+                            </th>
+
+                            <!-- 予約移行フラグ -->
+                            <th class="sorting {{ ($sort=='contract_reserve') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_reserve">
+                                <span>{{__('validation.attributes.contract_reserve')}}</span>
+                            </th>
+
+                            <!-- 契約日時 -->
+                            <th class="sorting {{ ($sort=='contract_created_at') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_created_at">
+                                <span>{{__('validation.attributes.contract_created_at')}}</span>
+                            </th>
+
+                            <!-- 更新可能日 -->
+                            <th class="sorting {{ ($sort=='contract_updated_at') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_updated_at">
+                                <span>{{__('validation.attributes.contract_updated_at')}}</span>
+                            </th>
+
+                            <!-- 解約日時 -->
+                            <th class="sorting {{ ($sort=='contract_cancelday') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_cancelday">
+                                <span>{{__('validation.attributes.contract_cancelday')}}</span>
+                            </th>
+
+                            <!-- 減免措置 -->
+                            <th class="sorting {{ ($sort=='contract_reduction') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_reduction">
+                                <span>{{__('validation.attributes.contract_reduction')}}</span>
+                            </th>
+
+                            <!-- 有効期間S -->
+                            <th class="sorting {{ ($sort=='contract_periods') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_periods">
+                                <span>{{__('validation.attributes.contract_periods')}}</span>
+                            </th>
+
+                            <!-- 有効期間E -->
+                            <th class="sorting {{ ($sort=='contract_periode') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_periode">
+                                <span>{{__('validation.attributes.contract_periode')}}</span>
+                            </th>
+
+                            <!-- 消費税ID -->
+                            <th><span>{{__('validation.attributes.contract_taxid')}}</span></th>
+
+                            <!-- 請求金額 -->
+                            <th><span>{{__('validation.attributes.billing_amount')}}</span></th>
+
+                            <!-- 授受日時 -->
+                            <th><span>{{__('validation.attributes.contract_payment_day')}}</span></th>
+
+                            <!-- 授受金額 -->
+                            <th><span>{{__('validation.attributes.contract_money')}}</span></th>
+
+                            <!-- 解約時返戻金 -->
+                            <th><span>{{__('validation.attributes.refunds')}}</span></th>
+
+                            <!-- 返戻金付随情報 -->
+                            <th><span>{{__('validation.attributes.refunds_comment')}}</span></th>
+
+                            <!-- 返金日 -->
+                            <th class="sorting {{ ($sort=='repayment_at') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="repayment_at">
+                                <span>{{__('validation.attributes.repayment_at')}}</span>
+                            </th>
+
+                            <!-- 決済コード -->
+                            <th class="sorting {{ ($sort=='contact_guid') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contact_guid">
+                                <span>{{__('validation.attributes.contact_guid')}}</span>
+                            </th>
+
+                            <!-- 店舗コード -->
+                            <th class="sorting {{ ($sort=='contact_shop_code') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contact_shop_code">
+                                <span>{{__('validation.attributes.contact_shop_code')}}</span>
+                            </th>
+
+                            <!-- 授受種別 -->
+                            <th><span>{{__('validation.attributes.contract_cvs_class')}}</span></th>
+
+                            <!-- 授受フラグ -->
+                            <th><span>{{__('validation.attributes.contract_flag')}}</span></th>
+
+                            <!-- 決済トランザクションID -->
+                            <th><span>{{__('validation.attributes.settlement_transaction_id')}}</span></th>
+
+                            <!-- シール発行数 -->
+                            <th><span>{{__('validation.attributes.contract_seal_issue')}}</span></th>
+
+                            <!-- シール再発行リクエスト -->
+                            <th><span>{{__('validation.attributes.seal_reissue_request')}}</span></th>
+
+                            <!-- シール発行許可 -->
+                            <th><span>{{__('validation.attributes.contract_permission')}}</span></th>
+
+                            <!-- 解約フラグ -->
+                            <th class="sorting {{ ($sort=='contract_cancel_flag') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_cancel_flag">
+                                <span>{{__('validation.attributes.contract_cancel_flag')}}</span>
+                            </th>
+
+                            <!-- タグ／ＱＲフラグ -->
+                            <th><span>{{__('validation.attributes.tag_qr_flag')}}</span></th>
+
+                            <!-- オペレータータグ変更フラグ -->
+                            <th><span>{{__('validation.attributes.tag_change_flag')}}</span></th>
+
+                            <!-- 駐輪位置番号 -->
+                            <th class="sorting {{ ($sort=='park_position') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="park_position">
+                                <span>{{__('validation.attributes.park_position')}}</span>
+                            </th>
+
+                            <!-- オペレータID -->
+                            <th><span>{{__('validation.attributes.ope_id')}}</span></th>
+
+                            <!-- 手動通知 -->
+                            <th><span>{{__('validation.attributes.contract_manual')}}</span></th>
+
+                            <!-- 通知方法 -->
+                            <th><span>{{__('validation.attributes.contract_notice')}}</span></th>
+
+                            <!-- 受付番号 -->
+                            <th class="sorting {{ ($sort=='contract_payment_number') ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}" sort="contract_payment_number">
+                                <span>{{__('validation.attributes.contract_payment_number')}}</span>
+                            </th>
+                        </tr>
+                        </thead>
+
+                        <tbody class="bg-white">
+                        @foreach($list as $item)
+                            <tr>
+                                {{-- ★ 同じセル内に チェック + 編集ボタン（stations と同じ） --}}
+                                <td class="align-middle" style="background-color:#faebd7;">
+                                    <div class="d-flex align-items-center">
+                                        <input type="checkbox" class="m-0 checkbox" name="ids[]" value="{{ $item->contract_id }}">
+                                        <a href="{{ route('regularcontracts_info', ['contract_id' => $item->contract_id]) }}" class="btn btn-sm btn-default ml10">編集</a>
+                                    </div>
+                                </td>
+
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_qr_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->user_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->user_categoryid, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->reserve_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->park_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->price_parkplaceid, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->user_securitynum, 0, 10) }}</span></td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->reserve_date)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->reserve_date, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->contract_reserve, 0, 10) }}</span></td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->created_at)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->created_at, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->updated_at)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->updated_at, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->contract_cancelday)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->contract_cancelday, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_reduction, 0, 10) }}</span></td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->contract_periods)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->contract_periods, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->contract_periode)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->contract_periode, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->contract_taxid, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->billing_amount, 0, 10) }}</span></td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->contract_payment_day)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->contract_payment_day, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_money, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->refunds, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->refunds_comment, 0, 10) }}</span></td>
+
+                                <td class="sm-item text-right align-middle">
+                                    @if($item->repayment_at)
+                                        <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>{{ mb_substr($item->repayment_at, 0, 10) }}</span>
+                                    @endif
+                                </td>
+
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->contact_guid, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->contact_shop_code, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->contract_cvs_class, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ $item->contract_flag ? __("はい") : __("いいえ") }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->settlement_transaction_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_seal_issue, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ $item->seal_reissue_request ? __("はい") : __("いいえ") }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ $item->contract_permission ? __("発行許可") : __("発行許可しない") }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ $item->contract_cancel_flag ? __("解約") : __("解約しない") }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ $item->tag_qr_flag ? __("ＱＲ") : __("タグ") }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ $item->tag_change_flag ? __("タグに変更する") : __("タグに変更しない") }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->park_position, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->ope_id, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_manual, 0, 10) }}</span></td>
+                                <td class="sm-item text-left align-middle"><span>{{ mb_substr($item->contract_notice, 0, 10) }}</span></td>
+                                <td class="sm-item text-right align-middle"><span>{{ mb_substr($item->contract_payment_number, 0, 10) }}</span></td>
+                            </tr>
+                        @endforeach
+                        </tbody>
+
+                    </table>
+                </form>
+            </div>
+        </div>
+        <!-- ▲ 単一テーブル構成ここまで -->
+    </section>
 
-      // 全選択／個別選択
-      if (masterCheckbox) {
-        var updateMasterState = function () {
-          var allRows = document.querySelectorAll(rowSelector);
-          var checkedRows = document.querySelectorAll(rowSelector + ':checked');
-          masterCheckbox.checked = allRows.length > 0 && checkedRows.length === allRows.length;
-        };
-        masterCheckbox.addEventListener('change', function () {
-          document.querySelectorAll(rowSelector).forEach(function (cb) { cb.checked = masterCheckbox.checked; });
-        });
-        document.addEventListener('change', function (e) {
-          if (e.target && e.target.matches(rowSelector)) updateMasterState();
-        });
-        updateMasterState();
-      }
-    })();
-  </script>
 @endsection
diff --git a/resources/views/admin/usertypes/_form.blade.php b/resources/views/admin/usertypes/_form.blade.php
index 104464f..15b64c5 100644
--- a/resources/views/admin/usertypes/_form.blade.php
+++ b/resources/views/admin/usertypes/_form.blade.php
@@ -1,207 +1,189 @@
-<div class="card-body rv-usertype-form">
-    <div class="col-12 px-0">
-        @if(Session::has('success'))
-            <div class="alert alert-success alert-dismissible fade show" role="alert">
-                {{ Session::get('success') }}
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
+
+{{-- アラート（成功） --}}
+@if(Session::has('success'))
+    <div class="alert alert-success alert-dismissible" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        {{ Session::get('success') }}
+    </div>
+@endif
+
+{{-- アラート（エラー：Session） --}}
+@if(Session::has('error'))
+    <div class="alert alert-danger alert-dismissible" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        {!! Session::get('error') !!}
+    </div>
+@endif
+
+{{-- アラート（任意エラー） --}}
+@if(isset($errorMsg))
+    <div class="alert alert-danger alert-dismissible" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        {!! $errorMsg !!}
+    </div>
+@endif
+
+{{-- バリデーションエラー --}}
+@if($errors->any())
+    <div class="alert alert-danger alert-dismissible">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+        <h4><i class="icon fa fa-ban"></i> {{ __('入力内容に不備があります:') }}</h4>
+        <ul>
+            @foreach($errors->all() as $error)
+                <li>{{ $error }}</li>
+            @endforeach
+        </ul>
+    </div>
+@endif
+
+<div class="card-body">
+    <div class="row">
+
+        {{-- ▼ 利用者分類ID（編集時のみ表示） --}}
+        @if(!empty($isEdit) || !empty($isInfo))
+            <div class="form-group col-3">
+                <label>{{ __('validation.attributes.user_categoryid') }}</label>
             </div>
-        @elseif(Session::has('error'))
-            <div class="alert alert-danger alert-dismissible fade show" role="alert">
-                {!! Session::get('error') !!}
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-        @elseif(isset($errorMsg))
-            <div class="alert alert-danger alert-dismissible fade show" role="alert">
-                {!! $errorMsg !!}
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
+            <div class="form-group col-9">
+                <div class="input-group">
+                    <input type="text"
+                        class="form-control form-control-lg bg-light"
+                        value="{{ old('user_categoryid', $record->user_categoryid ?? '') }}"
+                        readonly>
+                </div>
             </div>
         @endif
+
+        {{-- ▼ ソートオーダー --}}
+        <div class="form-group col-3">
+            <label class="form-label required">{{ __('ソートオーダー') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <input type="text"
+                       name="sort_order"
+                       class="form-control form-control-lg"
+                       placeholder="{{ __('ソートオーダー') }}"
+                       value="{{ old('sort_order', $record->sort_order ?? ($sort_order ?? '')) }}">
+            </div>
+        </div>
+
+        {{-- ▼ 分類名１ --}}
+        <div class="form-group col-3">
+            <label class="form-label required">{{ __('分類名１') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <input type="text"
+                       name="usertype_subject1"
+                       class="form-control form-control-lg"
+                       placeholder="{{ __('分類名１') }}"
+                       value="{{ old('usertype_subject1', $record->usertype_subject1 ?? ($usertype_subject1 ?? '')) }}">
+            </div>
+        </div>
+
+        {{-- ▼ 分類名２ --}}
+        <div class="form-group col-3">
+            <label class="form-label required">{{ __('分類名２') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <input type="text"
+                       name="usertype_subject2"
+                       class="form-control form-control-lg"
+                       placeholder="{{ __('分類名２') }}"
+                       value="{{ old('usertype_subject2', $record->usertype_subject2 ?? ($usertype_subject2 ?? '')) }}">
+            </div>
+        </div>
+
+        {{-- ▼ 分類名３ --}}
+        <div class="form-group col-3">
+            <label class="form-label required">{{ __('分類名３') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <input type="text"
+                       name="usertype_subject3"
+                       class="form-control form-control-lg"
+                       placeholder="{{ __('分類名３') }}"
+                       value="{{ old('usertype_subject3', $record->usertype_subject3 ?? ($usertype_subject3 ?? '')) }}">
+            </div>
+        </div>
+
+        {{-- ▼ 印字名 --}}
+        <div class="form-group col-3">
+            <label>{{ __('印字名') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <input type="text"
+                       name="print_name"
+                       class="form-control form-control-lg"
+                       placeholder="{{ __('印字名') }}"
+                       value="{{ old('print_name', $record->print_name ?? ($print_name ?? '')) }}">
+            </div>
+        </div>
+
+        {{-- ▼ 適用料率 --}}
+        <div class="form-group col-3">
+            <label>{{ __('適用料率') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <input type="text"
+                       name="usertype_money"
+                       class="form-control form-control-lg"
+                       placeholder="{{ __('適用料率') }}"
+                       value="{{ old('usertype_money', $record->usertype_money ?? ($usertype_money ?? '')) }}">
+            </div>
+        </div>
+
+        {{-- ▼ 備考 --}}
+        <div class="form-group col-3">
+            <label>{{ __('備考') }}</label>
+        </div>
+        <div class="form-group col-9">
+            <div class="input-group">
+                <textarea class="form-control form-control-lg"
+                          rows="5"
+                          placeholder="{{ __('備考') }}"
+                          name="usertype_remarks">{{ old('usertype_remarks', $record->usertype_remarks ?? ($usertype_remarks ?? '')) }}</textarea>
+            </div>
+        </div>
+
     </div>
 
-    @if($isInfo || $isEdit)
-        <div class="rv-usertype-form__actions-top">
-            @if($isInfo)
-                <a href="{{ route('usertype_add') }}" class="btn btn-default btn-sm px-4">{{ __('登録') }}</a>
-                <a href="{{ route('usertype_edit', ['id' => $user_categoryid]) }}" class="btn btn-default btn-sm px-4">{{ __('編集') }}</a>
+    {{-- ▼ 下部ボタン --}}
+    <div class="row mt-4">
+        <div class="form-group col-md-10 d-flex align-items-center gap-2 justify-content-start">
+            
+            {{-- 登録ボタン --}}
+            @if(!empty($isEdit))
+                <button type="button" id="register_edit" class="btn btn-lg btn-success mr-2">
+                    {{ __('登録') }}
+                </button>
             @else
-                <button type="button" class="btn btn-default btn-sm px-4 register">{{ __('登録') }}</button>
-                @if($isEdit)<button type="button" class="btn btn-default btn-sm px-4 js-inline-delete">{{ __('削除') }}</button>@endif
-            @endif
-        </div>
-    @endif
+                <button type="button" id="register" class="btn btn-lg btn-success mr-2 register">
+                    {{ __('登録') }}
+                </button>
+            @endif       
 
-    <div class="rv-usertype-form__container">
-        <div class="rv-usertype-form__panel">
-            @if($isInfo || $isEdit)
-                <div class="form-group row align-items-center">
-                    <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">{{ __('validation.attributes.user_categoryid') }}</label>
-                    <div class="col-sm-8">
-                        <input type="text" value="{{ $user_categoryid }}" class="form-control-plaintext" readonly>
-                    </div>
-                </div>
+            {{-- 削除ボタン（編集時のみ表示） --}}
+            @if(!empty($isEdit))
+                <button type="button" id="delete_edit" class="btn btn-lg btn-danger js-inline-delete mr-2">
+                    {{ __('削除') }}
+                </button>
             @endif
 
-            <div class="form-group row align-items-center">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">
-                    {{ __('ソートオーダー') }}<span class="text-danger">*</span>
-                </label>
-                <div class="col-sm-8">
-                    <input type="text" name="sort_order" value="{{ old('sort_order', $sort_order ?? '') }}" class="form-control" placeholder="{{ __('ソートオーダー') }}">
-                </div>
-            </div>
-
-            <div class="form-group row align-items-center">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">
-                    {{ __('分類名１') }}<span class="text-danger">*</span>
-                </label>
-                <div class="col-sm-8">
-                    <input type="text" name="usertype_subject1" value="{{ old('usertype_subject1', $usertype_subject1 ?? '') }}" class="form-control" placeholder="{{ __('分類名１') }}">
-                </div>
-            </div>
-
-            <div class="form-group row align-items-center">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">
-                    {{ __('分類名２') }}<span class="text-danger">*</span>
-                </label>
-                <div class="col-sm-8">
-                    <input type="text" name="usertype_subject2" value="{{ old('usertype_subject2', $usertype_subject2 ?? '') }}" class="form-control" placeholder="{{ __('分類名２') }}">
-                </div>
-            </div>
-
-            <div class="form-group row align-items-center">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">{{ __('分類名３') }}</label>
-                <div class="col-sm-8">
-                    <input type="text" name="usertype_subject3" value="{{ old('usertype_subject3', $usertype_subject3 ?? '') }}" class="form-control" placeholder="{{ __('分類名３') }}">
-                </div>
-            </div>
-
-            <div class="form-group row align-items-center">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">{{ __('印字名') }}</label>
-                <div class="col-sm-8">
-                    <input type="text" name="print_name" value="{{ old('print_name', $print_name ?? '') }}" class="form-control" placeholder="{{ __('印字名') }}">
-                </div>
-            </div>
-
-            <div class="form-group row align-items-center">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">{{ __('適用料率') }}</label>
-                <div class="col-sm-8">
-                    <input type="text" name="usertype_money" value="{{ old('usertype_money', $usertype_money ?? '') }}" class="form-control" placeholder="{{ __('適用料率') }}">
-                </div>
-            </div>
-
-            <div class="form-group row align-items-center mb-0">
-                <label class="col-sm-4 col-form-label font-weight-semibold text-sm-left">{{ __('備考') }}</label>
-                <div class="col-sm-8">
-                    <textarea name="usertype_remarks" rows="2" class="form-control" placeholder="{{ __('備考') }}">{{ old('usertype_remarks', $usertype_remarks ?? '') }}</textarea>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="rv-usertype-form__actions-bottom">
-        @if($isInfo)
-            <a href="{{ route('usertype_add') }}" class="btn btn-default btn-sm px-4">{{ __('登録') }}</a>
-            <a href="{{ route('usertype_edit', ['id' => $user_categoryid]) }}" class="btn btn-default btn-sm px-4">{{ __('編集') }}</a>
-        @else
-            <button type="button" class="btn btn-default btn-sm px-4 register">
-                {{ $isEdit ? __('登録') : __('登録') }}
+            {{-- 戻るボタン（一覧状態保持） --}}
+            <button type="button"
+                    id="btn_back"
+                    class="btn btn-lg btn-secondary mr-2"
+                    data-back-url="{{ request('back') }}">
+                {{ __('戻る') }}
             </button>
-            @if($isEdit)
-                <button type="button" class="btn btn-default btn-sm px-4 js-inline-delete">{{ __('削除') }}</button>
-            @endif
-        @endif
+
+        </div>
     </div>
+
 </div>
-
-@push('styles')
-    <style>
-        .rv-usertype-form .font-weight-semibold{font-weight:600;}
-        .rv-usertype-form .form-group{margin-bottom:1.25rem;}
-        .rv-usertype-form .form-control{border-radius:.4rem;}
-        .rv-usertype-form__actions-top,
-        .rv-usertype-form__actions-bottom{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;}
-        .rv-usertype-form__container{display:flex;justify-content:flex-end;}
-        .rv-usertype-form__panel{
-            width:100%;
-            max-width:520px;
-            background:#fff;
-            border:1px solid #dee2e6;
-            border-radius:.5rem;
-            padding:2rem 2.5rem;
-        }
-        .rv-usertype-form__panel .col-form-label{font-size:.95rem;color:#555;}
-        .rv-usertype-form__panel .col-form-label{text-align:left;}
-        .rv-usertype-form__panel .form-control{font-size:.95rem;}
-        .rv-usertype-form__actions-bottom{margin-top:2rem;}
-        .rv-usertype-form .btn{min-width:90px;}
-    </style>
-@endpush
-
-@push('scripts')
-    @once
-    <script>
-        (function ($) {
-            $(function () {
-                var $form = $('#usertype-form');
-                if (!$form.length) {
-                    return;
-                }
-
-                $('.register').off('click.usertypeConfirm').on('click.usertypeConfirm', function (e) {
-                    e.preventDefault();
-                    var submitForm = function () { $form.trigger('submit'); };
-                    if (typeof $.confirm === 'function') {
-                        $.confirm({
-                            title: '確認ダイアログ。',
-                            content: '登録してよろしいですか？はい/いいえ',
-                            buttons: {
-                                ok: {
-                                    text: 'はい',
-                                    btnClass: 'btn-primary',
-                                    keys: ['enter'],
-                                    action: submitForm
-                                },
-                                いいえ: function () {}
-                            }
-                        });
-                    } else if (window.confirm('登録してよろしいですか？')) {
-                        submitForm();
-                    }
-                });
-
-                var $deleteBtn = $('#btnDeleteInline');
-                var $deleteForm = $('#usertype-delete-form');
-                if ($deleteBtn.length && $deleteForm.length) {
-                    $deleteBtn.off('click.usertypeDelete').on('click.usertypeDelete', function (e) {
-                        e.preventDefault();
-                        var submitDelete = function () { $deleteForm.trigger('submit'); };
-                        if (typeof $.confirm === 'function') {
-                            $.confirm({
-                                title: '確認ダイアログ。',
-                                content: '削除してよろしいですか？はい/いいえ',
-                                buttons: {
-                                    ok: {
-                                        text: 'はい',
-                                        btnClass: 'btn-primary',
-                                        keys: ['enter'],
-                                        action: submitDelete
-                                    },
-                                    いいえ: function () {}
-                                }
-                            });
-                        } else if (window.confirm('削除してよろしいですか？')) {
-                            submitDelete();
-                        }
-                    });
-                }
-            });
-        })(window.jQuery);
-    </script>
-    @endonce
-@endpush
\ No newline at end of file
diff --git a/resources/views/admin/usertypes/add.blade.php b/resources/views/admin/usertypes/add.blade.php
index 8cab9eb..c1422bb 100644
--- a/resources/views/admin/usertypes/add.blade.php
+++ b/resources/views/admin/usertypes/add.blade.php
@@ -1,5 +1,5 @@
 @extends('layouts.app')
-@section('title', '利用者分類マスタ')
+@section('title', '新規')
 
 @section('content')
     <!-- Content Header (Page header) -->
@@ -8,74 +8,47 @@
             <div class="row mb-2">
                 <div class="col-lg-6">
                     <h1 class="m-0 text-dark">新規</h1>
-                </div><!-- /.col -->
+                </div>
                 <div class="col-lg-6">
                     <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="{{route('home')}}">ホーム</a></li>
-                        <li class="breadcrumb-item"><a href="{{ route('usertypes') }}">利用者分類マスタ</a></li>
+                        <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
+                        <li class="breadcrumb-item">
+                            <a href="{{ route('usertypes') }}">利用者分類マスタ</a>
+                        </li>
                         <li class="breadcrumb-item active">新規</li>
                     </ol>
-                </div><!-- /.col -->
-            </div><!-- /.row -->
-        </div><!-- /.container-fluid -->
+                </div>
+            </div>
+        </div>
     </div>
     <!-- /.content-header -->
 
     <!-- Main content -->
     <section class="content">
         <div class="container-fluid">
-            <!-- SELECT2 EXAMPLE -->
 
             <div class="row">
                 <div class="col-lg-12">
-                    <form id="usertype-form" method="post" action="{{ route('usertype_add')}}" enctype="multipart/form-data">
-                        @csrf
-                        <div class="card">
-                            <div class="card-header d-flex justify-content-between">
-                                <button type="button" class="btn btn-default btn-sm px-4 register">{{ __('登録') }}</button>
-                            </div>
-                            @include('admin.usertypes._form',['isEdit'=>0,'isInfo'=>0])
-                        </div>
-                    </form>
+                    <div class="card">
+
+                        <form id="form_add"
+                              method="post"
+                              action="{{ route('usertype_add') }}"
+                              enctype="multipart/form-data">
+                            @csrf
+
+                            @include('admin.usertypes._form', [
+                                'isEdit' => false,
+                                'isInfo' => false
+                            ])
+
+                        </form>
+
+                    </div>
                 </div>
             </div>
+
         </div>
     </section>
     <!-- /.content -->
-
 @endsection
-
-@push('scripts')
-<script>
-(function ($) {
-    $(function () {
-        var $form = $('#usertype-form');
-        if (!$form.length) {
-            return;
-        }
-        $('.register').on('click', function (e) {
-            e.preventDefault();
-            if (typeof $.confirm === 'function') {
-                $.confirm({
-                    title: '確認ダイアログ。',
-                    content: '登録してよろしいですか？はい/いいえ',
-                    buttons: {
-                        ok: {
-                            text: 'はい',
-                            btnClass: 'btn-primary',
-                            keys: ['enter'],
-                            action: function () {
-                                $form.trigger('submit');
-                            }
-                        },
-                        いいえ: function () {}
-                    }
-                });
-            } else if (window.confirm('登録してよろしいですか？')) {
-                $form.trigger('submit');
-            }
-        });
-    });
-})(window.jQuery);
-</script>
-@endpush
diff --git a/resources/views/admin/usertypes/delete.blade.php b/resources/views/admin/usertypes/delete.blade.php
deleted file mode 100644
index e36674a..0000000
--- a/resources/views/admin/usertypes/delete.blade.php
+++ /dev/null
@@ -1,55 +0,0 @@
-@extends('layouts.app')
-@section('title', '削除確認 | 利用者分類マスタ')
-
-@section('content')
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">削除確認</h1>
-                </div>
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
-                        <li class="breadcrumb-item"><a href="{{ route('usertypes') }}">利用者分類マスタ</a></li>
-                        <li class="breadcrumb-item active">削除確認</li>
-                    </ol>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <section class="content">
-        <div class="container-fluid">
-            <div class="alert alert-danger">
-                <strong>本当にこの利用者分類を削除しますか？</strong>
-            </div>
-            <div class="card">
-                <div class="card-body">
-                    <form method="POST" action="{{ route('usertype_delete', ['id' => $user_categoryid]) }}">
-                        @csrf
-                        <div class="mb-3">
-                            <label class="form-label">{{__('利用者分類ID')}}</label>
-                            <div>{{ $user_categoryid }}</div>
-                        </div>
-                        <div class="mb-3">
-                            <label class="form-label">{{__('分類名')}}</label>
-                            <div>{{ $print_name ?? '' }}</div>
-                        </div>
-                        <div class="mb-3">
-                            <label class="form-label">{{__('適用料率')}}</label>
-                            <div>{{ $usertype_money ?? '' }}</div>
-                        </div>
-                        <div class="mb-3">
-                            <label class="form-label">{{__('備考')}}</label>
-                            <div>{{ $usertype_remarks ?? '' }}</div>
-                        </div>
-                        <button type="submit" class="btn btn-danger btn-sm px-4 mr-2"
-                                onclick="return confirm('削除してよろしいですか？');">削除</button>
-                        <a href="{{ route('usertypes') }}" class="btn btn-secondary btn-sm px-4">キャンセル</a>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </section>
-@endsection
\ No newline at end of file
diff --git a/resources/views/admin/usertypes/edit.blade.php b/resources/views/admin/usertypes/edit.blade.php
index 11ea0d2..80fd8cf 100644
--- a/resources/views/admin/usertypes/edit.blade.php
+++ b/resources/views/admin/usertypes/edit.blade.php
@@ -1,8 +1,8 @@
 @extends('layouts.app')
-@section('title', '編集 | 利用者分類マスタ')
+@section('title', '編集')
 
 @section('content')
-    <!-- Content Header -->
+    <!-- Content Header (Page header) -->
     <div class="content-header">
         <div class="container-fluid">
             <div class="row mb-2">
@@ -12,91 +12,53 @@
                 <div class="col-lg-6">
                     <ol class="breadcrumb float-sm-right text-sm">
                         <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
-                        <li class="breadcrumb-item"><a href="{{ route('usertypes') }}">利用者分類マスタ</a></li>
+                        <li class="breadcrumb-item">
+                            <a href="{{ route('usertypes') }}">利用者分類マスタ</a>
+                        </li>
                         <li class="breadcrumb-item active">編集</li>
                     </ol>
                 </div>
             </div>
         </div>
     </div>
+    <!-- /.content-header -->
 
     <!-- Main content -->
     <section class="content">
         <div class="container-fluid">
 
-        {{-- カード本体 --}}
-            <div class="card">
-                <form id="usertype-form" method="post" action="{{ route('usertype_edit', ['id' => $user_categoryid]) }}">
-                    @csrf
-                    @include('admin.usertypes._form', ['isEdit' => 1, 'isInfo' => 0])
-                </form>
-                <form id="usertype-delete-form" method="post" action="{{ route('usertypes_delete', ['id' => $user_categoryid]) }}" class="d-none">
-                    @csrf
-                    <input type="hidden" name="pk[]" value="{{ $user_categoryid }}">
-                </form>
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="card">
+
+                        {{-- 編集フォーム --}}
+                        <form id="form_edit"
+                            action="{{ route('usertype_edit', ['id' => $record->user_categoryid]) }}"
+                            method="POST"
+                            enctype="multipart/form-data">
+                            @csrf
+
+                            @include('admin.usertypes._form', [
+                                'isEdit' => true,
+                                'record' => $record
+                            ])
+                        </form>
+
+
+                        {{-- 削除フォーム（非表示） --}}
+                        <form id="form_delete"
+                              action="{{ route('usertypes_delete') }}"
+                              method="POST"
+                              style="display:none;">
+                            @csrf
+                            <input type="hidden" name="pk" value="{{ $record->user_categoryid }}">
+                        </form>
+
+                    </div>
+                </div>
             </div>
-        </div>
 
         </div>
     </section>
+    <!-- /.content -->
 @endsection
-
-@push('scripts')
-<script>
-(function ($) {
-    $(function () {
-        var $registerBtn = $('.register');
-        var $editForm = $('#usertype-form');
-        if ($registerBtn.length && $editForm.length) {
-            $registerBtn.off('click.usertypeConfirm').on('click.usertypeConfirm', function (e) {
-                e.preventDefault();
-                var submitEdit = function () { $editForm.trigger('submit'); };
-                if (typeof $.confirm === 'function') {
-                    $.confirm({
-                        title: '確認ダイアログ。',
-                        content: '登録してよろしいですか？はい/いいえ',
-                        buttons: {
-                            ok: {
-                                text: 'はい',
-                                btnClass: 'btn-primary',
-                                keys: ['enter'],
-                                action: submitEdit
-                            },
-                            いいえ: function () {}
-                        }
-                    });
-                } else if (window.confirm('登録してよろしいですか？')) {
-                    submitEdit();
-                }
-            });
-        }
-
-        var $deleteBtn = $('.js-inline-delete');;
-        var $deleteForm = $('#usertype-delete-form');
-        if ($deleteBtn.length && $deleteForm.length) {
-            $deleteBtn.off('click.usertypeDelete').on('click.usertypeDelete', function (e) {
-                e.preventDefault();
-                var submitDelete = function () { $deleteForm.trigger('submit'); };
-                if (typeof $.confirm === 'function') {
-                    $.confirm({
-                        title: '確認ダイアログ。',
-                        content: '削除してよろしいですか？はい/いいえ',
-                        buttons: {
-                            ok: {
-                                text: 'はい',
-                                btnClass: 'btn-primary',
-                                keys: ['enter'],
-                                action: submitDelete
-                            },
-                            いいえ: function () {}
-                        }
-                    });
-                } else if (window.confirm('削除してよろしいですか？')) {
-                    submitDelete();
-                }
-            });
-        }
-    });
-})(window.jQuery);
-</script>
-@endpush
\ No newline at end of file
diff --git a/resources/views/admin/usertypes/info.blade.php b/resources/views/admin/usertypes/info.blade.php
deleted file mode 100644
index 450ff8e..0000000
--- a/resources/views/admin/usertypes/info.blade.php
+++ /dev/null
@@ -1,122 +0,0 @@
-@extends('layouts.app')
-@section('title', '[東京都|〇〇駐輪場] 利用者分類マスタ')
-@section('content')
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">{{__('利用者分類マスタ')}}</h1>
-                </div>
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="{{route('home')}}">XX様info(ホーム)</a></li>
-                        <li class="breadcrumb-item"><a href="javascript: void(0);">[東京都|〇〇駐輪場]</a></li>
-                        <li class="breadcrumb-item active">{{__('利用者分類マスタ')}}</li>
-                    </ol>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- /.content-header -->
-
-    <section class="content">
-        <div class="container-fluid">
-            <div class="row">
-                <form action="{{route('usertypes')}}" method='post' id='list-form'>
-                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
-                    <input type="hidden" value="{{$sort ?? ''}}" name="sort" id="sort">
-                    <input type="hidden" value="{{$sort_type ?? ''}}" name="sort_type" id="sort_type">
-                </form>
-
-                <div class="form col-lg-12">
-                    @if(Session::has('success'))
-                        <div class="alert alert-success alert-dismissible" role="alert">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            {{ Session::get('success') }}
-                        </div>
-                    @elseif(Session::has('error'))
-                        <div class="alert alert-danger alert-dismissible">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-                            {!! Session::get('error') !!}
-                        </div>
-                    @elseif(isset($errorMsg))
-                        <div class="alert alert-danger alert-dismissible">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-                            {!! $errorMsg !!}
-                        </div>
-                    @endif
-                </div>
-                <div class="col-lg-12 row sample03-wrapper no_padding_right mb20">
-                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-3 col-xs-3 table_left">
-                        <form action="{{route('usertypes_delete')}}" method="post" id="form_delete">
-                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
-                            <table class="table dataTable">
-                                <thead>
-                                <tr>
-                                    <th>
-                                        <input type="checkbox" class="minimal m-0" id="checkbox_all">
-                                    </th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                @foreach($list as $item)
-                                    <tr role="row">
-                                        <td>
-                                            <input type="checkbox" class="minimal m-0 checkbox"
-                                                   value="{{$item->user_categoryid}}" name="pk[]">
-                                            <div class="btn_action">
-                                                {{--<a href="{{route('usertype_add')}}" class="btn btn-sm btn-default">詳細</a>--}}
-                                                <a href="{{ route('usertype_info', ['id' => $item->user_categoryid]) }}"
-                                                   class="btn btn-sm btn-default ml10">{{__('編集')}}</a>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                @endforeach
-                                </tbody>
-                            </table>
-                        </form>
-                    </div>
-                    <div class="col-lg-10 col-xl-10 col-md-10 col-sm-9 col-xs-9 table_right no_padding_right">
-                        <div class="scroll">
-                            <table class="table dataTable">
-                                <thead>
-                                <tr>
-                                    <th class="sorting @if(($sort ?? '')=="user_categoryid"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
-                                        sort="user_categoryid">
-                                        <span>{{__('validation.attributes.user_categoryid')}}</span>
-                                    </th>
-                                    <th class="sorting @if(($sort ?? '')=="print_name"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
-                                        sort="print_name"><span>{{__('validation.attributes.print_name')}}</span>
-                                    </th>
-                                    <th>
-                                        <span>{{__('validation.attributes.usertype_money')}}</span>
-                                    </th>
-                                    <th>
-                                        <span>{{__('validation.attributes.usertype_remarks')}}</span>
-                                    </th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                @foreach($list as $item)
-                                    <tr>
-                                        <td class='sm-item text-left'>
-                                            <span>{{mb_substr($item->user_categoryid, 0, 10)}}</span></td>
-                                        <td class='sm-item text-right'>
-                                            <span>{{mb_substr($item->print_name, 0, 10)}}</span></td>
-                                        <td class='sm-item text-right'>
-                                            <span>{{mb_substr($item->usertype_money, 0, 10)}}</span></td>
-                                        <td class='sm-item text-right'>
-                                            <span>{{mb_substr($item->usertype_remarks, 0, 20)}}</span></td>
-                                    </tr>
-                                @endforeach
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-@endsection
diff --git a/resources/views/admin/usertypes/list.blade.php b/resources/views/admin/usertypes/list.blade.php
index 73c41fa..565e4bb 100644
--- a/resources/views/admin/usertypes/list.blade.php
+++ b/resources/views/admin/usertypes/list.blade.php
@@ -1,360 +1,259 @@
 @extends('layouts.app')
 @section('title', '利用者分類マスタ')
+
 @section('content')
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">{{__('利用者分類マスタ')}}</h1>
-                </div>
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="{{route('home')}}">ホーム</a></li>
-                        <li class="breadcrumb-item active">{{__('利用者分類マスタ')}}</li>
-                    </ol>
-                </div>
+<!-- Content Header -->
+<div class="content-header">
+    <div class="container-fluid">
+        <div class="row mb-2">
+            <div class="col-lg-6">
+                <h1 class="m-0 text-dark">利用者分類マスタ</h1>
+            </div>
+            <div class="col-lg-6">
+                <ol class="breadcrumb float-sm-right text-sm">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
+                    <li class="breadcrumb-item active">利用者分類マスタ</li>
+                </ol>
             </div>
         </div>
     </div>
-    <style>
-        .rv-filter-card .form-label{font-weight:600;color:#555;font-size:.85rem;}
-        .rv-filter-card .form-control-sm{border-radius:.25rem;}
-        .rv-toolbar .btn{min-width:82px;}
-        .rv-table-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;}
-        .rv-table tbody tr td{vertical-align:middle;}
-        .rv-table .op-cell{background:#f8f1e4;min-width:140px;}
-        .rv-table thead th{
-            white-space:nowrap;
-            background:#eeeeee;
-            text-decoration:none;
-        }
-        .rv-table thead th span,
-        .rv-table thead th .rv-sort-arrows,
-        .rv-table thead th .rv-sort-arrows .rv-arrow{
-            text-decoration:none !important;
-        }
-        .rv-table thead th.sortable{cursor:pointer;}
-        .rv-sort-arrows{
-            display:inline-flex;
-            align-items:center;
-            margin-left:4px;
-            gap:0;
-            letter-spacing:-3px; /* ↑↓を詰める */
-            font-size:16px;
-        }
-        .rv-sort-arrows .rv-arrow{
-            color:#b5b5b5;
-            font-size:16px;
-            line-height:1;
-            display:inline-block;
-        }
-        .rv-sort-arrows .rv-arrow.is-active{color:#000;}
-        .rv-table thead th a{color:#000 !important;}
-        @media (max-width: 767.98px){
-            .rv-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem;}
-        }
-    </style>
-    <section class="content">
-        <div class="container-fluid">
-            <div class="row">
-                <form action="{{ route('usertypes') }}" method="post" id="list-form" class="w-100">
-                    @csrf
-                    <input type="hidden" name="sort" id="sort" value="{{ $sort }}">
-                    <input type="hidden" name="sort_type" id="sort_type" value="{{ $sort_type }}">
-                    <div class="card rv-filter-card mb-3">
-                        <div class="card-header bg-white font-weight-bold text-muted">
-                            {{ __('絞り込み') }}
-                        </div>
-                        <div class="card-body pt-3 pb-2">
-                            <div class="form-row">
-                                <div class="form-group col-xl-4 col-lg-4 col-md-6">
-                                     <label class="form-label">{{ __('ソートオーダー') }}</label>
-                                     <input type="text" name="filter_sort_order" class="form-control form-control-sm"
-                                         value="{{ $filter_sort_order ?? '' }}" placeholder="123456">
-                                 </div>
-                                <div class="form-group col-xl-4 col-lg-4 col-md-6">
-                                     <label class="form-label">{{ __('分類名1') }}</label>
-                                     <input type="text" name="filter_usertype_subject1" class="form-control form-control-sm"
-                                         value="{{ $filter_usertype_subject1 ?? '' }}" placeholder="{{ __('キーワード...') }}">
-                                 </div>
-                                <div class="form-group col-xl-4 col-lg-4 col-md-6">
-                                     <label class="form-label">{{ __('分類名2') }}</label>
-                                     <input type="text" name="filter_usertype_subject2" class="form-control form-control-sm"
-                                         value="{{ $filter_usertype_subject2 ?? '' }}" placeholder="{{ __('キーワード...') }}">
-                                 </div>
-                            </div>
-                            <div class="form-row">
-                                <div class="form-group col-xl-4 col-lg-4 col-md-6">
-                                    <label class="form-label">{{ __('分類名3') }}</label>
-                                    <input type="text" name="filter_usertype_subject3" class="form-control form-control-sm"
-                                        value="{{ $filter_usertype_subject3 ?? '' }}" placeholder="{{ __('キーワード...') }}">
-                                </div>
-                            </div>
-                            <div class="d-flex justify-content-start">
-                                <button type="submit" class="btn btn-default btn-sm mr-2" id="btnFilterSubmit">{{ __('絞り込み') }}</button>
-                                <button type="button" class="btn btn-default btn-sm" id="btnFilterReset">{{ __('解除') }}</button>
-                            </div>
-                        </div>
-                    </div>
-                </form>
-                <form action="{{ route('usertypes_export') }}" method="post" id="form_export" class="d-none">
-                    @csrf
-                    <input type="hidden" name="sort" value="{{ $sort }}">
-                    <input type="hidden" name="sort_type" value="{{ $sort_type }}">
-                    <input type="hidden" name="filter_sort_order" value="{{ $filter_sort_order ?? '' }}">
-                    <input type="hidden" name="filter_usertype_subject1" value="{{ $filter_usertype_subject1 ?? '' }}">
-                    <input type="hidden" name="filter_usertype_subject2" value="{{ $filter_usertype_subject2 ?? '' }}">
-                    <input type="hidden" name="filter_usertype_subject3" value="{{ $filter_usertype_subject3 ?? '' }}">
-                </form>
-                <div class="w-100 rv-toolbar mb-3 d-flex justify-content-between align-items-center">
-                    <div class="btn-group" role="group" aria-label="toolbar-actions">
-                        <a href="{{ route('usertype_add') }}" class="btn btn-default mr-2">{{ __('新規') }}</a>
-                        <button type="button" class="btn btn-default mr-2" id="btnDeleteSelected">{{ __('削除') }}</button>
-                        <button type="button" class="btn btn-default" id="btnExportCsv">{{ __('CSV出力') }}</button>
-                    </div>
-                    <div class="pagination-wrapper">
-                        {{ $list->appends([
-                            'sort' => $sort,
-                            'sort_type' => $sort_type,
-                            'filter_sort_order' => $filter_sort_order ?? '',
-                            'filter_usertype_subject1' => $filter_usertype_subject1 ?? '',
-                            'filter_usertype_subject2' => $filter_usertype_subject2 ?? '',
-                            'filter_usertype_subject3' => $filter_usertype_subject3 ?? '',
-                        ])->links('pagination') }}
-                    </div>
+</div>
+
+<section class="content">
+    <div class="container-fluid">
+        <!-- ▼ 絞り込みフィルター -->
+        <div class="col-lg-12 px-0">
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">絞り込みフィルター</h3>
                 </div>
-                <div class="form col-lg-12">
-                    @if(Session::has('success'))
-                        <div class="alert alert-success alert-dismissible" role="alert">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            {{ Session::get('success') }}
-                        </div>
-                    @elseif(Session::has('error'))
-                        <div class="alert alert-danger alert-dismissible">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-                            {!! Session::get('error') !!}
-                        </div>
-                    @elseif(isset($errorMsg))
-                        <div class="alert alert-danger alert-dismissible">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-                            {!! $errorMsg !!}
-                        </div>
-                    @endif
-                </div>
-                <div class="col-lg-12 sample03-wrapper no_padding_right mb20">
-                    <form action="{{route('usertypes_delete')}}" method="post" id="form_delete">
+
+                <div class="card-body">
+                    <form action="{{ route('usertypes') }}" method="POST" id="list-form">
                         @csrf
-                        <div class="table-responsive rv-table-wrapper">
-                            @php
-                                $currentSort = $sort ?? '';
-                                $currentDir = strtolower($sort_type ?? 'asc');
-                                if (!in_array($currentDir, ['asc', 'desc'], true)) {
-                                    $currentDir = 'asc';
-                                }
+                        <input type="hidden" name="sort" id="sort" value="{{ $sort ?? '' }}">
+                        <input type="hidden" name="sort_type" id="sort_type" value="{{ $sort_type ?? '' }}">
 
-                                $sortClass = static function (string $key) use ($currentSort, $currentDir): string {
-                                    return $currentSort === $key
-                                        ? 'sortable sorting_' . $currentDir
-                                        : 'sortable sorting';
-                                };
+                        {{-- 1行目：ソートオーダー / 分類名1 / 分類名2（ラベル上・入力下） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-4">
+                                <div class="font-weight-bold mb-2">ソートオーダー</div>
+                                <input type="text"
+                                    name="filter_sort_order"
+                                    class="form-control"
+                                    value="{{ $filter_sort_order ?? '' }}"
+                                    placeholder="123456">
+                            </div>
 
-                                $arrowState = static function (string $key) use ($currentSort, $currentDir): array {
-                                    $state = ['up' => '', 'down' => ''];
-                                    if ($currentSort === $key) {
-                                        if ($currentDir === 'asc') {
-                                            $state['up'] = 'is-active';
-                                        } elseif ($currentDir === 'desc') {
-                                            $state['down'] = 'is-active';
-                                        }
-                                    }
-                                    return $state;
-                                };
+                            <div class="col-md-4">
+                                <div class="font-weight-bold mb-2">分類名1</div>
+                                <input type="text"
+                                    name="filter_usertype_subject1"
+                                    class="form-control"
+                                    value="{{ $filter_usertype_subject1 ?? '' }}"
+                                    placeholder="キーワード...">
+                            </div>
 
-                                $renderSortIcon = static function (array $state): string {
-                                    $up = $state['up'] ?? '';
-                                    $down = $state['down'] ?? '';
-                                    return '<span class="rv-sort-arrows"><span class="rv-arrow ' . $up . '">↑</span><span class="rv-arrow ' . $down . '">↓</span></span>';
-                                };
-                                $queryParams = [
-                                    'filter_sort_order' => $filter_sort_order ?? null,
-                                    'filter_usertype_subject1' => $filter_usertype_subject1 ?? null,
-                                    'filter_usertype_subject2' => $filter_usertype_subject2 ?? null,
-                                    'filter_usertype_subject3' => $filter_usertype_subject3 ?? null,
-                                ];
-                                $queryParams = array_filter($queryParams, static function ($value) {
-                                    return !is_null($value) && $value !== '';
-                                });
-                                $buildSortUrl = static function (string $column, string $currentSort, string $currentDir, array $baseParams): string {
-                                    $nextDir = ($currentSort === $column && $currentDir === 'asc') ? 'desc' : 'asc';
-                                    return route('usertypes', array_merge($baseParams, [
-                                        'sort' => $column,
-                                        'sort_type' => $nextDir,
-                                        'page' => 1,
-                                    ]));
-                                };
-                            @endphp
-                            <table class="table table-striped table-hover rv-table mb-0 text-nowrap">
-                                <thead>
-                                    <tr>
-                                        <th style="width:80px;">
-                                            <input type="checkbox" id="chkAll">
-                                            <span class="ml-1"></span>
-                                        </th>
-                                        @php $state = $arrowState('user_categoryid'); @endphp
-                                        <th class="{{ $sortClass('user_categoryid') }}">
-                                            <a href="{{ $buildSortUrl('user_categoryid', $currentSort, $currentDir, $queryParams) }}" class="d-inline-flex align-items-center text-reset">
-                                                <span>{{ __('利用者分類ID') }}</span>
-                                                {!! $renderSortIcon($state) !!}
-                                            </a>
-                                        </th>
-                                        @php $state = $arrowState('sort_order'); @endphp
-                                        <th class="{{ $sortClass('sort_order') }}">
-                                            <a href="{{ $buildSortUrl('sort_order', $currentSort, $currentDir, $queryParams) }}" class="d-inline-flex align-items-center text-reset">
-                                                <span>{{ __('ソートオーダー') }}</span>
-                                                {!! $renderSortIcon($state) !!}
-                                            </a>
-                                        </th>
-                                        @php $state = $arrowState('usertype_subject1'); @endphp
-                                        <th class="{{ $sortClass('usertype_subject1') }}">
-                                            <a href="{{ $buildSortUrl('usertype_subject1', $currentSort, $currentDir, $queryParams) }}" class="d-inline-flex align-items-center text-reset">
-                                                <span>{{ __('分類名１') }}</span>
-                                                {!! $renderSortIcon($state) !!}
-                                            </a>
-                                        </th>
-                                        @php $state = $arrowState('usertype_subject2'); @endphp
-                                        <th class="{{ $sortClass('usertype_subject2') }}">
-                                            <a href="{{ $buildSortUrl('usertype_subject2', $currentSort, $currentDir, $queryParams) }}" class="d-inline-flex align-items-center text-reset">
-                                                <span>{{ __('分類名２') }}</span>
-                                                {!! $renderSortIcon($state) !!}
-                                            </a>
-                                        </th>
-                                        @php $state = $arrowState('usertype_subject3'); @endphp
-                                        <th class="{{ $sortClass('usertype_subject3') }}">
-                                            <a href="{{ $buildSortUrl('usertype_subject3', $currentSort, $currentDir, $queryParams) }}" class="d-inline-flex align-items-center text-reset">
-                                                <span>{{ __('分類名３') }}</span>
-                                                {!! $renderSortIcon($state) !!}
-                                            </a>
-                                        </th>
-                                        @php $state = $arrowState('print_name'); @endphp
-                                        <th class="{{ $sortClass('print_name') }}">
-                                            <a href="{{ $buildSortUrl('print_name', $currentSort, $currentDir, $queryParams) }}" class="d-inline-flex align-items-center text-reset">
-                                                <span>{{ __('印字名') }}</span>
-                                                {!! $renderSortIcon($state) !!}
-                                            </a>
-                                        </th>
-                                        <th>
-                                            <span>{{__('適用料率')}}</span>
-                                        </th>
-                                        <th>
-                                            <span>{{__('備考')}}</span>
-                                        </th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    @forelse($list as $item)
-                                        <tr>
-                                            <td class="op-cell">
-                                                <div class="d-flex align-items-center">
-                                                    <input type="checkbox" class="mr-2 chkRow" name="pk[]" value="{{ $item->user_categoryid }}">
-                                                    <a href="{{ route('usertype_edit', ['id' => $item->user_categoryid]) }}" class="btn btn-xs btn-default">{{ __('編集') }}</a>
-                                                </div>
-                                            </td>
-                                            <td class="text-left">{{ $item->user_categoryid }}</td>
-                                            <td class="text-left">{{ $item->sort_order }}</td>
-                                            <td class="text-left">{{ $item->usertype_subject1 }}</td>
-                                            <td class="text-left">{{ $item->usertype_subject2 }}</td>
-                                            <td class="text-left">{{ $item->usertype_subject3 }}</td>
-                                             <td class="text-left">{{ $item->print_name }}</td>
-                                             <td class="text-right">{{ $item->usertype_money }}</td>
-                                             <td class="text-left">{{ $item->usertype_remarks }}</td>
-                                        </tr>
-                                    @empty
-                                        <tr>
-                                            <td colspan="9" class="text-center text-muted py-4">{{ __('データが存在しません。') }}</td>
-                                        </tr>
-                                    @endforelse
-                                </tbody>
-                            </table>
+                            <div class="col-md-4">
+                                <div class="font-weight-bold mb-2">分類名2</div>
+                                <input type="text"
+                                    name="filter_usertype_subject2"
+                                    class="form-control"
+                                    value="{{ $filter_usertype_subject2 ?? '' }}"
+                                    placeholder="キーワード...">
+                            </div>
                         </div>
+
+                        {{-- 2行目：分類名3（左寄せ、幅は1/3） --}}
+                        <div class="row mb-3">
+                            <div class="col-md-4">
+                                <div class="font-weight-bold mb-2">分類名3</div>
+                                <input type="text"
+                                    name="filter_usertype_subject3"
+                                    class="form-control"
+                                    value="{{ $filter_usertype_subject3 ?? '' }}"
+                                    placeholder="キーワード...">
+                            </div>
+                        </div>
+
+                        {{-- ボタン --}}
+                        <div class="mt-2">
+                            <button type="submit" name="action" value="filter" class="btn btn-success mr-2">
+                                絞り込み
+                            </button>
+                            <button type="submit" name="action" value="unlink" class="btn btn-outline-secondary">
+                                解除
+                            </button>
+                        </div>
+
                     </form>
                 </div>
             </div>
         </div>
-    </section>
+        <!-- ▲ 絞り込みフィルター -->
 
-    <script>
-        (function () {
-            var chkAll = document.getElementById('chkAll');
-            var chks = document.getElementsByClassName('chkRow');
-            if (chkAll) {
-                chkAll.addEventListener('change', function () {
-                    Array.prototype.forEach.call(chks, function (c) { c.checked = chkAll.checked; });
-                });
-            }
+       
 
-            var filterReset = document.getElementById('btnFilterReset');
-            if (filterReset) {
-                filterReset.addEventListener('click', function () {
-                    var form = document.getElementById('list-form');
-                    if (!form) { return; }
-                    Array.prototype.forEach.call(form.querySelectorAll('input[type="text"]'), function (input) {
-                        input.value = '';
-                    });
-                    form.submit();
-                });
-            }
+        {{-- 並び替え用 hidden --}}
+        <form action="{{ route('usertypes') }}" method="POST" id="list-form">
+            @csrf
+            <input type="hidden" name="sort" value="{{ $sort ?? '' }}">
+            <input type="hidden" name="sort_type" value="{{ $sort_type ?? '' }}">
+        </form>
 
-            var deleteBtn = document.getElementById('btnDeleteSelected');
-            if (deleteBtn) {
-                deleteBtn.addEventListener('click', function () {
-                    var anyChecked = false;
-                    Array.prototype.forEach.call(chks, function (c) { if (c.checked) { anyChecked = true; } });
-                    if (!anyChecked) {
-                        alert('削除対象の行を選択してください。');
-                        return;
-                    }
-                    if (window.jQuery && typeof window.jQuery.confirm === 'function') {
-                        window.jQuery.confirm({
-                            title: '確認ダイアログ。',
-                            content: '削除してよろしいですか？はい/いいえ',
-                            buttons: {
-                                ok: {
-                                    text: 'はい',
-                                    btnClass: 'btn-primary',
-                                    keys: ['enter'],
-                                    action: function () {
-                                        document.getElementById('form_delete').submit();
-                                    }
-                                },
-                                いいえ: function () {}
-                            }
-                        });
-                    } else if (window.confirm('削除してよろしいですか？')) {
-                        document.getElementById('form_delete').submit();
-                    }
-                });
-            }
+        {{-- ▼ ボタンエリア --}}
+        <div class="col-lg-12 mb-3">
 
-            var exportBtn = document.getElementById('btnExportCsv');
-            if (exportBtn) {
-                exportBtn.addEventListener('click', function () {
-                    var exportForm = document.getElementById('form_export');
-                    var filterForm = document.getElementById('list-form');
-                    if (!exportForm || !filterForm) { return; }
-                    ['filter_sort_order', 'filter_usertype_subject1', 'filter_usertype_subject2', 'filter_usertype_subject3', 'sort', 'sort_type'].forEach(function (name) {
-                        var source = filterForm.querySelector('[name="' + name + '"]');
-                        var target = exportForm.querySelector('[name="' + name + '"]');
-                        if (source && target) {
-                            target.value = source.value;
-                        }
-                    });
-                    exportForm.submit();
-                });
-            }
-        })();
-    </script>
+            <button type="button"
+                    class="btn btn-sm btn-primary mr10"
+                    onclick="location.href='{{ route('usertype_add') }}?back={{ urlencode(request()->fullUrl()) }}'">
+                新規
+            </button>
+
+            <button type="button" class="btn btn-sm btn-danger mr10" id="delete">削除</button>
+
+            <button type="submit" class="btn btn-sm btn-outline-success mr10" form="form_export">
+                CSV出力
+            </button>
+        </div>
+
+        {{-- ▼ ページネーション --}}
+        <div class="col-lg-12">
+            <div class="d-flex flex-column align-items-end mb-2 text-sm">
+                {{-- 件数表示（上） --}}
+                <div class="text-dark text-sm mb-1">
+                    @if ($list->total() > 0)
+                        全 {{ $list->total() }} 件中 {{ $list->firstItem() }}〜{{ $list->lastItem() }} 件を表示
+                    @else
+                        全0件
+                    @endif
+                </div>
+
+                {{-- ページネーション（下） --}}
+                <div>
+                    {{ $list->appends([
+                        'sort'      => $sort ?? '',
+                        'sort_type' => $sort_type ?? ''
+                    ])->links('pagination') }}
+                </div>
+            </div>
+        </div>
+        {{-- ▲ ページネーション --}}
 
 
-@endsection
\ No newline at end of file
+
+        {{-- ▼ フラッシュメッセージ --}}
+        <div class="form col-lg-12">
+            @if(Session::has('success'))
+                <div class="alert alert-success alert-dismissible">
+                    <button type="button" class="close" data-dismiss="alert">×</button>
+                    {{ Session::get('success') }}
+                </div>
+            @elseif(Session::has('error'))
+                <div class="alert alert-danger alert-dismissible">
+                    <button type="button" class="close" data-dismiss="alert">×</button>
+                    {!! Session::get('error') !!}
+                </div>
+            @elseif(isset($errorMsg))
+                <div class="alert alert-danger alert-dismissible">
+                    <button type="button" class="close" data-dismiss="alert">×</button>
+                    {!! $errorMsg !!}
+                </div>
+            @endif
+        </div>
+
+        {{-- ▼ テーブル --}}
+        <div class="col-lg-12 mb20">
+            <div class="table-responsive">
+                <form action="{{ route('usertypes_delete') }}" method="POST" id="form_delete">
+                    @csrf
+                    <table class="table table-bordered dataTable text-nowrap">
+                        <thead class="thead-light">
+                        <tr>
+                            {{-- チェック + 編集 --}}
+                            <th style="width:140px;">
+                                <input type="checkbox"
+                                       onclick="$('input[name*=\'pk\']').prop('checked', this.checked);">
+                            </th>
+
+                            <th class="sorting {{ $sort=='user_categoryid' ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}"
+                                sort="user_categoryid">
+                                <span>利用者分類ID</span>
+                            </th>
+
+                            <th class="sorting {{ $sort=='sort_order' ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}"
+                                sort="sort_order">
+                                <span>ソートオーダー</span>
+                            </th>
+
+                            <th class="sorting {{ $sort=='usertype_subject1' ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}"
+                                sort="usertype_subject1">
+                                <span>分類名1</span>
+                            </th>
+
+                            <th class="sorting {{ $sort=='usertype_subject2' ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}"
+                                sort="usertype_subject2">
+                                <span>分類名2</span>
+                            </th>
+
+                            <th class="sorting {{ $sort=='usertype_subject3' ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}"
+                                sort="usertype_subject3">
+                                <span>分類名3</span>
+                            </th>
+
+                            <th class="sorting {{ $sort=='print_name' ? ($sort_type=='asc'?'sorting_asc':'sorting_desc') : '' }}"
+                                sort="print_name">
+                                <span>印字名</span>
+                            </th>
+
+                            <th><span>適用料率</span></th>
+                            <th><span>備考</span></th>
+                        </tr>
+                        </thead>
+
+                        <tbody class="bg-white">
+                        @foreach($list as $item)
+                            <tr>
+                                <td style="background-color:#faebd7;">
+                                    <div class="d-flex align-items-center">
+                                        <input type="checkbox" name="pk[]" value="{{ $item->user_categoryid }}">
+                                        <a href="{{ route('usertype_edit', ['id' => $item->user_categoryid]) }}?back={{ urlencode(request()->fullUrl()) }}"
+                                        class="btn btn-sm btn-outline-primary ml10">
+                                            編集
+                                        </a>
+                                    </div>
+                                </td>
+
+                                <td>{{ $item->user_categoryid }}</td>
+                                <td>{{ $item->sort_order }}</td>
+                                <td>{{ $item->usertype_subject1 }}</td>
+                                <td>{{ $item->usertype_subject2 }}</td>
+                                <td>{{ $item->usertype_subject3 }}</td>
+                                <td>{{ $item->print_name }}</td>
+                                <td class="text-right">{{ $item->usertype_money }}</td>
+                                <td>{{ $item->usertype_remarks }}</td>
+                            </tr>
+                        @endforeach
+
+                        <!-- @if($list->isEmpty())
+                            <tr>
+                                <td colspan="9" class="text-center text-muted">
+                                    データが存在しません。
+                                </td>
+                            </tr>
+                        @endif -->
+                        </tbody>
+                    </table>
+                </form>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+{{-- CSV --}}
+<form action="{{ route('usertypes_export') }}" method="POST" id="form_export">
+    @csrf
+</form>
+
+@endsection