[add]

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

＜檀家一覧（家族）＞
世帯主を一番上に　〇

＜檀家一覧（過去等）＞
年次法要を見るを削除　〇
編集ボタンを削除　〇

src/app/models/danka.ts

@@ -6,6 +6,7 @@ export interface Danka {
   postalCode: string;
   address: string;
   phones: Phone[];
+  updatedAt: string;
 }
 
 export interface Phone {

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

@@ -13,19 +13,7 @@
         <div class="page-title-row">
           <div>
             <h1>
-              檀家（世帯）詳細 -
-              @if (selectedTab === 'basic') {
-                基本情報
-              }
-              @if (selectedTab === 'family') {
-                家族
-              }
-              @if (selectedTab === 'kakocho') {
-                過去帳
-              }
-              @if (selectedTab === 'familyTree') {
-                家系図
-              }
+              檀家詳細 - {{ danka.householdName }}
             </h1>
 
             <nav class="tab-list">
@@ -84,14 +72,6 @@
             >
               故人を登録
             </button>
-
-            <button
-              type="button"
-              class="edit-button"
-              [routerLink]="['/kakocho-edit', danka.id, kakocholist[0].id]"
-            >
-              編集
-            </button>
           }
         </div>
 
@@ -100,27 +80,14 @@
             @if (selectedTab === 'basic') {
               <div class="family-name-area">
                 <p class="family-name">{{ danka.householdName }}</p>
-                <p class="family-head">世帯主: {{ danka.householder }}</p>
-              </div>
-
-              <div class="family-address">
-                <p>郵便番号 〒{{ danka.postalCode }}</p>
-                <p>住所 {{ danka.address }}</p>
+                <p class="family-head">更新日: {{ formatUpdatedAt(danka.updatedAt) }}</p>
               </div>
-
-              <button type="button" class="memo-button">
-                回忌を見る
-              </button>
             }
 
             @if (selectedTab === 'kakocho') {
               <div class="family-name-area">
                 <p class="family-name">{{ danka.householdName }}の過去帳{{ kakocholist.length }} 名</p>
               </div>
-
-              <button type="button" class="memo-button">
-                年次法要を見る
-              </button>
             }
           </section>
         }
@@ -180,8 +147,7 @@
                 <button
                   type="button"
                   class="status-card"
-                  (click)="selectedTab = 'family'"
-                >
+                  (click)="selectedTab = 'family'">
                   <p class="status-label">家族</p>
                   <p class="status-count">{{ families.length }} 名</p>
                   <p class="status-link">詳細へ</p>
@@ -190,8 +156,7 @@
                 <button
                   type="button"
                   class="status-card"
-                  (click)="selectedTab = 'kakocho'"
-                >
+                  (click)="selectedTab = 'kakocho'">
                   <p class="status-label">過去帳</p>
                   <p class="status-count">{{ kakocholist.length }}  名</p>
                   <p class="status-link">詳細へ</p>
@@ -202,30 +167,21 @@
                 <h3>次の法要</h3>
 
                 <div class="memorial-card">
-                  <p class="memorial-title">佐藤 ハナ - 三回忌</p>
-                  <p class="memorial-text">
-                    対象年 2026 / 没年月日 2024-01-08
-                  </p>
+                  @if (nextMemorial) {
+                    <p class="memorial-title">
+                      {{ nextMemorial.name }} - {{ nextMemorial.memorialType }}
+                    </p>
+                    <p class="memorial-text">
+                      対象年 {{ nextMemorial.targetYear }} / 没年月日 {{ nextMemorial.deathDate }}
+                    </p>
+                  } @else {
+                    <p class="memorial-title">対象の法要はありません</p>
+                    <p class="memorial-text">
+                      今年の年忌法要対象者がいる場合に表示されます。
+                    </p>
+                  }
                 </div>
               </section>
-
-              <div class="status-button-list">
-                <button
-                  type="button"
-                  class="status-button"
-                  (click)="selectedTab = 'family'"
-                >
-                  家族を見る
-                </button>
-
-                <button
-                  type="button"
-                  class="status-button"
-                  (click)="selectedTab = 'kakocho'"
-                >
-                  過去帳を見る
-                </button>
-              </div>
             </aside>
           </div>
         }

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

@@ -11,6 +11,13 @@ import { AppHeader } from '../../share/header/app-header';
 import { AppSideMenu } from '../../share/side-menu/app-side-menu';
 import { MarriageRelationService } from '../../services/marriage-relation-service';
 
+interface NextMemorial {
+  name: string;
+  memorialType: string;
+  targetYear: number;
+  deathDate: string;
+}
+
 @Component({
   selector: 'app-danka-detail',
   imports: [AppHeader, AppSideMenu, RouterLink],
@@ -22,6 +29,7 @@ export class DankaDetail {
   families: Family[] = [];
   kakocholist: Kakocho[] = [];
   marriageRelations: MarriageRelation[] = [];
+  nextMemorial: NextMemorial | undefined;
   currentYear = new Date().getFullYear();
 
   selectedTab: 'basic' | 'family' | 'kakocho' | 'familyTree' = 'basic';
@@ -47,9 +55,10 @@ export class DankaDetail {
     if (id) {
       this.danka = this.dankaService.getDankaById(id);
       this.marriageRelations = this.marriageRelationService.getMarriageRelationsByDankaId(id);
-      this.families = this.familyService.getFamiliesByDankaId(id);
+      this.families = this.sortFamiliesByHouseholder(this.familyService.getFamiliesByDankaId(id));
       this.selectedFamily = this.families[0];
       this.kakocholist = this.kakochoService.getKakochoByDankaId(id);
+      this.nextMemorial = this.getNextMemorial();
     }
   }
 
@@ -75,10 +84,118 @@ export class DankaDetail {
     return this.currentYear - new Date(deathDate).getFullYear() + 1;
   }
 
+  formatUpdatedAt(updatedAt: string): string {
+    const date = this.parseDate(updatedAt);
+    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;
+
+    switch (yearDiff) {
+      case 1:
+        return '一周忌';
+      case 2:
+        return '三回忌';
+      case 6:
+        return '七回忌';
+      case 12:
+        return '十三回忌';
+      case 16:
+        return '十七回忌';
+      case 22:
+        return '二十三回忌';
+      default:
+        return '';
+    }
+  }
+
+  private getNextMemorial(): NextMemorial | undefined {
+    const today = this.toDateOnly(new Date());
+
+    return this.kakocholist
+      .map((kakocho) => {
+        const memorialType = this.getMemorialType(kakocho.deathDate);
+        const deathDate = this.parseDate(kakocho.deathDate);
+
+        if (!memorialType || !deathDate) {
+          return undefined;
+        }
+
+        const memorialDate = new Date(
+          this.currentYear,
+          deathDate.getMonth(),
+          deathDate.getDate(),
+        );
+
+        if (memorialDate < today) {
+          return undefined;
+        }
+
+        return {
+          memorialDate,
+          memorial: {
+            name: kakocho.name,
+            memorialType,
+            targetYear: this.currentYear,
+            deathDate: kakocho.deathDate,
+          },
+        };
+      })
+      .filter(
+        (item): item is { memorialDate: Date; memorial: NextMemorial } => item !== undefined,
+      )
+      .sort(
+        (a, b) =>
+          a.memorialDate.getTime() - b.memorialDate.getTime() ||
+          a.memorial.name.localeCompare(b.memorial.name, 'ja'),
+      )[0]?.memorial;
+  }
+
+  private toDateOnly(date: Date): Date {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  }
+
+  private parseDate(value: string): Date | null {
+    const [year, month, day] = value.split('-').map(Number);
+    if (!year || !month || !day) {
+      return null;
+    }
+    return new Date(year, month - 1, day);
+  }
+
   selectFamily(family: Family): void {
     this.selectedFamily = family;
   }
 
+  private sortFamiliesByHouseholder(families: Family[]): Family[] {
+    if (!this.danka) {
+      return families;
+    }
+
+    const householderName = this.normalizeName(this.danka.householder);
+
+    return [...families].sort((a, b) => {
+      const aIsHouseholder = this.normalizeName(a.name) === householderName;
+      const bIsHouseholder = this.normalizeName(b.name) === householderName;
+
+      if (aIsHouseholder === bIsHouseholder) {
+        return 0;
+      }
+
+      return aIsHouseholder ? -1 : 1;
+    });
+  }
+
+  private normalizeName(name: string): string {
+    return name.replace(/\s/g, '');
+  }
+
   getFamilyById(id: string): Family | undefined {
     if (!id) {
       return undefined;

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

@@ -87,12 +87,13 @@ export class DankaEdit {
     const formValue = this.dankaForm.value;
     const isEdit = !!this.danka;
     const dankaId = isEdit ? this.danka!.id : Date.now().toString();
-    const updatedDanka = {
+    const updatedDanka: Danka = {
       id: dankaId,
       householdName: formValue.householdName?.trim() ?? '',
       householder: formValue.householder?.trim() ?? '',
       postalCode: formValue.postalCode?.trim() ?? '',
       address: formValue.address?.trim() ?? '',
+      updatedAt: this.formatDateForSave(new Date()),
       phones: (formValue.phones ?? [])
         .map((phone) => ({
           tel: phone.tel?.trim() ?? '',
@@ -110,6 +111,13 @@ export class DankaEdit {
     }
   }
 
+  private formatDateForSave(date: Date): string {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+  }
+
   //削除の処理
   deleteDanka() {
     if (!this.danka) {

src/app/services/dankaService.ts

@@ -12,6 +12,7 @@ export class DankaService {
       householder: '鈴木 太郎',
       postalCode: '123-4567',
       address: '市内 1-2-3',
+      updatedAt: '2026-05-28',
       phones: [
         {
           tel: '03-4567-8910',
@@ -29,6 +30,7 @@ export class DankaService {
       householder: '古田 太郎',
       postalCode: '234-4567',
       address: '市内 1-2-3',
+      updatedAt: '2026-05-28',
       phones: [
         {
           tel: '0-5678-9101',