/*============================================
Header
============================================*/

.header_pc {
	z-index: 1000;
	position: fixed;
	background: #fff;
	width: 100%;
	padding: 0 30px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.header_pc_cnt {
	height: 60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.header_logo img {
	height: 30px;
	width: auto;
}

.nav_list_pc {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.nav_list_pc > li >a {
	padding: 10px;
	font-size: 12px;
	font-weight: 100;
}

.header_sp {
	display: none;
}

	@media (max-width: 820px) {
		.header_pc {
			display: none;
		}
		
		.header_sp {
			display: block;
		}
		
		.header_sp {
			z-index: 100;
			background: #fff;
			width: 100%; padding: 0 15px;
			box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
			position: fixed;
		}
		.header_sp_cnt {
			position: related;
			height: 60px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
		}
		
		.header_logo img {
			height: 30px;
			margin: 10px auto;
		}

		#hamburger {
			position: absolute;
			width: 20px;
			height: 20px;
			cursor: pointer;
			position: absolute;
			top: 20px;
			right: 20px;
			z-index: 100;
		}
		#hamburger span {
			position: absolute;
			left: 0;
			width: 100%; height: 2px;
			background-color: #333;
			border-radius: 2px;
		}
		#hamburger span:nth-of-type(1) {top: 0;}
		#hamburger span:nth-of-type(2) {top: 9px;}
		#hamburger span:nth-of-type(3) {bottom: 0;}

		/* ハンバーガーメニュー */
		#nav_list_sp {
			z-index: 10;
			position: absolute;
			top: 0;
			left: -100%;
			height: 100vh;
			width: 100%;
			padding-top: 60px;
			background: #fff;
			display: flex;
			flex-direction: column;
			align-items:center;
			justify-content: flex-start;
		}

		#nav_list_sp > li {
			width: 100%;
			padding: 12px 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
		}

		/* ハンバーガー押したとき（js） */
		.in{
			transform: translateX(100%);
			transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
		}

		.hamburger_1_tapped {
			width: 120% !important;
			transform: translateY(9px) rotate(-45deg);
			transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
		}
		.hamburger_2_tapped {
			opacity: 0;
			transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
		}
		.hamburger_3_tapped {
			width: 120% !important;
			transform: translateY(-9px) rotate(45deg);
			transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
		}

	}

/* PC用ドロップダウンメニュー */
.nav_list_pc .has-dropdown {
  position: relative;
}

.nav_list_pc .header-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  min-width: 200px;
  z-index: 1000;
  padding: 8px 0;
  font-size: x-small;
}

.header-dropdown-menu a{
	color: #626262;
}

.nav_list_pc .has-dropdown:hover .header-dropdown-menu {
  display: block;
  font-size: x-small;
}

.nav_list_pc .header-dropdown-menu li {
  display: block;
  padding: 0;
}

.nav_list_pc .header-dropdown-menu a {
  padding: 8px 16px;
  display: block;
  white-space: nowrap;
  text-decoration: none;
}

.nav_list_pc .header-dropdown-menu a:hover {
  background: #f5f5f5;
}

/* スマホ用ドロップダウンメニュー */
.dropdown-title {
  color: #333;
}

#bookingSubMenu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  /* background-color: #f0f0f0; */
  font-size: small;
  text-align: center;
}

#bookingSubMenu li {
  margin-top: 5px;
}

#bookingSubMenu li a {
  display: block;
  padding: 8px;
  /* background-color: #f0f0f0; */
  text-decoration: none;
}

#bookingSubMenu li a:hover {
  /* background-color: #f0f0f0; */
}
/* ここ変更ここまで */