@charset "utf-8";
/* CSS Document */
#mobileMenu{
	position:absolute;
	top:70px;
	width:100%;
	height:100%;
	background-color:grey;
	z-index:999;
	display:none;
	overflow: hidden;
}
#mobileMenu ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	padding:20px;
}
#mobileMenu li{
	display:flex;
	justify-content: center;
	align-items:center;
	width:100%;
	height:50px;
	border:1px solid black;
	margin-bottom:20px;
	background-color:white;
}

#CompanyLogo_and_Menu{
	position:relative;
	width:100%;
	height:70px;
	margin:0 0 10px 0;
	display:flex;
	flex-direction:row;
	align-items:center;
}
#CompanyLogo img{
	position:absolute;
	top:10px;
	left:50px;
	width:200px;
	cursor: pointer;
}
#menu ul{
	position:relative;
	left:40px;
	top:10px;
	display:flex;
	flex-direction:row;
	list-style:none;
	height:30px;
	visibility:hidden;
}
#menu a{
	text-decoration: none;
	color:black;
}
#menu li{
	margin-right:30px;
	display:flex;
	align-items: center;
	cursor: pointer;
	border:2px solid white;
	transition:all 0.5s 0s ease;
}
#menu li:hover{
	border-bottom-color:black;
}
#Hum{
	position:absolute;
	left:10px;
	width:40px;
	height:40px;
	background-color:black;
	border-radius:10%;
	z-index:1;
	visibility: visible;
	cursor: pointer;
}
#Hum div{
	position:absolute;
	height:2px;
	background-color:white;
	z-index:2;
}
#Hum #upper{
	position:absolute;
	top:10px;
}
#Hum #middle{
	position:absolute;
	width:26px;
	left:7px;
	top:20px;
}
#Hum #lower{
	position:absolute;
	top:30px;
}
#Hum .altstick_N{
	width:30px;
	left:5px;
	transition: all 0.6s 0s ease;
}
#Hum .altstick_H{
	width:16px;
	left:12px;
	transition: all 0.6s 0s ease;
}
/*カート*/
#cart_button{
	position:absolute;
	top:10px;
	right:0px;
	width:60px;
	height:50px;
	border:1px black solid;
	z-index:1;
}
#cart_button img{
	position:absolute;
	height:40px;
	width:50px;
	top:5px;
	right:8px;
}
#cart_name{
	position:absolute;
	width:50px;
	right:0px;
	font-size:10px;
}
#cart_num{
	position:absolute;
	right:30px;
	top:10px;
	font-size:20px;
	color:red;
}
#cart_button_cover{
	position:absolute;
	top:10px;
	right:0px;
	width:60px;
	height:50px;
	border:1px black solid;
	z-index:10;
}
#cart_button_cover:hover{
	cursor:pointer;
}
#cart_field{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-color:white;
	z-index:999;
	display:none;
}
#del_cart_field_button{
	position:absolute;
	width:50px;
	height:50px;
	top:10px;
	right:10px;
	background-color: black;
	color:white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:50px;
}
#cart_field li{
	display: flex;
	flex-direction: row;
	height:60px;
	background-color:grey;
	margin-bottom:10px;
}
.product_name{
	width:200px;
}
.product_num{
	width:50px;
}
.button_del{
	width:150px;
}
@media only screen and (min-width:850px){
	#CompanyLogo img{
		left:30%;
	}
	#cart_button{
		top:10px;
		height:60px;
		right:10px;
		width:100px;
	}
	#cart_name{
		width:5em;
		right:5px;
	}
	#cart_num{
		top:5px;
		right:40px;
		font-size:1.8em;
	}
	#cart_button img{
		height:50px;
		width:100px;
		right:0px;
	}
	#cart_button_cover{
		top:10px;
		right:10px;
		height:60px;
		width:100px;
	}
	#menu ul{
		visibility:visible;
	}
	#Hum{
		visibility: hidden;
	}
	#CompanyLogo img{
		position:relative;
		left:0px;
	}
}