/*
:where(dialog) {
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  padding: unset;
  color: unset;
  background-color: unset;
  border: unset;
  overflow: unset;
}

.gallery { display: flex; gap: 10px; }
*/

.thumb { width: 150px; cursor: pointer; margin:20px 20px 0 0;}

/* モーダルのスタイル */
#modal {
	max-width: 90vw;
	max-height: 80vh;
	padding: 0;
	border: none; 
	background: transparent;
	overflow: visible;
}
#modal::backdrop { background: rgba(0, 0, 0, 0.85); }
#modal img {
	object-fit: contain;
	max-width: 90vw;
	max-height: 80vh;
	display: block;
}

.close-btn {
  position: absolute;
  top: -60px; right: 0;
  background: none; border: none; color: white;
  font-size: 2rem; cursor: pointer;
}
#prev, #next {
  position: absolute; bottom: -80px; 
  background: rgba(255,255,255,0.1); border: none; color: white; 
  padding: 20px; cursor: pointer; font-size: 1.5rem;
}
#prev { left: 40px; }
#next { right: 40px; }
/*
#prev:hover, #next:hover { background: rgba(255,255,255,0.3); }
*/