#navToggle {
    display: none;
    position: absolute;
	top:0px;
	right:0px;
	width:70px;
	height:55px;
	background:#43330F;
	color:#fff;
}
#navToggle span{
	display:block;
	font-size:10px;
    margin-top: 1px;
    line-height: normal;
}
#navToggle img{
	display: block;
    width: 18.56px;
}
#navToggle div {
    position: relative;
}

nav.sp{display:none;}

/* Media-queries_____________________________________ */

@media screen and (max-width: 1150px) {

    #navToggle {
        display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	    cursor: pointer;
    }
	
	nav.sp{
		display:block;
	    width: 100vw;
		padding: 0 0 60px;
		position: absolute;
		right: -100vw;
		transition:.3s;
		background: #fff;
	    min-height: calc(100vh - 65px);
	}
	nav.sp h1{
		background:#E02D2D;
		color:#fff;
		font-size:20px;
		font-weight: 900;
		text-align: center;
		padding:6px 0 5px;
		margin:0 0 30px;
	}
	nav.sp > ul{
		font-size:22px;
		font-weight: 900;
	    margin: 0 30px;
	}
	nav.sp > ul > li{
		margin: 0 0 20px;
	    position: relative;
		
	}
	nav.sp > ul > li > p{
		display: flex;
		align-items: center;
		height: 56px;
		padding-bottom: 9.75px;
		border-bottom: 1px solid #E02D2D;
		cursor: pointer;
		transition:.3s;
		padding-left:120px;
		box-sizing:content-box;
	}
	/*nav.sp > ul > li > p:before{
		content:"";
		background:url(../parts/top_select_meat.jpg) no-repeat;
		background-size:contain;
		width:90px;
		height:56.25px;
		display:inline-block;
		border-radius: 5px;
		border:1px solid #E02D2D;
		margin-right:30px;
	}*/
	nav.sp .cate_menu picture{
		position:absolute;
		top:0;
	}
	nav.sp .cate_menu picture img{
		width:90px;
		height:56.25px;
		object-fit: cover;
		border:1px solid #E02D2D;
		border-radius: 4px;
	}
	nav.sp > ul > li > p:after{
		content: "";
		background: url(../parts/icon_arrow_down.svg) no-repeat;
		width: 16px;
		height: 9.63px;
		background-size: contain;
		display: block;
		position: absolute;
		right: 20px;
	}
	nav.sp .cate_menu ul{
		display: flex;
		flex-wrap: wrap;
		gap:15px 30px;
		margin: 0 0 25px;
		font-size: 17px;
		height: 0;
		overflow: hidden;
		padding: 0;
		transition:.3s;
	}
	nav.sp .cate_menu li{
		max-width: 160px;
		width: 100%;
	}
	nav.sp .cate_menu a{
		display: flex;
		align-items: baseline;
	    line-height: 20px;
		width: 100%;
	}
	nav.sp .cate_menu a:before{
    content: "";
		background: url(../parts/icon_arrow_r.svg) no-repeat;
		width: 7px;
		height: 11px;
		display: block;
		background-size: contain;
		margin-right: 5px;
	    flex-shrink: 0;
	}
	
	nav.sp .h_menu{
		display: flex;
		flex-direction: inherit;
		align-items: flex-start;
		gap: 0 50px;
	    margin: 0 30px;
	}
	nav.sp .h_menu ul{
		flex-direction: column;
		font-size: 15px;
		gap: 15px 0;
		line-height: normal;
	}
	nav.sp .h_menu ul.sub{
		flex-direction: column;
		font-weight: 400;
		font-size: 15px;
		gap: 15px 0;
	}
	
	nav.sp p.down{
		border-bottom-width:5px;
		color:#E02D2D;
	}
	nav.sp p.down:after{
		background-image:url(../parts/icon_arrow_down_on.svg);
		transform: rotate(180deg);
	}
	nav.sp p.down ~ .cate_menu ul{
		height:auto;
		padding: 20px 0 25px;
		border-bottom: 1px solid #E02D2D;
	}
	
	header.openNav nav.sp{
		right:0px;
	}
	#navToggle:before{
		content: "";
		background: url(../parts/icon_close.svg) no-repeat;
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 6px;
		opacity: 0;
	}
	header.openNav #navToggle img{
		opacity:0;
	}
	header.openNav #navToggle:before{
		opacity:1;
	}

}
@media screen and (max-width: 400px){
	
	nav.sp > ul > li > p{
		padding-right: 50px;
	}
	
}