@charset "utf-8";

/*==========================================
 フッターリンク集のスタイル
===========================================*/

#site-footer-links {
	position        : relative;
	z-index         : 10;
	max-width       : 900px;
	margin          : 40px auto 40px auto;	
}

.footer-sections.fancy {
  	display         : flex;
  	justify-content : space-between;
  	flex-wrap       : wrap;
  	gap             : 20px;
  	padding         : 30px;
  	background      : #f0fff0; /* ハニーデューベース */
  	font-family     : 'Comic Sans MS', 'Arial Rounded MT Bold', sans-serif;
  	border-radius   : 20px;
  	box-shadow      : 0 5px 15px rgba(144, 238, 144, 0.3); /* ライトグリーン系シャドウ */
}

.footer-box {
  flex: 1 1 300px;
  min-width: 280px;
  background: #ffffffdd;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(120, 200, 120, 0.15);
}

.footer-box h3 {
  font-size: 1.3em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  color: #2e8b57; /* シーグリーン */
  border-bottom: 2px dashed #90ee90; /* ライトグリーン */
}

.footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-list li {
  margin-bottom: 12px;
}

.footer-list button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  background: #e0ffe0; /* グリーン系背景 */
  border: 2px solid #90ee90;
  border-radius: 10px;
  font-size: 0.95em;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #2e4e2e;
  box-shadow: 0 3px 5px rgba(0, 100, 0, 0.05);
}

.footer-list button:hover {
  background-color: #c1f0c1;
  transform: translateY(-2px);
  color: #006400; /* マウスオーバー時の文字色：濃いグリーン */  
}

.footer-list button img {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
  .footer-sections.fancy {
    flex-direction: column;
  }
}