@charset "utf-8";
/* # =================================================================
#### PC menu
# ================================================================= */
.main-vav{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.main-nav ul{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	background-color : #D5B200;
	padding : 20px 50px;
}
.main-nav ul li{
	position : relative;
	display : list-item;
	width : auto;
	height : auto;
}
.main-nav ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1;
	font-size : var(--16px);
}
.main-nav ul li a:hover{
	opacity : 0.8;
}
/* 固定ヘッダー */
.site-header{
	position : fixed;
	top : -80px; /* 初期位置 */
	left : 0;
	width : 100%;
	background : #101010;
	z-index : 1000;
	transition : top 0.4s ease;
}
.site-header.is-fixed{
	top: 0; /* 出現 */
}
.site-header .main-nav ul{
	background-color : #101010;
}
.site-header .main-nav ul a{
	color : #FFF;
}
/* # =================================================================
#### drawer button（SP用ハンバーガー）
# ================================================================= */
.drawer-hamburger{
	position : fixed;
	box-sizing : border-box;
	top : 10px;
	right : 10px;
	width : 50px;
	height : 50px;
	border : 2px solid #C0A209;
	background-color : var(--font-color);
	padding : 0 9px;
	cursor : pointer;
	z-index : 1100;
}
.drawer-hamburger:hover{

}
/* ハンバーガー3本線 */
.drawer-hamburger-icon{
	position : relative;
	display : block;
	width : 28px;
	height : 2px;
	background-color : #C0A209;
	transition : all 0.3s ease;
}
.drawer-hamburger-icon::before,
.drawer-hamburger-icon::after{
	content : "";
	position : absolute;
	left : 0;
	width : 28px;
	height : 2px;
	background-color : #C0A209;
	transition : all 0.3s ease;
}
.drawer-hamburger-icon::before{
	top : -10px;
}
.drawer-hamburger-icon::after {
	top :  10px;
}

/* 開閉時アニメーション */
.drawer-hamburger.is-active .drawer-hamburger-icon{
	background-color : transparent;
}
.drawer-hamburger.is-active .drawer-hamburger-icon::before{
	transform : translateY(10px) rotate(45deg);
}
.drawer-hamburger.is-active .drawer-hamburger-icon::after{
	transform : translateY(-10px) rotate(-45deg);
}

/* 開いた時 body スクロール禁止
.drawer-open{
	overflow : hidden;
}
*/
/* # =================================================================
#### drawer-nav menu（SPメニュー本体）
# ================================================================= */
.drawer-nav{
	position : fixed;
	top : 0;
	right : 0;
	width : 100%;
	height : 100%;
	background : #000000CC;
	transform : translateY(-100%);
	transition : transform 0.3s ease;
	z-index : 1000;
}
.drawer-nav.is-active{
	transform : translateY(0);
}
.drawer-nav .nav_wrap{
	padding : 60px 20px;
}
.drawer-nav ul{
	list-style : none;
	text-align : center;
	margin : 0;
	padding : 45px 0 0;
}
.drawer-nav ul li{
	margin-bottom : 20px;
}
.drawer-nav ul li a{
	display : block;
	padding : 12px 10px;
	color : #FFF;
	font-size : var(--20px);
	text-decoration : none;
}
.drawer-nav ul li a:hover{

}
/*****  *****/
nav.menu-area{
	display : none;
}
/* # =================================================================
#### 896
# ================================================================= */
@media screen and (max-width: 896px){
/* # =================================================================
#### PC menu
# ================================================================= */
.main-nav.wrap{
	display : none;
}
nav.menu-area{
	display : block;;
}











}/* 896 */