@charset "utf-8";


#header_area {

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 999;

	height: 80px;

	min-width: 320px;

}



#header_area .logo {

	position: absolute;

	left: 0;

	padding: 13px 0 0 17px;

}



#header_area .acc_down {

	display: none;

}


#header_area .g_navi>li {

	box-sizing: border-box;

	display: table-cell;

	width: 141px;

}



#header_area .g_navi>li>a {

	text-decoration: none;

}



#header_area .g_navi li .bottom_broder {

	box-sizing: border-box;

	display: block;

	text-align: center;

	line-height: 1.2;

	letter-spacing: 0.2em;

	font-size: 15px;

	cursor: pointer;

	height: 80px;

	position: relative;

	padding-top: 33px;

}



#header_area .g_navi li .navi_border {

	display: block;
	text-decoration: none
}


.page-info #header_area .g_navi .n02 .bottom_broder:before,

.page-maintenance #header_area .g_navi .n03 .bottom_broder:before,

.page-online_booking #header_area .g_navi .n01 .bottom_broder:before,

.page-request #header_area .g_navi .n01 .bottom_broder:before,

.page-usedcar #header_area .g_navi .n01 .bottom_broder:before,

.page-car_type #header_area .g_navi .n01 .bottom_broder:before,

.page-testdrive #header_area .g_navi .n04 .bottom_broder:before,

.page-mailservice #header_area .g_navi .n05 .bottom_broder:before,

.page-privacy #header_area .g_navi .n05 .bottom_broder:before,

.page-link #header_area .g_navi .n05 .bottom_broder:before,

.page-company #header_area .g_navi .n05 .bottom_broder:before,

#header_area .g_navi li:hover .bottom_broder:before {

	position: absolute;

	content: "";

	display: block;

	width: 90px;

	height: 5px;

	bottom: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

}


#header_area .mail_btn a:hover {

	text-decoration: none;

	opacity: 0.6;

}



#header_area .mail_btn .bg1 {
	font-size: 20px;
}

#header_area .mail_btn .u-f-type--montserrat {

	display: block;

	font-size: 10px;

	letter-spacing: 0.2em;

}



#header_area .acc_down {

	box-sizing: border-box;

	position: absolute;

	width: 100%;

	text-align: left;

	top: 100%;

	padding: 30px;

	left: 0;

	right: 0;

	margin: 0 auto;

}



#header_area .img_navi {

	overflow: hidden;

	margin-bottom: 25px;

}



#header_area .img_navi li {

	float: left;

	margin-right: 10px;

	text-align: center;

}

#header_area .img_navi li:nth-child(3) {

	float: right;

	margin-right: 0;

}



#header_area .img_navi a:hover {

	text-decoration: none;

}



#header_area .img_navi .page_name {

	padding-top: 15px;

	letter-spacing: 0.2em;

	font-size: 15px;

	line-height: 1.2;

}



#header_area .text_navi li {

	display: inline-block;

	margin-right: 20px;

}



/* スマホメニュー */

.sp-menu {

	position: fixed;

	top: 0;

	right: -100vw;

	width: 100vw;

	height: 100%;

	font-size: 15px;

	z-index: 999999;

	overflow-x: hidden;

	-webkit-transition: all .25s ease;

	-o-transition: all .25s ease;

	transition: all .25s ease;

	background: #fff;

}



.sp-menu a {

	display: block;

	padding: 15px 28px;

	color: #000 !important;

	position: relative;

}

.sp-menu ul {}



.sp-menu a:hover {

	text-decoration: none;

}

.sp-menu li.active a:before,
.sp-menu a:hover:before {
	position: absolute;
	content: "";
	height: 1px;
	background: #000;
	width: 16px;
	left: 0;
	top: 28px;
	display: block;
}


/* 開閉用ボタン */

.sp-menu-btn {

	display: none;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	z-index: 999;

	text-align: right;

	width: 50px;

	height: 50px;

	align-items: center;

	justify-content: center;
}





.sp-menu .close_btn {

	height: 50px;

	width: 100%;

	display: block;

	line-height: 46px;

	text-indent: 20px;

	cursor: pointer;
	padding: 0 16px 0 0;

	text-align: right;

}



/* メインコンテンツ */

.wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	-webkit-transition: all .25s ease;

	-o-transition: all .25s ease;

	transition: all .25s ease;

	z-index: 2;

}



#fix_bottom,

#header_area {

	-webkit-transition: all .25s ease;

	-o-transition: all .25s ease;

	transition: all .25s ease;

}



/* スマホメニューオープン */



.sp-open .sp-menu,

.sp-open #fix_bottom,

.sp-open #header_area,

.sp-open .wrapper,

.sp-open .overlay {

	-webkit-transform: translate3d(-100vw, 0, 0);

	transform: translate3d(-100vw, 0, 0);



}



@media only screen and (max-width:1400px) {

	#header_area .g_navi li {

		width: auto;

	}



	#header_area .g_navi li .navi_border {

		padding-left: 25px;

		padding-right: 25px;

	}


}

/* max-width:1400px */





@media only screen and (max-width:1100px) {



	.wrapper {

		padding-top: 50px;

	}



	#header_area .pc_navi,

	#header_area .mail_btn {

		display: none;

	}



	#header_area .logo {

		position: static;

		float: left;

		padding: 5px 0 0 20px;



	}

	#header_area .logo img {

		height: 40px;

	}



	#header_area {

		height: 50px;

	}



	.sp-menu-btn {
		display: inline-flex;
	}

}

/* max-width:1100px */



/*------------------ */
/* 2022リニューアル｜ヘッダー
/*------------------ */
.new-header {}