@charset "UTF-8";
/* ======================================================================
 common style index
・gmap
・mixin
====================================================================== */
/* line 13, ../sass/gmap.scss */
#map {
  height: 450px;
}

/* line 17, ../sass/gmap.scss */
.map-control {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
  font-family: 'Roboto', 'sans-serif';
  /* Hide the control initially, to prevent it from appearing
      before the map loads. */
  display: none;
}

/* Display the control once it is inside the map. */
/* line 29, ../sass/gmap.scss */
#map .map-control {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
}

/* line 35, ../sass/gmap.scss */
.map-control {
  padding: 10px;
}

#map .map-control#link-container {
  background-color: #ffcc33;
  border: 1px solid #ccc;
  display: block;
  font-size: 1.6rem;
  position: absolute;
  left:0 !important;
  bottom:25px !important;
}


/* line 39, ../sass/gmap.scss */
#station-selector-control {
  display: block;
  box-shadow: 0 0 0 0;
  margin: 0;
}
@media screen and (max-width: 480px) {
  /* line 39, ../sass/gmap.scss */
  #station-selector-control {
    width: 200px;
  }
}

/* line 48, ../sass/gmap.scss */
#walk {
  display: none;
}

/* line 52, ../sass/gmap.scss */
#walkIcon {
  float: left;
}

/* line 56, ../sass/gmap.scss */
#car {
  display: none;
}

/* line 60, ../sass/gmap.scss */
#carIcon {
  float: left;
  margin-left: 10px;
}

/* line 65, ../sass/gmap.scss */
.selector-control {
  font-size: 1.6rem;
  line-height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  border: solid thin;
  margin-bottom: 10px;
  padding: 5px 20px 5px 5px;
  width: 100%;
}

/* line 77, ../sass/gmap.scss */
label i {
  padding: 5px;
}

/* line 81, ../sass/gmap.scss */
#travel-mode {
  float: left;
  width: 100px;
}

/* line 87, ../sass/gmap.scss */
#travel-mode input[type="radio"]:checked + label i {
  background: orange;
}

/* line 91, ../sass/gmap.scss */
#direction_info {
  height: auto;
  float: left;
  font-size:1.15rem;
}

.station-selectorDiv::after {
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
  right: 20px;
  top: 25px;
}

.station-selectorDivAfter::after {
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  border-right: 1px solid #303030;
  border-bottom: 1px solid #303030;
  transform: rotate(45deg);
  right: 20px;
  top: 25px;
}