@charset "utf-8";

#ev_map_search_box {
  padding: 15px 0;
}
#ev_map_search_box .search_box_left,
#ev_map_search_box .search_box_center,
#ev_map_search_box .search_box_right {
  float: left;
  width: 20%;
  margin-right: 2%;
}
#ev_map_search_box .search_box_left { padding-top: 5px; }
#ev_map_search_box .search_box_center {
  float: left;
  width: 56%;
  margin-right: 2%;
}
#ev_map_search_box .search_box_leftcontent {
  float: left;
  width: 15%;
  margin: 1% 0 0;
}
#ev_map_search_box .search_box_leftcontent label{
  font-family: "Hiragino Kaku Gothic Pro";
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
#ev_map_search_box .search_box_right {
  float: left;
  width: 18%;
}
#ev_map_search_box .search_box_right.long_type {
  width: 90%;
  margin-right: 0;
}
.search_box_pref_list {
  display: block;
  width: 100%;
  position: relative;
}
.search_box_pref_list li {
  float: left;
  height: 31px;
  font-size: 12px;
  margin-right: 2px;
  position: relative;
}

@media screen and (max-width: 970px) {
  .search_box_big_btns {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .search_box_pref_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  #ev_map_search_box .search_box_leftcontent {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
}

.search_box_big_btns {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列 */
  gap: 10px; /* アイテム間の余白 */
  padding: 0;
  margin: 0;
}
.search_box_big_btns li {
  width: 100%;
}
.search_box_big_buttons {
  height: 118px;
  padding: 10px;
  line-height: 1.5;
  text-align: left;
  border: 5px solid #000;
  border-radius: 20px;
}
.search_box_big_buttons .btn_inner_text {
  padding: 0 0 5px;
  font-family: "Hiragino Kaku Gothic Pro";
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  }
.search_box_big_buttons .btn_btm_inner_text {
  padding: 0;
  font-family: "Hiragino Kaku Gothic Pro";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.box_big_buttons_layout .textbox{
  display: block;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .search_box_big_btns {
    display: block;
    margin: 0 0 5px;
  }
  .search_box_big_buttons{
    height: fit-content;
    border: none;
  }
  .search_box_big_buttons .btn_inner_text {
    padding: 20px;
    font-size: 12px;
  }
  .search_box_big_buttons .btn_btm_inner_text {
    font-size: 12px;
    padding: 15px 0 0;
  }
  .box_big_buttons_layout .textbox{
    display: flex;
    padding: 0;
  }
}

.box_big_buttons_layout{
  display: flex;
}
#ncs_network_fast .btn_inner_text,
#ncs_network .btn_inner_text,
#ncs_network_both .btn_inner_text,
#t_n_store_fast .btn_inner_text,
#t_n_store_both .btn_inner_text
{
  padding:0 0 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
#mitsubishi_store .noService .btn_inner_text {
  padding:0 0 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
#mitsubishi_store .btn_inner_icon,
#ncs_network_fast .btn_inner_icon,
#ncs_network .btn_inner_icon,
#ncs_network_both .btn_inner_icon,
#t_n_store_fast .btn_inner_icon,
#t_n_store_both .btn_inner_icon
{
  padding-left: 50px;
  background: url(../images/check-box.png) 2px 10px no-repeat;
  width: 50px;
  height: 50px;
  margin: 20px 0 0px;
  background-size: 34px;
}
#mitsubishi_store .noService .btn_inner_icon,
#ncs_network_fast .noService .btn_inner_icon,
#ncs_network .noService .btn_inner_icon,
#ncs_network_both .noService .btn_inner_icon,
#t_n_store_fast .noService .btn_inner_icon,
#t_n_store_both .noService .btn_inner_icon
{
  background: url(../images/check-box-gray.png) 2px 10px no-repeat;
  background-size: 34px;
}

@media screen and (max-width: 767px) {
  #mitsubishi_store .btn_inner_icon,
  #ncs_network_fast .btn_inner_icon,
  #ncs_network .btn_inner_icon,
  #ncs_network_both .btn_inner_icon,
  #t_n_store_fast .btn_inner_icon,
  #t_n_store_both .btn_inner_icon
  {
    background: url(../images/check-box.png) 2px 0 no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
  }
  #mitsubishi_store .noService .btn_inner_icon,
  #ncs_network_fast .noService .btn_inner_icon,
  #ncs_network .noService .btn_inner_icon,
  #ncs_network_both .noService .btn_inner_icon,
  #t_n_store_fast .noService .btn_inner_icon,
  #t_n_store_both .noService .btn_inner_icon
  {
    background: url(../images/check-box-gray.png) 2px 0 no-repeat;
    background-size: 24px;
  }
  #ncs_network_fast .btn_inner_text,
  #ncs_network .btn_inner_text,
  #ncs_network_both .btn_inner_text,
  #t_n_store_fast .btn_inner_text,
  #t_n_store_both .btn_inner_text
  {
    font-size: 12px;
    padding: 20px;
  }
  #mitsubishi_store .noService .btn_inner_text {
    font-size: 12px;
    padding: 20px;
  }
}

.search_box_pref_list li button {
  font-size: 12px;
  padding: 0 10px 0 0;
  position: relative;
}
.search_box_pref_list li button.active { background: #49868a; }
.search_box_big_btns.search_box_pref_list li button { padding-right: 2px; }
.search_box_big_btns.search_box_pref_list li button.noService { background-color: #b2b2b2; }
.search_box_pref_list li .arrow_down_btn:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3px;
  border: 4px solid transparent;
  margin-top: -2px;
  border-top-color: #fff;
}

.user_regist_box {
  float: right;
  background: #f1f1f1;
  width: 48.5%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0;
}
.user_regist_box:first-child { float: left; }
.user_regist_btn_area { padding: 5px 10px 0; }
.user_regist_btn_area button { margin: 10px 0; }

#evmap_news_area {
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0 0;
  padding: 10px;
}
.evmap_news_list {
  background: #f1f1f1;
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.news_read_more {
  text-align: right;
  margin-bottom: 5px;
}
.news_read_more .btn_style {
  padding: 5px 7px;
}
.evmap_news_list dt {
  float: left;
  width: 90px;
  padding-bottom: 3px;
}
.evmap_news_list dd {
  padding-left: 100px;
  padding-bottom: 3px;
}
.searchby_prefecture{
  display: flex;
}
.prefecture_button{
  width: 132px;
  height: 31px;
  border: 0;
}
.slide_list_layout {
  display: none;
  position: absolute;
  z-index: 10;
  top: 28px;
  left: -8px;
  width: 150px;
  background: #ed0000;
  -moz-border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  padding: 0 0 5px;
}
.search_box_pref_list li:last-child .slide_list_layout {
  right: 0;
  left: auto;
}
.slide_list_layout li {
  float: none;
  width: 130px;
  text-align: center;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
}
.slide_list_layout li a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  padding: 7px 10px;
  margin: 0 -10px;
  width: 130px;
}
.slide_list_layout li a:hover { background: #a6d2d5; }

#mapArea {
  z-index: 1;
  background: #eee url(/component/images/img_loader.gif) center center no-repeat;
  height:500px;
}
#mapArea label { width: auto; display:inline; }
#mapArea img { max-width: none; }
#mapArea td { vertical-align: top; }
.evmap_base{
  top: 30px;
}
@media screen and (max-width: 970px) {
  #mapArea .evmap_base { height: 500px; }
}

@media screen and (max-width: 767px) {
  .searchby_prefecture{
    display: block;
  }
  .prefecture_button{
    width: 110px;
  }
}

.view_small {
  width: 100%;
  height: 400px;
}
.view_big {
  width: 100%;
}


#spElecSort,#spAddress,#spAttention {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.navigation_electric_sort li {
  background: #f1f1f1;
}
.navigation_electric_sort li label {
  display: block;
  padding: 10px;
}
.navigation_electric_sort li label img {
  width: 20px;
  vertical-align: middle;
  margin-right: 6px;
}
.navigation_electric_sort li input {
  margin-right: 7px;
}
.address_search_box {
  background: #f1f1f1;
  border-bottom: 1px solid #fff;
  padding: 10px 5px;
}
.address_search_label {
  display: block;
  float: left;
  width: 70%;
}
.address_search_label_title {
  display: block;
  float: left;
  width: 35%;
  padding-top: 4px;
}
.address_search_label input {
  float: left;
  width: 60%;
  background: #fff;
  border: 1px solid #999;
  padding: 4px 3px;
  margin-left: 1%;
}
@media screen and (max-width: 970px) {
  .address_search_label_title {
    padding-left: 15px;
    width: 15%;
  }
  .address_search_label input { width: 75%; }
}
@media screen and (max-width: 767px) {
  .address_search_label_title {
    padding-left: 0;
    width: 20%;
  }
  .address_search_label input { width: 70%; }
}
@media screen and (max-width: 600px) {
  .address_search_label_title { width: 30%; }
  .address_search_label input { width: 65%; }
}
@media screen and (max-width: 400px) {
  .address_search_label_title { width: 35%; }
  .address_search_label input { width: 60%; }
}
.address_search_btn {
  display: block;
  float: right;
  width: 25%;
}

#spAddress {
  position: absolute;
  top: 0;
  left: 0;
}
.sp_attention_contents {
  width: 90%;
  margin: 30px auto 0;
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 2%;
  border: 1px solid #ddd;
}
.sp_attention_contents_spacer { padding: 7px; }

.pin_icon_fast_charge,.pin_icon_normal_charge {
  display: inline-block;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pin_icon_fast_charge {
  background: #c2007b;
  color: #fff;
  margin-right: 5px;
  
}
.pin_icon_normal_charge {
  background: #49a248;
  color: #fff;
  margin-right: 5px; 
}
.pin_title {
	font-size:16px;
}

@media screen and (max-width: 970px) {
  #ev_map #site_footer .footer_layout,
  #ev_map #site_footer #footerPagetop,
  #ev_map_big #site_footer .footer_layout,
  #ev_map_big #site_footer #footerPagetop {
    display: none;
  }

  #ev_map #main_contents.site_frame,
  #ev_map_big #main_contents.site_frame {
    width: 100%;
  }
  #page_navigation.tabl_mb10 {
    margin-bottom: 10px;
  }

}
@media screen and (max-width: 767px) {
  #ev_map #main_contents.site_frame,
  #ev_map_big #main_contents.site_frame {
    width: 95%;
    margin: auto;
  }
}

.highway_street_btn {
  display: block;
  width: 100%;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.highway_street_btn .a_btn_block { margin: 0; }

/*非アクティブ用*/
.off_btn_style {
  width: 100%;
  font-size: 15px;
  border: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.off_btn_style .btn_inner_text {
	padding-top:3px;
}

.green_search {
	line-height:29px;
	height:32px;
}

/* マップ拡大用 */
#ev_map_big {
	min-width: 840px;
}
.site_frame02 {
  width: 100%;
  margin: 0 auto;
}
.spnavi_hide {
	display:none !important;
}

html,
body {
  height: 100%;           
  margin: 0;
  padding: 0;
}
#ev_map_big #main_contents {
  position: relative;
  /*height: auto !important;
  height: 100%;
  min-height: 100%;*/
}

#ev_map_big #site_header {
}

#ev_map_big #mapArea {
 /* width: 100%;*/
  /*height: 100%;*/
}

#ev_map_big #footerpopup {
  bottom: 0;
  /*width:100%;*/
  padding:0;
  background: #cac9ca;
  border-top: 1px solid #ef0041;
  clear: both;
}
.popupcopyrightArea {
  text-align: right;
  font-size: 91%;
  letter-spacing: 0.01em;
  padding: 7px 0 20px;
}
.evmap_contents_popup {
  height: 100%;
}
.txt_red_bold {
  color:#ff0000;
  font-weight:bold;
  /*width:100%;*/
}
.evmap_contents_popup {
  height: 100%;
}
.map_zoom {
  margin:0 auto;
  width:70%;
}
.view_big_pop {
  width: 96%;
  margin: 0 auto;
    padding-left: 15px;
}
/* .view_big_pop .search_box_big_buttons .btn_btm_inner_text {
  padding-left: 0px;
}
.view_big_pop .search_box_big_buttons {
  height: 60px;
}
.view_big_pop .search_box_big_buttons .btn_inner_text {
  font-size: 12px;
} 
.view_big_pop .search_box_big_buttons .btn_btm_inner_text {
  font-size: 11px;
} */
.view_big_pop .search_box_pref_list li button {
  padding: 0 5px 0 5px;
}
.evmap_contents_popup #main_contents {
  margin-top: 0px;
}
.map_popup {
  display: block;
  margin:20px auto;
  padding: 10px 0 20px;
  text-align: center;
}
.map_popup a {
  background: url(../images/red-box.png) no-repeat;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 24px 120px;
  opacity: 1;
  font-size: 24px;
}
.map_popup a:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.view_big_map {
  width: 93%;
  margin: 0 auto;
}
.view_big_pop #ev_map_search_box {
	padding: 15px 0 10px 0;
}

@media screen and (max-width: 767px) {
  .map_popup {
    display: none;
  }
  .is_tablet_ltenone{
    position: relative;
    top: 60px;
  }
}

/* .view_big_pop #mitsubishi_store .btn_inner_text {
  background: url(../images/check-box.png) 3px 2px no-repeat;
}
.view_big_pop #ncs_network_fast .btn_inner_text { background: url(../images/icon_ev_map_ncs_fast.png) 3px 2px no-repeat; }
.view_big_pop #ncs_network .btn_inner_text { background: url(../images/icon_ev_map_ncs.png) 3px 2px no-repeat; }
.view_big_pop #ncs_network_both .btn_inner_text { background: url(../images/icon_ev_map_ncs_both.png) 3px 9px no-repeat; }
.view_big_pop #t_n_store_fast .btn_inner_text { background: url(../images/icon_ev_map_etc.png) 3px 2px no-repeat; }
.view_big_pop #t_n_store_both .btn_inner_text { background: url(../images/icon_ev_map_ncs_both_b.png) 3px 9px no-repeat; }
.view_big_pop #mitsubishi_store .noService .btn_inner_text { background: url(../images/icon_ev_map_mitsubishi_off.png) 3px 2px no-repeat; }
.view_big_pop #ncs_network_fast .noService .btn_inner_text { background: url(../images/icon_ev_map_ncs_fast_off.png) 3px 2px no-repeat; }
.view_big_pop #ncs_network .noService .btn_inner_text { background: url(../images/icon_ev_map_ncs_off.png) 3px 2px no-repeat; }
.view_big_pop #ncs_network_both .noService .btn_inner_text { background: url(../images/icon_ev_map_ncs_both_off.png) 3px 9px no-repeat; }
.view_big_pop #t_n_store_fast .noService .btn_inner_text { background: url(../images/icon_ev_map_etc_off.png) 3px 2px no-repeat; }
.view_big_pop #t_n_store_both .noService .btn_inner_text { background: url(../images/icon_ev_map_ncs_both_off.png) 3px 9px no-repeat; } */

.ev_map_big_search_area .ev_map_big_search_box {
	float: left;
  width: 25%;
  margin-bottom: 10px;
}
#ev_map_search_box .search_box_left.ev_map_big_sbox_resize {
	width: 20%;
	margin-right: 0%;
}
#ev_map_search_box .search_box_left.ev_map_big_sbox_resize02 {
	width: 12%;
	margin-right: 5px;
	padding-top:0px;
	text-align:right;
	line-height: 2.5;
}
#ev_map_search_box .search_box_left.ev_map_big_sbox_resize03 {
	width: 10%;
	margin-right: 5px;
	padding-top:0px;
	text-align:right;
}
#ev_map_search_box .search_box_center.ev_map_big_sbox_resize {
	width: 70%;
}
.ev_map_big_search_area .ev_map_big_select {
	width: 75%;
	float: left;
}
.view_big_pop .search_box_big_btns {
	clear:both;
}
#ev_map_big #footerpopup .site_frame {
	width:95%;
}
#ev_map_search_box .search_box_right.long_type.ev_map_big_sbox_resize {
	width: 87%;
	font-size: 12px;
}
.view_big_pop #ev_map_search_box .search_box_right {
  float: left;
  width: 100%;
}
.view_big_pop #ev_map_search_box .search_box_pref_list li{
  margin-right: 12px;
}

.txt_search_sp { display: none; }

@media screen and (max-width: 1302px) {
.txt_search_sp { display: block; }
.txt_search_pc { display: none; }
}