@charset "utf-8";
#page-top,header{position:fixed;
z-index:999}
.download-app-h3,.main h2,body{font-family:Open Sans,Alial,sans-serif}
body{font-size:16px;
position:relative;
color:#515151;
line-height:1.8}
a,a:hover{text-decoration:none;
outline:0}
a:hover img{opacity:.7}
.fadein,.sp-nav-menu-trigger.active span:nth-of-type(2){opacity:0}
ul{margin:auto;
padding:0}
li{list-style:none}
@media (max-width:575px){h3,p{margin:auto 20px}
}
header{width:100%;
height:60px;
background-color:rgba(0,0,0,.7);
top:0;
left:0;
box-sizing:border-box}
header .header-wrap{margin:auto 15px}
header .header-wrap #header-logo{float:left; line-height:60px}
header .header-wrap #header-logo img{width:162px; height:auto}
header .header-wrap ul#header-nav{float:right; height:60px; margin-bottom:0}
header .header-wrap ul#header-nav li{float:left; width:100px; height:60px; margin-bottom:auto; border-left:1px solid #666; box-sizing:border-box}
header .header-wrap ul#header-nav li a{display:block; line-height:60px; color:#fff; text-decoration:none}
header .header-wrap ul#header-nav li a:hover{background-color:rgba(124,177,83,.5)}
header .header-wrap ul#header-nav li.header-nav-dl{padding-top:14px; width:200px}
header .header-wrap ul#header-nav li.header-nav-dl a{border:1px solid #666; border-radius:15px;
background:url(img/common/head-dl01.png) 2px 50% no-repeat; padding-left:50px; margin-left:20px; line-height:30px}
header .header-wrap ul#header-nav li.header-nav-dl a:hover{border:1px solid rgba(124,177,83,.5); border-radius:15px; background:url(img/common/head-dl02.png) 2px 50% no-repeat rgba(124,177,83,.5); color:#fff; box-sizing:border-box; transition:all .3s}
@media (max-width:1200px){header .header-wrap #header-logo img{width:150px}
}
@media (max-width:992px){header{width:100%; height:60px; padding:5px 0}
header .header-wrap #header-logo{line-height:50px}
header .header-wrap #header-logo img{width:160px; height:auto}
}
footer{width:100%;
background:#2D2D2D;
padding:40px 0}
footer .footer-logo{margin:auto auto 20px;
width:240px}
footer .footer-logo img{width:100%;
height:auto}
footer .footer-menu{margin-bottom:10px}
footer .footer-menu a{color:#fff;
margin:auto 5px}
footer .footer-menu a:hover{text-decoration:none}
footer .footer-sns a{margin:auto 10px}
#page-top{bottom:20px;
right:20px}
@media (max-width:768px){footer .footer-logo{margin:auto auto 15px;
width:200px}
footer .footer-sns a{margin:20px 10px 10px}
}
.sp-nav-menu-trigger,.sp-nav-menu-trigger span{display:inline-block;
transition:all .4s;
box-sizing:border-box}
.sp-nav-menu-trigger{position:absolute;
width:50px;
height:50px;
background:#000;
z-index:2;
right:0}
.sp-nav-menu-trigger span{position:absolute;
background:#fff;
width:30px;
height:2px;
left:0;
right:0;
margin:auto}
.sp-nav-menu-trigger span:nth-of-type(1){top:15px}
.sp-nav-menu-trigger span:nth-of-type(2){top:0;
bottom:0}
.sp-nav-menu-trigger span:nth-of-type(3){bottom:15px}
.sp-nav-menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-45deg);
transform:translateY(9px) rotate(-45deg)}
.sp-nav-menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);
transform:translateY(-9px) rotate(45deg)}
.sp-nav{display:none;
position:absolute;
top:0;
background-color:rgba(0,0,0,.7);
width:100%;
margin-left:-15px;
font-size:20px}
.sp-nav a{color:#fff}
.sp-nav .sp-nav-list{padding:20px}
.sp-nav .sp-nav-list .sp-nav-list-item{border-bottom:1px solid #fff}
.sp-nav .sp-nav-list .sp-nav-list-item a{display:block;
text-align:center;
text-decoration:none;
color:#fff;
padding:15px 0}
.swiper-container{width:100%;
display:flex;
position:relative;
margin-top:60px}
.swiper-container #slide-twitter{position:absolute; top:5px; right:5px; z-index:999}
.swiper-container #slide-arrow{position:absolute; bottom:5px; left:50%; margin-left:-11.5px; text-align:center; z-index:999;
-webkit-animation-name:slide-arrow-animation;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease;
-moz-animation-name:slide-arrow-animation;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease}
.swiper-container #slide-arrow a #slide-arrow-text{margin:auto auto -10px; color:#fff; font-size:8px}
@-webkit-keyframes slide-arrow-animation{0%,100%{-webkit-transform:translate(0,0)}
50%{-webkit-transform:translate(0,10px)}
}
@-moz-keyframes slide-arrow-animation{0%,100%{-moz-transform:translate(0,0)}
50%{-moz-transform:translate(0,10px)}
}
.swiper-container .swiper-wrapper .swiper-slide{width:100%;
height:100vh;
background-position:center center;
background-size:cover}
.swiper-container .swiper-wrapper .container{height:100vh;
max-width:1000px}
.swiper-container .swiper-wrapper .slide01{background-image:url(img/slide/01.jpg)}
.swiper-container .swiper-wrapper .slide02{background-image:url(img/slide/02.jpg)}
.swiper-container .swiper-wrapper .slide03{background-image:url(img/slide/03.jpg)}
.swiper-container .swiper-wrapper .slide04{background-image:url(img/slide/04.jpg)}
.swiper-container .swiper-wrapper .slide01 .container{color:#fff}
.swiper-container .swiper-wrapper .slide01 .container .inner{position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)}
.swiper-container .swiper-wrapper .slide01 .container .inner .swiper-title{font-size:40px;
margin:auto auto 30px;
font-weight:700;
text-shadow:2px 2px 3px #000}
.swiper-container .swiper-wrapper .slide01 .container .inner .swiper-text{font-size:20px}
.swiper-container .swiper-wrapper .slide02 .container .inner{position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-title{font-size:40px;
color:#fff;
font-weight:700;
margin:auto auto 30px;
text-shadow:2px 2px 3px #000}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-text{font-size:20px;
margin:auto auto 20px;
text-shadow:2px 2px 1px #333,1px 1px 1px #333;
color:#fff}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-btn a{text-align:center;
display:block;
width:300px;
height:50px;
line-height:50px;
font-size:18px;
background-color:rgba(0,0,0,.4);
border:1px solid #ccc;
color:#fff}
.swiper-container .swiper-wrapper .slide03 .container .inner{position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
padding-top:30px}
.swiper-container .swiper-wrapper .slide03 .container .inner .swiper-img img{margin-top:50px}
.swiper-container .swiper-wrapper .slide03 .container .inner .swiper-badge-img{margin-top:120px}
.swiper-container .swiper-wrapper .slide03 .container .inner .swiper-badge-img img,.swiper-container .swiper-wrapper .slide03 .container .inner .swiper-img img{max-width:100%;
width:100%;
height:auto}
.swiper-container .swiper-wrapper .slide03 .container .inner .swiper-right .swiper-img{position:relative}
.swiper-container .swiper-wrapper .slide03 .swiper-dl ul.swiper-dl-ul{margin:50px auto auto;
letter-spacing:-2em}
.swiper-container .swiper-wrapper .slide03 .swiper-dl ul.swiper-dl-ul li{text-align:center;
margin-bottom:30px}
.swiper-container .swiper-wrapper .slide03 .swiper-dl ul.swiper-dl-ul li img{width:100%;
height:auto;
max-width:300px;
margin:auto}
.swiper-container .swiper-wrapper .slide04 .container{color:#fff}
.swiper-container .swiper-wrapper .slide04 .container .inner{position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)}
.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-img{width:100%;
position:relative}
.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-img .swiper-title{width:100%;
font-size:30px;
top:60px}
.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-img img{width:100%;
height:auto;
margin:auto}
.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-floating-img{position:absolute;
bottom:40px;
right:-60px}
@media (min-width:768px){.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-btn a{transition:all .3s}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-btn a:hover{box-shadow:0 0 45px rgba(255,255,255,.6)}
}
.top-about02 .inner,.top-faq .inner,.top-how-to-use .inner{box-shadow:3px 2px 10px transparent}
@media (max-width:767px){.swiper-container .swiper-wrapper .slide01 .container .inner .swiper-title{font-size:30px;
margin:auto auto 20px}
.swiper-container .swiper-wrapper .slide01 .container .inner .swiper-text{font-size:16px}
.swiper-container .swiper-wrapper .slide02{background-image:url(img/slide/02_sp.jpg)}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-title{font-size:30px;
margin:auto auto 20px}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-text{font-size:16px}
.swiper-container .swiper-wrapper .slide02 .container .inner .swiper-btn a{margin:auto;
pointer-events:auto}
.swiper-container .swiper-wrapper .slide03 .swiper-dl ul.swiper-dl-ul{margin:30px auto auto}
.swiper-container .swiper-wrapper .slide03 .container .inner .swiper-badge-img{margin-top:20px}
}
@media (min-width:993px){.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-img .swiper-title{position:absolute}
.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-title{font-size:40px;
color:#fff;
font-weight:700;
margin:auto auto 30px;
text-shadow:2px 2px 3px #000}
}
@media (min-width:768px) and (max-width:992px){.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-img .swiper-title{font-size:22px;
top:50px;
position:absolute}
}
@media (max-width:767px){.swiper-container .swiper-wrapper .slide04 .container .inner .swiper-img .swiper-title{font-size:18px;
font-weight:700;
text-shadow:2px 2px 3px #000}
}
@media (max-width:575px){.swiper-container .swiper-wrapper .slide03 .container .inner{width:80%;
margin:auto}
}
.front-disnone{display:none}
.main{width:100%;
background:#fff}
.main h2{font-size:40px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff;
margin:auto auto 20px}
.row-eq-height{display:flex;
flex-wrap:wrap}
.fadein{transition:.7s;
transform:translate(0,30px);
-webkit-transform:translate(0,30px)}
#news .news-btn a,#sp-nav ul li a:hover,.contact-contents .contact-form-btn input:hover,.top-about02 .top-about02-btn a,.top-faq .top-faq-btn a,.top-how-to-use .mypage-top-how-to-use-btn a:hover,.charger-location-details-btn a:hover,.confirm-congestion-btn a:hover,.back-to-top-btn a:hover,.mypage-btn a:hover {box-sizing:border-box;
transition:all .3s}
.lazy{opacity:1;
transform:translate(0,0);
-webkit-transform:translate(0,0)}
@media (max-width:768px){.main h2{font-size:30px;
margin:auto auto 30px}
}
.parallax>div{background:50% 0 no-repeat fixed;
margin:0 auto;
position:relative;
background-size:cover;
height:200px;
z-index:1}
.parallax .parallax-top-about{background-image:url(img/index/parallax-top-about.jpg)}
.parallax .parallax-top-location{background-image:url(img/index/parallax-top-location.jpg)}
.parallax .parallax-top-contact{background-image:url(img/index/parallax-top-contact.jpg)}
@media (max-width:768px){.parallax>div{background-size:cover;
height:185px;
background-attachment:scroll}
}
.title-wrap{background:#ebebeb;
padding-top:54px;
padding-bottom:54px}
.title-wrap h2{color:#7cb153;
text-shadow:none;
font-weight:700}
.title-wrap .title-wrap-text{font-size:18px;
margin:auto 10px}
@media (max-width:768px){.title-wrap .title-wrap-text{font-size:14px}
}
.top-about{padding-top:50px;
padding-bottom:20px}
.top-about .top-about-img{margin:auto 30px 20px;
position:relative}
.top-about .top-about-img img{width:100%;
height:auto;
margin:30px auto}
.top-about .top-about-text{margin:10px 30px;
line-height:1.5rem;
position:relative}
.top-about .top-about-btn{margin:auto auto 30px}
.top-about .top-about-btn a{width:70%;
margin:auto;
display:block;
height:50px;
line-height:46px;
font-size:20px;
text-align:center;
color:#7cb153;
border:2px solid #7cb153;
border-radius:25px}
.top-about .top-about-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.top-about .top-about-btn a{font-size:16px}
}
.top-about02{padding-bottom:50px}
.top-about02 .inner{height:100%;
border:0 solid #ccc;
box-sizing:border-box;
padding:15px 0 0;
margin:auto 20px}
.top-about02 .top-about02-title{font-size:24px;
color:#000;
font-weight:700;
margin:auto auto 0;
padding:10px 50px 0}
.top-about02 .top-about02-text{margin:auto auto 20px;
padding:20px 0 10px}
.top-about02 .top-about02-text li{list-style-type:disc;
margin:auto 20px 10px}
.top-about02 .top-about02-btn{margin:auto}
.top-about02 .top-about02-btn a{width:80%;
margin:auto;
display:block;
height:40px;
line-height:34px;
font-size:18px;
text-align:center;
color:#7cb153;
border:1px solid #7cb153;
border-radius:20px;
text-decoration:none}
.top-about02 .top-about02-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.top-about02 .top-about02-btn a{font-size:16px}
}
.top-about02 .col-md-6{margin-bottom:1rem}
@media (max-width:575px){.top-about02 .col-md-6{margin:auto 10px 1rem}
}
.top-location{padding-top:80px;
padding-bottom:80px}
.top-location ul.top-location-icon{letter-spacing:-2em;
float:left;
font-size:smaller}
.top-location ul.top-location-icon li{display:inline-block;
width:150px;
vertical-align:middle;
letter-spacing:normal;
height:50px;
line-height:48px}
.top-location ul.top-location-icon li:nth-child(n+4){line-height:24px}
.top-location ul.top-location-icon li img{margin-right:10px;
display:block;
float:left;
width:40px}
@media (max-width:575px){.top-location ul.top-location-icon{margin:auto 5px;
float:none;
white-space:nowrap;
font-size:smaller}
.top-location ul.top-location-icon li{width:95px;
vertical-align:top;
margin:auto auto 5px}
.top-location ul.top-location-icon li img{margin-right:1px;
display:block;
float:left;
width:35px}
}
@media (max-width:320px){
.top-location ul.top-location-icon li{width:40%}
;}
.top-how-to-use{padding-top:50px;
padding-bottom:50px}
.top-how-to-use .inner{height:100%;
border:0 solid #ccc;
box-sizing:border-box;
padding:15px 0 0;
margin:auto 20px}
.top-how-to-use .top-how-to-use-img{margin:15px 15px 35px}
.top-how-to-use .top-how-to-use-img img{width:100%;
height:auto}
.top-how-to-use .top-how-to-use-text{margin:auto;
padding:20px 0 40px}
.top-how-to-use .top-how-to-use-text a,.top-how-to-use .top-how-to-use-text a:hover{text-decoration:underline}
.top-faq .top-faq-btn a,.top-how-to-use .top-how-to-use-btn a{line-height:34px;
text-align:center;
border:1px solid #7cb153;
text-decoration:none;
display:block}
.top-how-to-use .top-how-to-use-btn{margin:auto}
.top-how-to-use .top-how-to-use-btn a{width:80%;
margin:auto;
height:40px;
font-size:18px;
color:#7cb153;
border-radius:20px}
.top-how-to-use .top-how-to-use-btn a:hover{background:#7cb153;
color:#fff}
.top-how-to-use .top-how-to-use-replay{width:240px;
margin:auto auto 40px;
font-size:14px}
.top-how-to-use .top-how-to-use-replay a{color:#7cb153}
.top-how-to-use .top-how-to-use-replay img{display:block;
margin:auto auto 5px}
@media (max-width:768px){.top-how-to-use .top-how-to-use-btn a{font-size:16px}
}
.top-how-to-use .col-md-6{margin-bottom:2rem}
.top-how-to-use .top-how-to-use-title{font-size:24px;
color:#000;
font-weight:700;
margin:auto auto 0;
padding:10px 50px 0;
white-space:normal}
@media (max-width:575px){.top-how-to-use .col-md-6{margin:auto 10px 1rem}
}
.top-faq{padding-top:50px;
padding-bottom:50px}
.top-faq .inner{height:100%;
border:0 solid #ccc;
box-sizing:border-box;
padding:15px 0 0;
margin:auto 20px}
.top-faq .top-faq-title{font-size:24px;
color:#000;
font-weight:700;
margin:auto auto 0;
padding:10px 50px 0}
.top-faq .top-faq-img{margin:30px 15px 40px}
.top-faq .top-faq-img img{width:80%;
height:auto}
.top-faq .top-faq-btn{margin:auto}
.top-faq .top-faq-btn a{width:80%;
margin:auto;
height:40px;
font-size:18px;
color:#7cb153;
border-radius:20px}
.top-faq .top-faq-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.top-faq .top-faq-btn a{font-size:16px}
}
.top-faq .col-md-6{margin-bottom:2rem}
@media (max-width:575px){.top-faq .col-md-6{margin:auto 10px 1rem}
}
.page-title{height:260px;
width:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center 50%;
position:relative}
.page-title-gray{background:#EBEBEB}
.page-title h2{height:260px;
line-height:310px;
margin:auto}
.page-title #page-title-twitter{position:absolute;
top:80px;
right:15px}
.page-content{padding-top:30px;
padding-bottom:30px}
.page-title-partners{background-image:url(img/partners/topimage.jpg);
background-position:20%}
#partners .page-title h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:120px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff}
.partners-title{font-size:24px;
color:#000;
font-weight:700;
margin:auto auto 30px;
padding:10px 50px 0}
#partners .partners-logo{margin-bottom:20px}
#partners .partners-logo img{max-width:100%;
display:block;
margin:auto}
#partners .partners-text{margin:auto auto 40px}
#partners .partners-text h3{margin-bottom:10px;
color:#000;
font-size:18px;
font-weight:700}
#partners .partners-text a,#partners .partners-text a:hover{text-decoration:underline}
@media (max-width:767px){#partners .partners-logo{margin:20px auto}
#partners .partners-text{margin:auto 20px 20px;
line-height:1.5rem}
}
.page-title-news{background-image:url(img/news/topimage.jpg)}
#news .page-title h2,#single .page-title h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:110px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff}
#news .page-title .page-sub-title{margin:auto;
font-size:18px;
color:#fff}
#news .news-category{font-size:14px;
color:#7cb153;
margin-left:10px;
white-space:nowrap}
#news .news-category a{color:#7cb153;
letter-spacing:-.03em}
#news .news-title{font-weight:700;
font-size:18px;
min-height:120px;
margin:auto 10px;
line-height:30px;
height:140px}
#news .news-thumnail{margin:20px 10px 10px}
#news .news-thumnail img{max-width:100%;
display:block;
margin:auto;
width:100%;
height:auto}
#news .news-days{font-size:14px;
margin-right:10px;
text-align:right;
letter-spacing:-.03em}
#news .news-discription{margin:30px 10px 100px;
word-break:break-all}
#news .news-btn a{width:160px;
margin:auto auto 20px -80px;
display:block;
height:40px;
line-height:34px;
font-size:16px;
text-align:center;
color:#7cb153;
border:1px solid #7cb153;
border-radius:25px;
position:absolute;
bottom:10px;
left:50%}
#news .news-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:992px){#news .news-title{min-height:100px;
margin:auto auto 10px;
font-size:16px;
height:180px}
#news .news-days{text-align:left;
margin-left:10px}
}
@media (max-width:767px){#news .news-title{min-height:auto;
margin:auto auto 10px;
font-size:16px;
height:auto}
#news .news-days{text-align:right;
margin-left:auto}
}
@media (max-width:575px){#news .news-category,#news .news-title{margin:auto 10px 10px}
#news .news-title{font-size:16px}
#news .news-thumnail{margin:20px 10px 10px}
#news .news-thumnail img{max-width:100%;
display:block;
margin:auto;
width:100%;
height:auto}
#news .news-days{margin:auto 10px 10px;
text-align:left}
}
#news .archive-title{font-size:16px;
margin:10px 10px 30px}
.view_all .pagenation ul{width:340px;
margin:40px auto 100px;
letter-spacing:-2em;
height:30px}
.view_all .pagenation ul li{letter-spacing:normal;
width:30px;
display:inline-block;
line-height:30px;
border:1px solid #8e8e8e;
border-radius:15px;
text-align:center;
margin:auto 5px;
color:#fff;
background:#8e8e8e}
.view_all .pagenation ul li a{color:#fff;
display:block;
text-decoration:none}
.view_all .pagenation ul li.next,.view_all .pagenation ul li.prev{width:100px;
background:#7cb153;
color:#fff;
border-color:#7cb153}
.view_all .pagenation ul li.next a,.view_all .pagenation ul li.prev a{color:#fff}
.view_all .pagenation ul li.active{background:#fff;
color:#7cb153;
border-color:#7cb153}
#single .page-title h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:110px}
#single .page-title .page-sub-title{margin:auto;
font-size:18px;
color:#fff}
.single-main{float:left;
width:950px}
.single-side{background:rgba(0,0,0,.7);
padding-top:30px;
font-size:18px;
text-align:center;
float:right;
width:180px;
margin-top:-30px;
margin-bottom:-30px}
.single-side section.widget{margin:auto auto 30px}
@media (max-width:1199px){.single-main{width:770px}
}
@media (max-width:992px){.single-main{float:left;
width:540px}
}
@media (max-width:767px){.single-main{float:none;
width:auto}
.single-side{padding-top:15px;
float:none;
width:540px;
margin:auto 10px}
}
@media (max-width:575px){.single-main{margin:auto auto 80px}
.single-side{padding-top:15px;
float:none;
width:100%;
margin:15px 20px}
}
.single-side h2.widget-title{color:#fff;
text-shadow:none;
font-size:18px;
margin:auto auto 10px;
text-align:center}
.single-side ul li{text-align:left;
margin:0}
.single-side a{color:#aaa;
margin:auto 30px;
font-size:14px}
#single .single-title{font-size:24px;
font-weight:700;
margin:auto auto 40px}
#single .single-meta{font-size:14px}
#single .single-meta .single-category a{color:#7cb153;
margin:auto;
white-space:nowrap;
text-decoration:none}
#faqs-categories dd a,#single .single-discription a{text-decoration:underline}
#faqs-answers dd a,#single .single-discription a{text-decoration:underline}
#single .single-discription a{text-decoration:none; color:#000; display:block; width:100%}
#single .single-meta .single-days{color:#515151;
margin:auto;
text-align:right}
#single .single-thumnail{width:410px;
padding:0 30px 20px 0;
float:left}
#single .single-thumnail img{max-width:100%;
display:block;
margin:auto auto 5px;
width:100%;
height:auto}
#single .single-discription{color:#515151;
margin:auto 10px 50px}
#single .single-discription p{margin:auto 40px 20px 0}
@media (max-width:992px){#single .single-thumnail{width:300px}
#single .single-meta{font-size:14px}
}
@media (max-width:767px){#single .single-thumnail{margin:auto;
width:410px;
float:none}
#single .single-meta{font-size:14px}
}
@media (max-width:575px){#single .single-title{margin:auto 20px 30px;
font-size:18px}
#single .single-thumnail{width:100%;
float:none;
margin:20px 10px 10px}
#single .single-discription p{margin:auto 20px 20px}
#single .single-meta{width:auto;
font-size:14px}
#single .single-main{margin:auto auto 80px}
#single .single-meta .single-days{text-align:left}
#single .single-meta .col-sm-6{padding-left:0}
#single .single-side{margin:auto 10px}
#single .single-side .single-side-content{margin:auto auto 30px}
}
.top-location #map{width:100%;
height:460px;
margin:auto auto 30px}
.top-location #map h3{background:rgba(0,0,0,.7);
margin:0;
padding:15px;
color:#FFF;
font-size:16px;
border-top:4px solid #7cb153}
.top-location #map h3 a {
color:#FFF;
text-decoration:underline;
}
.top-location #map h3 a:hover {
color:#a5a5a5;
text-decoration:underline;
}
.top-location #map p,.top-location #map section{background:rgba(255,255,255,.8)}
.top-location #map p{margin:0;
padding:5px 15px;
color:#000}
.top-location #map img{max-width:150px;
width:100%;
height:auto;
display:block;
margin:auto;
padding:10px}
.top-location #map .gm-style .gm-style-iw{width:100%!important;
left:0!important;
top:0!important}
.top-location #map .gm-style div div div div div div{background:0 0!important;
box-shadow:none!important;
overflow:visible!important}
.top-location #map .gm-style button{width:24px!important}
.top-location #map .gm-style button img{left:-47px!important}
.page-content .text-template h4{font-size:24px;
margin:50px 20px 20px;
display:block;
text-align:left}
.page-content .text-template p{margin:20px 40px}
.page-content .text-template ul{margin:10px auto 20px}
.page-content .text-template li{margin:0 80px;
list-style-type:disc}
@media (max-width:575px){.page-content .text-template h4{margin:10px 30px 0}
.page-content .text-template p{margin:20px 50px}
}
.page-title-privacy-policy,.page-title-terms-of-service{background:#EBEBEB}
.page-title-faqs{background-image:url(img/faqs/topimage.jpg); background-position:20%}
#faqs .page-title h2{line-height:normal; margin:auto auto 20px; height:auto; padding-top:120px; font-weight:700; text-shadow:2px 2px 3px #000; color:#fff}
#faqs .page-title .page-sub-title{margin:auto; font-size:18px; color:#fff}
#faqs #faqs-content{margin:auto; width:90%; max-width:900px}
#faqs #faqs-content{width:90%}
#faqs-answers dt{display:block; min-height:50px; border:1px solid #7cb153; cursor:pointer; background:url(img/faqs/faqs-icon-q.png) 0 50% no-repeat #7cb153; box-sizing:border-box; padding:5px 5px 5px 60px; margin:10px auto 0; color:#fff; font-weight:700; font-size:18px; line-height:40px}
#faqs-answers dd{display:none; margin:auto; box-sizing:border-box; padding:5px 20px 30px 60px; font-size:16px; background:url(img/faqs/faqs-icon-a.png) 0 5px no-repeat; border:1px solid rgba(256,256,256,1)}
#faqs-answers dt span{background:url(img/faqs/faq-arrow-on.png) right 50% no-repeat; display:block; padding-right:34px}
#faqs-answers dt.active span{background:url(img/faqs/faq-arrow-off.png) right 50% no-repeat}
#faqs-answers dd li{list-style-type:disc; margin-left:20px}
@media (max-width:575px){
#faqs-answers dd,#faqs-answers dt{background-size:25px; padding-left:35px}
#faqs-answers dt{line-height:normal; min-height:auto; font-size:16px}
#faqs-answers dt span,#faqs-answers dt.active span{background-size:20px; padding-right:24px}
#faqs-answers dd,#faqs-answers dt{background-size:25px; padding-left:35px}
}
#faqs-categoryTitle p{display:block; min-height:50px; border-left:5px solid #7cb153; background:#fff ; box-sizing:border-box; padding:5px; margin:10px auto 0; color:#575757; font-weight:700; font-size:20px; line-height:40px}
#faqs-categories dt{display:block; height:50px; border:1px solid #fff; cursor:pointer; background:0 50% no-repeat #4c4c4c; box-sizing:border-box; margin:0 auto; color:#fff; font-weight:700; font-size:18px; line-height:50px; text-align:center}
#faqs-categories dd{display:block; min-height:50px; border:1px solid #fff; cursor:pointer; background:url(img/faqs/faq-category-arrow.png) right 50% no-repeat #eee; box-sizing:border-box; padding:5px 34px 5px 20px; color:#000; font-size:16px; line-height:40px; margin-bottom:0px}
#faqs-categories dd li{list-style-type:disc; margin-left:20px}
@media (max-width:767px){
#faqs-categoryTitle p{margin-top:30px}
#faqs-categories dt{border:1px solid #fff; background:url(img/faqs/faq-category-arrow-off.png) top right no-repeat #ddd; background-size:100% auto; line-height:40px; height:40px; font-size:16px; color:#575757}
#faqs-categories dt.active{background:url(img/faqs/faq-category-arrow-on.png) top right no-repeat #ddd}
#faqs-categories dd{display:none; background-size:25px; padding-left:35px}
#faqs-categories dt,#faqs-categories dt.active{background-size:40px}
}

.page-title-mypage{background-image:url(img/faqs/topimage.jpg); background-position:20%}
/* MY PAGE start*/
  /* MY PAGE TITLE - COMMON */
  #mypage                 .page-title h2
, #mypage-login           .page-title h2
, #mypage-my-charge       .page-title h2
, #mypage-my-route        .page-title h2
, #mypage-my-route-detail .page-title h2
, #mypage-my-promo        .page-title h2
, #mypage-my-promo-detail .page-title h2{
    line-height:normal; margin:auto auto 20px; height:auto; padding-top:120px; font-weight:700; text-shadow:2px 2px 3px #000; color:#fff
  }
  #mypage                 .page-sub-title
, #mypage-login           .page-sub-title
, #mypage-my-charge       .page-sub-title
, #mypage-my-route        .page-sub-title
, #mypage-my-route-detail .page-sub-title
, #mypage-my-promo        .page-sub-title
, #mypage-my-promo-detail .page-sub-title{
    margin:auto; font-size:18px; color:#fff
  }
  /* MY PAGE BODY - COMMON */
  .mypage-btn-more{
    width:200px;
    color:#7cb153;
    margin:0 auto;
  }
  .mypage-btn-more:hover{
    color:#fff;
  }
  .mypage-btn-more a, .mypage-btn-top a, .mypage-btn-list a{
    line-height:34px;
    text-align:center;
    border:1px solid #7cb153;
    color:#7cb153;
    text-decoration:none;
    display:block;
    margin:auto;
    border-radius:20px;
    margin:20px auto
  }
  .mypage-btn-more a, .mypage-btn-top a{width:200px}
  .mypage-btn-list a{width:300px}
  .mypage-btn-more a:hover, .mypage-btn-top a:hover, .mypage-btn-list a:hover{background:#7cb153; color:#fff}
  @media (max-width:768px){
    .mypage-btn-more a, .mypage-btn-top a, .mypage-btn-list a{font-size:16px}
    .mypage-btn-more a, .mypage-btn-top a{width:100px}
    .mypage-btn-list a{width:250px}
  }
  /* MY PAGE MENU */
  #mypage-menu{overflow: auto;}
  #mypage-menu dt{display:none;}
  #mypage-menu dd{display:block; min-height:50px; border:1px solid #8e8e8e; cursor:pointer; background:url(img/mypage/mypage-category-right-arrow.png) right 50% no-repeat #8e8e8e; box-sizing:border-box; padding:5px 34px 5px 20px; color:#ffffff; font-size:16px; line-height:40px; margin-right:2%; margin-bottom:30px; float:left; width:32%; white-space:nowrap;}
  #mypage-menu dd:last-of-type{margin-right:0;}
  #mypage-menu dd a{text-decoration:none; color:#fff; display:block; width:100%}
  @media (max-width:767px) {
  #mypage-menu {margin:0px 0px 30px 0px;}
  #mypage-menu dt{display:block; border:1px solid #8e8e8e; cursor:pointer; background:url(img/mypage/mypage-category-down-arrow.png) top 50% right 3% no-repeat #8e8e8e; line-height:normal; min-height:auto; font-size:16px; margin:0; padding:5px 5px 9px 5px; font-weight:normal; }
  #mypage-menu dt.active{background:url(img/mypage/mypage-category-right-arrow.png) top right no-repeat #ddd}
  #mypage-menu dd{display:none; border:1px solid #fff; background:url(img/faqs/faq-category-arrow.png) right 50% no-repeat #eee; background-size:25px; padding-left:35px; margin-right:0; margin-bottom:0; float:none; width:100%; white-space:normal;}
  #mypage-menu dt span{display:block; border:1px solid #8e8e8e; background:#8e8e8e; color:#fff; margin-right:38px; margin-left:10px;}
  #mypage-menu dt,#mypage-menu dt.active{background-size:15px}
  #mypage-menu dd a{text-decoration:none; color:#000; display:block; width:100%}
}
  /* NAVIGATION HISTORY */
  #mypage-nav-history{display:block; width:100%; margin-top:40px}
  .mypage-nav-his-container{display:block; border:2px solid #a6d680; color:#001; height:100px; background:url(img/mypage/route-arrow.png) 98% 50% no-repeat #dff5ce; background-size:40px; margin-top:20px}
  .mypage-nav-his-body{display:block; color:#000; background:url(img/mypage/route-top.png) top left no-repeat #dff5ce; margin-right:80px}
  .mypage-nav-his-date{display:block; width:100%; height:35px; padding:2px 20px 0px 20px; font-size:14px; font-weight:bold; color:#fff}
  .mypage-nav-his-station{display:block; width:100%; padding-left:25px; font-size:16px; font-weight:bold; color:#575657}
  .mypage-nav-his-station p{margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
  #mypage-nav-his-wrap li{display:block}
  @media (max-width:575px){
  .page-title-mypage-my-route {height:300px !important;}
  .mypage-nav-his-container{height:80px; background-size:30px}
  .mypage-nav-his-body{background-size:130px}
  .mypage-nav-his-date{height:25px; padding:0px 10px; font-size:10px; font-weight:bold; color:#fff}
  .mypage-nav-his-station{display:block; width:100%; padding:3px 15px; font-size:12px; font-weight:bold; color:#575657}
  }
  /* NAVIGATION HISTORY DETAIL */
  #mypage-route-detail-info{display:block; width:100%; padding-top:15px; font-size:16px; font-weight:bold; color:#575657}
  #mypage-route-detail-info p{margin:0px; overflow:hidden; word-break:break-all}
  #mypage-my-route-detail .mypage-btn-more a{width:300px}
  @media (max-width:575px){
   .page-title-mypage-my-route-detail {height:300px !important;}
    #mypage-my-route-detail .mypage-btn-more a{width:200px}
  }
  /* PROMOTICKET HISTORY */
  #mypage-promo-history{display:block; width:100%; margin-top:40px}
  .mypage-promo-his-available-container{display:block; border:2px solid #d68080; color:#001; height:100px; background:#f7c4c3; margin-bottom:10px}
  .mypage-promo-his-available-right{display:block; width:calc(100% + 2px); height:calc(100% - 1px); background:url(img/mypage/promo-available-right.png) right no-repeat #f7c4c3; background-size:auto 120px}
  .mypage-promo-his-available-left{display:block; width:calc(100% - 200px); height:100%; background:url(img/mypage/promo-available-left.png) left no-repeat #f7c4c3; background-size:auto 120px; margin-left:-2px; float:left}
  .mypage-promo-his-available-body{display:block; width:100%; height:100%; border-right:2px dashed #d68080; color:#000; margin-left:20px}
  .mypage-promo-his-available-date{display:block; width:100%; height:20px; padding:5px 20px; font-size:16px; font-weight:bold; color:#d68080}
  .mypage-promo-his-available-station{display:block; width:100%; padding:15px 20px; font-size:16px; font-weight:bold; color:#575657}
  .mypage-promo-his-available-stub{display:block; width:190px; height:100%; background:#f7c4c3; color:#fff; font-size:18px; font-weight:bold; margin-left:calc(100% - 220px); margin-right:20px; padding:35px 0px 45px 45px; text-align:center}
  .mypage-promo-his-available-date p, .mypage-promo-his-available-station p, .mypage-promo-his-available-stub p{margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
  .mypage-promo-his-expired-container{display:block; border:2px solid #a1a1a1; color:#001; height:100px; background:#d3cece; margin-bottom:10px}
  .mypage-promo-his-expired-right{display:block; width:calc(100% + 2px); height:calc(100% - 1px); background:url(img/mypage/promo-expired-right.png) right no-repeat #d3cece; background-size:auto 120px}
  .mypage-promo-his-expired-left{display:block; width:calc(100% - 200px); height:100%; background:url(img/mypage/promo-expired-left.png) left no-repeat #d3cece; background-size:auto 120px; margin-left:-2px; float:left}
  .mypage-promo-his-expired-body{display:block; width:100%; height:100%; border-right:2px dashed #a1a1a1; color:#000; margin-left:20px}
  .mypage-promo-his-expired-date{display:block; width:100%; height:20px; padding:5px 20px; font-size:16px; font-weight:bold; color:#a1a1a1}
  .mypage-promo-his-expired-station{display:block; width:100%; padding:15px 20px; font-size:16px; font-weight:bold; color:#575657}
  .mypage-promo-his-expired-stub{display:block; width:190px; height:100%; background:#d3cece; color:#fff; font-size:18px; font-weight:bold; margin-left:calc(100% - 220px); margin-right:20px; padding:35px 0px 45px 45px; text-align:center}
  .mypage-promo-his-expired-date p, .mypage-promo-his-expired-station p, .mypage-promo-his-expired-stub p{margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
  @media (max-width:575px){
  .mypage-promo-his-available-container, .mypage-promo-his-expired-container{height:80px}
  .mypage-promo-his-available-date p, .mypage-promo-his-available-station p, .mypage-promo-his-available-stub p, .mypage-promo-his-expired-date p, .mypage-promo-his-expired-station p, .mypage-promo-his-expired-stub p{margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
  .mypage-promo-his-available-left, .mypage-promo-his-available-right, .mypage-promo-his-expired-left, .mypage-promo-his-expired-right{height:76px; background-size:auto 90px}
  .mypage-promo-his-available-left, .mypage-promo-his-expired-left{width:calc(100% - 140px)}
  .mypage-promo-his-available-body, .mypage-promo-his-expired-body{height:76px; background-size:20px}
  .mypage-promo-his-available-date, .mypage-promo-his-expired-date{padding:10px 20px; font-size:10px}
  .mypage-promo-his-available-station, .mypage-promo-his-expired-station{padding:10px 20px; font-size:12px}
  .mypage-promo-his-available-stub, .mypage-promo-his-expired-stub{width:100px; margin-left:calc(100% - 120px); margin-right:15px; padding:28px 0px 28px 2%; font-size:14px}
  }
  /* PROMOTICKET HISTORY DETAIL */
  #mypage-promo-detail-info{display:block; width:100%; padding-top:15px; font-size:16px; font-weight:bold; color:#575657}
  #mypage-promo-detail-info p{margin:0px; overflow:hidden; word-break:break-all}
  #mypage-my-promo-detail .mypage-btn-more a{width:300px}
  @media (max-width:575px){
    #mypage-my-promo-detail .mypage-btn-more a{width:250px}
  }

.contact-title,.page-title-contact-form{background:#EBEBEB}
.contact-title{width:100%;
padding-top:45px;
padding-bottom:45px}
.contact-title h2{color:#7cb153;
text-shadow:none;
font-weight:700}
.contact-title .page-sub-title{margin:auto;
font-size:18px;
color:#515151}
.contact-contents{padding-top:30px;
padding-bottom:30px}
.contact-footer .col-md-6{padding:50px 0 10px}
.contact-footer .contact-footer-title{font-size:22px;
margin:auto auto 40px;
font-weight:700;
color:#000}
.contact-footer .contact-footer-text{margin:auto auto 40px}
.contact-footer .contact-footer-text ul{letter-spacing:-2em}
.contact-footer .contact-footer-text li{letter-spacing:normal; display:inline-block; vertical-align:middle}
.contact-footer .contact-footer-text li:nth-child(odd){width:30%; text-align:right}
.contact-footer .contact-footer-text li:nth-child(even){width:70%; text-align:left}
.contact-footer .contact-footer-text b{font-size:26px; font-weight:700}
.contact-footer .contact-footer-icon-user{display:block; font-size:14px; font-weight:700; height:30px; line-height:30px}
.contact-footer .contact-footer-text img{width:100%; height:auto; max-width:40px}
.contact-footer .contact-footer-text a{line-height:40px; margin-left:20px; text-decoration:none}
@media (max-width:992px){.contact-footer .contact-footer-title{margin:auto auto 20px; font-size:18px}
.contact-footer .contact-footer-text li:nth-child(odd){width:20%; text-align:right}
.contact-footer .contact-footer-text li:nth-child(even){width:80%; text-align:left; font-size:14px}
}
@media (max-width:767px){.contact-footer .col-md-6{padding:30px 0 10px}
.contact-footer .contact-footer-title{margin:auto auto 20px; font-size:18px}
.contact-footer .contact-footer-icon-user{height:auto}
.contact-footer .contact-footer-text{margin:auto auto 20px}
}
@media (max-width:575px){.contact-footer .contact-footer-text li:nth-child(odd){width:100%; text-align:center}
.contact-footer .contact-footer-text img{width:30px; height:auto}
.contact-footer .contact-footer-text li:nth-child(even){width:100%; text-align:center}
.contact-footer .contact-footer-text b{margin-left:auto}
.contact-footer .contact-footer-text a{margin-left:auto; font-size:16px}
}
.contact-contents{color:#515151}
.contact-contents .contact-form-textarea{margin:auto auto 0}
.form-about-form ul.form-about-form-ul{letter-spacing:-2em}
.form-about-form ul.form-about-form-ul li{letter-spacing:normal;
display:inline-block;
width:33.33%;
vertical-align:top}
.contact-contents .contact-form-name{margin:auto auto 20px}
.contact-contents .contact-form-check{margin:auto auto 10px}
.contact-contents .contact-form-radio{margin:auto}
.mw_wp_form_input #hidden-form{display:none}
.mw_wp_form_input input[type=radio]:checked~div#hidden-form{display:block}
.contact-contents textarea{width:100%;
box-sizing:border-box;
padding:10px;
max-height:150px;
color:#515151;
height:auto;
background:#D8D8D8;
border:none}
.contact-contents input[type=email],.contact-contents input[type=text]{width:100%;
box-sizing:border-box;
padding:10px;
margin:auto auto 10px;
color:#515151;
background:#D8D8D8;
border:none}
.contact-contents .contact-form-btn input{display:block;
height:40px;
line-height:34px;
font-size:16px;
background:#fff;
color:#7cb153;
border:1px solid #7cb153;
box-sizing:border-box;
border-radius:20px;
width:100%}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{height:50px;
width:50px}
.contact-contents .contact-form-btn input:hover{background:#7cb153;
color:#fff}
.contact-contents .contact-form-btn-send input{background:#fff;
color:#7cb153;
outline:0}
.contact-contents .contact-form-btn-reset input{background:#EBEBEB;
color:#515151;
border:1px solid #EBEBEB;
outline:0}
.contact-contents .contact-form-btn-reset input:hover{background:#515151;
border-color:#515151;
color:#fff;
box-sizing:border-box;
transition:all .3s}
#sp-nav #menu-background,#sp-nav #menu-icon{position:fixed;
right:0;
transition:all .3s linear 0s;
display:block}
@media (max-width:767px){.contact-contents .contact-form-btn{margin:auto;
width:80%}
.contact-contents .contact-form-btn-send{margin:auto auto 20px}
}
.your-lastname-form,.your-name-form{margin:0 -15px 0 0}
#sp-nav #ham-menu{background-color:rgba(0,0,0,.7);
box-sizing:border-box;
height:100%;
padding:8px 0;
position:fixed;
right:-200px;
top:0;
transition:transform .3s linear 0s;
width:200px;
z-index:1000}
#sp-nav #menu-background{background-color:#333;
opacity:0;
top:0;
width:100%;
z-index:-1}
#sp-nav #menu-icon{background-color:#000;
color:#fff;
cursor:pointer;
font-size:40px;
height:50px;
line-height:50px;
text-align:center;
top:5px;
width:50px;
z-index:1000}
#menu-cb{display:none}
#menu-cb:checked~#ham-menu,#menu-cb:checked~#menu-icon{transform:translate(-200px)}
#menu-cb:checked~#menu-background{opacity:.5;
z-index:999}
#sp-nav ul li{border-bottom:1px solid #666}
#sp-nav ul li a{color:#fff;
padding:10px 0 10px 20px;
font-size:18px;
display:block;
text-decoration:none}
#sp-nav ul li a:hover{background-color:rgba(124,177,83,.5)}
.page-title-how-to-use-the-app{background-image:url(img/howtousetheapp/topimage.jpg)}
.page-title-how-to-use-the-app h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:120px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff}
.page-title-how-to-use-the-app .page-sub-title{margin:auto;
font-size:18px;
color:#fff}
.how-to-use-the-app-title{font-size:24px;
color:#000;
font-weight:700;
margin:auto auto 30px;
padding:10px 50px 0}
.how-to-use-the-app-row{margin:auto auto 40px}
.how-to-use-the-app-row .how-to-use-the-app-img{margin:auto auto 10px}
.how-to-use-the-app-row .how-to-use-the-app-img img{width:100%;
height:auto;
max-width:400px;
margin:auto}
.how-to-use-the-app-row .how-to-use-the-app-step{font-size:18px;
margin:auto auto 10px;
color:#000}
.download-app-img,.download-app-title,.how-to-use-the-app-row .how-to-use-the-app-text{margin:auto auto 30px}
.how-to-use-the-app-textarea .blue{color:#00f}
.how-to-use-the-app-textarea .red{color:red}
.how-to-use-the-app-textarea .orange{color:orange}
h3.how-to-use-the-app-h3{border:1px solid #7cb153;
margin:auto auto 30px;
padding:10px 0 10px 60px;
font-size:24px;
color:#fff;
line-height:normal}
h3.step1bg{background:url(img/howtousetheapp/step1bg.jpg) left 50% no-repeat #7cb153}
h3.step2bg{background:url(img/howtousetheapp/step2bg.jpg) left 50% no-repeat #7cb153}
h3.step3bg{background:url(img/howtousetheapp/step3bg.jpg) left 50% no-repeat #7cb153}
h3.step4bg{background:url(img/howtousetheapp/step4bg.jpg) left 50% no-repeat #7cb153}
h3.step5bg{background:url(img/howtousetheapp/step5bg.jpg) left 50% no-repeat #7cb153}
h3.step6bg{background:url(img/howtousetheapp/step6bg.jpg) left 50% no-repeat #7cb153}
h3.step7bg{background:url(img/howtousetheapp/step7bg.jpg) left 50% no-repeat #7cb153}
h3.step8bg{background:url(img/howtousetheapp/step8bg.jpg) left 50% no-repeat #7cb153}
h3.step9bg{background:url(img/howtousetheapp/step9bg.jpg) left 50% no-repeat #7cb153}
h3.step10bg{background:url(img/howtousetheapp/step10bg.jpg) left 50% no-repeat #7cb153}
h3.step11bg{background:url(img/howtousetheapp/step11bg.jpg) left 50% no-repeat #7cb153}
h3.step12bg{background:url(img/howtousetheapp/step12bg.jpg) left 50% no-repeat #7cb153}
h3.step13bg{background:url(img/howtousetheapp/step13bg.jpg) left 50% no-repeat #7cb153}
h3.step14bg{background:url(img/howtousetheapp/step14bg.jpg) left 50% no-repeat #7cb153}
h3.step15bg{background:url(img/howtousetheapp/step15bg.jpg) left 50% no-repeat #7cb153}
@media (max-width:992px){h3.how-to-use-the-app-h3{font-size:18px;
height:auto;
line-height:normal;
padding:10px 0 10px 60px}
}
@media (max-width:767px){h3.how-to-use-the-app-h3{height:auto;
line-height:normal;
background-size:30px;
padding:4px 0 4px 40px}
.how-to-use-the-app-row .how-to-use-the-app-text,.how-to-use-the-app-row .how-to-use-the-app-textarea{font-size:14px}
}
@media (max-width:575px){.how-to-use-the-app-row .how-to-use-the-app-img img{width:300px}
}
.page-title-downloadapp{background-image:url(img/downloadapp/topimage.jpg);
background-position:20%}
.download-app-title{font-size:24px;
color:#000;
font-weight:700;
padding:10px 50px 0}
.download-app-img img{width:100%;
height:auto}
.download-app-nissan{background:#EBEBEB;
width:100%;
margin:30px 0;
padding-top:45px;
padding-bottom:45px}
.download-app-sub-title{font-size:14px;
margin:-30px auto 20px}
.download-app-h3{color:#000;
font-size:24px;
font-weight:700;
text-shadow:none;
margin:auto auto 50px}
.download-app-badge,.download-app-download{margin:auto auto 30px}
.download-app-badge img{max-width:300px;
width:100%;
height:auto}
.download-app-qrcode{margin:20px auto}
.download-app-qrcode img{max-width:120px;
width:100%;
height:auto}
.download-app-textarea{margin:20px 50px}
.download-app-history{margin:auto auto 30px}
.download-app-history-img{float:left;
width:120px}
.download-app-history-textarea{float:right;
width:950px;
margin-left:30px}
.download-app-history-img img{max-width:100%;
width:100%}
.download-app-information{margin:auto 20px;
padding:15px 0 0}
.download-app-information .download-app-information-title{font-size:18px;
color:#000;
font-weight:700;
margin:auto}
.download-app-information .download-app-information-sub-title{font-size:14px;
margin:auto auto 10px;
padding:10px 20px 0 0}
.download-app-information .download-app-information-textarea{margin:auto 0 50px;
padding:10px 0 0 35px}
.download-app-information .download-app-information-textarea ul li{list-style-type:disc}
.download-app-information .download-app-information-explanation{margin:50px auto;
font-size:12px}
@media (max-width:1199px){.download-app-history-textarea{width:780px}
.download-app-information .download-app-information-textarea{margin:auto auto 50px;
padding:10px 20px 0}
}
@media (max-width:992px){.download-app-history-textarea{width:540px}
}
@media (max-width:767px){.download-app-badge{margin:auto auto 10px}
.download-app-textarea{margin:auto auto 30px}
.download-app-textarea p{margin:auto}
.download-app-history-img{padding-right:20px}
.download-app-history-textarea{float:none;
width:auto;
margin-left:0}
.download-app-title{font-size:24px;
color:#000;
font-weight:700;
margin:auto auto 30px;
padding:10px 20px 0}
.download-app-information .download-app-information-textarea{margin-left:0;
margin-right:0;
padding:0}
.download-app-nissan{background:#EBEBEB;
width:100%;
margin:20px auto auto;
padding-top:45px;
padding-bottom:45px}
.download-app-nissan p{margin:auto}
}
.anchor-title{padding-top:114px; margin-top:-60px}
div#sec-locations.anchor-title{padding-top:54px; margin-top:0px}
div#sec-locations-failure.anchor-title{width:1110px; padding-top:30px; padding-bottom:30px; padding-left:20px; margin:80px auto auto}
@media (max-width:1195px){div#sec-locations-failure.anchor-title{width:930px}}
@media (max-width:992px){div#sec-locations-failure.anchor-title{width:690px}}
@media (max-width:767px){div#sec-locations-failure.anchor-title{width:510px}}
@media (max-width:575px){div#sec-locations-failure.anchor-title{width:90%}}
div#sec-about.title-wrap.anchor-title-about{padding-top:114px; margin-top:-68px}
.page-title-how-to-use-charging-station{background-image:url(img/howtousechargingstation/topimage.jpg)}
.page-title-how-to-use-charging-station h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:120px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff}
.page-title-how-to-use-charging-station .page-sub-title{margin:auto;
font-size:18px;
color:#fff}
h3.how-to-use-charging-station-title{font-size:24px;
color:#fff;
font-weight:700;
margin:auto auto 20px;
padding:10px;
background:#7cb153}
.how-to-use-charging-station-title{font-size:24px;
color:#fff;
font-weight:700;
margin:auto auto 20px;
padding:10px 30px 0;
background:#7cb153}
.how-to-use-charging-station-step{font-size:18px;
font-weight:700;
margin:auto auto 10px;
color:#000}
.how-to-use-charging-station-img{position:relative;
margin:5px}
.how-to-use-charging-station-img img{width:100%;
height:auto}
.how-to-use-charging-station-img .how-to-use-charging-station-text{background-color:rgba(0,0,0,.4);
width:100%;
color:#fff;
font-size:14px;
padding:10px;
position:absolute;
bottom:0;
text-align:initial;
word-wrap:break-word}
@media (max-width:767px){.how-to-use-charging-station-row a{pointer-events:none}
.how-to-use-charging-station-img .how-to-use-charging-station-text{position:inherit;
background:0 0;
color:#515151;
margin:auto auto 10px;
text-align:initial;
padding:5px 0;
word-wrap:break-word}
}
#cboxOverlay{background:#000}
#cboxLoadedContent{background:#fff;
padding:0;
overflow:auto;
-moz-box-shadow:0 1px 10px #000;
-webkit-box-shadow:0 1px 10px #000;
box-shadow:0 1px 10px #000}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow,#cboxTitle{outline:0}
#cboxOverlay,#cboxWrapper,#colorbox{overflow:visible}
#cboxTitle{position:absolute;
top:inherit;
width:100%;
left:0;
color:#fff}
#cboxTitle span{position:absolute;
bottom:-100px}
#cboxClose{top:-80px;
right:-80px;
background:url(img/howtousechargingstation/popup-close.png)}
#cboxNext{top:50%;
right:-80px;
background:url(img/howtousechargingstation/popup-next.png)}
#cboxPrevious{top:50%;
left:-80px;
background:url(img/howtousechargingstation/popup-prev.png)}
#cboxSlideshow{top:-80px;
left:-80px;
background:url(img/howtousechargingstation/popup-start.png)}
#cboxClose:hover,#cboxNext:hover,#cboxPrevious:hover{background-position:0 0}
.cboxSlideshow_on #cboxSlideshow,.cboxSlideshow_on #cboxSlideshow:hover{background-position:0 -50px}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:0 0}
#cboxCurrent{text-indent:inherit;
top:-50px;
left:50%;
width:120px;
margin-left:-60px;
text-align:center;
font-size:24px;
font-weight:700;
color:#fff}
.page-title-station-information h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:120px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff}
.page-title-station-information .page-sub-title{margin:auto;
font-size:18px;
color:#fff}
.charger-location-details-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.charger-location-details-btn a{font-size:16px}
}
.charger-location-details-btn a{width:80%;
margin:auto;
height:40px;
font-size:18px;
color:#7cb153;
border-radius:20px}
.charger-location-details-btn{margin:auto}
.charger-location-details-btn a{line-height:34px;
text-align:center;
border:1px solid #7cb153;
text-decoration:none;
display:block}
.confirm-congestion-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.confirm-congestion-btn a{font-size:16px}
}
.confirm-congestion-btn a{width:100%;
margin:auto;
height:40px;
font-size:18px;
color:#7cb153;
border-radius:20px}
.confirm-congestion-btn{margin:auto}
.confirm-congestion-btn a{line-height:34px;
text-align:center;
border:1px solid #7cb153;
text-decoration:none;
display:block}
.back-to-top-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.back-to-top-btn a{font-size:16px}
}
.back-to-top-btn a{width:100%;
margin:auto;
height:40px;
font-size:18px;
color:#7cb153;
border-radius:20px}
.back-to-top-btn{margin:auto}
.back-to-top-btn a{line-height:34px;
text-align:center;
border:1px solid #7cb153;
text-decoration:none;
display:block}
 .back-to-station-btn a:hover{background:#7cb153;
color:#fff}
@media (max-width:768px){.back-to-top-btn a{font-size:16px}
}
.back-to-station-btn a{width:80%;
margin:auto;
height:40px;
font-size:18px;
color:#7cb153;
border-radius:20px}
.back-to-station-btn{margin:auto}
.back-to-station-btn a{line-height:34px;
text-align:center;
border:1px solid #7cb153;
text-decoration:none;
display:block}
.page-title-charger-status h2{line-height:normal;
margin:auto auto 20px;
height:auto;
padding-top:120px;
font-weight:700;
text-shadow:2px 2px 3px #000;
color:#fff}
.page-title-charger-status .page-sub-title{margin:auto;
font-size:18px;
color:#fff}
p.number-installed {
	font-weight:bold;
}
@media screen and (max-width:767px) {
	.top-location ul.top-location-icon li.no-vacancy img {
		margin-left:10px;
	}
}

.top-location ul.top-location-icon .out-of-service {
	white-space:nowrap;
}