.header-bar h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content h1 {
   font-size: 20px;
   margin-bottom: 0;
   text-align: center;
   color: #ed7393;
}

.content h2 {
	padding-left: 15px;
	margin: 20px 0 5px 0;
	font-size: 20px;
	color: #404855;
	position: relative;
	padding: 0 0 2px 30px;
	border-bottom: 1px solid #ccc;
}

h2::before,
h2::after {
	position: absolute;
	content: '';
	border-radius: 100%;
}

h2::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(239, 150, 122, .5);
}

h2::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(251, 216, 181, .5);
}

.anniversary-message {
  background-color: #f0f9f4; /* やわらかい緑系の背景 */
  border-left: 6px solid #339966; /* 落ち着いたグリーンのライン */
  padding: 1.5em;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 1.5rem;
  line-height: 1.8;
  border-radius: 8px;
  color: #333;
}

.anniversary-message a {
  color: #2a7f5e; /* リンクもグリーン系で統一 */
  text-decoration: underline;
  font-weight: bold;
}

.anniversary-message b {
  color: #2a5d3f;
  font-weight: bold;
}

.celebration-link-box {
  background-color: #eaf7f0; /* やや明るめの緑背景で区切り感 */
  border-left: 5px solid #339966; /* 濃いグリーンでアクセント */
  padding: 1.2em;
  margin-top: 1.5em;
  margin-bottom: 2em;
  font-size: 1.5rem;
  line-height: 1.7;
  border-radius: 6px;
  color: #333;
}

.celebration-link-box a {
  color: #2a7f5e;
  font-weight: bold;
  text-decoration: underline;
}

.link-list-box {
  background-color: #f0f9f4; /* 緑系の淡い背景でやさしい印象 */
  border: 1px solid #d0eade; /* 緑のニュアンスを感じる控えめな枠線 */
  padding: 1.2em 1.5em;
  margin: 2em 0;
  border-radius: 8px;
  font-size: 1.5rem;
  line-height: 1.7;
}

.link-list-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.link-list-box li {
  margin-bottom: 0.8em;
}

.link-list-box a {
  color: #2a7f5e;
  text-decoration: underline;
  font-weight: bold;
}

.recommend-list-box {
  background-color: #f0f9f4;
  border: 1px solid #d0eade;
  padding: 1.5em;
  margin: 2em 0;
  border-radius: 8px;
  font-size: 1.5rem;
  line-height: 1.7;
}

.recommend-list-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.recommend-list-box li {
  margin-bottom: 1em;
  position: relative;
  padding-left: 1.5em;
}

.recommend-list-box li::before {
  position: absolute;
  left: 0;
  color: #339966;
  font-weight: bold;
}

.recommend-list-box a {
  color: #2a7f5e;
  text-decoration: underline;
  font-weight: bold;
}

.voice-list {
  background-color: #f0f9f4;
  border: 1px solid #d0eade;
  padding: 1.5em;
  border-radius: 8px;
  margin: 2em 0;
  font-size: 1.5rem;
  line-height: 1.8;
  list-style: none;
}

.voice-list li {
  margin-bottom: 1.5em;
  padding-left: 1.2em;
  position: relative;
  color: #333;
}

.voice-list li::before {
  position: absolute;
  left: 0;
  top: 0.1em;
  font-size: 1.5em;
  color: #339966;
}

.voice-list b {
  display: block;
  margin-top: 0.5em;
  color: #2a5d3f;
  font-weight: bold;
}

details {
  background-color: #f0f9f4;
  border: 1px solid #d0eade;
  border-radius: 6px;
  padding: 1em 1.2em;
  margin-bottom: 1em;
  font-size: 1.5rem;
  transition: all 0.3s ease;
}

details[open] {
  background-color: #e2f3e9;
  border-color: #339966;
}

details summary {
  font-weight: bold;
  cursor: pointer;
  color: #2a5d3f;
  margin-bottom: 0.5em;
}

details summary::marker {
  color: #339966;
}

details p {
  margin: 0.5em 0 0;
  color: #333;
}

.scene-link-box {
  background-color: #f0f9f4;
  border: 1px solid #d0eade;
  padding: 1.5em;
  border-radius: 8px;
  margin: 2em 0;
  font-size: 1.5rem;
  line-height: 1.7;
}

.scene-link-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.scene-link-box li {
  margin-bottom: 1em;
  padding-left: 1.2em;
  position: relative;
}

.scene-link-box li::before {
  position: absolute;
  left: 0;
  color: #339966;
  font-weight: bold;
}

.scene-link-box a {
  color: #2a7f5e;
  text-decoration: underline;
  font-weight: bold;
}


/*	レスポンシブ対応	*/

@media (max-width: 767px) {
	.header-bar h1 {
		font-size: 1.9rem;
	}
	h2 {
		font-size: 1.9rem;
	}
}

.sample-message-box {
  background-color: #f0f9f4;
  border-left: 5px solid #339966;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  font-size: 1.6rem;
  line-height: 1.8;
  border-radius: 8px;
  color: #333;
  font-style: italic;
}


/*# sourceMappingURL=scene_anniversary.css.map */