@media print,  screen and (max-width: 767px){
	header .inner #navToggle,#nav-menu{
		display: none;
	}
	header .inner h1 a img {
		height: 46px;
		float: left;
    }
	header .inner h1 .pc{
		display: none;
	}
}
@media print, screen and (min-width: 768px) {
/*--------トグルボタン---------*/
#navToggle {
    display:none; /*通常時は非表示にしておきます*/
   }

/*header*/
.inner{
	display: flex;
	margin: 0px auto;
	position: relative;
	
}
header{
    width:100%;
    z-index:2;
    position:fixed;
	top:0;
	left:0;
    background:#f9f5ef;
    font-size:0; /*ul,liが親のfont-sizeを継承して隙間が空くのをリセット*/
    line-height:0;
	padding: 20px 0;
} 
	
h1{
	max-width: 600px;
	text-align: left;
}
h1 a img {
    height:40px;
    margin:0px 0px 10px 0px;
}
#nav-menu {
	position: absolute;
    right:0;
    background:#f9f5ef;
    text-align:center;
	}
header ul {
    font-size:13px;
	margin: 30px auto 0px; 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
header ul li {
	position: relative;
	width: 100px;
	height: 50px;
    margin-left:3px;
	text-decoration: none;
	list-style-type: none;
}
header ul li a {
	position: absolute;
	width: 100px;
    top: 50%;
    left: 50%;
    transform : translate(-50%,-50%);
	display: block;
	text-decoration: none;
	line-height: 18px;
}
.menu1{background: #754c24;}
.menu2{background: #e83f6c;}
.menu1 a,.menu2 a{color: #fff;} 

header h1 .pc{
	display: block;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	font-weight: none;
	max-width: 300px;
    }
}