.cp_menu2 {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}
.cp_menu2 a {
	display: block;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
    justify-content: space-between; 
}
.cp_menu2 label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #000;
	background: #C7d8c8; 
	cursor: pointer;
    justify-content: space-between; 
}
.cp_menu2 label::before {
	position: absolute;
    justify-content: space-between; 
}
.cp_menu2 input {
	display: none;
}
.cp_menu2 ul {
	margin: 0;
	padding: 0;
	color: #000;
/*	background: #0A243A; */
background: #84A0B8;
	list-style: none;
  z-index: 1;
}
.cp_menu2 li {
  z-index: 1;
	background: #ccc;
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
}
/*リストが増えたらULごとに追加してください*/
#cp_menu2_bar1:checked ~ #link1 li,
#cp_menu2_bar2:checked ~ #link2 li {
	max-height: 46px;
	opacity: 1;
}

#cp_menu2_bar3:checked ~ #link3 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu2_bar4:checked ~ #link4 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu2_bar5:checked ~ #link5 li {
	max-height: 46px;
	opacity: 1;
}

#cp_menu2_bar6:checked ~ #link6 li {
	max-height: 46px;
	opacity: 1;
}

#cp_menu2_bar7:checked ~ #link7 li {
	max-height: 46px;
	opacity: 1;
}


/*CP_MENU3            */
.cp_menu3 {
	max-width: 80%;
	margin: 0 auto;
	padding: 0;
}
.cp_menu3 a {
	display: block;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 1;
}
.cp_menu3 label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #fff;
background: #0A243A; /*背景色*/
	cursor: pointer;
}
.cp_menu3 label::before {
	position: absolute;
	content: '▼';
	color: #fff;
	right: 0.5em;
	top: 25%;
}
.cp_menu3 input {
	display: none;
}
.cp_menu3 ul {
	margin: 0;
	padding: 0;
	background: #E9E4EB;
	list-style: none;
}
.cp_menu3 li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
}
/*リストが増えたらULごとに追加してください*/
#cp_menu3_bar1:checked ~ #link1 li,
#cp_menu3_bar2:checked ~ #link2 li {
	max-height: 46px;
	opacity: 1;
}


.cp_menu4 a {
	display: block;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	line-height: 1;
}

.cp_menu4 label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
background:#086A87; /*背景色*/
	color: #fff;
	cursor: pointer;
}
.cp_menu4 label::before {
	position: absolute;
}
.cp_menu4 input {
	display: none;
}
.cp_menu4 ul {
	color: #000;
	margin: 0;
	padding: 0;
	background: #000; /*背景色*/
	list-style: none;
}
.cp_menu4 li {
	color: #000;
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
	background: #000; /*背景色*/
}
/*リストが増えたらULごとに追加してください*/
#cp_menu4_bar1:checked ~ #link1 li,
#cp_menu4_bar2:checked ~ #link2 li {
	max-height: 46px;
	opacity: 1;
}

#cp_menu4_bar3:checked ~ #link3 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu4_bar4:checked ~ #link4 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu4_bar5:checked ~ #link5 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu4_bar6:checked ~ #link6 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu4_bar7:checked ~ #link7 li {
	max-height: 46px;
	opacity: 1;
}



/*CP_MENU20            */
.cp_menu20 {
	max-width: 95%;
	margin: 0 auto;
	padding: 0;
}

.cp_menu20 a {
	display: block;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	line-height: 1;
}

.cp_menu20 label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	background: #6291A5;
	color: #000fff;
	cursor: pointer;
}
.cp_menu20 label::before {
	position: absolute;
}
.cp_menu20 input {
	display: none;
}
.cp_menu20 ul {
	margin: 0;
	padding: 0;
	background: #557B8C;
	color: #000fff;
	list-style: none;
}
.cp_menu20 li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
	background: #557B8C;
}
/*リストが増えたらULごとに追加してください*/
#cp_menu20_bar1:checked ~ #link1 li,
#cp_menu20_bar2:checked ~ #link2 li {
	max-height: 46px;
	opacity: 1;
}

#cp_menu20_bar3:checked ~ #link3 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu20_bar4:checked ~ #link4 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu20_bar5:checked ~ #link5 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu20_bar6:checked ~ #link6 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu20_bar7:checked ~ #link7 li {
	max-height: 46px;
	opacity: 1;
}

.cp_menu40 a {
	display: block;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	line-height: 1;
}

.cp_menu40 label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
background:#086A87; /*背景色*/
	color: #fff;
	cursor: pointer;
}
.cp_menu40 label::before {
	position: absolute;
}
.cp_menu40 input {
	display: none;
}
.cp_menu40 ul {
	margin: 0;
	padding: 0;
	background: #C7d8c8; /*背景色*/
	list-style: none;
}
.cp_menu40 li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
	background: #C7d8c8; /*背景色*/
}
/*リストが増えたらULごとに追加してください*/
#cp_menu40_bar1:checked ~ #link1 li,
#cp_menu40_bar2:checked ~ #link2 li {
	max-height: 46px;
	opacity: 1;
}

#cp_menu40_bar3:checked ~ #link3 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu40_bar4:checked ~ #link4 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu40_bar5:checked ~ #link5 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu40_bar6:checked ~ #link6 li {
	max-height: 46px;
	opacity: 1;
}
#cp_menu40_bar7:checked ~ #link7 li {
	max-height: 46px;
	opacity: 1;
}