[add]

src/app/models/danka.ts

   householderFurigana: string;
   postalCode: string;
   address: string;
+  note: string;
   phones: Phone[];
   updatedAt: string;
 }

src/app/models/event.ts

   birthDate: string;
   age: number;
   eventType: EventType;
+  note: string;
   status: EventStatus;
 }

src/app/models/memorial.ts

   householdName: string;
   deathDate: string;
   memorialType: string;
+  note: string;
 }

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

             birthDate: family.birthDate,
             age,
             eventType,
+            note: family.note,
             status:
               this.eventStatusByTargetId[id] ?? (Number(family.id) % 2 === 0 ? '案内済' : '未案内'),
           };
         target.birthDate,
         target.age.toString(),
         target.eventType,
+        target.note,
         target.status,
       ].some((value) => value.includes(keyword)),
     );

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

                   formControlName="address"
                 />
               </div>
+
+              <div class="form-row note-row">
+                <label for="note">備考</label>
+                <textarea
+                  id="note"
+                  formControlName="note"
+                  rows="4"
+                  placeholder="檀家に関する連絡事項や注意点を入力"
+                ></textarea>
+              </div>
             </div>
           </section>
 

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

 }
 
 .edit-form input,
+.edit-form textarea,
 .edit-form button {
   font-family: inherit;
 }
   font-weight: 800;
 }
 
-.form-row input {
+.form-row input,
+.form-row textarea {
   width: 100%;
-  height: 54px;
-  padding: 0 14px;
   border: 2px solid #d8caba;
   border-radius: 8px;
   background: #fffdf9;
   outline: none;
 }
 
-.form-row input:focus {
+.form-row input {
+  height: 54px;
+  padding: 0 14px;
+}
+
+.form-row textarea {
+  min-height: 112px;
+  padding: 12px 14px;
+  line-height: 1.6;
+  resize: vertical;
+}
+
+.note-row {
+  align-items: start;
+}
+
+.note-row label {
+  padding-top: 12px;
+}
+
+.form-row input:focus,
+.form-row textarea:focus {
   border-color: #8a6543;
   box-shadow: 0 0 0 3px rgba(138, 101, 67, 0.15);
 }

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

     householderFurigana: new FormControl(''),
     postalCode: new FormControl('', Validators.pattern(/^\d{3}-\d{4}$/)),
     address: new FormControl(''),
+    note: new FormControl(''),
     phones: new FormArray([this.createPhoneForm('', '')]),
   });
 
           householderFurigana: this.danka.householderFurigana,
           postalCode: this.danka.postalCode,
           address: this.danka.address,
+          note: this.danka.note,
         });
 
         this.phones.clear();
       householderFurigana: formValue.householderFurigana?.trim() ?? '',
       postalCode: formValue.postalCode?.trim() ?? '',
       address: formValue.address?.trim() ?? '',
+      note: formValue.note?.trim() ?? '',
       updatedAt: this.formatDateForSave(new Date()),
       phones: (formValue.phones ?? [])
         .map((phone) => ({

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

       <div class="list-content">
         <div class="danka-table">
           <div class="danka-table-header">
-            <div>施主名</div>
-            <div>檀家名</div>
+            <div>檀家名・ふりがな</div>
+            <div>施主名・ふりがな</div>
             <div>住所</div>
             <div>電話</div>
           </div>
 
           @for (danka of filterDankaList; track danka.id) {
             <a class="danka-table-row" [routerLink]="['/danka-detail', danka.id]">
-              <div class="strong">{{ danka.householder }}</div>
-              <div>{{ danka.householdName }}</div>
+              <div>
+                <p class="danka-name">{{ danka.householdName }}</p>
+                <p class="danka-sub">{{ danka.householdFurigana || 'ふりがな未登録' }}</p>
+              </div>
+              <div>
+                <p class="danka-name">{{ danka.householder }}</p>
+                <p class="danka-sub">{{ danka.householderFurigana || 'ふりがな未登録' }}</p>
+              </div>
               <div>{{ danka.address }}</div>
               <div>{{ danka.phones[0]?.tel }}</div>
             </a>

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

 
 .danka-table {
   width: 100%;
+  display: grid;
+  gap: 0;
+  border: 2px solid #d8c2aa;
+  border-radius: 8px;
+  overflow: hidden;
 }
 
 .danka-table-header,
 .danka-table-row {
   display: grid;
-  grid-template-columns: 1.5fr 1.1fr 2.8fr 1.25fr 0.65fr;
+  grid-template-columns: 1.2fr 1.2fr 2.2fr 1fr;
   align-items: center;
   justify-items: start;
-  column-gap: 16px;
+  gap: 12px;
   text-align: left;
 }
 
 .danka-table-header {
-  min-height: 36px;
-  padding: 0 10px;
-  background: #eadfce;
-  border: 2px solid #d8caba;
-  border-radius: 6px;
+  min-height: 46px;
+  padding: 0 14px;
+  background: #efe4d6;
   box-sizing: border-box;
-  color: #5a4a3c;
+  color: #111111;
   font-size: 14px;
-  font-weight: 700;
+  font-weight: 800;
 }
 
 .danka-table-row {
-  min-height: 54px;
-  margin-top: 4px;
-  padding: 0 10px;
-  background: #fbf7f1;
-  border: 2px solid #d8caba;
-  border-radius: 8px;
+  min-height: 78px;
+  padding: 10px 14px;
+  background: #fffdf9;
+  border-top: 1px solid #d8c2aa;
   box-sizing: border-box;
-  color: #2f2720;
+  color: #111111;
   font-size: 15px;
   text-decoration: none;
 }
 
 .danka-table-row:hover {
-  background: #f3eadc;
+  background: #fff8ee;
 }
 
-.danka-table-row .strong {
+.danka-name {
+  margin: 0;
   font-weight: 800;
 }
 
+.danka-sub {
+  margin: 4px 0 0;
+  color: #111111;
+  font-size: 13px;
+  line-height: 1.35;
+}
+
 .empty-message {
-  margin-top: 16px;
   padding: 24px;
-  border: 2px dashed #d8caba;
-  border-radius: 12px;
   background: #fffdf9;
   color: #7b6b5c;
   font-size: 16px;

src/app/pages/event/event.html

           <h1>行事対象者一覧</h1>
 
           <div class="filter-row">
-            <div class="year-filter">
-              <label for="targetYear">対象年</label>
-              <input id="targetYear" type="number" [(ngModel)]="targetYear" />
+            <div class="filter-field">
+              <label for="targetYear">年度</label>
+              <select
+                id="targetYear"
+                [(ngModel)]="targetYear"
+                (ngModelChange)="createEventTargetList()"
+              >
+                @for (year of yearOptions; track year) {
+                  <option [ngValue]="year">{{ year }}年度</option>
+                }
+              </select>
             </div>
 
-            <div class="event-filter">
-              <span>行事</span>
-              @for (filter of eventTypeFilters; track filter.value) {
-                <button
-                  type="button"
-                  class="filter-button"
-                  [class.active]="selectedEventType === filter.value"
-                  (click)="changeEventType(filter.value)"
-                >
-                  {{ filter.label }}
-                </button>
-              }
+            <div class="filter-field">
+              <label for="eventType">行事</label>
+              <select
+                id="eventType"
+                [(ngModel)]="selectedEventType"
+                (ngModelChange)="changeEventType($event)"
+              >
+                @for (filter of eventTypeFilters; track filter.value) {
+                  <option [ngValue]="filter.value">{{ filter.label }}</option>
+                }
+              </select>
+            </div>
+
+            <div class="filter-field">
+              <label for="eventStatus">状態</label>
+              <select id="eventStatus" [(ngModel)]="selectedStatus">
+                @for (filter of statusFilters; track filter.value) {
+                  <option [ngValue]="filter.value">{{ filter.label }}</option>
+                }
+              </select>
+            </div>
+
+            <div class="search-field">
+              <label for="eventSearch">検索</label>
+              <input
+                id="eventSearch"
+                type="text"
+                [(ngModel)]="searchKeyword"
+                placeholder="氏名・ふりがな・檀家名で検索"
+              />
             </div>
           </div>
         </div>
-
-        <button type="button" class="reload-button" (click)="createEventTargetList()">
-          再表示
-        </button>
       </div>
 
       <div class="list-header-row">
-        <h2>対象 {{ eventTargets.length }} 名</h2>
+        <h2>対象 {{ filteredEventTargets.length }} 名</h2>
 
         <p>並び順: 行事 / 年齢 / 氏名</p>
       </div>
             <div>続柄</div>
             <div>生年月日・年齢</div>
             <div>対象行事</div>
+            <div>備考</div>
             <div>状態</div>
           </div>
 
-          @if (eventTargets.length > 0) {
-            @for (target of eventTargets; track target.id) {
+          @if (filteredEventTargets.length > 0) {
+            @for (target of filteredEventTargets; track target.id) {
               <div class="event-table-row">
                 <div>
                   <p class="person-name">{{ target.name }}</p>
                 <div class="event-type">
                   {{ target.eventType }}
                 </div>
+                <div>
+                  {{ target.note || '' }}
+                </div>
                 <div>
                   <select
                     class="status-select"
             }
           } @else {
             <div class="empty-message">
-              対象となる行事対象者はありません。
+              @if (eventTargets.length > 0) {
+                検索条件に一致する行事対象者はありません。
+              } @else {
+                対象となる行事対象者はありません。
+              }
             </div>
           }
         </div>

src/app/pages/event/event.scss

 
 .filter-row {
   display: flex;
-  align-items: flex-start;
-  gap: 16px 28px;
+  align-items: flex-end;
+  gap: 14px 18px;
   flex-wrap: wrap;
+  width: 100%;
 }
 
-.year-filter {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+.filter-field,
+.search-field {
+  display: grid;
+  gap: 6px;
 }
 
-.year-filter label,
-.event-filter span {
+.filter-field label,
+.search-field label {
   color: #4b3c31;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 800;
 }
 
-.year-filter input {
-  width: 96px;
-  height: 48px;
+.filter-field select,
+.search-field input {
+  height: 38px;
   padding: 0 14px;
   border: 2px solid #d8caba;
   border-radius: 8px;
   background: #fffdf9;
   color: #2f2720;
-  font-size: 17px;
+  font-size: 15px;
   font-weight: 700;
   box-sizing: border-box;
+  outline: none;
 }
 
-.event-filter {
-  display: flex;
-  align-items: flex-start;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.event-filter span {
-  min-height: 36px;
-  display: flex;
-  align-items: center;
-}
-
-.filter-button {
-  min-width: 86px;
-  height: 36px;
-  padding: 0 12px;
-  border: 2px solid #8a6543;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #8a6543;
-  font-size: 14px;
-  font-weight: 800;
-  white-space: nowrap;
+.filter-field select {
+  width: 148px;
   cursor: pointer;
-  box-sizing: border-box;
 }
 
-.filter-button:hover {
-  background: #f6efe6;
+.search-field {
+  flex: 1 1 260px;
+  min-width: 260px;
 }
 
-.filter-button.active {
-  background: #f6efe6;
-  border-color: #8a6543;
-  color: #8a6543;
+.search-field input {
+  width: 100%;
 }
 
-.reload-button {
-  flex: 0 0 auto;
-  width: 140px;
-  height: 46px;
-  margin-top: 36px;
-  border: 2px solid #8a6543;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #8a6543;
-  font-size: 18px;
-  font-weight: 800;
-  cursor: pointer;
-  box-sizing: border-box;
-}
-
-.reload-button:hover {
-  background: #f6efe6;
+.filter-field select:focus,
+.search-field input:focus {
+  border-color: #8a6543;
+  box-shadow: 0 0 0 3px rgba(138, 101, 67, 0.12);
 }
 
 .list-header-row {
 .event-table-header,
 .event-table-row {
   display: grid;
-  grid-template-columns: 1.35fr 1.05fr 0.75fr 1.05fr 0.95fr 96px;
+  grid-template-columns: 1.25fr 0.95fr 0.68fr 0.95fr 0.82fr 1fr 96px;
   align-items: center;
   gap: 12px;
 }
     flex-direction: column;
   }
 
-  .reload-button {
-    margin-top: 0;
-  }
-
   .event-table {
     overflow-x: auto;
   }
     gap: 14px;
   }
 
-  .event-filter {
-    flex-wrap: wrap;
+  .filter-field,
+  .filter-field select,
+  .search-field {
+    width: 100%;
   }
 
   .list-header-row {

src/app/pages/event/event.ts

   eventTargets: EventTarget[] = [];
   targetYear: number = new Date().getFullYear();
   selectedEventType: EventType | 'all' = 'all';
+  selectedStatus: EventStatus | 'all' = 'all';
+  searchKeyword = '';
   eventStatuses: EventStatus[] = ['未案内', '案内済'];
+  yearOptions: number[] = [
+    this.targetYear - 1,
+    this.targetYear,
+    this.targetYear + 1,
+    this.targetYear + 2,
+  ];
   eventTypeFilters: { label: string; value: EventType | 'all' }[] = [
     { label: 'すべて', value: 'all' },
     { label: '稚児行列', value: '稚児行列' },
     { label: '成人式', value: '成人式' },
     { label: '米寿', value: '米寿' },
   ];
+  statusFilters: { label: string; value: EventStatus | 'all' }[] = [
+    { label: 'すべて', value: 'all' },
+    { label: '未案内', value: '未案内' },
+    { label: '案内済', value: '案内済' },
+  ];
   private statusByTargetId: Record<string, EventStatus> = {};
 
   constructor(
           birthDate: family.birthDate,
           age,
           eventType,
+          note: family.note,
           status: this.statusByTargetId[id] ?? (Number(family.id) % 2 === 0 ? '案内済' : '未案内'),
         });
       });
     this.createEventTargetList();
   }
 
+  get filteredEventTargets(): EventTarget[] {
+    const keyword = this.searchKeyword.trim();
+
+    return this.eventTargets.filter((target) => {
+      const matchesStatus = this.selectedStatus === 'all' || target.status === this.selectedStatus;
+      const matchesKeyword =
+        !keyword ||
+        [
+          target.name,
+          target.furigana,
+          target.householdName,
+          target.relationship,
+          target.birthDate,
+          target.eventType,
+          target.note,
+          target.status,
+        ].some((value) => value.includes(keyword));
+
+      return matchesStatus && matchesKeyword;
+    });
+  }
+
   changeStatus(target: EventTarget, status: EventStatus): void {
     target.status = status;
     this.statusByTargetId[target.id] = status;

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

           <h1>年次法要（回忌）一覧</h1>
 
           <div class="filter-row">
-            <div class="year-filter">
+            <div class="filter-field">
               <label for="targetYear">対象年</label>
-              <input id="targetYear" type="number" [(ngModel)]="targetYear"/>
+              <select
+                id="targetYear"
+                [(ngModel)]="targetYear"
+                (ngModelChange)="createMemorialList()"
+              >
+                @for (year of yearOptions; track year) {
+                  <option [ngValue]="year">{{ year }}年度</option>
+                }
+              </select>
             </div>
 
-            <div class="memorial-filter">
-              <span>回忌</span>
-              <div class="memorial-filter-buttons">
+            <div class="filter-field">
+              <label for="memorialType">回忌</label>
+              <select
+                id="memorialType"
+                [(ngModel)]="selectedMemorialType"
+                (ngModelChange)="changeMemorialType($event)"
+              >
                 @for (filter of memorialTypeFilters; track filter.value) {
-                  <button
-                    type="button"
-                    class="filter-button"
-                    [class.active]="selectedMemorialType === filter.value"
-                    (click)="changeMemorialType(filter.value)"
-                  >
-                    {{ filter.label }}
-                  </button>
+                  <option [ngValue]="filter.value">{{ filter.label }}</option>
                 }
-              </div>
+              </select>
+            </div>
+
+            <div class="search-field">
+              <label for="memorialSearch">検索</label>
+              <input
+                id="memorialSearch"
+                type="text"
+                [(ngModel)]="searchKeyword"
+                placeholder="戒名・俗名・檀家名で検索"
+              />
             </div>
           </div>
         </div>
-
-        <button type="button" class="reload-button" (click)="createMemorialList()">
-          再表示
-        </button>
       </div>
 
       <div class="list-header-row">
-        <h2>対象 {{ memorialList.length }} 名</h2>
+        <h2>対象 {{ filteredMemorialList.length }} 名</h2>
 
         <p>並び順: 没年月日 / 氏名</p>
       </div>
             <div>関係</div>
             <div>檀家（世帯）</div>
             <div>回忌</div>
+            <div>備考</div>
             <div>詳細</div>
           </div>
 
-          @if (memorialList.length > 0) {
-            @for (memorial of memorialList; track memorial.id) {
+          @if (filteredMemorialList.length > 0) {
+            @for (memorial of filteredMemorialList; track memorial.id) {
               <div class="memorial-table-row">
                 <div class="person-name">
                   {{ memorial.kaimyo }}
                 <div class="memorial-type">
                   {{ memorial.memorialType }}
                 </div>
+                <div>
+                  {{ memorial.note || '' }}
+                </div>
                 <div>
                   <a class="detail-link" [routerLink]="['/danka-detail', memorial.dankaId]" [queryParams]="{tab: 'kakocho'}">
                     開く
             }
           } @else {
             <div class="empty-message">
-              対象となる法要はありません。
+              @if (memorialList.length > 0) {
+                検索条件に一致する法要はありません。
+              } @else {
+                対象となる法要はありません。
+              }
             </div>
           }
         </div>

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

 
 .filter-row {
   display: flex;
-  align-items: flex-start;
-  gap: 16px 28px;
+  align-items: flex-end;
+  gap: 14px 18px;
   flex-wrap: wrap;
+  width: 100%;
 }
 
-.year-filter {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+.filter-field,
+.search-field {
+  display: grid;
+  gap: 6px;
 }
 
-.year-filter label,
-.memorial-filter span {
+.filter-field label,
+.search-field label {
   color: #4b3c31;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 800;
 }
 
-.year-filter input {
-  width: 96px;
-  height: 48px;
+.filter-field select,
+.search-field input {
+  height: 38px;
   padding: 0 14px;
   border: 2px solid #d8caba;
   border-radius: 8px;
   background: #fffdf9;
   color: #2f2720;
-  font-size: 17px;
+  font-size: 15px;
   font-weight: 700;
   box-sizing: border-box;
+  outline: none;
 }
 
-.memorial-filter {
-  display: flex;
-  align-items: flex-start;
-  flex-wrap: nowrap;
-  gap: 8px;
-  max-width: 100%;
-}
-
-.memorial-filter span {
-  min-height: 36px;
-  display: flex;
-  align-items: center;
-}
-
-.memorial-filter-buttons {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  gap: 6px;
-  max-width: 100%;
-  overflow-x: auto;
-  padding-bottom: 2px;
-}
-
-.filter-button {
-  flex: 0 0 72px;
-  min-width: 72px;
-  height: 36px;
-  padding: 0 6px;
-  border: 2px solid #8a6543;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #8a6543;
-  font-size: 12px;
-  font-weight: 800;
-  white-space: nowrap;
+.filter-field select {
+  width: 148px;
   cursor: pointer;
-  box-sizing: border-box;
 }
 
-.filter-button:hover {
-  background: #f6efe6;
+.search-field {
+  flex: 1 1 260px;
+  min-width: 260px;
 }
 
-.filter-button.active {
-  background: #f6efe6;
-  border-color: #8a6543;
-  color: #8a6543;
+.search-field input {
+  width: 100%;
 }
 
-.reload-button {
-  flex: 0 0 auto;
-  width: 140px;
-  height: 46px;
-  margin-top: 36px;
-  border: 2px solid #8a6543;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #8a6543;
-  font-size: 18px;
-  font-weight: 800;
-  cursor: pointer;
-  box-sizing: border-box;
+.filter-field select:focus {
+  border-color: #8a6543;
+  box-shadow: 0 0 0 3px rgba(138, 101, 67, 0.12);
 }
 
-.reload-button:hover {
-  background: #f6efe6;
+.search-field input:focus {
+  border-color: #8a6543;
+  box-shadow: 0 0 0 3px rgba(138, 101, 67, 0.12);
 }
 
 .list-header-row {
 .memorial-table-header,
 .memorial-table-row {
   display: grid;
-  grid-template-columns: 1.4fr 1.2fr 0.9fr 0.8fr 1.2fr 0.8fr 0.7fr;
+  grid-template-columns: 1.2fr 0.95fr 0.8fr 0.6fr 0.95fr 0.65fr 0.95fr 64px;
   align-items: center;
   gap: 12px;
 }
     flex-direction: column;
   }
 
-  .reload-button {
-    margin-top: 0;
-  }
-
   .memorial-table {
     overflow-x: auto;
   }
     gap: 14px;
   }
 
-  .memorial-filter {
-    flex-wrap: wrap;
+  .filter-field,
+  .filter-field select,
+  .search-field {
+    width: 100%;
   }
 
   .list-header-row {

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

   memorialList: Memorial[] = [];
   targetYear: number = new Date().getFullYear();
   selectedMemorialType = 'all';
+  searchKeyword = '';
+  yearOptions: number[] = [
+    this.targetYear - 1,
+    this.targetYear,
+    this.targetYear + 1,
+    this.targetYear + 2,
+  ];
   memorialTypeFilters = [
     { label: 'すべて', value: 'all' },
     { label: '一周忌', value: '一周忌' },
         householdName: danka?.householdName ?? '不明',
         deathDate: kakocho.deathDate,
         memorialType: memorialType,
+        note: kakocho.note,
       };
       this.memorialList.push(memorialTarget);
     });
     this.createMemorialList();
   }
 
+  get filteredMemorialList(): Memorial[] {
+    const keyword = this.searchKeyword.trim();
+    if (!keyword) {
+      return this.memorialList;
+    }
+
+    return this.memorialList.filter((memorial) =>
+      [
+        memorial.kaimyo,
+        memorial.name,
+        memorial.deathDate,
+        memorial.relationship,
+        memorial.householdName,
+        memorial.memorialType,
+        memorial.note,
+      ].some((value) => value.includes(keyword)),
+    );
+  }
+
   formatDeathDate(deathDate: string): string {
     const [, month, day] = deathDate.split('-').map(Number);
     if (!month || !day) {

src/app/services/dankaService.ts

       householderFurigana: 'すずき たろう',
       postalCode: '123-4567',
       address: '市内 1-2-3',
+      note: '寺報送付あり。年忌法要の案内は施主へ連絡。',
       updatedAt: '2026-05-28',
       phones: [
         {
       householderFurigana: 'ふるた たろう',
       postalCode: '234-4567',
       address: '市内 1-2-3',
+      note: '電話連絡を優先。',
       updatedAt: '2026-05-28',
       phones: [
         {