@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.l-main .l-jctMapWrap {
  display: block;
}

.l-main .l-jctMapWrap .l-jctMapArea {
  background-color: #f4f4f4;
  border-radius: 0;
  margin-bottom: 30px;
  text-align: center;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapInner {
  position: relative;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapAfter {
  display: none;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList {
  list-style: none;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li {
  position: absolute;
  list-style: none;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btnInverse, .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btn {
  text-align: left;
  padding: 8px 45px 5px 5px;
  min-width: auto;
  line-height: 0.8;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btnInverse .is-fsizeSmall, .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btn .is-fsizeSmall {
  font-size: 16px;
  font-size: 1rem;
}

.l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btnInverse .l-jctIcName, .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btn .l-jctIcName {
  display: block;
  font-size: 20.8px;
  font-size: 1.3rem;
  line-height: 1;
}

.l-main .l-jctMapWrap .l-jctMapNorth {
  padding-top: 20px;
  background: #fff;
}

.l-main .l-jctMapWrap .l-jctCaArea {
  position: relative;
  width: auto;
  margin-left: 0;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctCaWrap .l-jctCaList {
  display: none;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctCaWrap .l-jctCaList:first-child {
  display: block;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctCaWrap .l-jctCaList ul {
  list-style: none;
  position: relative;
  margin-top: 20px;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctCaWrap .l-jctCaList ul li {
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctCaWrap .l-jctCaList ul li.bg {
  background: url("/assets/img/traffic/jct_map/arrow_icon.png") top center no-repeat;
  padding-top: 20px;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctCaWrap .l-jctLabelIcon {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctHighway {
  border-top: 1px solid #F4F4F4;
  line-height: 2.4;
  list-style: none;
}

.l-main .l-jctMapWrap .l-jctCaArea .l-jctHighway li {
  border-bottom: 1px solid #F4F4F4;
}

/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 767px) {
  #_device {
    position: absolute;
    display: none;
  }
}

/* ▼タブレット用デザインとして付け足すデザイン */
@media all and (min-width: 768px) {
  .l-main .l-jctMapWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .l-main .l-jctMapWrap .l-jctMapArea {
    margin-bottom: 0;
  }
  .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li {
    zoom: 1;
  }
  .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btnInverse, .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btn {
    text-align: left;
    padding: 10px 50px 10px 10px;
    min-width: auto;
    line-height: 1;
  }
  .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btnInverse .is-fsizeSmall, .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btn .is-fsizeSmall {
    font-size: 1.3rem;
  }
  .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btnInverse .l-jctIcName, .l-main .l-jctMapWrap .l-jctMapArea .l-jctMap .l-jctMapList > li a.c-btn .l-jctIcName {
    display: block;
    font-size: 1.8rem;
  }
  .l-main .l-jctMapWrap .l-jctCaArea {
    width: 27%;
    margin-left: 30px;
  }
}

/* ▼PC用デザインとして付け足すデザイン */

/*# sourceMappingURL=../../source-maps/traffic/jct_map/jct.css.map */