@charset "utf-8";
/* =======================================

  IndexElements

======================================= */
section,
#feature_field {
  margin: 0 0 80px;
}
h2 {
  margin: 0 0 40px;
  text-align: center;
}
h2::after {
  font-family: 'kanagawabus';
  content: "\e908";
  padding: 1.6em 0 0;
  display: block;
  color: #bdbdbd;
  font-size: 1rem;
  transform: scale(0.7);
}

@media only screen and (max-width: 768px) {
  section,
  #feature_field {
    margin: 0 0 40px;
  }
  h2 {
    margin: 0 0 20px;
  }
}

/*
  .bnr_list
==================================*/
.bnr_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bnr_list li {
  width: 31%;
  min-height: 50px;
  margin: 0 3.4% 40px 0;
  font-size: 1.8rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.bnr_list li:nth-of-type(3n) {
  margin-right: 0;
}
.bnr_list li a {
  width: 100%;
  padding: 1.5em;
  display: block;
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.bnr_list li a::before {
  font-family: 'kanagawabus';
  content: '';
  width: 40px;
  height: 40px;
  margin-right: .6em;
  display: block;
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 40px;
  text-align: center;
  background: #3bbd8e;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bnr_list .pdf a {
  padding: 1.5em 2em 1.5em 1.5em;
}
.bnr_list .pdf a::after {
  content: '';
  width: 18px;
  height: 23px;
  display: block;
  background: url('/img/icon_pdf.png') center center no-repeat;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 1em;
}

/*  :hover;  */
@media only screen and (min-width: 769px) {
  .bnr_list li a {
    transition: all 0.3s ease;
  }
  .bnr_list li a:hover {
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
  }
}

@media only screen and (max-width: 768px) {
  .bnr_list {
    display: block;
  }
  .bnr_list li {
    width: 100%;
    min-height: 0;
    margin: 0 0 10px 0;
    font-size: 1.6rem;
  }
  .bnr_list li a {
    padding: 1em;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  }
  .bnr_list .pdf a {
    padding: 1em 2.5em 1em 1em;
  }
}


/*----------------------------------------
  #key_field
----------------------------------------*/
#key_field {
  width: 100%;
  padding: 40px 0;
  position: relative;
  text-align: center;
  background: #b3d5de;
  background-size: 100% auto;
}
#key_field .search_field {
  position: relative;
  z-index: 2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#key_field .search_set {
  margin: 0 1.7% 20px 0;
  font-size: 1.8rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
#key_field .search_set a small {
  display: block;
}
#key_field .search_set > a,
#key_field .general,
#key_field .map {
  width: 100%;
  padding: 1.5em;
  display: block;
  text-align: left;
  background: #ffffff;
  border-radius: 5px;
  vertical-align: bottom;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#key_field .search_set > a::before,
#key_field .search_set .search_category::before {
  font-family: 'kanagawabus';
  content: '';
  width: 40px;
  height: 40px;
  margin-right: .6em;
  display: block;
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 40px;
  text-align: center;
  background: #3bbd8e;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#key_field .general,
#key_field .map {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#key_field .search_set .search_category {
  width: 100%;
  margin: 0 0 1em;
  font-size: 2.2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#key_field .search_set .search_category::before {
  width: 60px;
  height: 60px;
  font-size: 3.2rem;
  line-height: 60px;
}
#key_field .search_set ul {
  width: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#key_field .search_set ul li {
  flex: 1;
  margin-right: 4%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
#key_field .search_set ul li:last-child {
  margin-right: 0;
}
#key_field .search_set ul a {
  width: 100%;
  padding: 1em;
  display: block;
  text-align: left;
  background: #ffffff;
  border-radius: 5px;
  vertical-align: bottom;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#key_field .search_set ul a::before {
  font-family: 'kanagawabus';
  content: "\e902";
  margin-right: .6em;
  color: #3bbd8e;
  font-size: 1.4rem;
}
#key_field .general,
#key_field .map {
  background: rgba(255,255,255,.6);
}
#key_field .general {
  flex: 1;
}
#key_field .general .search_category::before {
  content: "\e90e";
}
#key_field .map {
  flex: 1;
  margin-right: 0;
}
#key_field .map .search_category::before {
  content: "\e910";
}
#key_field .highway {
  flex: 1;
}
#key_field .highway > a::before {
  content: "\e90f";
}
#key_field .airport {
  flex: 1;
}
#key_field .airport > a::before {
  content: "\e90d";
  font-size: 2rem;
}
#key_field .reserved {
  flex: 1;
}
#key_field .reserved > a::before {
  content: "\e912";
}
#key_field .safety {
  flex: 1;
  margin-right: 0;
}
#key_field .safety a small {
  display: inline;
}
#key_field .safety > a::before {
  content: "\e913";
  font-size: 2.2rem;
  padding-left: .2em;
}
#key_field .realtime {
  flex: 3;
  font-size: 2.2rem;
}
#key_field .realtime strong {
  color: #e85f69;
}
#key_field .realtime > a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#key_field .realtime > a::before {
  content: "\e911";
  font-size: 2.2rem;
  padding-left: .2em;
  background: #e85f69;
}
#key_field .inbound {
  flex: 1;
  margin-right: 0;
}
#key_field .inbound a {
  text-align: center;
}
#key_field .inbound > a::before {
  display: none;
}

#key_field #bg_set {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#key_field #bg_slide,
#key_field .slick-list,
#key_field .slick-track {
  width: 100%;
  height: 100%;
}
#key_field #bg_set .slide_set {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#key_field #bg_set .slide_set.slide01 { background-image: url('/img/slide/slide01.jpg');}
#key_field #bg_set .slide_set.slide02 { background-image: url('/img/slide/slide02.jpg');}
#key_field #bg_set .slide_set.slide03 { background-image: url('/img/slide/slide03.jpg');}

@media only screen and (max-width: 1180px) {
  #key_field .search_set a small {
    display: inline;
  }
  #key_field .search_set > a,
  #key_field .general,
  #key_field .map,
  #key_field .search_set ul a {
    padding: 1em;
  }
  #key_field .search_set > a::before,
  #key_field .search_set .search_category::before,
  #key_field .search_set ul a::before {
    margin-right: .4em;
  }
  #key_field .realtime {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  #key_field {
    padding: 20px 0;
  }
  #key_field .search_field {
    display: block;
  }
  #key_field .search_set {
    margin: 0 0 5px;
    font-size: 1.4rem;
  }
  #key_field .search_set > a,
  #key_field .general,
  #key_field .map {
    padding: 1em;
  }
  #key_field .search_set .search_category {
    margin: 0 0 .5em;
    font-size: 1.8rem;
  }
  #key_field .search_set .search_category::before {
    width: 40px;
    height: 40px;
    font-size: 2.2rem;
    line-height: 40px;
  }
  #key_field .search_set ul a {
    padding: .6em;
  }
  #key_field .search_set ul a::before {
    font-size: 1.2rem;
  }
  #key_field .realtime {
    font-size: 1.4rem;
  }
  #key_field .inbound {display: none;}
}


/*----------------------------------------
  #feature_field
----------------------------------------*/
#feature_field {
  padding-top: 80px;
}
#feature_field ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#feature_field ul li {
  margin-right: 3.4%;
}
#feature_field ul li:last-child {
  margin-right: 0;
}
#feature_field ul li a {
  display: block;
}
#feature_field ul li img {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  border-radius: 5px;
}
#feature_field ul li span {
  display: block;
  font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
  #feature_field {
    padding-top: 40px;
  }
  #feature_field ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #feature_field ul li,
  #feature_field ul li:last-child {
    width: 48%;
    margin: 0 4% 20px 0;
  }
  #feature_field ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  #feature_field ul li img {
    margin: 0 0 10px;
  }
}

/* ------------------------------------
    banner popup
------------------------------------ */
#guide_line2020 {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: #000000;
  opacity: 0.7;
  z-index: 100;
}
#noriaiguide_line2020,
#kashikiriguide_line2020 {
  display: none;
  width: 450px;
  height: 250px;
  padding: 0 4%;
  line-height: 50px;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate( -50%, -50%);
  transform: translate( -50%, -50%);
  z-index: 200;
}
#noriaiguide_line2020 {
  background: #7ec531;
}
#kashikiriguide_line2020 {
  background: #3170c5;
}
#noriaiguide_line2020 .title,
#kashikiriguide_line2020 .title {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20pt;
  margin-top: 20px;
}
#noriaiguide_line2020 .button,
#kashikiriguide_line2020 .button {
  background-color: white;
  margin: 20px;
  border-radius: 10px;
}
#noriaiguide_line2020 .link,
#kashikiriguide_line2020 .link {
  text-decoration: none;
}
#banner_popup a {
  padding: 10px;
  background-color: #ffffff;
  margin-bottom: 20px;
  color: #4cbf5f;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
  width: 150px
}
label .popup {
  display: block;
}
label .popup span {
  display:block;
  background-color:#01b6ed;
  color:#fff;
  width: 200px;
  line-height: 40px;
  border-radius:4px;
  text-align:center;
}
label span:hover {
  cursor:pointer;
}
input[type="checkbox"]:checked + #banner_popup {
  display: block;
}
img #banner_popup :clicked {
  display: block;
}

@media only screen and (max-width: 768px) {
  #noriaiguide_line2020 {
    width: 80%;
  }
  #noriaiguide_line2020 .title {
    font-size: 16pt;
  }
  #kashikiriguide_line2020 {
    width: 80%;
  }
  #kashikiriguide_line2020 .title {
    font-size: 16pt;
  }
}


/*----------------------------------------
  #news_field
----------------------------------------*/
#news_field .list_wrap {
  padding: 3vw;
  height: 380px;
  overflow-y: scroll;
  border: 4px solid #e2e2e2;
  background: #fdfdfd;
}
#news_field .list_wrap ul li {
  padding: 1em 0;
  position: relative;
  border-bottom: 1px dotted #dadada;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#news_field .list_wrap ul li:first-child {
  padding-top: 0;
}
#news_field .list_wrap ul li:last-child {
  padding-bottom: 0;
  border: none;
}
#news_field .list_wrap ul li a {
  color: #27a678;
  margin-right: 1em;
}
#news_field .list_wrap ul li a::before {
  font-family: 'kanagawabus';
  content: "\e902";
  margin-right: .4em;
  font-size: 1.1rem;
}
#news_field .list_wrap ul li .date {
  width: 9em;
  padding: 0 0 0 1em;
  display: block;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#news_field .list_wrap ul li .date::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3bbd8e;
  position: absolute;
  top: .5em;
  left: 0;
}
#news_field .list_wrap ul li dl {
  width: calc(100% - 10em);
}
#news_field .list_wrap ul li dl dt {
  margin-bottom: .3em;
  font-size: 1.8rem;
}
#news_field .list_wrap ul li dl dd {
  color: #8c8c8c;
  font-size: 1.4rem;
}
#news_field .list_wrap ul li.no_date {
  padding-left: 1em;
}
#news_field .list_wrap ul li.no_date::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3bbd8e;
  position: absolute;
  top: 1.5em;
  left: 0;
}

@media only screen and (max-width: 768px) {
  #news_field .list_wrap {
    padding: 1em;
    height: 60vh;
  }
  #news_field .list_wrap ul li {
    display: block;
    padding-left: 1em;
  }
  #news_field .list_wrap ul li a {
    display: inline-block;
    margin-right: 0;
  }
  #news_field .list_wrap ul li .date {
    width: 100%;
    margin-left: -1em;
    font-size: 1.4rem;
  }
  #news_field .list_wrap ul li dl {
    width: 100%;
  }
  #news_field .list_wrap ul li dl dt {
    font-size: 1.6rem;
  }
  #news_field .list_wrap ul li dl dd {
    font-size: 1.4rem;
  }
}


/*----------------------------------------
  #information_field
----------------------------------------*/
.bnr_list .aged a::before {
  content: "\e901";
}
.bnr_list .oil a::before {
  content: "\e90b";
  font-size: 2.2rem;
  padding-left: .1em;
}
.bnr_list .fare a::before {
  content: "\e906";
}
.bnr_list .company a::before {
  content: "\e905";
  font-size: 2.2rem;
}
.bnr_list .association a::before {
  content: "\e900";
  font-size: 2.2rem;
}
.bnr_list .job_support {
  font-size: 1.7rem;
}


/*----------------------------------------
  #link_field
----------------------------------------*/
.bnr_list .jp a::before {
  content: "\e907";
  font-size: 2.2rem;
}
.bnr_list .link a::before {
  content: "\e909";
  font-size: 2.2rem;
  padding-left: .1em;
}

/*----------------------------------------
  #bus_link
----------------------------------------*/
#bus_link {
  padding: 80px 0;
  font-size: 1.6rem;
  background: #f3f3f3;
}
#bus_link h2 {
  font-size: 2.4rem;
}
#bus_link ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#bus_link ul li {
  width: 22.45%;
  margin: 0 3.4% 1em 0;
}
#bus_link ul li:nth-of-type(4n) {
  margin-right: 0;
}
#bus_link ul li a {
  padding: 1.5em 0.5em;
  display: block;
  text-align: center;
  background: #ffffff;
  border: 2px solid #3bbd8e;
  border-radius: 5px;
}
#bus_link ul li a::before {
  font-family: 'kanagawabus';
  content: "\e903";
  color: #3bbd8e;
  font-size: 1.4rem;
  margin-right: 0.5em;
}
#bus_link ul li.tokyo a {border-color: #3967ce;}
#bus_link ul li.tokyo a::before {color: #3967ce;}
#bus_link ul li.chiba a {border-color: #f2bb02;}
#bus_link ul li.chiba a::before {color: #f2bb02;}
#bus_link ul li.saitama a {border-color: #e27326;}
#bus_link ul li.saitama a::before {color: #e27326;}
#bus_link ul li.ibaraki a {border-color: #e56a76;}
#bus_link ul li.ibaraki a::before {color: #e56a76;}
#bus_link ul li.tochigi a {border-color: #45a5a5;}
#bus_link ul li.tochigi a::before {color: #45a5a5;}
#bus_link ul li.gunma a {border-color: #edad32;}
#bus_link ul li.gunma a::before {color: #edad32;}
#bus_link ul li.yamanashi a {border-color: #2a8242;}
#bus_link ul li.yamanashi a::before {color: #2a8242;}

@media only screen and (max-width: 768px) {
  #bus_link {
    padding: 40px 0;
    font-size: 1.4rem;
  }
  #bus_link h2 {
    font-size: 1.8rem;
  }
  #bus_link ul li,
  #bus_link ul li:nth-of-type(4n) {
    width: 100%;
    margin: 0 0 10px;
  }
  #bus_link ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  #bus_link ul li a {
    padding: .5em 1em;
    display: block;
    text-align: center;
    background: #ffffff;
    border: 2px solid #3bbd8e;
    border-radius: 5px;
  }
  #bus_link ul li a::before {
    font-family: 'kanagawabus';
    content: "\e903";
    color: #3bbd8e;
    font-size: 1.4rem;
    margin-right: 0.5em;
  }
}


/* ------------------------------------
  :hover
------------------------------------ */
@media only screen and (min-width: 769px) {
  #key_field .search_set > a,
  #key_field .search_set ul a,
  #news_field .list_wrap ul li a,
  #bus_link ul li a {
    transition: all 0.3s ease;
  }
  #key_field .search_set > a:hover,
  #key_field .search_set ul a:hover,
  #news_field .list_wrap ul li a:hover,
  #bus_link ul li a:hover {
    opacity: 0.7;
  }
}