/* CSS Document */
@charset "UTF-8";
/*サジェスト*/

#departureStationResult {
  /* border: 1px solid #e6e6e6; */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  width: 44%;
  border-right: 1px solid #e6e6e6;
  /* border-bottom: 1px solid #e6e6e6; */
  cursor: pointer;
  z-index:500;
  position: absolute; 
  top: 62px;
  background-color: white;
}
#departureStationResult li a {
  display: flex;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  transition: background 0.2s ease-out;
}
#departureStationResult li a:hover {
  color: #ffffff;
  background: #004ea2;
}
@media screen and (max-width:991px) {
  #departureStationResult {
    width: 84%;
    top: 41px;
  }
}

#arrivalStationResult {
  /* border: 1px solid #e6e6e6; */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  width: 44%;
  border-right: 1px solid #e6e6e6;
  /* border-bottom: 1px solid #e6e6e6; */
  cursor: pointer;
  z-index:500;
  position: absolute; 
  top: 62px;
  background-color: white;
  margin-left: 56%
}
#arrivalStationResult li a {
  display: flex;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  transition: background 0.2s ease-out;
}
#arrivalStationResult li a:hover {
  color: #ffffff;
  background: #004ea2;
}
@media screen and (max-width:991px) {
  #arrivalStationResult {
    width: 84%;
    top: 100%;
    margin-left: auto;
  }
}

#viaStationResult {
  /* border: 1px solid #e6e6e6; */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  width: 44%;
  border-right: 1px solid #e6e6e6;
  /* border-bottom: 1px solid #e6e6e6; */
  cursor: pointer;
  z-index:500;
  position: absolute; 
  top: 139px;
  background-color: white;
}
#viaStationResult li a {
  display: flex;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  transition: background 0.2s ease-out;
}
#viaStationResult li a:hover {
  color: #ffffff;
  background: #004ea2;
}
@media screen and (max-width:991px) {
  #viaStationResult {
    width: 84%;
    top: 73%;
  }
}

#timetableResult {
  /* border: 1px solid #e6e6e6; */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  width: 24%;
  border-right: 1px solid #e6e6e6;
  /* border-bottom: 1px solid #e6e6e6; */
  cursor: pointer;
  z-index:500;
  position: absolute; 
  top: 140px;
  background-color: white;
}
#timetableResult li a {
  display: flex;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  transition: background 0.2s ease-out;
}
#timetableResult li a:hover {
  color: #ffffff;
  background: #004ea2;
}
@media screen and (max-width:991px) {
  #timetableResult {
    width: 84%;
    top: 107px;
  }
}

#divSearchStationResult {
  /* border: 1px solid #e6e6e6; */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  width: 26%;
  border-right: 1px solid #e6e6e6;
  /* border-bottom: 1px solid #e6e6e6; */
  cursor: pointer;
  z-index:500;
  position: absolute; 
  top: 120px;
  background-color: white;
}
#divSearchStationResult li a {
  display: flex;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  transition: background 0.2s ease-out;
}
#divSearchStationResult li a:hover {
  color: #ffffff;
  background: #004ea2;
}
@media screen and (max-width:991px) {
  #divSearchStationResult {
    width: 84%;
    top: 304px;
  }
}
/*end*/