@charset "UTF-8";

#flt-area-info {
position: fixed;
left: 0;
bottom: -240px;
width: 100%;
margin: 0 0 0 0;
background-color: rgba(0,0,0,0.8);
transition: bottom 0.8s;
color: #eee;
z-index: 90000;
transition: bottom 0.8s;
}
#flt-area-info.opened {
bottom: 0;
}
#flt-area-info p {
margin: 0;
padding: 0;
}
#flt-area-info > .inner {
position: relative;
width: 100%;
padding: 0 0 8px 0;
}
#flt-area-info #area-info-contents {
max-width: 932px;
margin: 0 auto;
padding: 46px 15px 25px 15px;
}
#flt-area-info #area-info-contents > a {
position: relative;
display: block;
}
#flt-area-info #area-info-contents > a img {
display: block;
width: 100%;
height: auto;
}
#flt-area-info #area-info-contents > a img.flt-banner-pc {
display: none;
}
#flt-area-info #area-info-contents > a img.flt-banner-sp {
display: block;
}

#flt-area-info .txt-timer {
position: absolute;
right: 5px;
bottom: 2px;
font-size: 8px;
letter-spacing: 0.08125em;
}
#flt-area-info #area-info-progress {
position: absolute;
box-sizing: border-box;
bottom: 0;
left: 0;
width: 100%;
padding: 5px 42px 5px 0;
background: #000;
}
#flt-area-info #area-info-progress .bar {
width: 0%;
height: 4px;
background-color: #8a8a8a;
background-image: url(/TOP/2018/RECOMMEND/IMAGES/ptn_areainfo_bar.png);
background-repeat: repeat-x;
background-position: 0 0;
background-size: 24px 4px;
}
#flt-area-info .btn-flt-close {
position: absolute;
right: 15px;
top: 10px;
font-size: 15px;
line-height: 1;
padding: 0.25em;
cursor: pointer;
}
#flt-area-info .btn-flt-close::after {
content: '\E609';
color: #fff;
line-height: 1;
font-family: icon-Nissan-Global;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
}
#flt-area-info .btn-flt-close:hover::after {
color: #c3002f;
}

#btn-area-info {
position: fixed;
right: 0;
bottom: -240px;
padding: 1em 2em;
background-color: rgba(0,0,0,0.8);
color: #eee;
font-size: 14px;
z-index: 90010;
cursor: pointer;
transition: bottom 0.8s, background-color 0.3s;
}
#btn-area-info.opened {
bottom: 0;
}
#btn-area-info:hover {
background-color: rgba(0,0,0,0.95);
}
#btn-area-info > span {
display: block;
padding: 0 1.5em 0 0;
font-weight: 900;
}
#btn-area-info > span::after {
position: absolute;
right: 1em;
top: 50%;
content: '\E67C';
speak: none;
margin: -.5em 0 0 0;
color: #c3002f;
line-height: 1;
font-family: icon-Nissan-Global;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
/*font-size: .875rem;*/
overflow: hidden;
}


@media (min-width: 36.3125em) {
#flt-area-info > .inner {
padding: 0 0 8px 0;
}
#flt-area-info #area-info-contents {
padding: 15px 40px;
}
#flt-area-info #area-info-contents > a img.flt-banner-pc {
display: block;
}
#flt-area-info #area-info-contents > a img.flt-banner-sp {
display: none;
}
#flt-area-info .txt-timer {
right: 10px;
bottom: 11px;
font-size: 10px;
}
#flt-area-info #area-info-progress {
padding: 0 0 0 0;
width: 100%;
padding: 2px 0;
}
flt-area-info #area-info-progress .bar {
height: 4px;
}
#flt-area-info .btn-flt-close {
font-size: 14px;
right: 10px;
}

#btn-area-info {
padding: 0.875em 2em;
font-size: 13px;
}
}