@charset "UTF-8";

@media screen and (max-width:959px) {
#headnavwrap {
	display:none !important;
}
}

/*==============================================================

	Header

==============================================================*/
.mobile_header {
	display:none;
	position:fixed;
	top:0;
	width:100%;
	height:100px;
	font-family:'Shippori Mincho', serif;
	font-size:1.6rem;
	text-align:left;
	z-index:1000;
}
@media screen and (max-width:959px) {
.mobile_header {
	display:block;
}
}
.header_area {
	background-color:rgba(0,0,0,0.7);;
	box-shadow:0px 7px 5px rgba(0,0,0,0.2);
	border-bottom:1px solid #960;
}
.header_container {
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1280px;
	height:100px;

	padding:0 20px;
	margin:0 auto;

}
.header_logo {
	max-width:160px;
	z-index:998;
}
.header_logo h1 {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
}
.header_logo h1 img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
@media screen and (max-width:959px) {
.mobile_header {
	height:50px;
}
.header_container {
	height:50px;
	padding:0 0 0 20px;
}
}

/*==============================================================
	Header Navigation
==============================================================*/
/*	Header Navigation > Trigger
--------------------------------------------------------------*/
.header_nav-trigger-area {
	display:none;
	position:absolute;
	top:0;
	right:0;
	height:50px;
	text-align:center;
	padding:14px 12px;
	z-index:999;
}
.header_nav-trigger-sp {
	width:26px;
	height:22px;
	color:#999;
	margin:0 auto;
}
.header_nav-trigger-sp button {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background:transparent;
	border:none;
	cursor:pointer;
	outline:0
}
.header_nav-trigger-sp button span {
	display:inline-block;
	position:absolute;
	left:0;
	right:0;
	width:26px;
	height:2px;
	background-color:#fff;
	margin:auto;
	transition:all 0.4s;
}
.header_nav-trigger-sp button span:nth-of-type(1) {
	top:0px;
}
.header_nav-trigger-sp button span:nth-of-type(2) {
	top:0;
	bottom:0;
}
.header_nav-trigger-sp button span:nth-of-type(3) {
	bottom:0px;
}
@media screen and (max-width:959px) {
.header_nav-trigger-area {
	display:block;
}
}

/*	Header Navigation > Trigger > Open
--------------------------------------------------------------*/
html.is-sp-menu-open,
body.is-sp-menu-open {
	/*position:fixed;*/
	height:100%;
}
body.is-sp-menu-open .site-header {
	height:100%;
}
body.is-sp-menu-open main,
body.is-sp-menu-open footer {
	/*display:none;*/
}
body.is-sp-menu-open .header_nav-trigger-sp button span:nth-of-type(1) {
	transform:translateY(10px) rotate(-215deg);
}
body.is-sp-menu-open .header_nav-trigger-sp button span:nth-of-type(2) {
	opacity:0;
}
body.is-sp-menu-open .header_nav-trigger-sp button span:nth-of-type(3) {
	transform:translateY(-10px) rotate(215deg);
}

/*	Header Navigation > Mobile Menu
--------------------------------------------------------------*/
.mobile_menu {
	display:none;
}
.mobile_menu .global_nav {
	font-size:2.0rem;
	padding:8.0rem 5% 8.0rem;
}
.mobile_menu .global_nav a {
	color:#fff;
	text-decoration:none;
}
.mobile_menu img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
/* Nav1 */
.mobile_menu .nav1 > li {
	margin-top:2.0rem;
}
.mobile_menu .nav1 ul li {
	margin-top:0.5rem;
}

.mobile_menu .nav1 ul {
	font-size:1.4rem;
	padding-left:4.0rem;
}
.mobile_menu .nav1 ul li {
	position:relative;
}
.mobile_menu .nav1 ul li:before {
	content:'';
	display:block;
	position:absolute;
	left:-20px;
	top:12px;
	width:12px;
	height:1px;
	background-color:#bb8936;
	
}
.mobile_menu .nav1 a span {
	display:block;
	font-family:sans-serif;
	font-size:1.3rem;
	color:#bb8936;
}
/* Nav2 */
.mobile_menu .nav2 {
	margin:2.5rem 0;
}
.mobile_menu .nav2 li {
	margin:1.0rem 0;
}

/* Nav3 */
.mobile_menu .nav3 {
	font-size:1.4rem;
}
/* Nav4 */
.mobile_menu .nav4 {
	display:flex;
	justify-content:center;
}
.mobile_menu .nav4 li {
	width:40px;
	margin:1.5rem 2.0rem 2.0rem;
}
/* Nav5 */
.mobile_menu .nav5 a {
	border:1px solid #fff;
	display:block;
	padding:0.5rem;
	text-align:center;
	font-size:1.4rem;
}

@media screen and (max-width:959px) {
.mobile_menu {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:#000;
	overflow:scroll;
	z-index:-1;
}
.mobile_menu li {
	display:block;
}

/*	Header Navigation > SP Menu > Open
--------------------------------------------------------------*/
body.is-sp-menu-open .mobile_header {
	width:100vw;
}
body.is-sp-menu-open .mobile_menu {
	display:block;
	padding-bottom:80px;
}
}