@font-face {
  font-family:icon-Nissan-Global;
  font-style:normal;
  font-weight:normal;
  src:url(/COMMON/GN/FONTS/ICONS/Nissan-Global.eot);
  src:url(/COMMON/GN/FONTS/ICONS/Nissan-Global.eot?#iefix) format("embedded-opentype"),
  url(/COMMON/GN/FONTS/ICONS/Nissan-Global.woff) format("woff"),
  url(/COMMON/GN/FONTS/ICONS/Nissan-Global.ttf) format("truetype"),
  url(/COMMON/GN/FONTS/ICONS/Nissan-Global.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:normal;
  src:url(/COMMON/GN/FONTS/NissanBrandW01-Light.woff) format("woff"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Light.ttf) format("truetype"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Light.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:bold;
  src:url(/COMMON/GN/FONTS/NissanBrandW01-Bold.woff) format("woff"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Bold.ttf) format("truetype"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Bold.svg#wp-icons) format("svg");
}

body {
  /* font-family: Nissan-Global,"FP-ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
  font-family: Verdana,"FP-ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; */
}
body, div, p, li {
  font-size: 1rem;
}

main {
    position: relative;
}

.toTopBtn {
    display: block;
    background-color: #000000;
    background-image: url(/OPTIONAL-PARTS/NAVI_AUDIO/COMMON/IMAGES/to_top_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 0;
    right: 0;
    cursor:pointer;
    margin: 0 40px 40px 0;
    z-index: 9999999999999999;
}

/* section */
.section p {
    margin: 0 0 1em;
}
.section a {
    color: #343434;
    background: 0 0;
    width: auto;
    display: inline-block;
    font-size: 1em;
}
.section a:hover {
    color: #c3002f;
    text-decoration: underline;
}
.section a:after, .section button:after {
    font-size: 0.785714rem;
    content: "";
    color: rgb(195, 0, 47);
    top: 0;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
    right: 0px;
    margin-top: 0px;
    display: inline-block;
    overflow: hidden;
    font-family: icon-Nissan-Global !important;
}
.section .image a:after {
    content: "";
    display: none;
}
.section h2.no-deco {
    font-size: 1.5rem;
    font-weight: bold;
    border: none;
    line-height: 1.6;
}
.section span {
    font-size: inherit;
    font-weight: inherit;
}
.section h2.no-deco .red_box {
    border: 1px solid #c3002f;
    background-color: #c3002f;
    color: #fff;
    padding: 0.4rem 0.6rem;
    margin-right: 1rem;
    font-size: 0.8em;
}

.section h2.pointBox {
    display: table;
}
.section h2.pointBox > span {
    display: table-cell;
}
.section h2.pointBox > span.security,
.section h2.pointBox > span.hRightLogo {
    display: inline-block;
}
.section h2.pointBox > span.red_box {
    text-align: center;
    vertical-align: middle;
    min-width: 4rem;
}
.section h2.pointBox > span.red_box > span {
	white-space: nowrap;
}
.section h2.pointBox > span.red_box + span {
    padding-left: 0.8rem;
    vertical-align: middle;
}
.section h2.pointBox > span.red_box + span span {
    display: block;
}

.section .lead h3 {
    font-weight: bold;
    font-size: 1.285714285rem;
}

.section .grayTextBand {
    background-color: #eeeeee;
    padding: 0.25rem 1rem;
    margin: 1rem 0;
}

.section.articleBasicModule div.security,
.section.articleBasicModule .header .security,
.section.articleBasicModule div.hRightLogo,
.section.articleBasicModule .header .hRightLogo {
  position: absolute;
  right: 0;
  top: 0;
}

.section ul {
    margin: 1em 0;
}
.section .cta-list a {
    text-transform: none;
    width: auto;
    display: block;
    position: relative;
    font-size: 1em;
    margin-bottom: .7142857143em;
    padding: .8571428571em 45px .8571428571em 20px;
    border: 1px solid #c3002f;
    background: #c3002f;
    color: #fff;
    text-align: left;
}
.section .cta-list a:hover {
    background: #920023;
    border-color: #920023;
    text-decoration: none;
}
.section .cta-list a:after, .section .cta-list a:after {
    font-size: .7857142857rem;
    content: "";
    color: #fff;
    right: 20px;
    top: 50%;
    overflow: hidden;
    margin-top: -.5em;
    position: absolute;
    font-family: icon-Nissan-Global;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* gray_box1 */
.gray_box1 .content {
    border: 1px solid #eeeeee;
    background-color: #eeeeee;
    margin-top: 1.28571em;
    padding: 1.28571em!important;
}
.gray_box1 p {
    margin: 1em 0;
    text-align: center;
}
.gray_box1 a {
    text-decoration: underline;
    color: #c3002f;
}
.gray_box1 a:hover {
    text-decoration: none;
    color: #8a8a8a;
}

/* gray_box2 */
.gray_box2 .content  {
    border: 2px solid #dddddd;
    background-color: #f5f5f5;
    margin-top: 1.28571em;
    padding: 1em;
}
.gray_box2 td+td {
    padding-left: 1rem;
}

.gray_box1 th, .gray_box1 td,
.gray_box2 th, .gray_box2 td {
    vertical-align: top;
}

/* naviRecoSafetyPackage */
#naviRecoSafetyPackage .header {
  display: none;
}

/* specList */
dl.specList {
    border-top: 1px solid #eeeeee;
}
dl.specList+.specList {
    border-top: none;
    border-left: none;
}
dl.specList dt,
dl.specList dd {
    font-size: 0.857142857rem;
    font-weight: normal;
    padding: 0 15px;
    height: 4rem;
}
dl.specList dt {
    background-color: #eeeeee;
    border-bottom: 1px solid #ffffff;
}
dl.specList dd {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}


/* etc_table */
.etc_table {
    width: 100%;
    margin-top: 1.28571em;
}
.etc_table tr > * {
    border: 2px solid #dddddd;
    padding: 1rem;
    font-size: 1rem;
}
.etc_table th {
    background-color: #dddddd;
}
.etc_table .center {
    text-align: center;
}
.etc_table .colored {
    background-color: #F3EADD;
}

/* spec table */
.accordion-wrap.specInformation .description table.spec {
	width: 100%;
}
.accordion-wrap.specInformation .description table.spec th,
.accordion-wrap.specInformation .description table.spec td {
	border: 1px solid #c1c1c1;
	padding: 0.25em 0.5rem;
	font-weight: normal;
	vertical-align: middle;
}
.accordion-wrap.specInformation .description table.spec td {
	text-align: center;
}

/* slick slider */
.iframeBanner {
    margin-top:1.2857142857em;
    padding: 0 15px;
}
.carousel {
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.slick-slider {
    -webkit-tap-highlight-color: transparent;
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}
.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.banner-carousel .slick-slide, .c_007 .slick-slide img,
.banner-carousel .slick-slider .slick-list,
.banner-carousel .slick-track {
    transform: none;
}
.slick-track:after, .slick-track:before {
    content: '';
    display: table;
}
.slick-dots li, .slick-next, .slick-prev, audio, canvas, img, video {
    vertical-align: middle;
}
.color-picker li, .s7-frames-container, .slick-dots li, .slick-next, .slick-prev, audio, canvas, img, video {
    vertical-align: middle;
}
.slick-next, .slick-prev {
    background: 0 0;
    border: none;
    cursor: pointer;
    display: block;
    outline: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: 40%;
    white-space: nowrap;
    z-index: 10;
}
.slick-next, .slick-prev {
    background-clip: padding-box;
    box-sizing: content-box;
    height: 5.7142857143rem;
    text-align: center;
    transform: translateY(-50%);
    width: 1.3571428571rem;
    background-color: rgba(238,238,238,.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9EEEEEE, endColorstr=#D9EEEEEE);
    zoom: 1;
}
.color-picker li.prevnext, .slick-next, .slick-prev {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.slick-prev {
    /*border-right: 15px solid transparent;*/
    left: 0;
}
.slick-next {
    /*border-left: 15px solid transparent;*/
    right: 0;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-list, .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-perspective: 0;
    -moz-perspective: 0;
    perspective: 0;
    backface-visibility: hidden;
}
.slick-slide, .slick-slide img {
    transform: translate3d(0,0,0);
}
.banner-carousel .slick-slider .slick-list {
    padding-bottom:10%;
}
.slick-track {
    left: 0;
    top: 0;
}
.slick-track:after, .slick-track:before {
    content: '';
    display: table;
}
.invisible, .slick-loading .slick-list, .slick-loading .slick-track, .slick-slide {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}
.no-js .slick-slide, .slick-initialized .slick-slide {
    visibility: visible;
}
.carousel-slide {
    overflow: hidden;
    padding-top: 0;
}
.banner-carousel .carousel-slide {
    position: relative;
}
.banner-carousel .content-details {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.banner-carousel .content-details {
    padding: 0;
}
.banner-carousel .carousel-slide > a,
.banner-carousel .carousel-slide > span {
    display: block;
}
.banner-carousel .carousel-slide > span.cta {
    min-height: 66vw;
}
.banner-carousel img {
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: auto;
}
@media print, screen and (max-width: 59.9375em){
  .slick-next:before, .slick-prev:before {
      font-size: .9285714286rem;
  }
}
.banner-carousel .carousel .slick-next:before,
.banner-carousel .carousel .slick-prev:before {
    margin: 0 3px;
}
.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
.slick-dots li, .slick-dots li button {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.slick-dots li {
    margin: 0;
    padding: 0;
}
.slick-dots>li {
    margin-left: 2px;
}
.slick-dots>li:first-child {
    margin: 0;
}
.banner-carousel .carousel .slick-dots {
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 11.7142857143em;
    height: 1.4285714286em;
}
.banner-carousel .carousel .slick-dots {
    margin-top: -30px;
}
.banner-carousel .carousel .slick-dots li {
    margin-right: 2px;
}
.slick-dots li button:after {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 20px;
}
.slick-dots li, .slick-dots li button {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    height: auto;
    color: transparent;
    padding: 0 0 0 20px;
    margin: 0 9px;
    overflow: visible;
    width: 0;
}
.slick-dots>li>button {
    font-size: .7857142857em;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    width: 1em;
    height: 1em;
}
.slick-next:before, .slick-prev:before {
    content:"";
    color: #666;
    margin: 0 6px;
}
.slick-next:before {
    content: "";
}
.slick-dots>li>button:after {
    color: #c1c1c1;
    content: "";
    top: 0;
    right: auto;
    width: 100%;
}
.slick-dots>li.slick-active>button:after {
    color: #c3002f;
    content: "";
}
.slick-next:active, .slick-next:focus, .slick-next:hover, .slick-prev:active, .slick-prev:focus, .slick-prev:hover, .touch .slick-next:active, .touch .slick-prev:active {
    background: #c3002f;
}
.slick-next:active:before, .slick-next:focus:before, .slick-next:hover:before, .slick-prev:active:before, .slick-prev:focus:before, .slick-prev:hover:before, .touch .slick-next:active:before, .touch .slick-prev:active:before {
    color: #fff;
}
.slick-dots>li>button:active:after, .slick-dots>li>button:focus:after, .slick-dots>li>button:hover:after {
    color: #920023;
}
.iframeBanner .c_007 .carousel .slick-dots {
    bottom: 0%;
    padding-top: 1em;
}
.color-picker li ul.colors li.color button img:active, .color-picker li ul.colors li.color button:active, .slick-dots li button,
.slick-dots li button:focus, .slick-list:focus, .slick-next:focus, .slick-prev:focus, a:active, a:hover {
    outline: 0;
}

.section.articleBasicModule .header {
    position: relative;
}

.video_block {
    position:relative;
    width: 80%;
    padding-top: 45%;
    margin: 0 auto;
}
.video_block iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

/* top */
.topAnchorLinks {
    text-align: center;
}
.section .topAnchorLinks a {
	font-size: 1.142857142rem;
    padding: 0 1rem;
}
.section .topAnchorLinks a+a {
    border-left: 1px solid #7a7a7a;
}
#navigationLineup.section .swiper-slide .lead {
	text-align: center;
	font-size: 1.428571428rem;
}
#navigationLineup.section .swiper-slide .lead .grayTextBox {
	background-color: #666666;
	color: #ffffff;
	font-size: 1rem;
	min-width: 8rem;
	display: inline-block;
}
.section.relatedData .content {
	background-color: #eeeeee;
	padding-top: 0.1%;
}
.section.relatedData .content .lead {
	font-size: 1.428571428rem;
	font-weight: bold;
}
.section.relatedData a:after {
	display: none;
}
.section.relatedData .content .overview a {
  display: flex;
  background-color: #fff;
  border: 1px solid #fff;
  flex-basis: 30%;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 1.65% 1.6%;
  height: 3.5rem;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .section.relatedData .content .overview a {
    /* IE11 にのみ適用される */
    margin: 0 1.58% 1.6%;
  }
}
.section.relatedData .content .overview a:hover {
	border: 1px solid #c3002f;
	text-decoration: none;
}

#navitopSearch select,
#packageSearch select {
  outline: 2px solid #e4e4e4;
  outline-offset: -1px;
  text-indent: 1em;
  text-overflow: '';
  background: url('/OPTIONAL-PARTS/NAVI_AUDIO/COMMON/IMAGES/selectArrow.png') #fbfbfc no-repeat right;
  vertical-align: middle;
  font-size: inherit;
  color: #7a7a7a;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: 0;
  height: 40px;
  width: 334px;
}
#navitopSearch select option,
#packageSearch select option {
  background-color: #fbfbfc;
  color: #7a7a7a;
  height: 40px;
}
#navitopSearch select::-ms-expand,
#packageSearch select::-ms-expand {
  display: none;
}
#navitopSearch select:-moz-focusring,
#packageSearch select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}


/*---------------------------------------------------------------
	ナビ関連データ
---------------------------------------------------------------*/
/* 楽曲タイトルデータベース */
.dataList .box {
	margin: 0 0 58px;
	padding: 54px 0 0;
}
.dataList .box.last {
	margin-bottom: 0;
	padding-top: 58px;
	border-top: 1px solid #E1E1E1;
}
.dataList .box h3 {
	padding-bottom: 16px;
}
.dataList .dataListBox {
	margin-bottom: 22px;
	padding: 2px 0 10px;
	border-bottom: 1px dashed #B2B2B2;
}
.dataList .dataListBox.last {
	position: relative;
	margin: -8px 0 3px;
}
.dataListBox.colWrap ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 102%;
    flex-wrap: wrap;
    margin: 0 -1% 0;
}
.dataList .dataListBox.colWrap li {
	margin: 8px 1% 13px;
	width: 48%;
}
.dataList a {
	color: #000000;
	text-decoration: none;
}

/*---------------------------------------------------------------
    専用注記
---------------------------------------------------------------*/
p.specialnote1 {
    display: none;
}
body.specialnote1 p.specialnote1 {
    display: block;
}

/*---------------------------------------------------------------
    タブ切り替え
---------------------------------------------------------------*/
.tabGroup00, .tabGroup01, .tabGroup02, .tabGroup03 {
    display: none;
}
.tabGroup00.active, .tabGroup01.active, .tabGroup02.active, .tabGroup03.active {
    display: block;
}
@media screen and (max-width: 979px) {
	.section .cta-list li {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 10px auto;
		display: block;
	}
	.section .cta-list li a {
		width: 100%;
		text-align:  center;
	}
}