@charset "UTF-8";

/*--------------------

	parts

--------------------*/

.pc-obj {

  display: block;

}



.pc-item {

  display: block;

}



.sp-obj {

  display: none !important;

}



.sp-item {

  display: none !important;

}



/*------clearFix------*/

/* For modern browsers */

.cf:before,

.cf:after {

  content: " ";

  display: table;

}



.cf:after {

  clear: both;

}



/* For IE 6/7 only */

.cf {

  *zoom: 1;

}



/*フォント設定*/

html,

.zip-input {

  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;

  color: #333;

}



#gnHeader .headerMenu ul.layer01 > li > a {

  display: block;

  background: url(http://www.nissan.co.jp/SP/COMMON/GN/IMAGES/icn_menu_off.png) no-repeat 96% center;

  background-size: 12px 8px;

  padding: 12px 0;

  border: 0;

}



/*PCグロナビ*/

.top-nav {

  position: relative !important;

}



/*ヘッダー・フッター*/

.restrict {

  max-width: 1280px !important;

}



/* ページトップ */

.pagetop {

  text-align: right;

  margin-bottom: 15px !important;

}



/*メインカラム*/

#mainContents p,

pre,

dl,

dt,

dd {

  margin: 0;

  line-height: 1.6em;

  color: #343434;

}



#mainContents header {

  margin: 0 auto;

  padding: 40px 0 14px;

  text-align: center;

}

#mainContents .inner {

  margin: 0 auto;

  padding: 20px 0;

}

#mainContents #movieArea {

  background: url(../IMAGES/pc_bg.png) center 25px;

}

#mainContents h2 {

  margin: 10px 0 30px;

  text-align: center;

}

#mainContents h2 .pc-item {

  display: inline;

}

#mainContents .movieBox {

  width: 650px;

  margin: 0 auto 20px;

}

#mainContents .movieBox .youtube {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

}

#mainContents .movieBox .youtube iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

}

#mainContents #carLineup {

  width: 1200px;

  margin: 0 auto;

  padding: 60px 0;

}

#mainContents #carLineup .cars {

  margin: 60px -60px 50px 0;

}

#mainContents #carLineup .cars > li {

  width: 315px;

  margin-bottom: 50px;

  float: left;

}

#mainContents #carLineup .cars > li h3 {

  box-sizing: border-box;

  margin: 0 60px 18px 0;

  padding: 0.5em 0;

  height: 2em;

  font-size: 15px;

  color: #787878;

  border-bottom: 1px solid #e4e4e4;

}

#mainContents #carLineup .cars > li h3 .sup {

	margin-left:-0.5em;

}

#mainContents #carLineup .cars > li h3 .sup100 {

  margin-left:-0.5em;

}

#mainContents #carLineup .cars > li .spaceNone {

  margin-right: 0;

}

#mainContents #carLineup .cars > li img {

  margin-bottom: 10px;

}

#mainContents #carLineup .cars > li p {

  font-size: 13px;

  height: 3.2em;

  margin-right: 30px;

  color: #787878;

}

#mainContents #carLineup .cars > li p.pcOnly {

  height: 4.8em;

}

#mainContents #carLineup .cars > li a {

  display: block;

  position: relative;

}

#mainContents #carLineup .cars > li a:hover:before {

  display: block;

  position: absolute;

  content: "";

  background: url(../IMAGES/icn_click.png) no-repeat;

  background-size: contain;

  width: 85px;

  height: 17px;

  left: 30%;

  top: 35%;

  z-index: 100;

  opacity: 1.0;

  -ms-filter: "alpha(opacity=100)";

}

#mainContents #carLineup .linkArea {

  margin: 40px 0 100px;

  display: table;

}

#mainContents #carLineup .linkArea > li {

  display: table-cell;

  width: 390px;

}

#mainContents #carLineup .linkArea > li img {

  width: 100%;

}

#mainContents #carLineup .linkArea > li:nth-child(2) {

  padding: 0 15px;

}

#mainContents #carLineup .note{
  margin-top: -40px;
  margin-bottom: 80px;
}

#mainContents #carLineup .note p {
  font-size: 13px;
  line-height: 1.6em;
  color: #787878;
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}


a:hover img {

  opacity: 0.8;

  -ms-filter: "alpha(opacity=80)";

}



br.pc-on {

  display: inline;

}



.noBr {

	display:inline-block;

}



/*-----------------------------

	1280px以下

-----------------------------*/

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

  #mainContents {

    min-width: 1000px;

    /*.movieBox {

    	max-width:650px;

    	width:80%;

    }*/

  }

  #mainContents header img {

    width: 95%;

  }

  #mainContents .inner, #mainContents #carLineup {

    width: 95.625% !important;

  }

  #mainContents #carLineup .cars {

    margin: 5% -15px inherit 15px;

  }

  #mainContents #carLineup .cars > li {

    width: 25%;

  }

  #mainContents #carLineup .cars > li h3 {

    margin: 0 15% 2% 0;

    height: 2em;

  }

  #mainContents #carLineup .cars > li h3 .sup100 {

	  font-size:12px;

  }

  #mainContents #carLineup .cars > li img {

    max-width: 264px;

    width: 96%;

  }

  #mainContents #carLineup .cars > li p {

    margin-right: 10%;

  }

  #mainContents #carLineup .linkArea > li {

    width: 32%;

  }

  #mainContents #carLineup .linkArea > li:nth-child(2) {

    width: 36%;

    padding: 0 2%;

  }





}

/*------- footer ---------*/

.container {

  margin: 0px 2.2%;

}



/*-----------------------------

	930px以下

-----------------------------*/

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

	 br.pc-on {

    display: none;

  }

}

/*	#mainContents {

		header {

			padding-top: 5%;

		}

		.inner {

			padding: 2% 0;

		}

		#carLineup {

			padding: 5% 0;

		}

		h2 {

			img {

				width:96%;

			}

		}

	}



}*/

/*-----------------------------

	768px以下

-----------------------------*/

/*@media only screen and (max-width: 768px) {

	#mainContents {

		header {

			padding-top: 2%;

		}

	}

	.pc-obj {

		display: none !important;

	}

	.sp-obj {

		display: block !important;

	}

}*/

/*-----------------------------

	640px以下

-----------------------------*/

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

  #mainContents {

    min-width: 0;

  }

  #mainContents header {

    padding-top: 0;

    width: 98%;

  }

  #mainContents h2 {

    margin: 10px 0 20px;

  }

  #mainContents h2 img {

    width: 100%;

  }

  #mainContents #movieArea {

    background: url(../IMAGES/sp_bg.png) center 14px;

    background-size: 6.8% auto;

  }

  #mainContents .movieBox {

    margin-bottom: 16px;

    width: 100%;

  }

  #mainContents #carLineup {

    width: 100% !important;

    box-sizing: border-box;

    padding: 40px 0 30px 0;

  }

  #mainContents #carLineup .cars {

    box-sizing: border-box;

    margin: 45px 0 30px 0;

	padding-left:5%;

  }

  #mainContents #carLineup .cars > li {

    width: 50%;

    margin: 0 0 50px;

    padding-left: 0;

    padding-right: 0;

  }

  #mainContents #carLineup .cars > li h3 {

    margin: 0 16% 2% 0;

  }

  #mainContents #carLineup .cars > li h3 .sup {

	  font-size:11px;

  }

  #mainContents #carLineup .cars > li h3 .sup100 {

	  margin-left:-0.5em;

	  font-size:9px;

	  letter-spacing:-1px;

  }

  #mainContents #carLineup .cars > li .spaceNone.spOnly {

    margin-right: 16%;

  }

  #mainContents #carLineup .cars > li a {

    display: block;

    margin-right: 16%;

  }

  #mainContents #carLineup .cars > li img {

    margin-bottom: 1%;

    width: 100%;

  }

  #mainContents #carLineup .cars > li p {

    height: 3.2em;

    margin-right: 13%;

  }

  #mainContents #carLineup .cars > li p.spOnly {

    height: 4.8em;

  }

  #mainContents #carLineup .cars > li p.pcOnly.off {

    height: 3.2em;

  }

  #mainContents #carLineup .cars > li a:hover:before {

    position: absolute;

    content: "";

    background: url(../IMAGES/icn_click.png) no-repeat;

    background-size: contain;

    width: 60px;

    height: 12px;

    left: 30%;

    top: 35%;

    z-index: 100;

    opacity: 1.0;

    -ms-filter: "alpha(opacity=100)";

  }

  #mainContents #carLineup .cars > li:nth-child(2n) {

    padding-right: 0;

    padding-left: 0;

  }

  #mainContents #carLineup .linkArea {

    margin: 8% 0 5%;

    padding: 0 3%;

    display: block;

  }

  #mainContents #carLineup .linkArea > li {

    display: block;

    width: 100% !important;

    margin: 4% 0;

    padding: 0 !important;

  }

#mainContents #carLineup .note{
  padding: 0 20px;
  margin-bottom: 50px;
  clear: both;
}

  .pc-item {

    display: none !important;

  }



  .sp-item {

    display: block !important;

  }



  .pc-obj {

    display: none !important;

  }



  .sp-obj {

    display: block !important;

  }

}



/*# sourceMappingURL=style.css.map */