﻿.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;
}
.bg-01{
	width: 100%;
	height: auto;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-image: url("../images/bg01.jpg");
}
.bg-02{
	width: 100%;
	height: auto;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-image: url("../images/bg02.jpg");
}
.bg-03{
	width: 100%;
	height: auto;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-image: url("../images/bg03.jpg");
}
@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;
}
.bg_col01{
	background-color: #FFE100;
}
.bg_col02{
	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: 790px;*/
	width: 830px;
	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 .single_btn a{
	float: none;
	width: 100%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
.btn_tw .single_btn a img{
	width: 100%;
	height: auto;
}

.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 .single_btn_01 a{
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
@media print, screen and (min-width: 769px) {
.btn_tw .single_btn_01 a{
	float: left;
	width: 40%!important;
}
}
@media only screen and (max-width: 768px) {
.btn_tw .single_btn_01 a{
	float: none;
	width: 100%!important;
}
}
.btn_tw .single_btn_01 a img{
	width: 100%;
	height: auto;
}

.btn_tw .tw_btn_01 a{
	float: left!important;
	width: 50%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
@media print, screen and (min-width: 769px) {
.btn_tw .tw_btn_01 a{
	width: 30%!important;
}
}
@media only screen and (max-width: 768px) {
.btn_tw .tw_btn_01 a{
	width: 50%!important;
}
}
.btn_tw .tw_btn_01 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;
}


.btn_th{
	width: 100%!important;
	height: auto!important;
	/*background-repeat: no-repeat!important;
	background-size: cover!important;*/
}
.btn_th .th_btn a{
	float: left!important;
	width: 33%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
.btn_th .th_btn a img{
	width: 100%;
	height: auto;
}

.btn_th .th_btn_ti{
	float: left!important;
	width: 33%!important;
	height: auto!important;
	display: block!important;
	font-size: 0px!important;
	line-height: 0px!important;
}
.btn_th .th_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;
}
}

.clear {
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: block;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}


@media print, screen and (min-width: 769px) {
	.pc_wi90_sm_wi94{
		width: 90%;
		margin: 0 auto;
	}
	.tw_area_l{
		float: left;
		width: 48%;
		height: auto;
	}
	.tw_area_r{
		float: right;
		width: 48%;
		height: auto;
	}
	ul.shp_li{
		width: 92%;
		margin: 15px auto 25px; 
	}
	ul.shp_li li a{
		text-decoration: underline;
		font-weight: 600;
		display: block;
		color: #c90028;
		font-size: 32px;
		padding-left: 1em;
		text-indent: -1em;
	}
	.ft_ad_area{
		width: 1100px;
		margin: 10px auto;
	}
	.flimg{
		width: 33%;
		float: left;
		height: auto;
		font-size: 0px;
		line-height: 0px;
	}
	.flimg img{
		width: 100%;
		height: auto;
	}
	.ftr_sub_area{
		padding: 30px 0px;
		display: block;
		width: 100%;
		background: #000000;
	}
}
@media only screen and (max-width: 768px) {
	.pc_wi90_sm_wi94{
		width: 94%;
		margin: 0 auto;
	}
	.tw_area_l{
		float: left;
		width: 48%;
		height: auto;
	}
	.tw_area_r{
		float: right;
		width: 48%;
		height: auto;
	}
	ul.shp_li{
		width: 82%;
		margin: 12px auto 20px; 
	}
	ul.shp_li li a{
		text-decoration: underline;
		font-weight: 600;
		display: block;
		color: #c90028;
		font-size: 18px;
		padding-left: 1em;
		text-indent: -1em;
	}
	.ft_ad_area{
		width: 92%;
		margin: 10px auto;
	}
	.flimg{
		width: 90%;
		float: none;
		height: auto;
		font-size: 0px;
		line-height: 0px;
		margin: 0 auto;
	}
	.flimg img{
		width: 100%;
		height: auto;
	}
	.ftr_sub_area{
		display: block;
		width: 100%;
		background: #000000;
		padding: 20px 0px;
	}
}
@media print, screen and (min-width: 769px) {
.ftr_sub_area{
	margin-bottom: 110px;
}
}
@media only screen and (max-width: 768px) {
.ftr_sub_area{
	margin-bottom: 190px;
}
}


#link_btn_area01{
	position: relative;
	display: block;
}

@media print, screen and (min-width: 769px) {
#link_btn_area01 #link_btn_img01-a a:hover{
	opacity: 0.9;
}
}
#link_btn_area01 #link_btn_img01-a a{
	position: absolute;
	bottom: 6.66666%;
	left: 10%;
	display: block;
	width: 36%;
}

@media print, screen and (min-width: 769px) {
#link_btn_area01 #link_btn_img01-b a:hover{
	opacity: 0.9;
}
}
#link_btn_area01 #link_btn_img01-b a{
	position: absolute;
	bottom: 6.66666%;
	right: 10%;
	display: block;
	width: 36%;
}



@media print, screen and (min-width: 769px) {
#link_btn_area01 #link_btn_img01 a:hover{
	opacity: 0.9;
	/*left: 8%;
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.15,1.15);
	-o-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
	transform: scale(1.15,1.15);*/
}
}
#link_btn_area01 #link_btn_img01 a{
	position: absolute;
	bottom: 7.622222%;
	left: 7%;
	display: block;
	width: 84%;
	/*transform: 0.8s;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all  0.8s ease;*/
}

#link_btn_area02{
	position: relative;
	display: block;
}
@media print, screen and (min-width: 769px) {
#link_btn_area02 #link_btn_img02 a:hover{
	opacity: 0.9;
	/*left: 6%;
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.15,1.15);
	-o-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
	transform: scale(1.15,1.15);*/
}
}
#link_btn_area02 #link_btn_img02 a{
	position: absolute;
	top: 74%;
	left: 6%;
	display: block;
	width: 88%;
	/*transform: 0.8s;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all  0.8s ease;*/
}

#link_btn_area03{
	position: relative;
	display: block;
}
@media print, screen and (min-width: 769px) {
#link_btn_area03 #link_btn_img03 a:hover{
	opacity: 0.9;
	/*left: 6%;
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.15,1.15);
	-o-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
	transform: scale(1.15,1.15);*/
}
}
#link_btn_area03 #link_btn_img03 a{
	position: absolute;
	top: 92%;
	left: 6%;
	display: block;
	width: 88%;
	/*transform: 0.8s;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all  0.8s ease;*/
}












