/* トグル見出し共通スタイル */
.toggle_title {
	margin: 0;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
	padding: 15px 40px 15px 35px;
	border-top: 1px solid #B3B3B3;
	text-align: left;
	color: #FFFFFF;
	background-color: rgba(29,29,29,0.87);
	font-size: 140%;
}

/* ホバー時の背景変化 */
.toggle_title:hover {
  background-color: rgba(64,179,67,0.65);
}

/* サブメニューアイコン（＋／−） */
.toggle_title .submenu-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 130%;
  font-weight: bold;
  color: #FFFFFF;
  pointer-events: none; /* クリックを親に渡す */
}

/* サブメニューの内容（デフォルト非表示） */
.toggle_txt {
  display: none;
}
.toggle_contents.open .toggle_txt {
  display: block;
}


/* 各項目リンク */
.toggle_txt p {
  margin: 0;
  line-height: 2.5;
  text-align: left;
  border-top: 0.5px solid #fff;
  font-weight: normal !important;
}

.toggle_txt p a {
  display: block;
  padding: 10px 0 10px 35px;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 0.5px solid #fff;
}

.toggle_txt p a:hover {
  background-color: rgba(162, 50, 52, 0.62);
}
.toggle_title.selected {
  background-color: rgba(29,29,29,0.87); /* 通常時と同じに固定する */
}
.toggle_title.selected,
.toggle_title.selected.fw500 {
  background-color: rgba(29, 29, 29, 0.87) !important;
}


.drawer-nav {
  background-color: rgba(30, 30, 30, 0.50) !important;
}

.toggle_contents,
.toggle_txt {
  background-color: transparent !important;
}