@charset "utf-8";

/*
YAGAJI STAY
nav.css */

/*----------------------------------------------
  NAVI
------------------------------------------------*/
/* PC ------------- */
.header-wp{
display: none;
}
#all .header-wp{
display: contents;
}
.header{
position: fixed; 
width: 100vw;
height:80px;
top:0;
left:0;
right: 0;
margin:0 auto;
padding: 3px 30px 0 30px;
background-color: rgba(255,255,255,0.7); /*#ffffff*/
display: flex;
justify-content: space-between;
align-items: center;
border-bottom:1px solid rgba(162,134,107,0.8);
z-index: 300;
}
.header.fixed{
position: fixed;
top: 0;
}

.nav-list{
/* nav */
display: flex;
align-items:center;
}

.nav-list li{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 20px;
 font-weight: 100 !important;
 list-style:none;
 padding:0 5px 0 30px;
 color: #5e4126; 
}

/* LINK COLOR  */
.header a {
	text-decoration: none;
	color: #5e4126;
}
.header a:link{ 
  text-decoration: none; 
  color: #5e4126;
}
.header a:visited { 
  color: #5e4126;
}
.header a:hover {
	color: #CE5A02
}


.nav-item{
margin-left: 20px;
}

.nav-item-logo{
	display: none;/*PC*/
}

/****** NAV CURRENT ****/
.nav-list li.nav-item a.active {
 font-weight: 300;
}
/*********************/


.burger-btn{
display: none;
}

.nav-list{
font-family:'Comfortaa', cursive
}



/* TAB NAVI ------------- */
@media (min-width: 1080px)  {
.header{
font-size: 15px !important;
}
.nav-item{
/* �i�r�̍����ɗ]�� */
margin-left: 20px;
margin-top:5px;
}
.nav-list li{
 padding:0 0 0 20px;
}
}
 
/* MOBILE  Humberger-NAVI ------------- */

@media screen and (max-width:1079px){
.header{
	width: 100vw;
	 margin:0;
  padding: 0.5% 3% 0 ;
}
.burger-btn{
  display: block;
  width: 42px;
  height: 42px;
	 right:10px !important;
  position: relative;
  z-index: 3;
  
/* codepen�̋����p */
background-color:transparent;
border:none;
}
.bar{
  width: 32px;
  height: 2.5px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2b2b2b;
}
.bar_top{
  top: 10px;
}
.bar_mid{
  top: 50%;
  transform: translate(-50%,-50%);
}
.bar_bottom{
  bottom: 10px;
}

/* humberger-menu CLOSE ------------- */	
.burger-btn.close .bar_top{
  transform: translate(-50%,11px) rotate(45deg);
  transition: transform .3s;
  background-color:#2b2b2b;
}
.burger-btn.close .bar_mid{
  opacity: 0;
  transition: opacity .3s;
  background-color:#2b2b2b;

}
.burger-btn.close .bar_bottom{
  transform: translate(-50%,-8px) rotate(-45deg);
  transition: transform .3s;
  background-color:#2b2b2b; 
}

/* MOBILE Navi APPEAR------------- */
.nav-wrapper{
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2; /*�L�[�r�W���A����.btn_trigger�Ƃ̏d�Ȃ�̑O��֌W�𒲐�*/
 }
 .header-nav{
  width: 100%;
  height: 100%;
  background-color:#f2f2f2;
  opacity:0.99;
  z-index: 100;
  }

	/* LINK COLOR  */
.header-nav a{
   color:#5e4126 !important;
  }
.header-nav a:active{
   color:#5e4126 !important;
  }
.header-nav a:hover {
   color:#CE5A02 !important;
  }
.header-nav .nav-list{
   display: block;
   position: absolute;
   top: 48%;
	  left: 50%;
   transform: translate(-52%,-50%);
   text-align: center;
   padding: 0px;
  }
.header-nav .nav-item{
	display: block;
	width:100%;
 margin:0 auto 24px;
	padding:0px 0 26px;
	font-family: 'Noto Serif JP', serif !important;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 38%;
	border-bottom: rgba(162,134,107,0.8) 1px dotted;
}
.header-nav .nav-item-logo{
	display: block; /*mobile�͕\��*/
	margin:0px auto;
	padding:10px 0px 40px;
 text-align: center;
}
}  

/*   ------------------------------*/ 
@media screen and (max-width: 767px) {
.burger-btn{
	 right:8px !important;
}
}