header{
	display:flex;
}
#nav{ 
	width:400px;
	height:830px;
	margin:0; 
	padding:0;
	background:url(../images/nav-back.png) ;
 }
.nav_logo{ 
	margin-top:10px; 
	width:100% 
}
.nav_square{  
	width:100%; 	
}
.nav_comment{
	width:100%;
	margin-top:3px;
	margin-bottom:2px;
}
nav ul{ 
	margin:0;
	list-style: none;
	padding-left:70px;
	margin-top:-25px;
}
nav ul li{
	text-decoration: none;
	padding-bottom:0.5em;	
	
}
.nav_top {
	background-image:url(../images/pod.png) ;
	background-size:35px;
	background-repeat: no-repeat;
	background-position:0 center;
	padding-left: 3.4em;
	padding-top:1.8em;
	width:72%;
}
nav ul li a {
	position:relative;
	z-index:2;
	background-image:url(../images/pod.png) opacity:0;
	background-repeat: no-repeat;
	background-position:0 center;
	padding-left: 2.8em;
	padding-top: 4.8em;
}
nav ul li a:hover {
	background-image:url(../images/pod.png) ; 
	background-size:35px;
}
nav img{ 
	width:58%;
	padding-left:10px;
}
#fix-ber{ 
	display:none;
	width:100%; 
	max-height:70px;
	position:fixed; 
	top:0; 
	background:url(../images/nav-back.png) ;
	z-Index:3;
}
#fix-ber ul{
	display:flex;
	list-style: none;
	justify-content: center;
}
#fix-ber ul li{
	text-decoration: none;
}
#fix-ber ul li a img{
	height:25px;
	margin-top:15px;
}
#fix-ber ul li a:hover{
 	filter: invert(81%) sepia(81%) saturate(633%) hue-rotate(359deg) brightness(90%) contrast(90%);
}
.nav-square2{
	margin:0;
	margin-top:8px;
	padding-left:7%;
	width:194px;
}
.nav-form{
	margin-left:100px;
	margin-right:-50px;
	padding-top:3px;
	height:27px;
	width:78px;
}
.fixed{
	display:block !important;
	z-Index:5;
}

#belt,#Mnav{
	display:none;
}

.sns-part{ 
	text-align:center; 
}
.sns-logo{ 
	width:75px; 
	height:20px;  
	margin:0;
	padding:0;
}
.sns-logo:hover{
	opacity:0.8;
}

#sns-icon{
	position:fixed;
	top:35%;
	right:0;
	z-Index:10;
	text-align:right;
}
#sns-icon ul{
	list-style:none;
}
#sns-icon ul li{
	line-height:100%;
}
#sns-icon img{
	width:80%;
}
@media screen and (max-width:640px){

#sns-icon{
	position:fixed;
	top:auto;
	bottom:0;
	right:auto;
	z-Index:10;
	text-align:center;
	width:100%;
	margin-bottom:0px;
}
#sns-icon ul{
	list-style:none;
	display:flex;
	position:cetner;
	justify-content:center;
	text-alitn:cetner;
	background:#744f32;
}
#sns-icon ul li{
	line-height:auto;
	padding-right:25px;
}
#sns-icon img{
	width:17vw;
}
.fb{
	margin-left:20px;
}
}

@media(min-width:1000px){
	.header-image{ 
	height:830px; 
	width: calc(100% - 400px);  
	object-fit:cover;
	position:absolute;	
}
	#res-fix{ display:none;}
}
@media(max-width:1000px){	
	.header-image{
	width:100%;
	min-height:250px;
	position:absolute;
	top:50px;
 }

header{
	margin-bottom:5vh;
}

#belt{
	width:100%;
	height:60px;
	background-image:url("../images/nav-back.png");
	position:fixed;
	top:0;
	display:flex;
	z-Index:6;
}
#belt img{
	height:60px;
	width:auto;
}
.tel{
	position:absolute;
	right:50px;
}
#navbtn{
	transition:all 1s;
	width:60px;
	height:60px;
	background-image:url("../images/nav-back.png");
	position:fixed;
	right:0;
	top:0;
	z-Index:7;
}
#navbtn span{
	width:40px;
	height:2px;
	background:#fff;
	position:absolute;
}
#navbtn span:nth-child(1){
	transition:all 0.2s;
	left:10px;
	top:19px;
}
#navbtn span:nth-child(2){
	left:10px;
	top:28px;
}
#navbtn span:nth-child(3){
	transition:all 0.2s;
	left:10px;
	top:37px;
}
.open span:nth-child(1){ 
	transform:translateY(9px) rotate(45deg);
}
.open span:nth-child(2){
	top:28px;
	opacity:0;
}
.open span:nth-child(3){
	transform:translateY(-9px) rotate(-45deg);
}
#Mnav{
	transition:all 1s;
	width:70vw;
	height:100vh;
	position:fixed;
	right:-70vw;
	top:0;
	background-image:url("../images/nav-back.png"); 
	display:block;
	z-Index:15;
}
.openburger{
	transform:translateX(-70vw);
}
.opennav{
	transform:translateX(-70vw);
}
#Mnav ul{ 
	margin-top:15vh;
	list-style: none;
	padding-left:10%;
}
#Mnav ul li{
	text-decoration: none;
	padding-bottom:0.5em;	
	
}
#Mnav ul li a {
	position:relative;
	z-index:2;
	padding-left: 10%;
}
#Mnav ul li a:hover {
	 filter: invert(81%) sepia(81%) saturate(633%) hue-rotate(359deg) brightness(90%) contrast(90%);
}
#Mnav img{ 
	width:75%;

}
#nav,#fix-ber{
	display:none;
}
#warapper{ padding-top:65%;}


}