@charset "utf-8";
/* -----------------------------------------------
 パンくずリスト
------------------------------------------------- */

#siteroute li:not([class]):last-child > a span,
.breadcrumb li:not([class]):last-child > a span,
#siteroute li .last_crumbs,
.breadcrumb li .last_crumbs,
#siteroute li span,
.breadcrumb li span {
  font-size: 16px;
}

#content {
  font-size: 15px;
}

div.line_name {
  display: inline-block;
  font-size: 160%;
  color: #000;
  padding: 0 12px;
  margin: 1em auto 0;
  border-bottom: 2px solid #444;
}

.signboard_layout {
  border-left: 10px solid #333;
  border-right: 10px solid #333;
  box-sizing: border-box;
  margin: 22px auto 15px;
  padding: 0 0 13px;
  width: 630px;
}

.signboard_layout .signboard_box {
  border-bottom: #333 solid 1px;
  border-top: #666 solid 1px;
  margin: 0 auto;
  padding: 9px 0 10px;
  width: 100%;
  background: #FFFEF3 url(/search/image/dtl_new/traffic/img-h1-photo.png) no-repeat right;
  background-size: 35% 100%;
}

.signboard_layout .signboard_box::after {
  display: block;
  height: 13px;
  margin: 0;
  padding: 0;
  border: none;
  background: #f60;
  content: " ";
}

.signboard_box .signboard_ttl {
  text-align: left;
  position: relative;
  font-size: 15px;
}

.signboard_box .signboard_ttl span {
  font-weight: 600;
  background: #f60;
  color: #fff;
  margin-left: 34px;
  margin-right: 11px;
  border-radius: 999px;
  padding: 2px 12px;
  display: inline-block;
}

.signboard_box .signboard_ttl span::before {
  background: url(/search/image/dtl_new/traffic/ico-route.png) no-repeat;
  content: "";
  display: block;
  height: 25px;
  position: absolute;
  width: 20px;
  background-size: 85%;
  left: 11px;
  top: 2px;
}

.signboard_box .rosen_name {
  font-size: 26px;
  font-weight: 600;
  padding: 9px 34px 0;
  line-height: 1.2;
}

.signboard_box .rosen_category_name {
  background: url(/search/image/dtl_new/traffic/bg-ttl-rosen-route.png) repeat-x center;
  background-size: 2px 5px;
  text-align: center;
  margin: 7px auto 10px;
  padding: 0 42px;
  display: inline-block;
  min-width: 116px;
  max-width: 610px
}

.signboard_box .rosen_category_name span {
  background: #FFFEF3;
  color: #167545;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
}

p.lead { 
  font-size: 17px ;
  padding: 0px 15px 19px 24px !important;
  position: relative;
  margin: 0 auto;
  text-align: left;
}
p.lead::before { 
  background: #000;
  content: '';
  display: inline-block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 16px;
}

p.lead span {
  margin: 0 auto;
  padding: 0;
}

p.lead strong{
  font-size: 1.111112em;
}

.pink {
  color: #e24a79;
  font-weight: 600;
}

.mobile .sp_brackets_cut {
  margin: 0 -0.6em;
}

.in_block {
  display: inline-block;
}

/* ------------------------------------------
 header
------------------------------------------  */
* > #content > .eki_ttl,
* > #content > .eki_ttl_s,
* > #content > .eki_ttl_l {
  width: 980px;
  height: 170px;
  margin: 0 auto 15px;
  padding: 10px 0 0;
  display: block;
  position: relative;
  overflow: hidden;
  background: url(/search/image/dtl_new/traffic/dtl_ttl_bg_eki.png) no-repeat center bottom;
  text-align: left;
}

* > #content > .eki_ttl > dl.fn_cate {
  overflow: hidden;
  float: left;
  width: 400px;
  margin: 18px 0px 5px 103px;
}

* > #content > .eki_ttl > .fn_cate > dt,
* > #content > .eki_ttl_s > .railroad,
* > #content > .eki_ttl_l > .railroad {
  display: block;
  margin: 1px 8px 1px 1px;
  padding: 0 9px;
  height: 24px;
  float: left;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #e24a79;
  box-shadow: 0 0 0 1px #e24a79;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  behavior: url(/css/PIE.php);
}

* > #content > .eki_ttl > .fn_cate > dd,
* > #content > .eki_ttl_s > .access,
* > #content > .eki_ttl_l > .access {
  float: left;
  color: #0066ff;
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0 !important;
}

* > #content > .eki_ttl > .fn_cate > dd > p {
  float: left;
  margin: 0px 5px 0px 0px;
}

* > #content > .eki_ttl > .location {
  text-align: right;
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: 337px;
  display: inline-block;
  padding: 0 0 0 30px;
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
}

* > #content > .eki_ttl > .location > .icon,
* > #content > .eki_ttl_s > .location > .icon,
* > #content > .eki_ttl_l > .location > .icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

* > #content > .eki_ttl > h1,
* > #content > .eki_ttl_s > h1,
* > #content > .eki_ttl_l > h1 {
  clear: both;
  width: 660px;
  margin: 0px 271px 0px 49px;
  font-size: 28px;
  text-align: center;
}

/* 駅名 一行 */
* > #content > .eki_ttl_s {
  height: 241px;
  background: url(/search/image/dtl_new/traffic/dtl_ttl_bg_eki_text_s.png) no-repeat center bottom;
}

* > #content > .eki_ttl_s > h1 {
  width: 553px;
  margin: 103px 0 0 0;
}

* > #content > .eki_ttl_s > .location {
  top: 63px;
  left: 106px;
  text-align: right;
  overflow: hidden;
  position: absolute;
  display: inline-block;
  padding: 0 0 0 30px;
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
}

* > #content > .eki_ttl_s > .railroad {
  position: absolute;
  top: 63px;
  right: 525px;
}

* > #content > .eki_ttl_s > .access,
* > #content > .eki_ttl_l > .access {
  letter-spacing: 0.2em !important;
  width: 553px;
  text-align: center;
}

/*駅名　二行*/
* > #content > .eki_ttl_l {
  height: 241px;
  background: url(/search/image/dtl_new/traffic/dtl_ttl_bg_eki_text_l.png) no-repeat center bottom;
}

* > #content > .eki_ttl_l > h1 {
  width: 553px;
  margin: 57px 0 0 0;
}

* > #content > .eki_ttl_l > .location {
  top: 20px;
  left: 106px;
  text-align: right;
  overflow: hidden;
  position: absolute;
  display: inline-block;
  padding: 0 0 0 30px;
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
}

* > #content > .eki_ttl_l > .railroad {
  position: absolute;
  top: 20px;
  right: 525px;
}

/* バス停留所 */
* > #content > .bus_ttl {
  width: 980px;
  height: 170px;
  margin: 10px auto 15px;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  background: url(/search/image/dtl_new/traffic/dtl_ttl_bg_bus.png) no-repeat center bottom;
  text-align: left;
}

* > #content > .bus_ttl > dl.fn_cate {
  overflow: hidden;
  float: left;
  width: 520px;
  margin: 18px 0px 5px 60px;
}

* > #content > .bus_ttl > .fn_cate > dt {
  display: block;
  margin: 1px 8px 1px 1px;
  padding: 0 9px;
  height: 24px;
  float: left;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #e24a79;
  box-shadow: 0 0 0 1px #e24a79;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  behavior: url(/css/PIE.php);
}

* > #content > .bus_ttl > .fn_cate > dd {
  float: left;
  color: #0066ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

* > #content > .bus_ttl > .fn_cate > dd > p {
  float: left;
  margin: 0px 5px 0px 0px;
}

* > #content > .bus_ttl > .location {
  text-align: right;
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: 282px;
  display: inline-block;
  padding: 0 0 0 30px;
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
}

* > #content > .bus_ttl > .location > .icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

* > #content > .bus_ttl > h1 {
  clear: both;
  width: 660px;
  margin: 0px 271px 0px 49px;
  font-size: 28px;
  text-align: center;
}

.eki_ttl_s .location .icon img {
  height: 806px;
  width: 364px;
}

/* ------------------------------------------
 main_box
------------------------------------------  */
* > #main_box {
  width: 980px;
  margin: 0px auto;
  padding: 0;
  display: block;
  overflow: hidden;
  text-align: left;
}

* > #main_box > .srchbox {
  /*	width: 900px;*/
  width: 940px;
  margin: 0px auto 15px;
  padding: 0;
  display: block;
  overflow: hidden;
}

* > #main_box > .srchbox > .ttl_srch {
  width:180px;
  margin:0 auto 20px;
  padding: 7px 0px;
  text-align: center;
  font-size:100%;
  border-top:#51b34f solid 2px;
  border-bottom:#51b34f solid 2px;
  font-size: 25px;
  letter-spacing: 1.6px;
  color: #3f9e51;
  font-weight: 600;
}

* > #main_box > .srchbox > .ttl_srch span {
  font-size: 93%;
  font-weight: 100;
  color: #fff;
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0 8px;
}

#main_box > .srchbox > section {
  /* width:772px; */
  margin: 0 auto 45px;
}

#main_box > .srchbox > section h3 {
  width: 90px;
  padding: 0;
  margin: 0 0 17px;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
}

.srchbox > section.conventional h3,
.srchbox > section.municipal h3 {
  background: #1a9b10;
}

.srchbox > section.bullet h3 {
  background: #0C0FE0;
}

.srchbox > section.subway h3 {
  background: #FBA61F;
}

.srchbox > section.private h3 {
  background: #E0383F;
}

.srchbox > section ul.route {
  margin: 0 auto;
  border-bottom: 3px solid #ff1493;
}

.srchbox .route li > .line_name {
  margin: 0 0 0 50px;
  text-align: left;
}

.srchbox > section ul.route li {
  position: relative;
  margin: 0 0 45px;
  padding: 0 0 50px;
  border-bottom: 2px solid #ff5cb4;
  font-size: 175%;
  text-align: center;
}

.srchbox > section ul.route li:last-child {
  margin: 0;
  border: none;
}

.srchbox > section ul.route li i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 32px;
  margin-right: 2px;
  line-height: 32px;
  text-indent: -9999em;
  overflow: hidden;
}

/* 電車 */
.srchbox > section.conventional ul.route li i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -196px;
}

.srchbox > section.bullet ul.route li i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -243px;
}

.srchbox > section.subway ul.route li i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -291px;
}

.srchbox > section.private ul.route li i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -338px;
}

/* バス */
#main_box > .srchbox > section.municipal ul.route li i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -385px;
}


#main_box > .srchbox > section ul.route li a.rail_link {
  display: inline-block;
  line-height: 32px;
  height: 32px;
}

#main_box > .srchbox > section ul.route li figure {
  display: inline-block;
  font-size: 0;
  /* inlne-block margin hack */
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.05em;
  margin: 18px 0 0;
  position: relative;
  background: url(/search/image/dtl_new/traffic/bg_rosen_subway2.png) repeat-x 10px center !important;
}

#main_box > .srchbox > section ul.route li figure:first-of-type {
  margin: 6px 0 0;
}

/* 電車 */
#main_box > .srchbox > section.conventional ul.route li figure {
  background: url(/search/image/dtl_new/traffic/bg_rail.gif) repeat-x 10px center;
}

#main_box > .srchbox > section.bullet ul.route li figure {
  background: url(/search/image/dtl_new/traffic/bg_rosen_shinkansen.png) repeat-x 10px center;
}

#main_box > .srchbox > section.subway ul.route li figure {
  background: url(/search/image/dtl_new/traffic/bg_rosen_subway.png) repeat-x 10px center;
}

#main_box > .srchbox > section.private ul.route li figure {
  background: url(/search/image/dtl_new/traffic/bg_rosen_shitetsu.png) repeat-x 1px center;
}

/* バス */
#main_box > .srchbox > section.municipal ul.route li figure {
  background: url(/search/image/dtl_new/traffic/bg_bus.png) repeat-x 4px center;
}

.mobile #main_box > .srchbox > section ul.route li figure {
  letter-spacing: 0;
  position: relative;
}

.srchbox .route li div {
  display: inline-block;
  vertical-align: middle;
  border-collapse: collapse;
  line-height: 54px;
  height: 54px;
  /* border:1px solid #666; */
  font-size: 20px;
  margin: 10px;
}

.srchbox .route li .start,
.srchbox .route li .left {
  margin: 0 10px 0 0;
  border-collapse: separate;
  border-top: 5px solid #d9d9d9;
  border-left: 5px solid #a7a7a7;
  border-right: 5px solid #a7a7a7;
  border-bottom: 5px solid #666666;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.srchbox .route li .center {
  border-collapse: separate;
  border-top: 5px solid #d9d9d9;
  border-left: 5px solid #a7a7a7;
  border-right: 5px solid #a7a7a7;
  border-bottom: 5px solid #666666;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background: #fff;
}

.srchbox .route li .last,
.srchbox .route li .right {
  margin: 0 0 0 10px;
  border-collapse: separate;
  border-top: 5px solid #d9d9d9;
  border-left: 5px solid #a7a7a7;
  border-right: 5px solid #a7a7a7;
  border-bottom: 5px solid #666666;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.srchbox .route .next_l,
.srchbox .route .next_r {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  border: none;
  width: 107px;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
}

.srchbox .route .next_l {
  text-indent: 10px
}

.srchbox .route .next_r {
  text-indent: -10px
}

.srchbox .route .next_l a,
.srchbox .route .next_r a {
  color: #fff;
}

.srchbox .route .next_l.b_green {
  background: url(/search/image/dtl_new/traffic/bg_nextst_green_l.png) no-repeat center top;
}

.srchbox .route .next_r.b_green {
  background: url(/search/image/dtl_new/traffic/bg_nextst_green_r.png) no-repeat center top;
}

.srchbox .route .next_l.b_blue {
  background: url(/search/image/dtl_new/traffic/bg_nextst_blue_l.png) no-repeat center top;
}

.srchbox .route .next_r.b_blue {
  background: url(/search/image/dtl_new/traffic/bg_nextst_blue_r.png) no-repeat center top;
}

.srchbox .route .next_l.b_orange {
  background: url(/search/image/dtl_new/traffic/bg_nextst_orange_l.png) no-repeat center top;
}

.srchbox .route .next_r.b_orange {
  background: url(/search/image/dtl_new/traffic/bg_nextst_orange_r.png) no-repeat center top;
}

.srchbox .route .next_l.b_red {
  background: url(/search/image/dtl_new/traffic/bg_nextst_red_l.png) no-repeat center top;
}

.srchbox .route .next_r.b_red {
  background: url(/search/image/dtl_new/traffic/bg_nextst_red_r.png) no-repeat center top;
}

.srchbox .route .next_l:hover,
.srchbox .route .next_r:hover {
  background-position: 0px bottom;
}

#main_box > .srchbox > section ul.route li figure span {
  display: table-cell;
  background: #dfe9f6 repeat;
  width: 160px;
  padding: 12px 10px;
  line-height: 1;
  vertical-align: middle;
}

#main_box > .srchbox > section ul.route li figure b {
  display: table-cell;
  background: #fee;
  color: #c00;
  width: 184px;
  margin: 0 50px;
  padding: 12px 8px;
  line-height: 1;
  vertical-align: middle;
}

/* バス */
#main_box > .srchbox > section ul.route li figure div.route_info {
  margin: 0 auto;
  font-size: 80%;
  line-height: 1;
}

#main_box > .srchbox > section ul.route li figure div.route_info img {
  display: block;
  margin: 0 auto 7px;
}



/* バス停留所アイコン説明 */
aside.bus_search_info {
  width: 630px;
  border: 2px solid #e00;
  padding: 8px;
  margin: 0 auto 30px;
}

aside.bus_search_info h3 {
  font-size: 107%;
  line-height: 1.2;
  margin: 0 0 8px;
}

aside.bus_search_info p {
  text-align: center;
}

aside.bus_search_info p img {
  display: inline-block;
  padding: 0 5px 0 3px;
}

/* -----------------------------------
　　路線図ページ
----------------------------------- */
dl.destination_box {
  width: 282px;
  background: #ffe4ff;
  text-align: center;
  /*	padding:5px 0; 20141216修正*/
  padding: 12px 0 5px 0;
  margin: 0 auto 30px;
}

dl.destination_box dt {
  display: inline-block;
  font-size: 133%;
  color: #e24a79;
  font-weight: 600;
  padding: 0 15px 3px;
  margin: 0;
  border-bottom: 1px solid #e24a79;
}

dl.destination_box dd {
  font-size: 120%;
  text-align: center;
  line-height: 1.6;
  padding: 15px 10px 14px;
  border-bottom: 2px solid #e24a79;
}

#main_box section.route_map {
  padding: 0 0 20px;
  text-align: center;
}

#main_box section.route_map > header > p.lead {
  margin: 0;
  padding: 0px 0px 24px !important;
}

#main_box section.route_map > header > p.lead span {
  padding: 0 0 0px 24px;
}

#main_box section.route_map > header > .destination_box {
  min-width: 460px;
  /* 282px */
  background: #fff;
  text-align: center;
  margin: 0 auto 15px;
  padding: 0px 0 5px 0;
  text-align: center;
  display: inline-block;
}

#main_box section.route_map > header > .destination_box.long {
  width: 780px;
}

#main_box section.route_map > header > .destination_box h2 {
  display: inline-block;
  margin: 0 auto;
  padding: 0 15px 3px;
  font-size: 133%;
  color: #e24a79;
  font-weight: 600;
  border-bottom: 1px solid #e24a79;
  background: none;
  line-height: 32px;
}

#main_box section.route_map > header > .destination_box ul {
  padding: 0 10px 14px;
  border-bottom: 2px solid #e24a79;
  font-size: 120%;
  text-align: center;
  line-height: 1.6;
}

#main_box section.route_map h2 {
  background: url(/search/image/dtl_new/traffic/bg_train_name.gif) repeat-x 0 0;
  font-size: 133%;
  line-height: 44px;
  color: #fff;
  padding: 0 0 1px 14px;
  margin: 0 0 13px;
}

.bus #main_box section.route_map h2 {
  background: url(/search/image/dtl_new/traffic/bg_train_name.gif) repeat-x 0 0;
}

#main_box section.route_map > p {
  margin: 0 17px 14px;
}

#main_box section.route_map p.rosen_title {
  margin: 0 auto 15px;
}

#main_box figure.artwork {
  overflow: hidden;
  position: relative;
  margin: 0 auto 50px;
}

#main_box figure.artwork span {
  display: block;
  line-height: 24px;
  padding: 4px 14px 4px 34px;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
  position: absolute;
  bottom: 1px;
  left: 1px;
}

#main_box figure.artwork span .icon {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 4px;
}

#main_box figure.artwork span .icon img {
  top: -30px;
  left: -150px;
}

#main_box section.route_map header h3 {
  position: relative;
  width:304px;
  margin:0 auto 11px;
  padding:9px 0;
  text-align: center;
  font-size: 25px;
  letter-spacing: 1.6px;
  color: #3f9e51;
  font-weight: 600;
  border-top: #51b34f solid 2px;
  border-bottom: #51b34f solid 2px;
}

#main_box section.route_map header h3 img {
  height: auto;
  width: 100%;
}

#main_box section.route_map header h3 + p {
  margin: 0 auto 14px;
  font-size: 107%;
}

#route_map {
  background: url(/search/image/dtl_new/traffic/bg-zairaisen.png) no-repeat center 18px/462px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 872px;
}

#route_map.route_map_v1 {
  background: url(/search/image/dtl_new/traffic/bg-shinkansen.png) no-repeat center 17px/462px auto;
}

#route_map.route_map_v3 {
  background: url(/search/image/dtl_new/traffic/bg-shitetsu.png) no-repeat center 10px/476px;
}

#route_map.route_map_v3.none_transfer {
  background: url(/search/image/dtl_new/traffic/bg-shitetsu_none-trans.png) no-repeat center 15px/476px;
}

#route_map.route_map_v2,
#route_map.route_map_v4 {
  background: none;
}

#route_map:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#route_map .train_home {
  position: relative;
  font-size: 107%;
  margin: auto;
  max-width: 270px;
  z-index: 9999;
}

.bus #route_map .train_home {
  background: url(/search/image/dtl_new/traffic/bg_bus_yoko.png) center center repeat-x;
}

.bus #route_map.twoway .train_home {
  background: url(/search/image/dtl_new/traffic/bg_bus_two_yoko.png) center center repeat-x;
}

#route_map .train_home span {
  border: solid 2px #f75586;
  background: #f75586;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px rgba(139, 24, 51, 1);
  color: #fff;
  font-size: 110%;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 auto;
  position: relative;
  padding: 7px 25px 7px 25px;
  min-height: 42px;
  display: table;
  min-width: 210px;
}

#route_map.nameLong .train_home b {
  line-height: 1.2;
  padding: auto 0.6em;
}

#route_map section {
  float: left;
  margin: 0px 0px 55px;
  padding: 0;
  width: 424px;
}

.bus #route_map section {
  background: url(/search/image/dtl_new/traffic/bg_bus_tate.png) center 0 repeat-y;
}

.bus #route_map.twoway section {
  background: url(/search/image/dtl_new/traffic/bg_bus_two_tate.png) center 0 repeat-y;
}

.train_place {
  box-sizing: border-box;
  padding: 12px 0 6px;
}

.train_place > p {
  font-size: 13px;
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 260px;
}

.gro_btn_train {
  border: 2px solid #409242;
  border-radius: 5px;
  box-sizing: border-box;
  color: #409242;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  letter-spacing: 1px;
  padding: 4px;
  width: 109px;
}

.train_place .btn_train_place {
  border: none;
  display: inline-block;
  margin-left: 12px;
  transform: translateY(3px);
}

.train_place .btn_train_place:hover {
  opacity: .8;
}

 .direction {
  margin: 3px 215px 5px 432px;
  text-align: left;
}
.direction li {
  position: relative;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: .6em;
}
.direction li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #51b76d;
  position: absolute;
  top: .4em;
  left: 0;
}
#route_map section ul li ul.direction{
  margin: -5px auto 0 293px;
  padding: 0;
  width: auto;
}
#route_map ul li .direction li{
  display: list-item;
  line-height: 1.2;
}

#route_map.nameLong section {
  margin: 0px 0px 55px;
  padding: 0;
}

.mobile #route_map section {
  letter-spacing: 0;
}

#route_map section.up {
  float: left;
}

#route_map section.down {
  float: right;
}

#route_map section h4 {
  background: #3c9ae7;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 113%;
  margin: 0px auto;
  padding: 8px 6px 7px 6px;
  position: relative;
  width: 424px;
}

#route_map.route_map_v2 section h4:before,
#route_map.route_map_v4 section h4:before {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

#route_map.route_map_v2.terminal section h4:before,
#route_map.route_map_v4.terminal section h4:before {
  display: none;
}

#route_map section h4:after {
  border-left: 2px solid #504e4e;
  border-right: 2px solid #504e4e;
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  z-index: 5;
}

#route_map.route_map_v2 section h4:after {
  width: 8px;
}

#route_map section h4:after {
  background-image: linear-gradient(#504e4e 0 9px, #fff 9px);
  bottom: -22px;
  height: 22px;
}

#route_map.route_map_v1 section h4:after {
  background-image: linear-gradient(#178eef 0 9px, #fff 9px);
  border-color: #178eef;
}

#route_map.route_map_v2 section h4:after {
  content: '';
  background: #61b26c;
  border-color: #61b26c;
}

#route_map.route_map_v3 section h4:after {
  background: url(/search/image/dtl_new/traffic/bg-shitetsu-item-last.png) no-repeat center bottom/26px;
  border: none;
  display: block;
}

#route_map.route_map_v2.none_transfer section.up h4:before,
#route_map.route_map_v4.none_transfer section.up h4:before,
#route_map.route_map_v2.none_transfer section.down h4:before,
#route_map.route_map_v4.none_transfer section.down h4:before {
  height: 85px;
  top: -190%;
}

#route_map.route_map_v2 section h4:before,
#route_map.route_map_v4 section h4:before {
  background: none;
  border-color: #df81a2;
  border-style: solid;
  height: 115px;
  top: -105px;
  width: 155px;
}

#route_map.route_map_v2 section h4:before {
  border-color: #61b26c;
}

/*  {
  border-top-left-radius: 70px;
  border-width: 10px 0 0 10px;
  left: 205px;
} */

#route_map.route_map_v2 section.up h4:before,
#route_map.route_map_v2 section.down h4:before,
#route_map.route_map_v4 section.up h4:before,
#route_map.route_map_v4 section.down h4:before {
  content: none;
}
#route_map.route_map_v2,
#route_map.route_map_v4 {
  position: relative;
}
#route_map.route_map_v2:not(.terminal)::before,
#route_map.route_map_v4:not(.terminal)::before {
  content: '';
  border: solid 8px #61b26c;
  border-bottom: none;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 442px;
  height: 300px;
  border-radius: 70px 70px 0 0;
  z-index: -1;
}
#route_map.route_map_v4:not(.terminal)::before {
  border-color: #df81a2;
}

#route_map.route_map_v4 section h4:after {
  background: #df81a2;
  border-color: #df81a2;
}

#route_map.route_map_v3.terminal section h4:after {
  background: url(/search/image/dtl_new/traffic/bg-shitetsu-item-last.png) no-repeat 0 bottom/100%;
  border: none;
  display: block;
  left: 197px;
  width: 26px;
}

#route_map.terminal section.down h4:after {
  left: 209px;
}

#route_map.terminal.route_map_v3 section.down h4:after,
#route_map.terminal.route_map_v4 section.down h4:after {
  left: 201px;
}

#route_map.terminal.route_map_v4 section.down h4:after {
  left: 209px;
}

#route_map section.up h4:after {
  left: 205px;
}

#route_map.route_map_v2 section.up h4:after {
  left: 207px;
}

#route_map section.down h4:after {
  right: 205px;
}

#route_map.route_map_v2 section.down h4:after {
  right: 207px;
}

#route_map section h4 i {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -685px;
  display: inline-block;
  height: 18px;
  margin: 0 5px 0 0;
  overflow: hidden;
  position: relative;
  text-indent: -30em;
  top: 3px;
  width: 18px;
}

#route_map section h4 span {
  font-size: 86%;
  font-weight: 100;
}

#route_map section ul {
  margin: 0;
  padding: 10px 0 20px 0;
  width: 424px;
}

.route_map.railway_line #route_map > .post_icon {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
}

.route_map.railway_line #route_map section .post_icon {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 236px;
  margin: 0;
  padding: 0;
  top: 38px;
  width: auto;
}

.route_map.railway_line #route_map .post_icon > li {
  margin-right: 10px;
}

.route_map.railway_line #route_map .post_icon > li:last-child {
  margin-right: 0;
}

.route_map.railway_line #route_map .post_icon > li a::before {
  display: none;
}

.route_map #route_map .post_icon img{
  height: auto;
  width: 84px;
}

#route_map section > ul > li {
  background: #fff;
  box-sizing: border-box;
  min-height: 122px;
  line-height: 1;
  padding: 0;
  position: relative;
  text-align: left;
  width: 424px;
}

#route_map.route_map_v3 section > ul > li:first-child:after {
  background: url("/search/image/dtl_new/traffic/bg-shitetsu-item-1st.png") no-repeat 0 0 /100% auto;
}

#route_map.route_map_v3 section > ul > li:last-child:after {
  background: url("/search/image/dtl_new/traffic/bg-shitetsu-item-last.png") no-repeat 0 0 /100% auto;
}

#route_map section > ul > li:before {
  background: #fff;
  border: 3px solid #504e4e;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 26px;
  position: absolute;
  top: calc(50% - 13px);
  width: 26px;
  z-index: 6;
}

#route_map.route_map_v1 section > ul > li:before {
  border-color: #178eef;
}

#route_map.route_map_v2 section > ul > li:before {
  background: #fff;
  border: 2px solid #61b26c;
  height: 28px;
  top: calc(50% - 14px);
  width: 28px;
}

#route_map.route_map_v3 section > ul > li::before {
  background: #fff;
  border-color: #a97d52;
}

#route_map.route_map_v4 section > ul > li::before {
  background: #fff;
  border-color: #df81a2;
  border-width: 2px;
  height: 27px;
  width: 27px;
}

#route_map section.up > ul > li:before {
  left: 197px;
}

#route_map section.down > ul > li:before {
  right: 197px;
}

#route_map.route_map_v2 section.up > ul > li:before,
#route_map.route_map_v4 section.up > ul > li:before {
  left: 197px;
}

#route_map.route_map_v2 section.down > ul > li:before,
#route_map.route_map_v4 section.down > ul > li:before {
  right: 197px;
}

li.multi a:first-child:before { 
  border-bottom: 11px solid #fff;
  border-left: 13px solid transparent;
  border-top: 11px solid #fff;
  top: 80px;
  content: "";
  position: absolute;
  z-index: 10;
}

section.up li.multi a:first-child:before {
  right: 138px;
}

section.down li.multi a:first-child:before {
  right: 137px;
}

.route_map_v4 section.up li.multi a:first-child:before {
  right: 141px;
}

.route_map_v4 section.down li.multi a:first-child:before {
  right: 136px;
}

.route_map_v4 li.multi a:first-child:before {
  border-width: 11px 0 11px 12px;
}

#route_map section > ul > li.multi > a:first-child:after {
  background-image: linear-gradient(45deg, #5b5a5a 42%, #1c1a1a 75%);
  top: 80px;
  box-shadow: inset 3px 0 0 #5b5a5a, inset 5px 0 0 #fff, inset 8px 0 0 #5b5a5a, inset 10px 0 0 #fff;
  content: "";
  height: 21px;
  position: absolute;
  width: 56px;
  z-index: 9;
}

#route_map section.up > ul > li.multi > a:first-child:after {
  right: 138px;
}

#route_map section.down > ul > li.multi > a:first-child:after {
  right: 137px;
}

#route_map.route_map_v4 section.up > ul > li.multi > a:first-child:after {
  right: 141px;
}

#route_map.route_map_v4 section.down > ul > li.multi > a:first-child:after {
  right: 136px;
}

#route_map.route_map_v1 section > ul > li.multi > a:after {
  background-image: linear-gradient(45deg, #178eef 42%, #0062ea 75%);
  box-shadow: inset 3px 0 0 #178eef, inset 5px 0 0 #fff, inset 8px 0 0 #178eef, inset 10px 0 0 #fff;
}

#route_map.route_map_v2 section > ul > li.multi > a:after {
  background-image: linear-gradient(45deg, #61b26c 42%, #249433 75%);
  box-shadow: inset 3px 0 0 #61b26c, inset 5px 0 0 #fff, inset 8px 0 0 #61b26c, inset 10px 0 0 #fff;
}

#route_map.route_map_v3 section > ul > li.multi > a:after {
  background-image: linear-gradient(45deg, #a97d52 42%, #884b0f 75%);
  box-shadow: inset 3px 0 0 #a97d52, inset 5px 0 0 #fff, inset 8px 0 0 #a97d52, inset 10px 0 0 #fff;
}

#route_map.route_map_v4 section > ul > li.multi > a:after {
  background-image: linear-gradient(45deg, #e483a5 42%, #ce3e71 70%);
  box-shadow: inset 3px 0 0 #e483a5, inset 5px 0 0 #fff, inset 8px 0 0 #e483a5, inset 10px 0 0 #fff;
  height: 22px;
}

#route_map section:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#route_map section > ul > li:after {
  background-image: repeating-linear-gradient(to bottom, #fff , #fff 30px, #504e4e 30px,#504e4e 60px);
  border-left: 2px solid #504e4e;
  border-right: 2px solid #504e4e;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 10px;
  z-index: 5;
}

#route_map.route_map_v2 section > ul > li:after {
  width: 8px;
}

#route_map.route_map_v1 section > ul > li:after {
  background-image: linear-gradient(#fff 0 15px, #178eef 15px 46px, #fff 46px 76px, #178eef 76px 107px, #fff 107px);
  border-color: #178eef;
}

#route_map.route_map_v2 section > ul > li:after {
  background: #61b26c;
  border-color: #61b26c;
}

#route_map.route_map_v3 section > ul > li:after {
  background: url(/search/image/dtl_new/traffic/bg-shitetsu-item.png) repeat-y 0 0;
  background-size: 100% auto;
  border: none;
  width: 26px;
}

#route_map.route_map_v4 section > ul > li:after {
  background: #df81a2;
  border-color: #df81a2;
}

#route_map section.up > ul > li:after {
  left: 205px;
}

#route_map.route_map_v2 section.up > ul > li:after {
  left: 207px;
}

#route_map section.down > ul > li:after {
  right: 205px;
}

#route_map.route_map_v2 section.down > ul > li:after {
  right: 207px;
}

#route_map.route_map_v3 section.up > ul > li:after {
  left: 197px;
}

#route_map.route_map_v3 section.down > ul > li:after {
  right: 197px;
}

#route_map section > ul > li:last-child:before {
  background: #fff;
  border: 3px solid #504e4e;
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: 600;
  height: 32px;
  padding: 4px;
  position: absolute;
  text-align: center;
  top: auto;
  width: 32px;
  z-index: 9;
}

#route_map.route_map_v1 section > ul > li:last-child:before {
  border-color: #178eef;
}

#route_map.route_map_v2 section > ul > li:last-child:before {
  border-color: #61b26c;
}

#route_map.route_map_v3 section > ul > li:last-child:before {
  border-color: #a97d52;
}

#route_map.route_map_v4 section > ul > li:last-child:before {
  border-color: #df81a2;
}

#route_map section.up > ul > li:last-child:before {
  content: "起";
  left: 194px;
}

#route_map.route_map_v2 section.up > ul > li:last-child:before {
  left: 195px;
}

#route_map section.down > ul > li:last-child:before {
  content: "終";
  right: 194px;
}

#route_map.route_map_v2 section.down > ul > li:last-child:before {
  content: "終";
  right: 195px;
}

#route_map.route_map_v4 section.up > ul > li:last-child:before {
  left: 193px;
}

#route_map section > ul > li > a {
  box-sizing: border-box;
  display: block;
  font-size: 22px;
  font-weight: 600;
  min-height: 112px;
  line-height: 1.2;
  padding: 15px 0 15px 80px;
  -webkit-tap-highlight-color: rgba(175, 238, 238, 0.5);
  width: 424px;
}

#route_map section > ul > li.multi > a {
  color: #0022ee;
}

#route_map section > ul > li:hover {
  background: #afeeee;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #route_map section > ul > li:hover {
    background: none;
  }
}

#route_map section > ul > li a .st_name {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  float: left;
  font-size: 18px;
  justify-content: center;
  margin-top: 5px;
  min-height: 72px;
  overflow-wrap: break-word;
  padding: 0 5px;
  text-align: center;
  word-wrap: break-word;
}

#route_map section.up > ul > li a .st_name {
  width: 118px;
}

#route_map section.down > ul > li a .st_name {
  width: 122px;
}

#route_map section > ul > li a .st_name > span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

#route_map.route_map_v4 section.up > ul > li a .st_name {
  width: 122px;
}

#route_map.route_map_v4 section.down > ul > li a .st_name {
  width: 126px;
}

#route_map section > ul > li a .st_info {
  color: #000;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
  padding: 0 3px;
  text-align: left;
}

#route_map section li.multi a.btn_train_home {
  padding: 0;
  width: auto;
  height: auto;
  position: absolute;
  top: 78px;
  right: 10px;
}

#route_map section.up .btn_train_home {
  right: 24px;
}

#route_map section.down .btn_train_home {
  right: 20px;
}

#route_map section .btn_train_home:hover {
  opacity: .8;
}

#route_map section > ul > li.multi:hover a:before {
  border-bottom: 11px solid #afeeee;
  border-top: 11px solid #afeeee;
}

#route_map.route_map_v4 section > ul > li.multi:hover a:before {
  border-bottom: 11px solid #afeeee;
  border-top: 11px solid #afeeee;
}

/* ターミナル駅アイコン入の調整 */

#route_map section > ul > li.multi a .st_name img {
  display: inline-block;
  margin: 2px auto 0;
}

#route_map section > ul > li.multi a.row2 .st_name img,
#route_map section > ul > li.multi a.row3 .st_name img {
  display: inline-block;
  margin-left: 10px;
}

#route_map section > ul > li.multi a:not(.btn_train_home):hover {
  color: #ff0000;
}

#route_map section > ul > li > a > ul.post_icon {
  display: inline-block;
  height: 32px;
  margin: 10px 0 0 26px;
  max-width: 186px;
  overflow: visible;
  vertical-align: top;
}

#route_map.route_map_v4 section > ul > li > a > ul.post_icon {
  margin-left: 20px;
}

#route_map section > ul > li > a > ul.post_icon li {
  display: inline-block;
  height: 32px;
  margin: 0px 0px 0px 5px;
  padding: 0 0px;
  position: relative;
  text-align: center;
  width: 30px;
}

#route_map section > ul > li > a > ul.post_icon li.dbl:after {
  background: url(/search/image/dtl_new/traffic/ico_post_double.png) no-repeat 0 0;
  content: "";
  display: block;
  height: 14px;
  left: 5px;
  position: absolute;
  top: -15px;
  width: 28px;
  z-index: 50;
}

#route_map section > ul > li.multi a .st_name::after {
  background: url(/search/image/dtl_new/traffic/ico_terminal.png) no-repeat;
  content: "";
  display: inline-block;
  height: 21px;
  margin: 2px auto 0;
  width: 80px;
}

#route_map section > ul > li > a > ul.post_icon li:nth-child(4) {
  width: 66px;
}

#route_map section > ul > li i.st_img {
  display: block;
  width: 70px;
  height: 70px;
  border: 1px solid #666;
  overflow: hidden;
  position: absolute;
  left: 10px;
  top: 20px;
  background-size: 70px 70px;
}

#route_map section > ul > li i.st_img.none {
  border: 1px solid #d1e6f8;
}

/* 終着駅 */
#route_map.terminal,
#route_map.route_map.terminal,
#route_map.route_map_v1.terminal,
#route_map.route_map_v2.terminal,
#route_map.route_map_v3.terminal,
#route_map.route_map_v4.terminal  {
  background: none;
}

#route_map.terminal .train_home {
  background: none;
  z-index: 10;
}

#route_map.terminal section {
  float: none;
  margin: 0 auto 55px;
}

/* アイコンの説明 */
i[class^="i_"] {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 6px 0 0;
  text-indent: -30em;
  overflow: hidden;
  position: relative;
  top: 5px;
}


.mobile i[class^="i_"] {
  top: 2.5px;
}

i.i_multi {
  background: url(/search/image/dtl_new/traffic/ico_noriire2.png) no-repeat 0 0;
}

i.i_single {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -71px;
}

/* バス */
.bus #route_map section > ul > li {
  margin: 0 auto;
  padding: 24px 0 0;
  min-width: 230px;
  max-width: 379px;
  border: none;
}

.bus #route_map section.up > ul > li {
  background: url(/search/image/dtl_new/traffic/bg_list_upway.png) no-repeat center 0;
}

.bus #route_map section.down > ul > li {
  background: url(/search/image/dtl_new/traffic/bg_list_downway.png) no-repeat center 0;
}

.bus #route_map.twoway section > ul > li {
  background: url(/search/image/dtl_new/traffic/bg_list_twoway.png) no-repeat center 0 !important;
}

.bus #route_map section > ul > li i {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 2px 0 0;
  text-indent: -30em;
  overflow: hidden;
  position: relative;
  top: 5px;
}

.bus #route_map section > ul > li > a {
  padding: 7px 20px 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  behavior: url(/css/PIE.php);
}

.bus #route_map section.up > ul > li > a {
  border: 1px solid #c5d7e5;
  background: #f7fcff;
  background: -moz-linear-gradient(top, #f7fcff 0%, #e3f0fa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fcff), color-stop(100%, #e3f0fa));
  background: -webkit-linear-gradient(top, #f7fcff 0%, #e3f0fa 100%);
  background: -o-linear-gradient(top, #f7fcff 0%, #e3f0fa 100%);
  background: -ms-linear-gradient(top, #f7fcff 0%, #e3f0fa 100%);
  background: linear-gradient(to bottom, #f7fcff 0%, #e3f0fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fcff', endColorstr='#e3f0fa', GradientType=0);
}

.bus #route_map section.down > ul > li > a {
  border: 1px solid #eddcc2;
  background: #fcf9f5;
  background: -moz-linear-gradient(top, #fcf9f5 0%, #F9DEB8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcf9f5), color-stop(100%, #fceacf));
  background: -webkit-linear-gradient(top, #fcf9f5 0%, #fceacf 100%);
  background: -o-linear-gradient(top, #fcf9f5 0%, #fceacf 100%);
  background: -ms-linear-gradient(top, #fcf9f5 0%, #fceacf 100%);
  background: linear-gradient(to bottom, #fcf9f5 0%, #fceacf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf9f5', endColorstr='#fceacf', GradientType=0);
}

.bus #route_map section.up > ul > li:hover {
  background: url(/search/image/dtl_new/traffic/bg_list_upway.png) no-repeat center 0;
  border: none;
}

.bus #route_map section.down > ul > li:hover {
  background: url(/search/image/dtl_new/traffic/bg_list_downway.png) no-repeat center 0;
  border: none;
}

.bus #route_map.twoway section > ul > li:hover {
  background: url(/search/image/dtl_new/traffic/bg_list_twoway.png) no-repeat center 0 !important;
  border: none;
}

.bus #route_map section.up > ul > li:hover > a {
  border: 1px solid #a1c8e5;
  background: #edf7fc;
  background: -moz-linear-gradient(top, #edf7fc 0%, #d4e8f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edf7fc), color-stop(100%, #d4e8f7));
  background: -webkit-linear-gradient(top, #edf7fc 0%, #d4e8f7 100%);
  background: -o-linear-gradient(top, #edf7fc 0%, #d4e8f7 100%);
  background: -ms-linear-gradient(top, #edf7fc 0%, #d4e8f7 100%);
  background: linear-gradient(to bottom, #edf7fc 0%, #d4e8f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf7fc', endColorstr='#d4e8f7', GradientType=0);
}

.bus #route_map section.down > ul > li:hover > a {
  border: 1px solid #edc993;
  background: #f9f3ea;
  background: -moz-linear-gradient(top, #f9f3ea 0%, #f9deb8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f3ea), color-stop(100%, #f9deb8));
  background: -webkit-linear-gradient(top, #f9f3ea 0%, #f9deb8 100%);
  background: -o-linear-gradient(top, #f9f3ea 0%, #f9deb8 100%);
  background: -ms-linear-gradient(top, #f9f3ea 0%, #f9deb8 100%);
  background: linear-gradient(to bottom, #f9f3ea 0%, #f9deb8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f3ea', endColorstr='#f9deb8', GradientType=0);
}

.mobile .bus #route_map section > ul > li i {
  top: 2.5px;
}

.bus #route_map section.up > ul > li i {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -755px;
}

.bus #route_map section.down > ul > li i {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -825px;
}

aside.icon_description {
  border: 1px solid #999;
  width: 680px;
  padding: 8px 14px;
  margin: 0 auto;
  text-align: left;
}

aside.icon_description h4 {
  margin: 0 0 6px;
}

aside.icon_description dl {
  padding: 0 5px;
}

aside.icon_description dl.under_border {
  padding: 0 5px 6px;
  margin: 0 0 7px;
  border-bottom: 1px dashed #ccc;
}

aside.icon_description dl.under_border dt {
  display: inline-block;
  width: auto;
  padding: 0;
  color: #080;
  font-size: 150%;
}

aside.icon_description dl.under_border dt.blue {
  color: #02e;
}

aside.icon_description dl.under_border dd {
  display: inline-block;
  width: 250px;
  padding: 8px 0 3px 18px;
  text-indent: -18px;
  vertical-align: top;
}

aside.icon_description dl dt {
  display: inline-block;
  width: 34px;
  padding: 3px 0 10px;
  vertical-align: top;
}

aside.icon_description dl dt i[class^="i_"] {
  width: 32px;
  height: 25px;
}

aside.icon_description dl dd {
  display: inline-block;
  width: 270px;
  padding: 10px 0 3px 18px;
  text-indent: -18px;
  vertical-align: top;
}

aside.icon_description i.i_multi {
  background: url(/search/image/dtl_new/traffic/ico_noriire2.png) no-repeat 3px 2px;
}

aside.icon_description i.i_single {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 3px -69px;
}

aside.icon_description i.i_kuchikomi {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 2px -284px;
}

aside.icon_description i.i_photos {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -211px;
}

aside.icon_description i.i_videos {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -140px;
}

aside.icon_description i.i_dobble {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -353px;
}

aside.icon_description i.i_risachan {
  background: url(/search/image/dtl_new/traffic/ico_noriire.png) no-repeat 0 -420px;
}

/* リサチャン */
aside.icon_description dl dt.risachan {
  width: 71px;
}

aside.icon_description dl dt.risachan i[class^="i_"] {
  width: 66px;
  height: 25px;
}

aside.icon_description dl dt.risachan + dd {
  width: 550px;
}

.bus_corner_l {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
  background: url(/search/image/dtl_new/traffic/line_bus_corner_one_l.png) no-repeat 0 0;
  z-index: 10;
}

.bus_corner_r {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
  background: url(/search/image/dtl_new/traffic/line_bus_corner_one_r.png) no-repeat 0 0;
  z-index: 10;
}

.twoway .bus_corner_l {
  top: 50%;
  left: -16px;
  width: 36px;
  height: 36px;
  margin: -18px 0 0;
  background: url(/search/image/dtl_new/traffic/line_bus_corner_two_l.png) no-repeat 0 0;
}

.twoway .bus_corner_r {
  top: 50%;
  right: -16px;
  width: 36px;
  height: 36px;
  margin: -18px 0 0;
  background: url(/search/image/dtl_new/traffic/line_bus_corner_two_r.png) no-repeat 0 0;
}


/* ------------------------------------------
 路線検索
------------------------------------------  */
.rosenlst {
  width: 940px;
  margin: 0 auto;
  padding: 0;
}

.rosenlst .ttl_rosen_type {
  width: 100px;
  padding: 7px 0 8px 0;
  margin: 0 0 17px 110px !important;
  font-size: 140%;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.rosenlst.conventional .ttl_rosen_type,
.rosenlst.municipal .ttl_rosen_type {
  background: #1a9b10;
}

.rosenlst.bullet .ttl_rosen_type {
  background: #0C0FE0;
}

.rosenlst.subway .ttl_rosen_type {
  background: #FBA61F;
}

.rosenlst.private .ttl_rosen_type {
  background: #E0383F;
}

.rosenlst .line_name {
  font-size: 20px;
  margin: 0 0 0 45px;
  text-align: left;
}

.rosenlst .line {
  position: relative;
  width: 810px;
  margin: 0 auto 20px;
  padding: 0 0 45px;
  border-bottom: 2px solid #ff5cb4;
  font-size: 175%;
  text-align: center;
}

.rosenlst .line:nth-last-child(1) {
  border-bottom: 3px solid #ff1493;
}

.rosenlst .line_name i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 32px;
  margin-right: 2px;
  line-height: 32px;
  text-indent: -9999em;
  overflow: hidden;
}

/* 電車 */
.rosenlst.conventional .line_name i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -196px;
}

.rosenlst.bullet .line_name i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -243px;
}

.rosenlst.subway .line_name i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -291px;
}

.rosenlst.private .line_name i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -338px;
}

/* バス */
.rosenlst.municipal .line_name i {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_line.png) no-repeat 0 -385px;
}

.rosenlst .line figure {
  width: 810px;
  margin: 0 auto;
  letter-spacing: -0.4em;
}

.rosenlst .line figure > div {
  letter-spacing: normal;
}

.rosenlst .line figure > div.st {
  background: #3C9AE7;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  margin: 27px 0 0;
  min-height: 38px;
  padding: 8px 6px;
  vertical-align: middle;
}

.rosenlst .line figure > div.st:not(.origin) {
  width: 156px;
}

.rosenlst .line figure > div.st.st_r span:before {
  background: url(/search/image/dtl_new/traffic/allow_right.png) no-repeat;
  background-size: 18px;
  content: "";
  display: inline-block;
  height: 18px;
  margin: 0 3px -2px;
  width: 18px;
}

.rosenlst .line figure > div.st.st_l span:before {
  background: url(/search/image/dtl_new/traffic/allow_left.png) no-repeat;
  background-size: 18px;
  content: "";
  display: inline-block;
  height: 18px;
  margin: 0 3px -2px;
  width: 18px;
}

.rosenlst .line figure > div.st.origin {
  background: none;
  border: none;
  box-shadow: none;
  letter-spacing: normal;
  padding: 0;
  margin: 0;
}

.rosenlst .line figure > div.st.origin .rosen_link {
  background: #F75586;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0px 2px 0px 0px #8B1833;
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 18px;
  max-width: 190px;
  min-width: 152px;
  padding: 8px 16px;
}

.rosenlst .line figure > div.st.origin .rosen_link a {
  color: #fff;
}


.rosenlst .line figure > div.st.origin span.rosentext {
  color: #fff;
  font-size: 16px;
}

.rosenlst .line figure > div.st.origin .station_all_show {
  color: #ed5688;
  font-size: 15px;
  margin-bottom: 5px;
}

.rosenlst .line figure > div.arrow {
  background: url(/search/image/dtl_new/traffic/bg_st_arrow.gif) no-repeat center center;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-block;
  font-size: 20px;
  height: 41px;
  margin: 26px 0 0;
  padding: 0px;
  vertical-align: middle;
  width: 150px;
}

.rosenlst .line figure > div.arrow_l {
  background: url(/search/image/dtl_new/traffic/line-route.png) no-repeat center;
  background-size: 100%;
}

.rosenlst .line figure > div.arrow_r {
  background: url(/search/image/dtl_new/traffic/line-route.png) no-repeat center;
  background-size: 100%;
}

.rosenlst.bullet .line figure > div.arrow_l {
  background: url(/search/image/dtl_new/traffic/line-route-bullet.png) no-repeat center;
  background-size: 100%;
}

.rosenlst.bullet .line figure > div.arrow_r {
  background: url(/search/image/dtl_new/traffic/line-route-bullet.png) no-repeat center;
  background-size: 100%;
}

.rosenlst.subway .line figure > div.arrow_l {
  background: url(/search/image/dtl_new/traffic/line-route-subway.png) no-repeat center;
  background-size: 100%;
}

.rosenlst.subway .line figure > div.arrow_r {
  background: url(/search/image/dtl_new/traffic/line-route-subway.png) no-repeat center;
  background-size: 100%;
}

.rosenlst.private .line figure > div.arrow_l {
  background: url(/search/image/dtl_new/traffic/line-route-private.png) no-repeat center;
  background-size: 100%;
}

.rosenlst.private .line figure > div.arrow_r {
  background: url(/search/image/dtl_new/traffic/line-route-private.png) no-repeat center;
  background-size: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rosenlst .line figure > div.arrow {
    width: 152px;
  }
}

.rosenlst .next_l,
.rosenlst .next_r {
  display: inline-block;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  vertical-align: middle;
}

.rosenlst .next_l {
  text-indent: 0.8em;
}

.rosenlst .next_r {
  text-indent: -0.8em;
}

.rosenlst.conventional .next_l,
.rosenlst.hwy .next_l {
  background: url(/search/image/dtl_new/traffic/bg_next_st_grn_l.png) no-repeat center top;
}

.rosenlst.conventional .next_r,
.rosenlst.hwy .next_r {
  background: url(/search/image/dtl_new/traffic/bg_next_st_grn_r.png) no-repeat center top;
}

.rosenlst.bullet .next_l {
  background: url(/search/image/dtl_new/traffic/bg_next_st_blu_l.png) no-repeat center top;
}

.rosenlst.bullet .next_r {
  background: url(/search/image/dtl_new/traffic/bg_next_st_blu_r.png) no-repeat center top;
}

.rosenlst.subway .next_l {
  background: url(/search/image/dtl_new/traffic/bg_next_st_org_l.png) no-repeat center top;
}

.rosenlst.subway .next_r {
  background: url(/search/image/dtl_new/traffic/bg_next_st_org_r.png) no-repeat center top;
}

.rosenlst.private .next_l {
  background: url(/search/image/dtl_new/traffic/bg_next_st_red_l.png) no-repeat center top;
}

.rosenlst.private .next_r {
  background: url(/search/image/dtl_new/traffic/bg_next_st_red_r.png) no-repeat center top;
}

.rosenlst .next_l:hover,
.rosenlst .next_r:hover {
  background-position: 0px bottom;
}
img.is_sp_hide {
  display: none;
}