@charset "UTF-8";

@media screen and (max-width: 970px) {
/*  -----------  media Midium  ----------  */
div.editorialInPageNavigation .c_046 .docked-nav-wrapper.nav-static {
padding: 0 0;
}
/*--------------------------------------------------------*/
}

.pc-hidden { display: none !important; }
.sp-hidden { display: block !important; }

.caption {font-size: 85.7142%; text-align: right;}

@media screen and (max-width: 581px) {
/*  -----------  media Small  ----------  */
.pc-hidden { display: block !important; }
.sp-hidden { display: none !important; }
	
.caption {font-size: 78.5714%;  text-align: left;}
/*  -----------  media Small  ----------  */
}

#blk-ehon-top,
#blk-ehon-bottom {
position: relative;
box-sizing: border-box;
width: 100%;
max-width: 990px;
margin: 0 auto;
padding: 0 0 0 0;
}
#blk-ehon-top {
padding: 0 15px;
}
#blk-ehon-top > .inner,
#blk-ehon-bottom > .inner {
position: relative;
}
#blk-ehon-top > .inner {
padding: 6.25% 0;
}

#blk-ehon-top #hd-blk {
position: relative;
display: flex;
width: 100%;
align-items: center;
}
#blk-ehon-top #hd-blk h1 {
width: 22.125%;
margin: 0 0 0 0;
}
#blk-ehon-top #hd-blk p {
width: 41.66666%;
margin: 0 0 0 20px;
}
#blk-ehon-top #hd-blk > a {
display: block;
position: absolute;
right: 0;
top: 50%;
width: 12.2916%;
transform: translate(-5%,-50%);
}
#blk-ehon-top #hd-blk img {
display: block;
width: 100%;
height: auto;
}
#blk-ehon-movie {
position: relative;
width: 100%;
max-width: 880px;
margin: 3.125% auto 0 auto;
}
#blk-ehon-top > .inner {
position: relative;
}

#blk-ehon-top #box-yt-movie {
position: relative;
width: 100%;
padding: 0 0 56.25% 0;
}
#blk-ehon-top #box-yt-movie #ytplayer {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

#blk-ehon-top #blk-car-info {
position: relative;
display: flex;
justify-content: center;
width: 100%;
max-width: 880px;
margin: 5.20833% auto 0 auto;
}
#blk-ehon-top #blk-car-info::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
padding: 0 0 5.5681% 0;
margin: 0 0 2.75% 0;
background-image: url(../../IMAGES/line_info_01.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}
#blk-ehon-top #blk-car-info img {
position: relative;
display: block;
width: 100%;
height: auto;
}

#blk-ehon-top #blk-car-info #box-car-info-01 {
position: relative;
width: 31.8181%;
margin: 0 1.275% 0 0;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .f-box {
position: relative;
width: 100%;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .f-box::after {
content: '';
display: block;
clear: both;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .item-01 {
position: relative;
width: 100%;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .item-01 span {
position: absolute;
left: 0;
top: 0;
width: 15.8995%;
margin: 49.25% 0 0 63.2142%;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .item-02 {
position: relative;
width: 38.5714%;
margin: 2.75% 0 0 28.5714%;
}

#blk-ehon-top #blk-car-info #box-car-info-02 {
position: relative;
width: 56.81818%;
margin: 0 0 0 0;
}
#blk-ehon-top #blk-car-info #box-car-info-02 .car-item {
position: relative;
width: 100%;
}
#blk-ehon-top #blk-car-info #box-car-info-02 .info-items {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#blk-ehon-top #blk-car-info #box-car-info-02 .info-items .f-box {
position: relative;
display: flex;
justify-content: center;
width: 100%;
}
#blk-ehon-top #blk-car-info #box-car-info-02 .info-items .item {
/*  w: 147  */
position: relative;
width: 29.4%; /* 147/500 */
margin: 0 1%;
}
#blk-ehon-top #blk-car-info #box-car-info-02 .info-items .item-01 {
/*  t: 60  */
margin-top: 3.2%;
}
#blk-ehon-top #blk-car-info #box-car-info-02 .info-items f-box .item-02 {
/*  t: 0  */
margin-top: 0%;

}
#blk-ehon-top #blk-car-info #box-car-info-02 .info-items f-box .item-03 {
/*  t: 12  */
margin-top: 2.4%
}


@media screen and (max-width: 581px) {
/*  -----------  media Small  ----------  */

#blk-ehon-top > .inner {
padding: 8.6956% 0 6.25% 0;
}

#blk-ehon-top #hd-blk {
display: block;
}

	
#blk-ehon-top #hd-blk h1 {
width: 52.7536%;
margin: 0 0 0 0;
}
#blk-ehon-top #hd-blk p {
width: 92.7536%;
margin: 5.125% auto 0 auto;
}
#blk-ehon-top #hd-blk > a {
top: 0;
width: 20.5797%;
transform: translate(10px,-15%);
}


#blk-ehon-top #blk-car-info {
display: block;
margin: 5.20833% auto 0 auto;
}
#blk-ehon-top #blk-car-info::after {
margin: 0 0 5.75% 0;
}
#blk-ehon-top #blk-car-info img {
position: relative;
display: block;
width: 100%;
height: auto;
}

#blk-ehon-top #blk-car-info #box-car-info-01 {
width: 100%;
margin: 0 0 8.6956% 0;
}

#blk-ehon-top #blk-car-info #box-car-info-01 .item-01 {
position: relative;
width: 70.4411%;
float: right;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .item-01 span {
margin: 18.1628% 0 0 -6.2630%;
}
#blk-ehon-top #blk-car-info #box-car-info-01 .item-02 {
position: absolute;
left: 0;
top: 0;
width: 22.1739%;
margin: 0 0 0 4.3478%;
transform: translate(0,9.125%);
}
#blk-ehon-top #blk-car-info #box-car-info-02 {
width: 100%;
}
	
/*--------------------------------------------------------*/
}

#blk-ehon-bottom div.col-6 {
margin: 2% 0 0 0;
}

@media screen and (max-width: 970px) {
/*  -----------  media Midium  ----------  */
#blk-ehon-bottom div.col-6 {
margin: 2.75% 0 0 0;
}
/*--------------------------------------------------------*/
}

a.h-btn {
position: relative;
display: inline-block;
font-size: 1em;
word-break: break-word;
width: 100%;
padding: .8571428571em 45px .8571428571em 20px;
padding-top: 0.857143em;
padding-right: 45px;
padding-bottom: 0.857143em;
padding-left: 20px;
border: 1px solid #c3002f;
background: #c3002f;
color: #fff;
/* font-size: 0.92857rem; */
font-family: "Nissan Regular", Verdana, Arial, sans-serif;	
}

a.h-btn:hover {
background: #920023;
border-color: #920023;
}

a.h-btn::after {
content: '\E634';
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;
}




