/*
KINHAKU

/*----------------------------------------------
NAVI
------------------------------------------------*/
/*a {
color: #5d4535;
transition: all 0.25s;
text-decoration: none;
}*/

.header{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 70px;
z-index: 400;
text-align: center;
}
.header_inner {
background:rgba(245,240,229,0.8); /*#f5f0e5*/
padding: 19px;
}
.logo{
display: flex;
justify-content: center;
top: 4%;
margin:auto;
}

/* header固定の余白 */
.main{  
margin-top: 70px;
}

/*-- MOBILE --*/
@media only screen and (max-width: 920px) {
.nav {
		position: fixed;
		right: -6320px; /* 右から出現 */
		top: 0;
		width: 90%; 
		height: 100vh;
		padding-top: 60px;
		background-color: #fff;
		transition: all .8s;
		z-index: 400;
		border-top-left-radius:30px;
		border-top-left-lefts:30px;
		overflow-y: auto; /* メニューが多い場合はスクロール */
}
.hamburger {
		position: absolute;
		right: 16px;
		top: 34px;
		width: 60px; 
		height: 46px;
		cursor: pointer;
		z-index: 500;
}

@media only screen and (max-width: 920px) {
	.hamburger {
		position: absolute;
		right: 24px;
		top: 36px;
		width: 60px; 
		height: 46px;
		cursor: pointer;
		z-index: 500;
}
}
@media screen and (max-width: 767px) {
.hamburger {
		width: 55px; 
		right: 14px;
}
}


.nav_list {
		margin: 30px 0 0;
		list-style: none;
}
.nav_list img{
		width: min(300px, 68%);
		margin: 20px auto 8px;
		padding-bottom: 5px;
		list-style: none;
}
.nav_item {
		font-size:1.02rem;
		line-height: 3.2rem;
		text-align: center;
		border-bottom: 1px solid #eee;
		padding: 20px auto;
}
.nav_item a {
		display: block;
		padding: 0px 5px 0px;	
		text-decoration: none;
		color: #5d4535;
}
.nav_item a:hover {
		padding: -10px 5px 24px;
		background-color: #eee;
}

/* Hamburger Line */	
.hamburger_border {
		position: absolute;
		left: 11px;
		width: 40px;
		height: 1.7px;
		background-color: #5d4535;
		transition: all .6s;
}
.hamburger_border_top {
		top: 14px;
}
.hamburger_border_center {
		top: 23px;
}
.hamburger_border_bottom {
		top: 32px;
}
.black_bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #5d4535;
		opacity: 0;
		visibility: hidden;
		transition: all .8s;
		cursor: pointer;
}

/* 表示時CSS */
.nav-open .nav {
		right: 0;

}
.nav-open .black_bg {
		background-color: #5d4535;
		opacity: .8;
		visibility: visible;
}
.nav-open .hamburger_border_top {
		transform: rotate(45deg);
		top: 20px;
						z-index: 1000;
}
.nav-open .hamburger_border_center {
		width: 0;
		left: 50%;
}
.nav-open .hamburger_border_bottom {
		transform: rotate(-45deg);
		top: 20px;
}
}


/*-- PC --*/
@media only screen and (min-width: 921px) {
.header_inner{
		max-width: 1600px;
		width: 100%;
		padding: 10px 20px 6px;
		margin-left: auto;
		margin-right: auto;
		mix-blend-mode: difference;
}
.logo{
		padding: 3px 10px 5px;
}
.nav_list{
		text-align: center;
}
.nav_list li{
		font-size:1rem;
		display: inline-block;
		text-align: center;
		letter-spacing:0.06em;
		padding:0 11px 0 11px;
}
.nav_list li a{
		color: #5d4535;
		font-weight: 300;
}
	.nav_item a:hover {
		color: #019B92;
}
}