.cp_menu2 {
max-width: 360px;
margin: 0 auto;
padding: 0;
}
.cp_menu2 a {
display: block;
padding: 10px;
text-decoration: none;
color: #000000;
line-height: 1;
}

.cp_menu2 label1{
display: block;
position: relative;
margin: 0 0 2px 0;
padding: 12px;
line-height: 1;
color: #ffffff;
background: #1f8dd6;
cursor: pointer;
}






.cp_menu2 label {
display: block;
position: relative;
margin: 0 0 2px 0;
padding: 12px;
line-height: 1;
color: #ffffff;
background: #1b2538;
cursor: pointer;
}
.cp_menu2 label::before {
position: absolute;
content: '▼';
color: #ffffff;
right: 0.5em;
top: 25%;
}
.cp_menu2 input {
display: none;
}
.cp_menu2 ul {
margin: 0;
padding: 0;
background: #f4f4f4;
list-style: none;
}
.cp_menu2 li {
max-height: 0;
overflow-y: hidden;
transition: all 0.5s;
}
#cp_menu2_bar1:checked ~ #link1 li, 
#cp_menu2_bar2:checked ~ #link2 li,
#cp_menu2_bar3:checked ~ #link3 li,
#cp_menu2_bar4:checked ~ #link4 li,
#cp_menu2_bar5:checked ~ #link5 li 
 {
max-height: 46px;
opacity: 1;
}
.cp_menu2 li::before {content: '';padding-right: 0;}