@charset "UTF-8";
/*
* 京葉道専用
*/
/*
* 基本ブレークポイント
*/
/*
*マージン
*/
.l-main .cont_nagative-margin {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 640px) {
  .l-main .cont_sp-negative-margin {
    margin-left: -10px;
    margin-right: -10px;
  }
}
/*
* boxshadow
*/
/*
*　共通
*/
/*
* font-size
*/
.l-main .font_xsmall {
  font-size: 10px;
}

/****************************
* 京葉道地図
*****************************/
@media screen and (max-width: 6401px) {
  .l-main #start-ic__kisarazu:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__kisarazu:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 89.2%;
    left: 50.7%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(210deg);
  }
}
@media screen and (min-width: 641px) {
  .l-main #start-ic__kisarazu:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__kisarazu:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 89.2%;
    left: 41.8%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(220deg);
  }
}
@media screen and (max-width: 6401px) {
  .l-main #start-ic__ichihara:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__ichihara:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 63.7%;
    left: 62.5%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(185deg);
  }
}
@media screen and (min-width: 641px) {
  .l-main #start-ic__ichihara:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__ichihara:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 63.7%;
    left: 73%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(185deg);
  }
}
@media screen and (max-width: 6401px) {
  .l-main #start-ic__chibahigashi:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__chibahigashi:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 42.2%;
    left: 68%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(150deg);
  }
}
@media screen and (min-width: 641px) {
  .l-main #start-ic__chibahigashi:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__chibahigashi:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 42%;
    left: 87%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(150deg);
  }
}
@media screen and (max-width: 6401px) {
  .l-main #start-ic__miyanogi:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__miyanogi:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 27%;
    left: 63.7%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(120deg);
  }
}
@media screen and (min-width: 641px) {
  .l-main #start-ic__miyanogi:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__miyanogi:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 26.1%;
    left: 75.2%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(120deg);
  }
}
@media screen and (max-width: 6401px) {
  .l-main #start-ic__hanawa:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__hanawa:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 18.3%;
    left: 50.2%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@media screen and (min-width: 641px) {
  .l-main #start-ic__hanawa:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__hanawa:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 17.4%;
    left: 41.2%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@media screen and (max-width: 6401px) {
  .l-main #start-ic__shinozaki:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__shinozaki:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 19%;
    left: 37.4%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@media screen and (min-width: 641px) {
  .l-main #start-ic__shinozaki:checked ~ .l-traffic-app__map .ai-map__route-start,
  .l-main #arrive-ic__shinozaki:checked ~ .l-traffic-app__map .ai-map__route-arrive {
    top: 18%;
    left: 8.5%;
    transition: all 0.3s 0.1s;
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
/*
* 選択状況に応じて選択不可
*/
/*出発：宮野木選択→ 到着：宮野木選択不可*/
.l-main #start-ic__miyanogi:checked ~ .l-modal label[data-arriveic-label=宮野木JCT],
.l-main #arrive-ic__miyanogi:checked ~ .l-modal label[data-startic-label=宮野木JCT] {
  color: #E0E0E0;
  cursor: pointer;
  pointer-events: none;
}

.l-main .ai-map {
  position: relative;
}

.l-main .ai-map__route-start {
  position: absolute;
  width: 30px;
  height: 30px;
}
.l-main .ai-map__route-start img {
  width: 100%;
  display: block;
}

.l-main .ai-map__route-start img {
  width: 100%;
  height: 100%;
}
.l-main .ai-map__route-start img img {
  width: 100%;
  display: block;
}

.l-main .ai-map__route-arrive {
  position: absolute;
  width: 40px;
  height: 40px;
}

.l-main .ai-map__mapimg img {
  width: 100%;
}

.l-main .ai-map__route-arrive img {
  width: 100%;
  height: 100%;
}

/****************************
* ベージ
*****************************/
.l-main .cont_about {
  background: #f2f2f2;
  padding: 15px;
}

@media screen and (max-width: 640px) {
  .l-main .cont_about {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.l-main .cont_about img.cont_docomo_logo {
  max-width: 100px;
  margin-top: 10px;
}

.l-main .cont_sub {
  background: #fffeec;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 15px;
}

.l-main .cont_sub__img {
  border-radius: 5px;
  float: left;
  margin: 0 10px 10px 0;
  max-width: 180px;
  width: 40%;
}

/****************************
* 上書き
*****************************/
.l-main .swiper-slide {
  width: 85% !important;
  padding: 0;
}

/*# sourceMappingURL=style.css.map */