@charset "UTF-8";
/* CSS Document */

/*ハンバーガーの枠*/
.overlayMenuBtn  {
    position: absolute;
    top: 20px;
    right: 15px;
    height: 21px;
    cursor: pointer;
    z-index: 10001;
}
/*ハンバーガーのスタイリング*/
.overlayMenuBtn span {
	position: relative;
	display: block;
	width: 43px;
	height: 1px;
	border-radius: 3px;
	background-color: #212121;
	/*transition: .4s;*/
  }
/*ハンバーガーの間隔*/
.overlayMenuBtn span:nth-child(1) { top: 0; }
.overlayMenuBtn span:nth-child(2) { top: 7px; }
.overlayMenuBtn span:nth-child(3) { top: 14px; }


.humber.white{
	background: #FFF;
}

/*オーバーレイする面*/
.overlayMenu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background-color: rgba(0,0,0,0.88);
	z-index: 10000;
	color: #FFF;
}
/*オーバーレイのpadding*/
.overlayMenuInner{
	padding: 70px 50px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

ul.sp-nav{
	display: flex;
	flex-direction: column;
	gap: 45px 0;
	transform: translateY( -20% );
}
ul.sp-nav li{
	text-align: center;
	font-size: 2.4rem;
	font-family: "Baskervville", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
ul.sp-nav li span{
	display: block;
	font-size: 1.2rem;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}