ul, li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#category {
    width: 85%;
    margin-top: 25%;
    margin-left: 7.5%;
	font-size: 1.2vw;
	font-weight: bold;
	color: #000000;
	/*box-shadow: 0px 0px 10px #ca2a2a;*/
}
#category a {
	text-decoration: none;
	color: #000000;
}
#category a:hover {
	color: #ffffff;
}
.main_menu{
	background-color: #FFF4D4;
	font-weight: bold;
	padding-top: 4%;
	padding-bottom: 4%;
	padding-left: 10%;
	display: block;
	position: relative;
	border-width: 0.3vw;
	border-style: solid;
	border-color: #000000;
    border-radius: 1vw;
	z-index: 21;
}
/* main_menuの矢印 */
.main_menu::before {
    content: '';
	width: 0;
	height: 0;
	border: solid 0.6vw transparent;
	border-left: solid 0.8vw #000000;
    transform: rotate(180deg);
	position: absolute;
	top: 50%;
	right: 8%;
	margin-top: -3.5%;
	margin-right: 0%;
}
/* main_menuクリック後の矢印 */
#menu .open::before {
    transform: rotate(90deg);
    right: 5%;
    margin-top: -2%;
}
/* main_menuホバー時とクリック後 */
#menu .main_menu:hover ,#menu .open {
	background-color: #ccc2a6;
}
/* main_menuホバー時とクリック後の矢印 */
#menu .main_menu:hover::before ,#menu .open::before{
	border-left: solid 0.8vw #ffffff;
}
/* main_menuの矢印 */
.sub_menu li a{
    padding-top: 4%;
	padding-bottom: 4%;
	padding-left: 20%;
	background-color: #FFF4D4;
	display: block;
	position: relative;
	border-width: 0.1vw;
	border-style: solid;
	border-color: #000000;
    border-radius: 1vw;
}
/* sub_menuの矢印 */
.sub_menu li a::before{
	content: '';
	width: 0;
	height: 0;
	border: solid 0.5vw transparent;
	border-left: solid 0.7vw #000000;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2%;
	margin-left: 10%;
}
.sub_menu li a:hover{
	background-color: #ccc2a6;
}
.sub_menu li a:hover::before {
	border-left: solid 0.7vw #ffffff;
}