@charset "UTF-8";
/*设置全局变量*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, a, i, font, em {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: #3e3e3e;
  outline: none;
  margin: 0;
  padding: 0; }

body {
  margin: 0 auto; }

ul, li {
  list-style-type: none;
  list-style: none; }

img {
  border: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: bold; }

#kintetsu_map {
  display: none; }

.kintetsu-map-box {
  width: 701px;
  height: 600px;
  overflow: hidden;
  position: relative;
  /*    border:2px solid rgb(0,140,253);*/
  margin: 0 auto; }

.roadline {
  position: relative; }

.road-contral {
  position: fixed;
  top: 6px;
  padding: 0 3px;
  box-sizing: border-box;
  z-index: 999;
  display: none; }
  .road-contral .return-but {
    margin-top: 6px; }
  .road-contral .road-ico {
    border-radius: 6px;
    height: 38px;
    width: 38px;
    border: 1px solid #ccc;
    background: #f3f3f3;
    cursor: pointer; }
    .road-contral .road-ico a {
      text-decoration: none;
      line-height: 38px;
      display: block;
      background-size: 26px auto; }
    .road-contral .road-ico a.bg-gray {
      background-size: 26px auto;
      cursor: not-allowed; }

.road-amplification {
  margin-left: 8px; }
  .road-amplification a {
    font-size: 38px;
    text-indent: -99999px;
    background: url(../img/add_road.png) center no-repeat; }
  .road-amplification a.bg-gray {
    background: url(../img/add_road_gray.png) center no-repeat; }

.road-narrow {
  margin-left: 8px; }
  .road-narrow a {
    font-size: 32px;
    text-indent: -99999px;
    background: url(../img/minus_road.png) center no-repeat; }
  .road-narrow a.bg-gray {
    background: url(../img/minus_road_gray.png) center no-repeat; }

#road {
  height: 600px !important;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  z-index: 0;
  zoom: 1; }
  #road.detail {
    border: 1px solid #008cfd; }

.road-over-hidden {
  overflow: auto; }

.roadline-map {
  position: absolute;
  z-index: 88;
  width: 217px;
  height: 275px;
  left: 29px;
  top: 2px; }

.roadline-menu {
  position: absolute;
  z-index: 88;
  width: 454px;
  height: 400px;
  left: 245px;
  top: 0; }
  .roadline-menu .main-site-box {
    background-color: #fff;
    text-align: center;
    margin-top: 2px;
    position: relative; }

.map-explain {
  position: absolute;
  width: 295px;
  height: 30px;
  top: 3px;
  left: 10px;
  background-image: url("../img/map_explain.png");
  background-repeat: no-repeat; }
  .map-explain.kyoto {
    left: auto;
    right: 10px; }

#tar_translate_ele {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 88; }

map {
  display: inline !important; }

/**/
.float-left {
  float: left; }

.float-right {
  float: right; }

.cursor-move {
  cursor: move; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
#road::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: #e8e8e8; }

/*定义滚动条轨道 内阴影+圆角*/
#road::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);*/
  /* background-color: #000;*/ }

/*定义滑块 内阴影+圆角*/
#road::-webkit-scrollbar-thumb {
  /*border-radius: 3px;*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
  background-color: #cccccc; }

/*清除漂浮*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1;
  /*兼容ie6,7*/ }

/*特殊情况清除飘浮(不推荐使用)*/
.clear {
  clear: both; }

/* ====================SPレイアウト※jsでspクラス付加する==================== */
.sp .kintetsu-map-box {
  width: 100%;
  height: auto; }
  .sp .kintetsu-map-box.detail {
    height: auto;
    /*min-height: 200px;*/ }

.sp .roadline-map {
  position: relative;
  z-index: 88;
  /*width: auto;*/
  max-width: 100%;
  /*height: 275px;*/
  height: auto;
  left: 0;
  top: 0;
  margin: 0 auto;
  border: 1px solid #008cfd;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sp .roadline-menu {
  position: relative;
  z-index: 88;
  /*height: 275px;*/
  height: auto;
  width: auto;
  max-width: 100%;
  left: 0;
  top: 0;
  margin: 0 auto;
  border: 1px solid #008cfd;
  display: none;
  overflow: auto; }

.sp .road-ico {
  width: 45px;
  height: 45px; }
  .sp .road-ico a {
    line-height: 45px; }

.sp #road {
  height: 100%; }

.sp .pcitem {
  display: none; }

.pc .spitem {
  display: none; }