[add]

＜檀家一覧＞
ページ遷移した時に全件が表示されるように修正　〇
檀家一覧のタイトルと入力フォームの余白※
リスト表示に家族数、過去帳の人数（要相談）
タブについて全件は残して、あいうえお検索タブに変更　〇
檀家登録のボタンをクリアに変更　〇

＜檀家一覧（基本情報）＞
タイトル　檀家詳細-〇〇家に変更　〇
茶色のバーの中身の情報を世帯名と情報の更新日を追加　〇
　→回忌ボタンを削除　〇
編集ボタンの色をタブと同じ色に変更（檀家の家族タブの編集ボタンに修正）
右側の「家族を見る」「過去帳を見る」を削除　〇

＜檀家一覧（家族）＞
世帯主を一番上に　〇
氏名・ふりがな・生年月日・年齢・関係・備考　〇
操作に削除機能について＜要相談＞

＜檀家編集（家族）＞
世帯主設定

＜檀家一覧（過去等）＞
年次法要を見るを削除　〇
編集ボタンを削除　〇
編集ページへの遷移について
故人を登録の位置を修正

＜檀家一覧（家系図）＞
ツリー修正
右の人物に没年月日情報を追加
表について生年月日表示はなくして

＜年次法要＞
リストをクリックしたら、対象の檀家の基本情報へ遷移
リストの表示内容の順番を修正

＜まとめて検索＞
一覧へもどる削除　〇
戻る・フォームを削除　〇

＜サイドメニュー＞
選択済みはわかるように色付け　〇
檀家一覧の下に檀家登録を追加　〇

src/app/pages/danka-detail/danka-detail.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  ホーム &gt; 檀家（世帯） &gt; {{ danka?.householdName }}
-</div>
 
 <div class="danka-detail-page">
   <app-side-menu></app-side-menu>
                     <div>ふりがな</div>
                     <div>生年月日</div>
                     <div>年齢</div>
-                    <div>関係</div>
+                    <div>続柄</div>
                     <div>備考</div>
                     <div>操作</div>
                   </div>
                     <div>戒名</div>
                     <div>俗名</div>
                     <div>没年月日</div>
-                    <div>関係</div>
+                    <div>続柄</div>
                     <div>回忌</div>
                     <div>備考</div>
                   </div>
                       </div>
 
                       <div>
-                        {{ kakocho.deathDate }}
+                        {{ formatDeathDateWithYear(kakocho.deathDate) }}
                       </div>
 
                       <div>
                             {{ selectedFamily.name }}
                           </span>
                           <span class="tree-card-relationship">
-                            {{ selectedFamily.relationship || '関係未登録' }}
+                            {{ selectedFamily.relationship || '続柄未登録' }}
                           </span>
                           <span class="tree-card-birth">
                             {{ selectedFamily.birthDate || '生年月日未登録' }}
 
                     <div class="selected-info-list">
                       <div class="selected-info-row">
-                        <span>関係</span>
+                        <span>続柄</span>
                         <strong>{{ selectedFamily.relationship || '未登録' }}</strong>
                       </div>
 

src/app/pages/danka-detail/danka-detail.scss

   color: #2f2720;
 }
 
-.breadcrumb {
-  position: absolute;
-  top: 28px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #7b6b5c;
-  font-size: 14px;
-  z-index: 2;
-}
-
 .danka-detail-page {
   display: flex;
   align-items: flex-start;

src/app/pages/danka-detail/danka-detail.ts

     return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
   }
 
+  formatDeathDateWithYear(deathDate: string): string {
+    const date = this.parseDate(deathDate);
+    if (!date) {
+      return '未登録';
+    }
+
+    return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
+  }
+
   getMemorialType(deathDate: string): string {
     const deathYear = Number(deathDate.slice(0, 4));
     const yearDiff = this.currentYear - deathYear;

src/app/pages/danka-edit/danka-edit.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  ホーム &gt; 檀家（世帯） &gt; 編集
-</div>
 
 <div class="danka-edit-page">
   <app-side-menu></app-side-menu>

src/app/pages/danka-edit/danka-edit.scss

   color: #2f2720;
 }
 
-.breadcrumb {
-  position: absolute;
-  top: 28px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #7b6b5c;
-  font-size: 14px;
-  z-index: 2;
-}
-
 .danka-edit-page {
   display: flex;
   align-items: flex-start;

src/app/pages/family-edit/family-edit.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  ホーム &gt; 檀家（世帯） &gt; 家族 &gt; 編集
-</div>
 
 <div class="danka-edit-page">
   <app-side-menu></app-side-menu>
               </div>
 
               <div class="form-row">
-                <label for="relationship">世帯主との関係</label>
+                <label for="relationship">続柄</label>
                 <div class="form-field">
                   <select id="relationship"
                           formControlName="relationship">
                     <option value="その他">その他</option>
                   </select>
                   @if (familyForm.get('relationship')?.invalid && familyForm.get('relationship')?.touched) {
-                    <p class="error-message">世帯主との関係を選択してください。</p>
+                    <p class="error-message">続柄を選択してください。</p>
                   }
                 </div>
               </div>

src/app/pages/family-edit/family-edit.scss

   color: #2f2720;
 }
 
-.breadcrumb {
-  position: absolute;
-  top: 28px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #7b6b5c;
-  font-size: 14px;
-  z-index: 2;
-}
-
 .danka-edit-page {
   display: flex;
   align-items: flex-start;
 }
 
 @media (max-width: 800px) {
-  .breadcrumb {
-    position: static;
-    transform: none;
-    padding: 16px 20px 0;
-  }
-
   .danka-edit-page {
     flex-direction: column;
   }

src/app/pages/family-tree/family-tree.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  ホーム &gt;　家系図
-</div>
 
 <div class="search-page">
   <app-side-menu></app-side-menu>

src/app/pages/kakocho-edit/kakocho-edit.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  @if (kakocho) {
-    ホーム &gt; 檀家（世帯） &gt; 過去帳 &gt; 故人を編集
-  } @else {
-    ホーム &gt; 檀家（世帯） &gt; 過去帳 &gt; 故人を追加
-  }
-</div>
 
 <div class="danka-edit-page">
   <app-side-menu></app-side-menu>

src/app/pages/kakocho-edit/kakocho-edit.scss

   color: #2f2720;
 }
 
-.breadcrumb {
-  position: absolute;
-  top: 28px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #7b6b5c;
-  font-size: 14px;
-  z-index: 2;
-}
-
 .danka-edit-page {
   display: flex;
   align-items: flex-start;

src/app/pages/memorial-list/memorial-list.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  ホーム &gt; 年次法要
-</div>
 
 <div class="memorial-list-page">
   <app-side-menu></app-side-menu>
       <section class="memorial-table-section">
         <div class="memorial-table">
           <div class="memorial-table-header">
-            <div>俗名</div>
             <div>戒名</div>
+            <div>俗名</div>
+            <div>没年月日</div>
             <div>関係</div>
             <div>檀家（世帯）</div>
-            <div>没年月日</div>
             <div>回忌</div>
             <div>詳細</div>
           </div>
             @for (memorial of memorialList; track memorial.id) {
               <div class="memorial-table-row">
                 <div class="person-name">
+                  {{ memorial.kaimyo }}
+                </div>
+                <div>
                   {{ memorial.name }}
                 </div>
                 <div>
-                  {{ memorial.kaimyo }}
+                  {{ formatDeathDate(memorial.deathDate) }}
                 </div>
                 <div>
                   {{ memorial.relationship }}
                 <div>
                   {{ memorial.householdName }}
                 </div>
-                <div>
-                  {{ memorial.deathDate }}
-                </div>
                 <div class="memorial-type">
                   {{ memorial.memorialType }}
                 </div>

src/app/pages/memorial-list/memorial-list.scss

   color: #2f2720;
 }
 
-.breadcrumb {
-  position: absolute;
-  top: 28px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #7b6b5c;
-  font-size: 14px;
-  z-index: 2;
-}
-
 .memorial-list-page {
   display: flex;
   align-items: flex-start;
 .memorial-table-header,
 .memorial-table-row {
   display: grid;
-  grid-template-columns: 1.2fr 1.4fr 0.8fr 1.2fr 1.1fr 0.8fr 0.7fr;
+  grid-template-columns: 1.4fr 1.2fr 0.9fr 0.8fr 1.2fr 0.8fr 0.7fr;
   align-items: center;
   column-gap: 12px;
 }
 }
 
 @media (max-width: 800px) {
-  .breadcrumb {
-    position: static;
-    transform: none;
-    padding: 16px 20px 0;
-  }
-
   .memorial-list-page {
     flex-direction: column;
   }

src/app/pages/memorial-list/memorial-list.ts

     this.createMemorialList();
   }
 
+  formatDeathDate(deathDate: string): string {
+    const [, month, day] = deathDate.split('-').map(Number);
+    if (!month || !day) {
+      return '未登録';
+    }
+
+    return `${month}月${day}日`;
+  }
+
   getMemorialType(yearDiff: number) {
     switch (yearDiff) {
       case 1:

src/app/pages/search/search.html

 <app-header></app-header>
 
-<div class="breadcrumb">
-  ホーム &gt; まとめて検索
-</div>
-
 <div class="search-page">
   <app-side-menu></app-side-menu>
 
           <div class="search-input-box">
             <span class="search-icon">⌕</span>
             <input type="text" [(ngModel)]="searchKeyword"
-                   placeholder="さとう / 佐藤 / 釈 / 2024 / 母 / 三回忌"
+                   placeholder="三回忌 / 〇〇歳 / 2024 /"
                    (keydown.enter)="searchAll()"/>
           </div>
           <button type="button" class="search-button" (click)="searchAll()">

src/app/pages/search/search.scss

   color: #2f2720;
 }
 
-.breadcrumb {
-  position: absolute;
-  top: 28px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #7b6b5c;
-  font-size: 14px;
-  z-index: 2;
-}
-
 .search-page {
   display: flex;
   align-items: flex-start;
 }
 
 @media (max-width: 800px) {
-  .breadcrumb {
-    position: static;
-    transform: none;
-    padding: 16px 20px 0;
-  }
-
   .search-page {
     flex-direction: column;
   }

src/app/services/kakocho-service.ts

       name: '鈴木 一郎',
       furigana: 'すずき いちろう',
       relationship: '父',
-      kaimyo: '〇〇院〇〇居士',
+      kaimyo: '光譽明照信士',
       deathDate: '2024-01-08',
       ageAtDeath: '88',
       note: '三回忌対象',
       name: '鈴木 ハナ',
       furigana: 'すずき はな',
       relationship: '母',
-      kaimyo: '〇〇院〇〇大姉',
+      kaimyo: '清譽妙蓮大姉',
       deathDate: '2020-05-12',
       ageAtDeath: '82',
       note: '',
     },
     {
-      id: '2',
+      id: '3',
       dankaId: '2',
       familyId: '',
       name: '鈴木 太郎',
       furigana: 'すずき たろう',
       relationship: '息子',
-      kaimyo: '〇〇院〇〇大姉',
+      kaimyo: '慈譽善道信士',
       deathDate: '2025-01-08',
       ageAtDeath: '50',
       note: '',

src/index.html

 <!doctype html>
-<html lang="en">
+<html lang="ja">
 <head>
   <meta charset="utf-8">
   <title>戒名管理</title>