@charset "utf-8";
/* CSS Document */

.scale-img {
  cursor: pointer;
  max-width: 500px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.scale-img img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.scale-img:hover img {
  transform: scale(1.1); /* 拡大 */
}
.scale-img p {
  align-items: center; /* テキストの中央揃え */
  bottom: 0;
  color: #fff; /* テキストの色 */
  display: flex; /* テキストの中央揃え */
  justify-content: center; /* テキストの中央揃え */
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80%; /* テキストを横幅いっぱいにならないようにする */
  z-index: 2;
}

.details-summary {
	cursor: pointer;
	transition: 0.2s;
	padding: 6px;
	border-radius: 6px;
	font-size: 14px;

	/* ホバー時のスタイル */
	&:hover {
		cursor: pointer;
		background-color: #bee1de;
	}

	/* タブフォーカス時のスタイル */
	&:focus-visible {
		outline: dashed #00a5a0;
	}
}