#menu_main
	{
	position:absolute;
	padding:0;
	width: 720px;
	margin:0;
	color:#fff;
	text-align:justify;
	text-justify:inter-ideograph;
}

#menu_main dl
	{
	float:left;
	padding:0;
	margin:0 auto;
	width: calc((720px - (5px * 3)) / 4);
	display: block;
}


#menu_main dt
	{
		text-align:center;
		padding:0;
		margin:0 0 5px 0;
	}

#menu_main dt img	{
}

#menu_main dd	{
	display:none;
	padding:3px 5px 3px 5px;
	margin:0;
	width: calc(()720px - (5px * 3)) / 4) - (5px * 2));
	background:#a8afd4;
}

#menu_main dl:hover dd
	{
		display:block;
		background:#a8afd4;
	}

#menu_main a	{
	display:block;
	color:#fff;
}

#menu_main a:hover	{
	color:#cc0066;
}



.f_sp	{float:left;width:4px;}

.cp_menu {
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
}
.cp_menu a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #000000;
	line-height: 1;
}
.cp_menu label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 10px;
	line-height: 1;
	color: #000000;
	background: #a8afd4;
	cursor: pointer;
}
.cp_menu label::before {
	position: absolute;
	right: 0.5em;
	top: 25%;
}
.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;
}
.cp_menu a
	{
		display:block;
		color:#0028ff;
	}

.cp_menu a:hover
	{
		color:#cc0066;
	}



/*リストが増えたらULごとに追加してください*/
#cp_menu_bar2020:checked ~ #link2020 li,
#cp_menu_bar2021:checked ~ #link2021 li,
#cp_menu_bar2022:checked ~ #link2022 li,
#cp_menu_bar2023:checked ~ #link2023 li,
#cp_menu_bar2024:checked ~ #link2024 li,
#cp_menu_bar2025:checked ~ #link2025 li,
#cp_menu_bar2026:checked ~ #link2026 li,
#cp_menu_bar2027:checked ~ #link2027 li,
#cp_menu_bar2028:checked ~ #link2028 li,
#cp_menu_bar2029:checked ~ #link2029 li,
#cp_menu_bar2030:checked ~ #link2030 li,
#cp_menu_bar2031:checked ~ #link2031 li,
#cp_menu_bar2032:checked ~ #link2032 li,
#cp_menu_bar2033:checked ~ #link2033 li,
#cp_menu_bar2034:checked ~ #link2034 li,
#cp_menu_bar2035:checked ~ #link2035 li,
#cp_menu_bar2036:checked ~ #link2036 li,
#cp_menu_bar2037:checked ~ #link2037 li,
#cp_menu_bar2038:checked ~ #link2038 li,
#cp_menu_bar2039:checked ~ #link2039 li,
#cp_menu_bar2040:checked ~ #link2040 li,
#cp_menu_bar2041:checked ~ #link2041 li,
#cp_menu_bar2042:checked ~ #link2042 li,
#cp_menu_bar2043:checked ~ #link2043 li,
#cp_menu_bar2044:checked ~ #link2044 li,
#cp_menu_bar2045:checked ~ #link2045 li,
#cp_menu_bar2046:checked ~ #link2046 li,
#cp_menu_bar2047:checked ~ #link2047 li,
#cp_menu_bar2048:checked ~ #link2048 li,
#cp_menu_bar2049:checked ~ #link2049 li,
#cp_menu_bar2050:checked ~ #link2050 li,
#cp_menu_bar1:checked ~ #link1 li,
#cp_menu_bar2:checked ~ #link2 li,
#cp_menu_bar3:checked ~ #link3 li,
#cp_menu_bar4:checked ~ #link4 li,
#cp_menu_bar5:checked ~ #link5 li,
#cp_menu_bar6:checked ~ #link6 li,
#cp_menu_bar7:checked ~ #link7 li,
#cp_menu_bar8:checked ~ #link8 li,
#cp_menu_bar9:checked ~ #link9 li,
#cp_menu_bar10:checked ~ #link10 li,
#cp_menu_bar11:checked ~ #link11 li {
	max-height: 48px;
	opacity: 1;
}