.cp_menu {
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
}
.cp_menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000000;
	line-height: 1.5;
}
.cp_menu label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #000000;
	background: #efede7;
	cursor: pointer;
}
.cp_menu label::before {
	position: absolute;
	content: '＋';
	color: #111bed;
	right: 0.5em;
	top: 25%;
	font-weight:bold;
}
.cp_menu input {
	display: none;
}
.cp_menu ul {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	list-style: none;
	}
.cp_menu li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
	}
/*リストが増えたらULごとに追加してください*/
#cp_menu_bar1:checked ~ #link1 li,
#cp_menu_bar2:checked ~ #link2 li {
	max-height: 500px;
	opacity: 1;
	font-size:18px;
	line-height:50px;
		
}
#cp_menu_bar3:checked ~ #link3 li,
#cp_menu_bar4:checked ~ #link4 li {
	max-height: 500px;
	opacity: 1;
	font-size:18px;
	line-height:50px;
		
}
#cp_menu_bar5:checked ~ #link5 li,
#cp_menu_bar6:checked ~ #link6 li {
	max-height: 500px;
	opacity: 1;
	font-size:18px;
	line-height:50px;
		
}
#cp_menu_bar7:checked ~ #link7 li,
#cp_menu_bar8:checked ~ #link8 li {
	max-height: 500px;
	opacity: 1;
	font-size:18px;
	line-height:50px;
		
}
#cp_menu_bar9:checked ~ #link9 li,
#cp_menu_bar10:checked ~ #link10 li {
	max-height: 500px;
	opacity: 1;
	font-size:18px;
	line-height:50px;
		
}
#cp_menu_bar11:checked ~ #link11 li,
#cp_menu_bar12:checked ~ #link12 li {
	max-height: 500px;
	opacity: 1;
	font-size:18px;
	line-height:50px;
		
}
/*画像を回り込ませる*/

figure {float: right;}
figure img {max-width: 100%;}