@charset "utf-8";

body {
	-webkit-text-size-adjust:100%;/*iphone用*/
	font-family: DefaultRegular, Arial, Helvetica, sans-serif;
	overflow-y: scroll;
}
body.ja {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

.visual_icon a:link,.visual_icon a:visited,.visual_icon a:hover,.visual_icon a:active {
	color:#000;
}




#visual #container {
	margin-top:180px;
}

#visual .visual {
	width:100%;
	height:100%;;
}

#visual .box {
	height:350px;
}

.visual_icon {
	font-size:0.8em;
}



div.v_left {
	display:inline-block;
	position:relative;
	width:48%;
	height:380px;
	background:#222222;
	margin-bottom:5px;
	vertical-align:middle;

}
body.mx-5 div.v_left{
	background:#fff;
}
body.mx-5.adr div.v_left{
	background:#222222;
}

div.v_right {
	display:inline-block;
	position:relative;
	width:48%;
	height:380px;
	background:#d8d8d8;
	margin-bottom:5px;
		vertical-align:middle;

}
body.mx-5 div.v_right{
	background:#fff;
}



div.v_left {
	float:left;
}
div.v_right {
	float:right;
}



.vr_title {
	position:relative;
	width:55%;
	margin:20px auto 0 auto;
	text-align:center;
	border:1px solid #000;
	background:#eee;
	vertical-align:middle;

}

/******Adjusting the position of the entrance banner*****/
	/*common*/
	.extindex1_sedan,.intindex1_lhd {
			margin-top:50px;
	}
	.not_choice .extindex1_sedan, .not_choice .intindex1_lhd {
			margin-top:75px;
	}
	.not_choice .extindex1_wagon, .not_choice .intindex1_rhd {
			display:none;;
	}
	
	/*mx-5 eu es*/
	body.eu.es .extindex1_sedan, body.eu.es .intindex1_lhd {
			margin-top:25px;
	}
	body.eu.es .not_choice .extindex1_sedan, body.eu.es .not_choice .intindex1_lhd {
			margin-top:70px;
	}
	body.eu.es .not_choice .extindex1_wagon, body.eu.es .not_choice .intindex1_rhd {
			display:none;;
	}
/******Adjusting the position of the entrance banner*****/



.vr_title p{
	width:80%;
	margin:0;
	padding:0;
	display:inline-block;
	text-align:center;
	padding:8px 0px;
	
}

.v_left img,.v_right img{
	position:absolute;
	width:100%;
	bottom:0;
}


div.not_choice {
		cursor:pointer;
}


.vr_title div,.vr_title div{
	display:inline-block;
	position:absolute;
	width:12px;
	height:16px;
	background:url("../img/arrow2_on.png");
	top:50%;
	margin-top:-0.6em;
		right:10px;

}



.vr_title:hover > div{
	background:url("../img/arrow2_off.png");
}
.vr_title:hover{
	background:#117dc3;
	color:#fff;
}







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

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

.vr_title {
		width:70%;
}

}

@media screen and (max-width:768px) {
	div.v_left,div.v_right {
		height:320px;
	}
/******Adjusting the position of the entrance banner*****/
	/*common*/
	.extindex1_sedan, .intindex1_lhd {
		margin-top:25px;
	}
	.not_choice .extindex1_sedan, .not_choice .intindex1_lhd{
		margin-top:75px;
	}
	
/******Adjusting the position of the entrance banner*****/	
	

	.vr_title div,.vr_title div{
		margin-top:-0.5em;
	}
	
	

	
	#visual #container {
		margin-top:120px;
	}
	
	.vr_title {
		width:80%;
	}

}

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



	div.v_left,div.v_right {
		width:100%;
	}
	div.v_left,div.v_right {
		height:380px;
	}

}

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

	div.v_left,div.v_right {
		height:300px;
	}
	
.not_choice .extindex1_sedan, .not_choice .intindex1_lhd{
	margin-top:70px;
}


}

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

#visual #container {
	margin-top:117px;
}


}


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

#visual #container {
	margin-top:106px;
}

}