/*ヘッダーここから*/
.header {
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9998;
  }
@media screen and (min-width: 960px) {
	.header {
	  height: 120px;
	  position: static;
	}
}
  
  
.header p {
	text-align: center;
	font-size: 0.65rem;
	padding-top: 8px;
}
  
/* ヘッダーのロゴ画像部分 */
.header_title {
	width: 270px;
	margin: -8px auto 0px auto;
}
@media screen and (min-width: 960px) {
	.header_title {
	  width: 400px;
	  margin: -20px auto 0px auto;
	}
}
  
.header_title:hover {
	opacity: 0.8;
	cursor: pointer;
}
  
.header_title img {
	display: block;
	width: 100%;
	height: 100%;
}
  
.header_inner {
	width: 100%;
	position: relative;
}
  
  
/* ヘッダーのナビ部分 */
/*ハンバーガーメニュー押した時*/
.header_nav {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	transform: translateX(100%);
	background-color: rgba(250,248,237,0.88);
	transition: ease .4s;
	display: flex;
}
@media screen and (min-width: 960px) {
	.header_nav {
	  position: static;
	  transform: initial;
	  background-color: #FDF5E4;
	  height: 40px;
	  display: flex;
	  justify-content: space-around;
	  width: 100%;
	  margin: auto;
	}
}
  
  
.nav_items {
	margin: auto;
}
  
@media screen and (min-width: 960px) {
	.nav_items {
	  margin: initial;
	  width: 100%;
	  display: flex;
	  align-items: center;
	  height: initial;
	  justify-content: space-around;
	  /*background-color: #eeeeee;*/
	}
}
  
.nav-items_item {
	cursor: pointer;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}
@media screen and (min-width: 960px) {
	.nav-items_item:before {
	  position: absolute;
	  content: "";
	  bottom: -1px;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background: #6f6152;
	  opacity: 0;
	}
	.nav-items_item:hover:before {
	  opacity: 1;
	}
}
  
  
  
/* ナビのリンク */
  .nav-items_item a {
	color: black;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	margin-bottom: 24px;
}
  
.nav-items_item:last-child a {
	margin-bottom: 0;
}
  
@media screen and (min-width: 960px) {
	.nav-items_item a {
	  margin-bottom: 0;
	  font-size: 0.8rem;
	}
}
  
  
/* ハンバーガーメニュー */
.header_hamburger {
	width: 40px;
	height: 100%;
}
  
.header .hamburger {
	position: absolute;
	top: 0;
	right: 4px;
	background-color: transparent;
	border-color: transparent;
	z-index: 9999;
	cursor: pointer;
}
@media screen and (min-width: 960px) {
	.header .hamburger {
	  display: none;
	}
}
  
  
/* ハンバーガーメニューの線 */
.hamburger span {
	width: 96%;
	height: 1px;
	background-color: #000;
	position: relative;
	transition: ease .4s;
	display: block;
}
  
.hamburger span:nth-child(1) {
	top: 0;
}
  
.hamburger span:nth-child(2) {
	margin: 8px 0;
}
  
.hamburger span:nth-child(3) {
	top: 0;
}
  
  
/* ハンバーガーメニュークリック後のスタイル */
.header_nav.active {
	transform: translateX(0);
}
  
.hamburger.active span:nth-child(1) {
	top: 5px;
	transform: rotate(45deg);
}
  
.hamburger.active span:nth-child(2) {
	opacity: 0;
  }
  
.hamburger.active span:nth-child(3) {
	top: -13px;
	transform: rotate(-45deg);
}
  
/*ヘッダーここまで*/