@charset "utf-8";

/* 背景色 */
:root{
  --bg-milk: rgb(247, 245, 240);
  --bg-latte: rgb(238, 232, 222);

  /* 主な色 */
  --main-sage: rgb(143, 161, 140);
  --text-dark-sagea: rgba(82, 100, 80 ,0.9);
  --text-dark-sagea2: rgba(82, 100, 80 ,0.2);
  --text-dark-sage: rgb(82, 100, 80);

  /* 目立たせる色 */
  --accent-yellow: rgb(253, 241, 124);
  --accent-yellow2: rgb(253, 232, 71);
  --accent-yellow3: rgba(253, 241, 124, 0.8);

}
/*  */
header, #contents, footer, footer address {
	width: 100%;
}
header h1 img{
	max-width: 300px;
}
nav ul {
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}
/* #pickup_field {
	padding-top: 10px;
}
#pickup_field ul li img {
	width: 100%;
	height: 300px;
} */
#main, #topics ul li, h2 {
	width: auto;
	float: none;
	/* border: 3px solid red;  */
}
#pickup_field{
	/* border: 3px solid red;  */
	height: 250px;
}
nav ul li#n_home,
nav ul li#n_menu,
nav ul li#n_access,
nav ul li#n_contact {
	width: 100%;
}
nav ul li#n_home a,
nav ul li#n_menu a,
nav ul li#n_access a,
nav ul li#n_contact a {
	display: none;
}
#topics h2 {
	margin-bottom: 0;
}
#topics ul li {
	padding: 5px 0 10px 0;
	text-indent: 0;
	border-top: 1px dotted var(--main-sage);
}
#topics time {
	margin-bottom: 10px;
}

/* 2026/8/20追加 */
/* ==========================================================================
   スマホメニュー内のアクティブカラーの修正
   ========================================================================== */
@media screen and (max-width: 768px) {

  /* 通常時の文字色（ミルク色） */
  .nav-fade__link {
    color: var(--bg-milk) !important;
  }

  /* 現在地（スクロール・クリックされた場所）の文字色（鮮やかな黄色） */
  .nav-fade__link.changed-color {
    color: var(--accent-yellow) !important;
    font-weight: bold !important;
  }
  
  /* 念のため、Contactページにいる場合のContactリンクも黄色にする */
  .nav-fade__link.contact_cnt.changed-color {
    color: var(--accent-yellow) !important;
  }
}