/* うちの子の写真の欄（assets/dog-photos.js。マイページの「わんちゃんの情報」と、わんこ着せ替えの「うちの子を登録する」で使う） */
.dp{margin:0 0 1.3em;}
.dp-h{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0 0 .6em;font-size:.8125rem;letter-spacing:.06em;}
.dp-req{font-weight:400;font-size:.6875rem;color:#fff;background:var(--accent);padding:1px 6px;letter-spacing:.06em;}
.dp-h-n{font-size:.75rem;color:var(--ink-soft);}
.dp-list{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;}
.dp-list[hidden]{display:none;}
.dp-item{position:relative;margin:0;}
.dp-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--paper-2,#efe9dd);border:1px solid var(--line,#d9cfc2);border-radius:2px;}
.dp-x{display:block;width:100%;margin:4px 0 0;padding:6px 0;min-height:32px;font:inherit;font-size:.75rem;letter-spacing:.08em;color:var(--ink-mid);
  background:none;border:1px solid var(--line,#d9cfc2);border-radius:2px;cursor:pointer;}
.dp-add{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;font-size:.875rem;letter-spacing:.1em;
  color:var(--accent);border:1px dashed var(--accent);border-radius:2px;background:#fff;cursor:pointer;}
.dp-add[hidden]{display:none;}
.dp-add[aria-disabled=true]{opacity:.5;cursor:progress;}
.dp-add input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.dp-add:focus-within{outline:2px solid var(--accent);outline-offset:2px;}
.dp-note{margin:8px 0 0;font-size:.75rem;line-height:1.8;color:var(--ink-mid);}
.dp-msg{margin:6px 0 0;font-size:.8125rem;line-height:1.8;color:var(--accent);}
.dp-msg:empty{display:none;}
@media (hover:hover){
  .dp-x:hover{color:var(--accent);border-color:var(--accent);}
  .dp-add:hover{background:var(--paper,#f7f3ea);}
}
/* わんこ着せ替え（kisekae.html）の中での置き方 */
.kz-dog-photos.dp{margin:0;}
.lab-dog-photos{margin:6px 0 0;font-size:.75rem;line-height:1.8;color:var(--ink-mid);}
.lab-dog-photos[hidden]{display:none;}
.lab-dog-photos a{color:var(--accent);}