﻿.slider-wrapper { overflow: hidden; width: 1200px; max-width: 100%;}
.slider { position: relative; left: 8%; overflow: visible !important;}
/*.slide { width: 11.7% !important;}
.slide p { width: 92%; margin-left: auto; margin-right: auto; color: #EEE;}*/
.slide { width: 10.3% !important;}
.slide p { width: 92%; margin-left: auto; margin-right: auto; color: #EEE;}
.slide p img { width: 100%; height: auto;}
.bx-wrapper {box-shadow: none;border: none;margin: 0 auto; width: 1200px; max-width: 100%; background: #282828; padding: 4vw 0;}
body{ border-top:6px solid #c50032;}
.position_r{ position: relative;}
.footer{ background:#000; padding: 50px 0 25px 0; width: 100%;}
.header .fl{ max-width: 23%;}
.header .fr{ max-width: 70%;}
.mb3vw{ margin-bottom: 3vw;}
.btn01{ position: absolute; bottom: 17.95%; z-index: 999; left: 0; width: 100%; text-align: center; display: block;}
.btn01 a{ display: inline-block; width:86.7%; margin: 0 6.5%; text-align: center;}
.nissan_07{ position: relative;}
.nissan_07_01{ position: absolute; bottom: 10.5%; width: 97.5%; margin: 0 1.25%;}
.nissan_07_02 a{ width: 33.33%; display: inline-block; float: left;}
.clear {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
@media only screen and (min-width: 769px) {
	#main_img{
		/*max-width: 85%;
		min-width: 1000px;*/
		width: 100%;
		height: auto;
		font-size: 0px;
		line-height: 0px;
		margin: 0px auto;
		background-color: #000000;
	}
	#main_img_in{
		max-width: 1200px;
		min-width: 1000px;
		height: auto;
		font-size: 0px;
		line-height: 0px;
		margin: 0px auto;
	}
	#main_img img{
		width: 100%;
		height: auto;
	}
	#main_img_in img{
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 768px) {
	#main_img{
		width: 100%;
		height: auto;
		font-size: 0px;
		line-height: 0px;
		margin: 0px auto;
	}
	#main_img_in{
		width: 100%;
		height: auto;
		font-size: 0px;
		line-height: 0px;
		margin: 0px auto;
	}
	#main_img img{
		width: 100%;
		height: auto;
	}
	#main_img_in img{
		width: 100%;
		height: auto;
	}
}

#main_img_area{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
@media only screen and (min-width: 769px) {
#main_img_area{
	margin: 0px auto;
	width: 1000px;
	height: auto;
	font-size: 0px;
	line-height: 0px;
}
}
@media only screen and (max-width: 768px) {
#main_img_area{
	margin: 0px auto;
	width: 100%;
	height: auto;
	font-size: 0px;
	line-height: 0px;
}
}
#main_img_area img{
	width: 100%;
	height: auto;
}
.btn a{
	width: 100%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
@media only screen and (min-width: 769px) {
.btn a img:hover{
	opacity: 0.8;
}
}
.btn a img{
	width: 100%!important;
	height: auto!important;
}
.btn_non {
	width: 100%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.btn_non img{
	width: 100%!important;
	height: auto!important;
}
.two_btn_area{
	width: 100%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-image: url("../images/img_02.jpg");
}
.two_btn{
	float: left;
	width: 50%;
	height: auto;
	font-size: 0px!important;
	line-height: 0px!important;
}
.two_btn img{
	width: 100%!important;
	height: auto!important;
}
/*#btn_bg01 img{
	width: 100%!important;
	height: auto!important;
}
#btn_bg01{
	background-color: #FFFFFF;
}
#btn_bg02 img{
	width: 100%!important;
	height: auto!important;
}
#btn_bg02{
	background-color: #FFFFFF;
}
#btn_bg07{
	background-repeat: no-repeat!important;
	background-size: cover!important;
}*/
#btn_bg01 a{
	background-color: #000000;
}
#btn_bg02 a{
	
}
#btn_bg03 a{
	
}
#btn_bg04 a{
	background-color: #FFFFFF;
}

.sidebox {
  z-index: 100;
  display: block;
  height: auto;
  font-size: 0px;
  line-height: 0px;
  width: 100%;
  margin: 0px auto;
  position: fixed;
  bottom: 0px;
  left: -50%;
  right: -50%;
  background-image: url("../images/bt_bg.png");
}
@media print, screen and (min-width: 769px) {
	.sidebox {
		padding: 15px 0 15px 0;
	}
}
@media only screen and (max-width: 768px) {
	.sidebox {
		padding: 5px 0 5px 0;
	}
}
.sidebox .sidemenu_in {
  margin: 0px auto;
}
@media print, screen and (min-width: 769px) {
  .sidebox .sidemenu_in {
    width: 600px;
	margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .sidebox .sidemenu_in {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
.sidebox .smenu01 a {
  display: block;
  float: none;
  width: 100%;
	
	position: relative;
	overflow: hidden!important;
}
.sidebox .smenu01 a:hover{
	opacity: 0.8;
}
}
@media only screen and (max-width: 768px) {
.sidebox .smenu01 a {
  display: block;
  /*float: left;
  width: 25%;*/
	width: 100%;
	
}
/*.sidebox .smenu01 a::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 33%;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}*/
}
.sidebox .smenu02 a {
  display: block;
  float: right;
  width: 50%;
}
.sidebox a img {
  width: 100%;
  height: auto;
}
.btn a{
	width: 100%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.btn_tw{
	width: 100%!important;
	height: auto!important;
	/*background-repeat: no-repeat!important;
	background-size: cover!important;*/
}
.btn_tw .tw_btn a{
	float: left!important;
	width: 50%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
.btn_tw .tw_btn a img{
	width: 100%;
	height: auto;
}

.btn_tw .tw_btn_ti{
	float: left!important;
	width: 50%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
.btn_tw .tw_btn_ti img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 769px) {
.footer{
	margin-bottom: 210px;
}
}
@media only screen and (max-width: 768px) {
.footer{
	margin-bottom: 160px;
}
}


