@charset "utf-8";
/* CSS Document */

.pgTtlIn{
	background-position: right top;
	background-repeat: no-repeat;	
}

#nissan .pgTtlIn{
	background-image: url(../lineup/img/pgttl_nissan.png);
}

#toyota .pgTtlIn{
	background-image: url(../lineup/img/pgttl_toyota.png);
}

#honda .pgTtlIn{
	background-image: url(../lineup/img/pgttl_honda.png);
}

#mazda .pgTtlIn{
	background-image: url(../lineup/img/pgttl_mazda.png);
}

#subaru .pgTtlIn{
	background-image: url(../lineup/img/pgttl_subaru.png);
}

#other .pgTtlIn{
	background-image: url(../lineup/img/pgttl_mitsubishi.png);
}

#other .pgTtlIn#otherTp {
	background-image: url(../lineup/img/pgttl_other.png);
	padding: 48px 0;	
}

#other .pgTtl {

}

.ttl{
	padding-top: 0;
}
.anc{
	width: 1160px;
	margin: 0 auto 4em;
	list-style: none;
/*	display: flex;
    justify-content: space-between;*/
}

.anc li{
	display: inline-block;
	width: 21%;
	margin-right: 4.8%;	
}

.anc li:last-child{
	margin-right: 0;
}

.anc li a{
	color: #000;
	text-decoration: none;
	font-family:serif;

	font-weight: bold;
}


/*.anc li a span{
	display: inline-block;
	width: 80%;
		font-size: 160%;
	 background: -moz-linear-gradient(right, #877608 50%, #BAA30B 100%);
  background: -webkit-linear-gradient(right, #877608 50%, #BAA30B 100%);
	   background-image: linear-gradient(to right, #877608 0%, #BAA30B 100%);
            background-repeat: no-repeat;
            background-size: 100% 0.5em;
            background-position: 0px 100%;
	padding: 0 0.5em 0.1em;
	transition: 0.5s;
	
	
}

.anc li a:hover span {
  background-color: #998bfa;
    background-position: -100% 100%;

}
*/

.anc li a span{
	display: inline-block;
	width: 90%;
	font-size: 130%;
	padding: 0 0.3em 0.15em;	
position:relative;
	 background: -moz-linear-gradient(right, #877608 50%, #BAA30B 100%);
  background: -webkit-linear-gradient(right, #877608 50%, #BAA30B 100%);
	   background-image: linear-gradient(to right, #877608 0%, #BAA30B 100%);
            background-repeat: no-repeat;
            background-size: 100% 0.5em;
            background-position: 0px 100%;
z-index: 10;
	
}

.anc li a span::before{
background: #BAA30B;
content: "";
z-index: -1;
height: 0.5em;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scale(0, 1);
transform-origin: right center 0;
-webkit-transform: 1s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}


.anc li a:hover span::before{
transform: scale(1, 1);
transform-origin: left center 0;

}




.sec01{
	margin-bottom: 60px;
}



.st{
	margin-bottom: 1em;
	line-height: 180px;
	font-size: 300%;
	font-weight: normal;
	color: #fff;
	font-family: 'Oranienbaum', serif;
	padding-left: 1em;
	background-position: left top;
	background-repeat: no-repeat;
	
}

#skyline .st {
	background-image: url(../lineup/img/subttl_nissan1.jpg);	
}

#fairlady .st {
	background-image: url(../lineup/img/subttl_nissan2.jpg);	
}

#supra .st{
	background-image: url(../lineup/img/subttl_toyota1.jpg);	
}

#alphard .st{
/*	background-image: url(../lineup/img/subttl_toyota2.jpg);	*/	
}

#mr2 .st{
	background-image: url(../lineup/img/subttl_toyota3.jpg);		
}

#nsx .st{
	background-image: url(../lineup/img/subttl_honda1.jpg);		
}

#s2000 .st{
	background-image: url(../lineup/img/subttl_honda2.jpg);		
}

#rx7 .st{
	background-image: url(../lineup/img/subttl_mazda1.jpg);		
}

#impreza .st{
/*	background-image: url(../lineup/img/subttl_subaru1.jpg);*/		
}


#wrx .st{
	background-image: url(../lineup/img/subttl_subaru2.jpg);		
}

#m-gto .st{
/*	background-image: url(../lineup/img/subttl_mitsubishi1.jpg);	*/	
}


#lancerevolution .st{
	background-image: url(../lineup/img/subttl_mitsubishi2.jpg);		
}





.sst{
	background: url(../lineup/img/ssttl.gif) left bottom no-repeat;
	margin-bottom: 1em;
	font-size: 300%;
	font-weight: normal;
	font-family: serif;
	padding-bottom: 0.3em;
	
}

.sstDg{
  position:relative;
    text-align:left;
    color:#000;
	margin-bottom: 1em;
	padding-top: 1em;
	font-size: 270%;
	font-weight: normal;
	font-family: serif;

}

.sstDg:before{
   border-top:2px solid #877608;
    content:"";
    position:absolute;
    top:72%;
    left:0;
    width:100%;
}

.sstDg span{
   background-color:#fff;
    display:inline-block;
    padding:0 1.5em 0.25em 0;
    position:relative;
   border-bottom:2px solid #877608;
}

.sstDg span:after{
	content: " ";
	width: 46px;
	height: 28px;
	display: inline-block;
	position: absolute;
	top: 28px;
	right:0;
	background-image: url(../lineup/img/sstdg_line.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
		
}


.sec01 .bxL{
	width: 640px;
	display: inline-block;
	vertical-align: top;
}

.sec01 .bxR{
	width: 474px;
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
}

.sec01 p{
	line-height: 1.8;

}

.bxSpc{
	background-color: #efefef;
	border: #ccc solid 1px;
	padding: 25px;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 4em;
	
}

.bxSpc h3{
	margin-bottom: 0.5em;
	display: inline-block;
	vertical-align: top;
	margin-right: 3em;
}

.bxSpc dl{
	display: inline-block;
	vertical-align: top;
	font-size: 90%;
}

.bxSpc dt{
 width: 100px;
float: left;
clear: both;
	padding-bottom: 10px;
}

.bxSpc dd{
padding: 0 0 10px 100px;
}

.bxSpc dl dt:last-of-type,
.bxSpc dl dd:last-of-type{
	padding-bottom: 0;
}

.bxSpc table{
	font-size: 90%;
	width: 85%;
	margin-left: 15%;
}

.bxSpc th,
.bxSpc td{
	padding-bottom: 10px;
	text-align: left;
	font-weight: normal;
}

.bxSpc th[scope="col"]{
	font-weight: bold;
	padding-left: 0.5em;
}

.bxAtt{
	width: 100%;
	border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;
	padding: 1.5em 0 2em;
	margin: 0 0 4em;
}

.bxAtt h3{
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}

.bxAtt > div{
	display: inline-block;
	vertical-align: top;
	width: 82%;
	font-size: 94%;
}

.txElarge{
	color: #666;
	font-size: 90%;display: block;
	margin-bottom: 1.5em;
}

@media screen and (max-width:767px){
	
#nissan .pgTtlIn{
	background-size: cover;

}
	
	
.ttl {
    font-size: 240%;
	margin-bottom: 0;
}
	
	
.anc {
    width: 90%;
	margin: 0 5% 1.5em;
	display: block;
}
	
.anc li {
    display: inline-block;
    width: 44%;
	margin-right: 8%;
	margin-bottom: 20px;
}
	
	.anc li:nth-child(2n){
		margin-right: 0;
	}	
	
	.anc li img{
		width: 100%;
	}
	
	.anc li a span{
		font-size: 120%;
	}
	
	
.st {
    font-size: 150%;
	line-height: 3em;
	padding-left: 0.5em;
}	
	
.st{
 	background-size: 160%;
	background-position: right center;
}	
	
.sst {
    font-size: 150%;
	background-size: 100%;
padding-bottom: 0.6em;

}
	
#other .pgTtlIn#otherTp {
padding: 15px 15px;	
}	
.sstDg{
	font-size: 150%;
	padding-top: 0;
}

.sstDg:before{
	top:45%;
    border-top: 1px solid #877608;
}

.sstDg span{
	padding-bottom: 0.3em;
    border-bottom: 1px solid #877608;

}

.sstDg span:after{	
	width: 31px;
	height: 18px;
	top: 15px;
	background-size: cover;		
}	
	
.sec01 .bxL {
    width: 100%;
}
	
.sec01 .bxR {
    width: 100%;
    margin-left: 0;
}	
	
.bxSpc {
    margin-top:1em;
    margin-bottom: 2em;
}
	
.bxAtt {
	margin-bottom: 2em;

}	
	
.bxAtt h3 {
	width: 40%;
}
	
	.bxAtt h3 img{
		width: 100%;
		height: auto;
	}	
	
.bxAtt > div {
    width: 100%;
}	
	
.conInq {
    width: 100%;
    margin: 0;

}
	
}

/*slider*/

.bx-wrapper{
	margin-bottom: 0 !important;
}

.bx-pager01,
.bx-pager02,
.bx-pager03,
.bx-pager04,
.bx-pager05{
	margin-top: 10px;

}

.bx-pager01:after,
.bx-pager02:after,
.bx-pager03:after,
.bx-pager04:after,
.bx-pager05:after{
	content: ""; 
	display: block; 
	clear: both;
}

.bx-pager01 a,
.bx-pager02 a,
.bx-pager03 a,
.bx-pager04 a,
.bx-pager05 a{
	display: block;
	float: left;
	width: 14.23%;
}
.bx-pager01 a img,
.bx-pager02 a img,
.bx-pager03 a img,
.bx-pager04 a img,
.bx-pager05 a img{  
opacity: 0.5;  
filter: alpha(opacity=50);
width: 100%;
}  
.bx-pager01 a.active img,
.bx-pager02 a.active img,
.bx-pager03 a.active img,
.bx-pager04 a.active img,
.bx-pager05 a.active img{  
opacity: 1;  
filter: alpha(opacity=100);  
}

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

	.bx-pager01 a,
.bx-pager02 a,
.bx-pager03 a,
.bx-pager04 a,
.bx-pager05 a{
	display: block;
	float: left;
	width:25%;
}
	
}


#otherlineup{
	
}


#otherlineup .bx1{
    width: 474px;
    display: inline-block;
    vertical-align: top;

}


#otherlineup .bx2{
width: 640px;
    display: inline-block;
    vertical-align: top;
	    margin-left: 40px;
}

.svs .bx1{
    width: 474px;
    display: inline-block;
    vertical-align: top;

}


.svs .bx2{
width: 640px;
    display: inline-block;
    vertical-align: top;
	    margin-left: 40px;
}

.svs .bx1 .st{
	background-color: #111;	
	padding-left: 0.5em;
	margin-top: 100px;

}

#otherlineup .st{
	background-color: #111;
margin-bottom: 1em;
    line-height: 180px;
    font-size: 300%;
	text-align: center;
    font-weight: normal;
    color: #fff;
    font-family: 'Oranienbaum', serif;
padding-left: 0;	
	margin-top: 100px;

}

#otherlineup .sec01{
	margin-bottom: 100px;
}

#otherlineup .sec01:after {
	content: ""; 
	display: block; 
	clear: both;
}



/*#honda_s660 .st{
	background-image: url(../lineup/img/subttl_other1.jpg);		
}

#suzuki_carry .st{
	background-image: url(../lineup/img/subttl_other2.jpg);		
}


#suzuki_jimny .st{
	background-image: url(../lineup/img/subttl_other3.jpg);		
}*/


#otherlineup #suzuki_carry .bx1{
	float: right;
}

#otherlineup #suzuki_carry .bx2{
	float:left;
	margin-left: 0;
}

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

#otherlineup .bx1{
    width: 100%;

}


#otherlineup .bx2{
    width: 100%;
	margin-left: 0;

}	
	
#otherlineup .sec01 {
    margin-bottom:30px;
}	
	
#otherlineup .st {
    background-color: #111;
    margin-bottom: 1em;
    line-height: 60px;
    font-size: 150%;
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-family: 'Oranienbaum', serif;
    padding-left: 0;
    margin-top: 0;
}
	
	.svs .bx1{
    width: 100%;
}


.svs .bx2{
    width: 100%;
	margin-left: 0;
}

.svs .bx1 .st{
    background-color: #111;
    margin-bottom: 1em;
    line-height: 60px;
    font-size: 150%;
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-family: 'Oranienbaum', serif;
    padding-left: 0;
    margin-top: 0;

}
	
}