@charset "shift_jis";
#navi_area
{
	//margin-top: 100px;
	background-color: #555;
	background-color:#fff;
	//position: fixed;
	width:100%;
	border-bottom:#E5E5E5  1px solid;
}
#navi
{
	/*height: 40px;*/
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	min-width: 960px;

}


#navi ul
{
	margin: 0px;
	padding: 32.5px 0;

}


#navi li
{
	list-style-type: none;
}

#navi > ul
{
	display: table;
	width: 100%;
}



#navi > ul > li
{
	position: relative;
	width: 11%;
	min-width:110px;
	display: table-cell;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	z-index:20000;
}
#navi > ul > li+li{
	border-left: #333 1px solid;
}
#navi > ul > li > a
{
	//display: block;
	/*height: 35px;*/
	//height:60px;
	//font-size: 12px;
	/*line-height: 35px;*/
	//line-height:55px;
	//text-align: center;
	//color: #333;
	//text-decoration: none;
	
	text-decoration: none;
    color: #333;
    font-family: Sawarabi Mincho, "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© Pro W3", Hiragino Mincho Pro, HiraMinProN-W3, "HGS–¾’©E", "‚l‚r ‚o–¾’©", MS PMincho;
	font-weight: normal!important;
	font-weight: 400!important;
    transition: all 250ms;
    position: relative;
	white-space: nowrap;
}


#navi > ul > li > a:hover
{
	//color: #F00;
}

#navi > ul > li > a:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1c80;
    transform: scale(0, 1);
    transition: transform 250ms;
    transform-origin: right center
}

#navi > ul > li > a:hover:after {
    transform: scale(1, 1);
    transform-origin: left center
}


#navi ul .subs
{
	font-family: Sawarabi Mincho, "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© Pro W3", Hiragino Mincho Pro, HiraMinProN-W3, "HGS–¾’©E", "‚l‚r ‚o–¾’©", MS PMincho;
	position: absolute;
	top: 100%;
	//width: 150px;
	width:100%
}

#navi ul.subs li a
{
	display: block;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	//background-color: #6A6A6A;
	background-color:#8A8A8A;
	color: #FFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	_zoom: 1;
	overflow: hidden;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#navi ul.subs li a span{font-size: 8px;}
#navi ul.subs li a:hover
{
	background-color: #3fc6f3;
	background-color:#E90013;
	background-color:#D9D9D9;
	color:#555
}

#navi ul.subs li ul
{
	width: 240px;
	position: absolute;
	left: 100%;
	top: 0px;
}

#navi ul.subs li ul li a
{
	background-color: #CCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	color: #333;
}

#navi ul.subs li ul li a:hover
{
}


#sidenavi{
		display: none;
	}

#sidenavi div{
	width:100%;
	height:60px;
	margin: 20px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sidenavi div p{
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	border-bottom: 1px #000 solid;
	text-align: center;
	min-width: calc(1280px * 0.9 / 7)
}
#sidenavi div p:last-child{border-right: 1px #000 solid; }
#sidenavi div p.ttl{height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #333;
	color:#fff
}
#sidenavi div p span{font-size:10px}
#sidenavi a{height:40px;width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:13px;
	font-family: Sawarabi Mincho, "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© Pro W3", Hiragino Mincho Pro, HiraMinProN-W3, "HGS–¾’©E", "‚l‚r ‚o–¾’©", MS PMincho;
}
#sidenavi a, #sidenavi a:visited{color:#000; text-decoration: none; }
#sidenavi a:hover{opacity: 0.5}

#home #sidenavi.home{display: block}
#modelhouse #sidenavi.modelhouse{display: block}
#lineup #sidenavi.lineup{display: block}
#case #sidenavi.case{display: block}
#about #sidenavi.about{display: block}

body.p1 #sidenavi .p1{background: #E6E6E6}
body.p2 #sidenavi .p2{background: #E6E6E6}
body.p3 #sidenavi .p3{background: #E6E6E6}
body.p4 #sidenavi .p4{background: #E6E6E6}
body.p5 #sidenavi .p5{background: #E6E6E6}
body.p6 #sidenavi .p6{background: #E6E6E6}
body.p7 #sidenavi .p7{background: #E6E6E6}

#header
{
	position: relative;
	width: 100%;
}

#header .sp_menu
{
	display: none;
}


#header .title
{

	position: absolute;
	left: 20px;
	top: 20px;
	z-index:10000;
}

#header .title h1
{
	margin: 0px;
	padding: 0px;
}

#header .contact
{
	position: absolute;
	top: 20px;
	right:13px;
	z-index: 10000;
}

#header .reservation
{
	position: absolute;
	top: 20px;
	right: 281px;
	z-index:10000;
}


#header .head_photo
{
	padding-top: 8em;
}



/* ƒ^ƒuƒŒƒbƒgƒŒƒCƒAƒEƒg : 768 px �` 959 px*/
@media screen and (max-width:959px)
{
#navi_area
{
	//margin-top: 100px;
	border: none
	}
#navi
{
	display: none;
}
#home #sidenavi.home{display: none;}
#modelhouse #sidenavi.modelhouse{display: none}
#lineup #sidenavi.lineup{display: none}
#case #sidenavi.case{display: none}
#about #sidenavi.about{display: none}
	
#header .reservation,#header .contact
{
	display: none;
}

#sidr
{
	padding-top: 0px;

}


#header .sp_menu
{
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 10000;
	display: block;
}
	


}

/* ƒXƒ}ƒz�Ý’è  768 ˆÈ‰º*/
@media screen and (max-width:768px)
{
#navi_area
{
	margin-top: 0;}
#header .head_box
{
	display: table;
	width: 100%;
}



#header .title
{
	position: static;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	display: table-cell;
	width: 70%;
	text-align: left;
	padding: 1em;
}

#header .title img
{
	width: 100%;
}

#header .sp_menu
{
	position: static;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	display: table-cell;
	text-align: right;
	padding: 1em;
}

#header .sp_menu img
{
	width: 50%;
}

#header .head_photo
{
	padding-top: 0em;
}


}