@charset "UTF-8";

/*** ヘッダー ***/

/* グローバルナビ(sub)表示設定 */
#home .global-nav-tree,
#construction-case-index .global-nav-tree,
#owners-voice-index .global-nav-tree,
#inquiry-form-index .global-nav-tree,
#application-form-index .global-nav-tree,
#information-index .global-nav-tree,
#model-house-index .global-nav-tree,
#dealer-index .global-nav-tree {
	display: none;
}
#overview-index #global-nav-tree-product-lineup,
#overview-index #global-nav-tree-free-service,
#overview-index #global-nav-tree-utilization,
.overview #global-nav-tree-product-lineup,
.overview #global-nav-tree-free-service,
.overview #global-nav-tree-utilization {
	display: none;
}
#product-lineup-index #global-nav-tree-overview,
#product-lineup-index #global-nav-tree-free-service,
#product-lineup-index #global-nav-tree-utilization,
.product-lineup #global-nav-tree-overview,
.product-lineup #global-nav-tree-free-service,
.product-lineup #global-nav-tree-utilization {
	display: none;
}
#free-service-index #global-nav-tree-overview,
#free-service-index #global-nav-tree-product-lineup,
#free-service-index #global-nav-tree-utilization,
.free-service #global-nav-tree-overview,
.free-service #global-nav-tree-product-lineup,
.free-service #global-nav-tree-utilization {
	display: none;
}
.utilization #global-nav-tree-overview,
.utilization #global-nav-tree-product-lineup,
.utilization #global-nav-tree-free-service {
	display: none;
}

.tree .fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
}

@media only screen and (max-width: 767px) {
	#home #global-header-box {
		background: #fff;
		width: 100%;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.tree #global-header-box {
		background: #fff;
		width: 100%;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		transform: translate3d(0, 0, 0); /* iosでスクロール中に要素が消える不具合対策 */
	}
}
@media print, screen and (min-width: 768px) {
	#home #global-header-box {
		width: 100%;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
		position: fixed;
		top: -66px;
		left: 0;
		z-index: 9998;
	}
	#home #global-header-box-inner {
		background: rgba(255,255,255,0.9);
		width: 100%;
		height: 60px;
		padding: 0;
	}

	.tree #global-header-box {
		width: 100%;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		transform: translate3d(0, 0, 0); /* iosでスクロール中に要素が消える不具合対策 */
	}
	.tree #global-header-box-inner {
		background: rgba(255,255,255,0.9);
		width: 100%;
		border-bottom: 1px solid rgba(63,63,63,0.8);
		padding: 0;
	}

	#global-header-box p {
		margin: 0;
		padding: 0;
	}
}

/* グローバルヘッダー設定 */
@media only screen and (max-width: 767px) {
	#global-header-pc h1 {
		display: none;
	}
	#global-header-sp {
		padding-top: 14.063%;
		position: relative;
	}
	#global-header-sp #global-header-logo,
	#global-header-sp #global-header-tel,
	#global-header-sp #global-header-contact-btn {
		margin: 0;
		padding: 0;
	}
	#global-header-sp #global-header-contact-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 25%;
		z-index: 100;
	}
	#global-header-sp #global-header-contact-btn a {
		color: #FFFFFF;
		text-decoration: none;
		background: #ab8b41;
		padding: 8px 10px;
		border-radius: 5px;
		font-size: 14px;
		display: flex;
	}
	#global-header-sp #global-header-contact-btn a img {
		width: 20px;
		margin-right: 3px;
	}
}
@media print, screen and (min-width: 768px) {
	#global-header-sp {
		display: none;
	}
	#global-header-pc {
		width: 940px;
		height: 60px;
		margin: 0 auto;
		position: relative;
	}
	#global-header-pc h1 {
		font-size: 0;
		margin: 0;
	}
	#global-header-pc h1 a {
		display: block;
		background: url(../include/images/header/pc/logo.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 80px;
		height: 40px;
		position: absolute;
		top: 12px;
		left: 7px;
	}
}

/* ロゴ */
@media only screen and (max-width: 767px) {
	#global-header-logo a {
		display: block;
		background: url(../include/images/header/sp/logo.png) no-repeat 0 0;
		background-size: contain;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 26.562%;
		padding-top: 14.063%; /* w100% = 52.941% */
		position: absolute;
		top: 0;
		left: 0;
	}
}

/* メニューボタン */
@media only screen and (max-width: 767px) {
	#menu-btn {
		margin: 0;
	}
	#menu-btn span {
		display: block;
		background:url(../include/images/header/sp/menu.png) no-repeat 0 0;
		background-size: contain;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 21.875%;
		padding-top: 14.063%; /* w100% = 64.286% */
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	#menu-btn.open span {
		display: block;
		background:url(../include/images/header/sp/menu.png) no-repeat 0 0;
		background-size: contain;
	}
	#menu-btn.close span {
		display: block;
		background:url(../include/images/header/sp/menu-close.png) no-repeat 0 0;
		background-size: contain;
	}
}
@media print, screen and (min-width: 768px) {
	#menu-btn {
		display: none;
	}
}

/* 資料請求 */
@media only screen and (max-width: 767px) {
	#global-header-inquiry a {
		display: block;
		background: url(../include/images/header/sp/btn-inquiry.png) no-repeat 0 0;
		background-size: contain;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 50%;
		height: 0;
		padding-top: 10.938%; /* w100% = 21.875% */
		position: absolute;
		top: 56.25%;
		left: 0;
	}
}
@media print, screen and (min-width: 768px) {
	#global-header-inquiry a {
		display: block;
		background: url(../include/images/header/pc/btn-inquiry.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 150px;
		height: 46px;
		position:absolute;
		top: 1px;
		left: 407px;
		transition: 0.4s;
		backface-visibility: hidden;
	}
	#global-header-inquiry a:hover {
		opacity: 0.7;
	}
}

/* 見学予約 */
@media only screen and (max-width: 767px) {
	#global-header-application a {
		display: block;
		background:url(../include/images/header/sp/btn-application.png) no-repeat 0 0;
		background-size: contain;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 50%;
		height: 0;
		padding-top: 10.938%; /* w100% = 21.875% */
		position: absolute;
		top: 56.25%;
		left: 50%;
	}
}
@media print, screen and (min-width: 768px) {
	#global-header-application a {
		display: block;
		background: url(../include/images/header/pc/btn-application.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 150px;
		height: 46px;
		position:absolute;
		top: 1px;
		left: 567px;
		transition: 0.4s;
		backface-visibility: hidden;
	}
	#global-header-application a:hover {
		opacity: 0.7;
	}
}


/*** グローバルナビ(top) ※PC ***/
@media print, screen and (min-width: 768px) {
	#global-nav {
/*		background: url(../include/images/header/pc/globa-nav.png) no-repeat 0 15px;*/
		height: 60px;
		position: absolute;
		right: 0;
	}
	#global-nav ul {
		list-style: none;
		height: 60px;
		padding: 0;
		margin: 0;
		display: flex;
	}
	#global-nav li {
		height: 60px;
	}
	#global-nav li a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 167px;
		height: 60px;
	}
	#global-nav li#gnav01 {
		background: url(../include/images/header/pc/globa-nav_01.png) no-repeat center center;
	}
	#global-nav li#gnav02 {
		background: url(../include/images/header/pc/globa-nav_02.png) no-repeat center center;
	}
	#global-nav li#gnav03 {
		background: url(../include/images/header/pc/globa-nav_03.png) no-repeat center center;
	}
	#global-nav li#gnav04 {
		background: url(../include/images/header/pc/globa-nav_04.png) no-repeat center center;
	}
	#global-nav li#gnav05 {
		background: url(../include/images/header/pc/globa-nav_05.png) no-repeat center center;
	}
	#global-nav li#gnav05 a {
		width: 168px;
	}
	#global-nav li a:hover {
		border-bottom: 4px solid #b78633;
		margin: -4px 0 0;
	}
}


/*** グローバルナビ(under) ※PC ***/
@media print, screen and (min-width: 768px) {
	.global-nav-tree {
		background: rgba(228,223,217,0.9);
		width: 100%;
		padding: 12px 0 0;
	}
	.global-nav-tree-inner {
		width: 940px;
		margin: 0 auto;
	}

	.global-nav-tree ul {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.global-nav-tree li {
		display: inline-block;
		border-right: 1px solid #b8b8b8;
		margin: 0 0 12px;
	}
	.global-nav-tree li:last-child {
		border-right: none;
	}
	.global-nav-tree li a {
		display: block;
		color: #000;
		text-decoration: none;
		padding: 0 12px;
	}
	.global-nav-tree li a:hover {
		color: #730f13;
		text-decoration: underline;
	}
}


/*** グローバルナビ(slide) ※SP ***/
@media only screen and (max-width: 767px) {
	#global-nav {
		display: none;
		background: #231815;
		width: 100%;
		position: fixed;
		left: 0;
		z-index: 999999;
	}
	#global-nav ul {
		text-align: center;
	}
	#global-nav li {
		width: 100%;
		color: #fff;
		border-top: 1px solid #49403e;
	}
	#global-nav li a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 3.6%;
		box-sizing: border-box;
	}
	#global-nav li a:hover {
		color: #fff;
	}
}


/*** グローバルナビ(under) ※SP ***/

/* PC(768px以下)のナビにスクロールバーを表示するためにUAで振り分け
	ua-chage-pc.css
	ua-chage-sp.css
*/