@charset "UTF-8";

@import url('app.min-blessed1.css?z=1482300130187');

/* ----------------- 汎用クラス ----------------- */
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}

.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}

.ml0{margin-left:0!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}

.mr0{margin-right:0px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}

.mlr-auto{margin-right:auto!important;margin-left:auto!important;}

.padding10{padding:10px!important;}
.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pl0{padding-left:0!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pr0{padding-right:0!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr100{padding-right:100px!important;}


.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt-15 {margin-top: -15px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.m0 {margin: 0 !important;}

.padding10{padding:10px!important;}
.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pl0{padding-left:0!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pr0{padding-right:0!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}

.ta-r{text-align:right;}
.ta-c{text-align:center;}
.ta-l{text-align:left;}

.font-b{font-weight:bold!important;}
.font-n{font-weight:normal!important;}

.border-none{border:none!important;}
.border-t-w{border-top-width: 1px!important;}

.disp-ib{display:inline-block!important;}
.disp-b{display:block!important;}

.w80px {
    width: 80px!important;
}
.w100 {
    width: 100%!important;
}
/* buttonリセット */
button {
  background-color: transparent;
  border-style: none;
}
/* サイト全体focus設定 */
:focus {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}
/* フォーム要素focus設定 */
input:focus,
button:focus,
select:focus,
.btn-type:focus,
.select-btn-list li a:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
/**/
@media only screen and (max-width: 767px) {
  .content-register-btn {
    margin: 0 8px;
  }
  .content-register-btn .btn .text {
    font-size: 20px;
    vertical-align: -3px;
  }
  .content-register-btn .btn .fe::before {
    font-size: 17px;
  }
}
.content-privacy .img-privacy-mark,
.content-privacy .img-web-trust {
  content: "";
  display: inline-block;
}
.content-privacy .img-privacy-mark {
  padding-right: 14px;
}

@media only screen and (min-width: 768px) {
  .content-privacy p.description {
    float: left;
    width: 480px;
    padding-top: 30px;
  }
  .content-privacy .marks-wrap {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .content-privacy-wrap {
    padding: 0 20px;
  }

  .content-privacy .marks-wrap {
    text-align: center;
  }
  .content-privacy .marks {
    margin: 0 auto;
    display: inline-block;
  }
}
.tel-info-wrap {
  background: #eee;
  padding: 20px 40px;
}
.tel-info-wrap h3 {
  font-size: 14px;
  border: 0;
  padding: 0 0 2px 0;
  margin: 0;
}
.tel-info-wrap .tel-number {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
}
.tel-info-wrap .details {
  margin-top: 11px;
  font-size: 14px;
  line-height: 1.6em;
}

@media only screen and (min-width: 768px) {
  .tel-info-wrap .right {
    width: 385px;
  }
}
@media only screen and (max-width: 767px) {
  .tel-info-wrap {
    text-align: center;
    margin: 0 8px;
  }
  .tel-info-wrap .left,
  .tel-info-wrap .right {
    float: none;
  }
}
.navigation-paging-wrap {
  margin-top: 10px;
}

.navigation-paging-prev,
.navigation-paging-center {
  float: left;
  display: inline-block;
}

.navigation-paging-prev {
  width: 20%;
}

.navigation-paging-center {
  width: 60%;
  text-align: center;
  font-size: 16px;
}

.navigation-paging-right {
  width: 20%;
  float: right;
  text-align: right;
}

.over-blue:hover, .over-blue:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}

.btn-white {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}
.btn-white:visited, .btn-white:focus {
  color: #333;
}
.btn-white .fe {
  color: #1b6bcf;
  font-size: 132%;
}

.btn-white-blue {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  color: #1b6bcf;
}
.btn-white-blue:visited, .btn-white-blue:focus {
  color: #333;
}
.btn-white-blue .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-white-blue:hover, .btn-white-blue:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}
.btn-white-blue:visited, .btn-white-blue:focus {
  color: #1b6bcf;
}

.btn-calendar {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  padding: 7px;
}
.btn-calendar:visited, .btn-calendar:focus {
  color: #333;
}
.btn-calendar .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-calendar:hover, .btn-calendar:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}

.btn-calendar-feis {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  padding: 1px;
  line-height: 0;
}
.btn-calendar-feis:visited, .btn-calendar-feis:focus {
  color: #333;
}
.btn-calendar-feis .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-calendar-feis:hover, .btn-calendar-feis:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}

.btn-delete {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  color: #e83a22;
}
.btn-delete:visited, .btn-delete:focus {
  color: #333;
}
.btn-delete .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-delete:hover, .btn-delete:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}
.btn-delete:visited, .btn-delete:focus {
  color: #e83a22;
}

.btn-express {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  color: #333;
}
.btn-express:visited, .btn-express:focus {
  color: #333;
}
.btn-express .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-express:hover, .btn-express:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}
.btn-express:visited, .btn-express:focus {
  color: #333;
}
.btn-express:hover, .btn-express:hover span {
  color: #1b6bcf;
}
.btn-express > span {
  color: #e83a22;
  font-weight: bold;
  padding-right: 4px;
}

.btn-downshadow {
  -webkit-box-shadow: 0 3px 0 0 #e5e5e5;
  box-shadow: 0 3px 0 0 #e5e5e5;
}

.btn-calendar.disabled,
.btn-delete.disabled,
.btn-white-blue.disabled {
  opacity: 1;
  background: #d2d2d2;
  border-color: #d2d2d2;
  color: #fff;
}
.btn-calendar.disabled .fe,
.btn-delete.disabled .fe,
.btn-white-blue.disabled .fe {
  color: #fff;
}

.btn .fe.fe-arrow-left,
.btn-white .fe.fe-arrow-left {
  font-size: 65%;
}

.btn-common {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  color: #1b6bcf;
}
.btn-common:visited, .btn-common:focus {
  color: #333;
}
.btn-common .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-common:hover, .btn-common:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}
.btn-common:hover {
  color: #1b6bcf;
}

.btn-pagetop {
  color: #fff;
  background: #465879;
  font-size: 14px;
  padding: 9px 11px;
  border-radius: 2px;
  font-weight: normal;
}
.btn-pagetop:visited, .btn-pagetop:focus {
  color: #fff;
}
.btn-pagetop:hover {
  text-decoration: none;
  background: #9caac3;
}
.btn-pagetop.sp {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-pagetop .fe {
  font-size: 125%;
  vertical-align: -3px;
  padding-right: 4px;
}

.btn-small-links a {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  padding: 4px 8px;
  line-height: 1em;
  color: #1b6bcf;
}
.btn-small-links a:visited, .btn-small-links a:focus {
  color: #333;
}
.btn-small-links a .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-small-links a:hover, .btn-small-links a:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}

.btn-md-icon-links a {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}
.btn-md-icon-links a:visited, .btn-md-icon-links a:focus {
  color: #333;
}
.btn-md-icon-links a .fe {
  color: #1b6bcf;
  font-size: 132%;
}
.btn-md-icon-links a:hover, .btn-md-icon-links a:hover > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}

.btns-around-lines {
  float: left;
  display: inline-block;
}
.btns-around-lines a:first-child {
  margin-right: 7px;
}
.btns-around-lines a {
  float: left;
}

.btn-group-simple-links {
  font-size: 14px;
}
.btn-group-simple-links a {
  display: inline-block;
  border-right: 1px solid #dadada;
  padding: 0 5px;
  color: #1b6bcf;
}
.btn-group-simple-links a:first-child {
  padding-left: 0;
}
.btn-group-simple-links a:last-child {
  border-right: 0;
}

.close-wrap,
.close-circle {
  cursor: pointer;
}

.close-wrap:hover .close-circle {
  background: #ccc;
}

.close-circle {
  display: inline-block;
  color: #fff;
  background: #aaa;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  font-size: 11px;
  padding: 3px 0 0 5px;
}
.close-circle:hover {
  background: #ccc;
}

.orange-arrow {
  height: 32px;
  display: inline-block;
  position: relative;
}
.orange-arrow:hover {
  text-decoration: none;
}
.orange-arrow .text {
  background-color: #ff8a0d;
  color: #fff;
  height: 32px;
  display: inline-block;
  padding-top: 9px;
  line-height: 1em;
}
.orange-arrow:hover .text {
  background-color: #fc0;
}
.orange-arrow .arrow {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  width: 0;
  height: 0;
  border-right: 0 solid #ff8a0d;
  border-left: 0 solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

.orange-arrow-left .arrow {
  border-right: 13px solid #ff8a0d;
  left: 0;
}
.orange-arrow-left:hover .arrow {
  border-right: 13px solid #fc0;
}
.orange-arrow-left .text {
  margin-left: 12px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-left: 3px;
  padding-right: 12px;
}

.orange-arrow-right .arrow {
  border-left: 13px solid #ff8a0d;
  right: 0;
}
.orange-arrow-right:hover .arrow {
  border-left: 13px solid #fc0;
}
.orange-arrow-right .text {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-right: 12px;
  padding-right: 3px;
  padding-left: 12px;
}

.btn-group-2options {
  width: 120px;
}
.btn-group-2options .btn {
  width: 50%;
  padding: 0;
}
.btn-group-2options .btn .fe {
  font-size: 90%;
  display: none;
}
.btn-group-2options .btn:first-child {
  border-right: 0;
}
.btn-group-2options .btn:last-child {
  border-left: 0;
  margin-left: 0;
}

.btn-lg.btn-big {
  width: 200px;
  font-size: 100%;
}

.btn-group-4options .btn .fe {
  margin-left: -2px;
}

.btn-md-radios .btn,
.btn-sm-radios .btn,
.btn-group-2options .btn,
.btn-group-4options .btn {
  background: #fff;
  color: #1b6bcf;
  border-color: #ccc;
  padding: 4px 2px;
}
.btn-md-radios .btn .fe,
.btn-sm-radios .btn .fe,
.btn-group-2options .btn .fe,
.btn-group-4options .btn .fe {
  font-size: 80%;
  display: none;
}
.btn-md-radios .btn.active,
.btn-sm-radios .btn.active,
.btn-group-2options .btn.active,
.btn-group-4options .btn.active {
  border-color: #2073db;
  background: #2073db;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-md-radios .btn.active .fe,
.btn-sm-radios .btn.active .fe,
.btn-group-2options .btn.active .fe,
.btn-group-4options .btn.active .fe {
  display: inline-block;
}
.btn-md-radios .btn.active:hover,
.btn-sm-radios .btn.active:hover,
.btn-group-2options .btn.active:hover,
.btn-group-4options .btn.active:hover {
  background: #2073db;
  text-decoration: none;
}
.btn-md-radios .btn.active:hover .text,
.btn-sm-radios .btn.active:hover .text,
.btn-group-2options .btn.active:hover .text,
.btn-group-4options .btn.active:hover .text {
  text-decoration: none;
}
.btn-md-radios .btn.disable, .btn-md-radios .btn.disabled,
.btn-sm-radios .btn.disable,
.btn-sm-radios .btn.disabled,
.btn-group-2options .btn.disable,
.btn-group-2options .btn.disabled,
.btn-group-4options .btn.disable,
.btn-group-4options .btn.disabled {
  opacity: 1;
  cursor: default;
  border-color: #ccc;
  background: #d2d2d2;
  color: #fff;
}
.btn-md-radios .btn.disable:hover, .btn-md-radios .btn.disabled:hover,
.btn-sm-radios .btn.disable:hover,
.btn-sm-radios .btn.disabled:hover,
.btn-group-2options .btn.disable:hover,
.btn-group-2options .btn.disabled:hover,
.btn-group-4options .btn.disable:hover,
.btn-group-4options .btn.disabled:hover {
  background: #d2d2d2;
}
.btn-md-radios .btn.disable:hover .text, .btn-md-radios .btn.disabled:hover .text,
.btn-sm-radios .btn.disable:hover .text,
.btn-sm-radios .btn.disabled:hover .text,
.btn-group-2options .btn.disable:hover .text,
.btn-group-2options .btn.disabled:hover .text,
.btn-group-4options .btn.disable:hover .text,
.btn-group-4options .btn.disabled:hover .text {
  text-decoration: none;
}
.btn-md-radios .btn:hover,
.btn-sm-radios .btn:hover,
.btn-group-2options .btn:hover,
.btn-group-4options .btn:hover {
  background: #d2f0ff;
  text-decoration: none;
}
.btn-md-radios .btn:hover .text,
.btn-sm-radios .btn:hover .text,
.btn-group-2options .btn:hover .text,
.btn-group-4options .btn:hover .text {
  text-decoration: none;
}

.btn-warning {
  border-color: #ff8a0d;
  background-color: #ff8a0d;
}

.btn-warning.btn[disabled],
fieldset[disabled] .btn {
  opacity: 1;
  background: #d2d2d2;
  border-color: #d2d2d2;
}

.text-blue {
  color: #1b6bcf;
}

.btn-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.btn-gray .fe {
  color: #1b6bcf;
}
.btn-gray:hover {
  background: #d2f0ff;
}
.btn-gray:hover .text {
  text-decoration: underline;
}

.btn-font-bold {
  font-weight: bold;
}

.btn-gray2 {
  color: #fff;
  background-color: #909298;
  border-color: #909298;
}
.btn-gray2:hover {
  color: #fff;
  background-color: #bbbbbb;
  border-color: #bbbbbb;
}

.btn-blue,
a.btn-blue {
  color: #fff;
  background-color: #2fa4ff;
  border: 3px solid #b4dfff;
  padding: 5px 8px;
}
.btn-blue:hover,
a.btn-blue:hover {
  color: #fff;
  background-color: #66cbff;
}

.btn.with-image .img-container,
.btn.with-image .text,
.btn.with-promotion .message,
.btn.with-promotion .text {
  display: inline-block;
}

.btn.with-image .text {
  padding: 0 8px 0 0;
  vertical-align: middle;
}

.btn.with-image,
.btn.with-promotion {
  padding: 0;
}

.btn.with-image .img-container {
  vertical-align: middle;
}

.btn.with-image.double {
  text-align: center;
}
.btn.with-image.double .text {
  display: block;
  padding: 0 10px 5px 10px;
  font-size: 10px;
  margin-top: -3px;
}

.btn.with-promotion .text {
  padding: 0 8px 0 0;
  font-weight: bold;
  vertical-align: middle;
}
.btn.with-promotion .text > span {
  display: inline-block;
  border: 1px solid #333;
  padding: 0 2px;
  font-size: 11px;
  margin: -1px 3px 0 0;
  float: left;
}

.btn.with-promotion:hover .text > span {
  border-color: #1b6bcf;
}

.btn.with-promotion .message {
  padding: 7px 4px 4px 4px;
  margin: -1px 10px -1px -1px;
  vertical-align: middle;
  background: #909298;
  color: #fff;
  border-radius: 2px;
  position: relative;
  letter-spacing: -.1em;
}
.btn.with-promotion .message::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  right: -8px;
  height: 7px;
  border-left: 8px solid #909298;
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
}
.btn.with-promotion .message span {
  display: block;
}

.layout-smartphone .btn.with-promotion .message {
  font-size: 10px;
}

.btn.with-promotion.double {
  text-align: center;
}
.btn.with-promotion.double .message {
  display: block;
  margin: -1px -1px 4px -1px;
  padding: 3px 3px 1px 3px;
  font-size: 11px;
}
.btn.with-promotion.double .message::after {
  height: 0;
  width: 8px;
  top: auto;
  bottom: -4px;
  left: 50%;
  right: 50%;
  margin-left: -4px;
  border-top: 4px solid #909298;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
}
.btn.with-promotion.double .text {
  display: block;
  text-align: center;
  padding: 0 10px 3px 10px;
  font-size: 11px;
  font-weight: normal;
}

br + .btn.with-promotion.single {
  margin-top: 12px;
}

.btn.with-promotion.single .text {
  font-size: 12px;
  padding-left: 4px;
}

.btn.with-promotion .message.double {
  padding: 4px 7px 4px 7px;
  line-height: 1.4em;
}

.btn.with-promotion .message.double::after {
  top: 14px;
}

.btn.with-promotion.prom-pink .message {
  background: #ee3997;
}
.btn.with-promotion.prom-pink .message::after {
  border-left-color: #ee3997;
}

.btn.with-promotion.prom-blue .message {
  background: #2fa4ff;
}
.btn.with-promotion.prom-blue .message::after {
  border-left-color: #2fa4ff;
}

.btn.with-promotion.double.prom-pink .message::after {
  border-left-color: transparent;
  border-top-color: #ffedf9;
}

.btn.with-promotion.double.prom-blue .message::after {
  border-left-color: transparent;
  border-top-color: #2fa4ff;
}

.btn.for-account {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.for-account:hover {
  color: #1b6bcf;
  text-decoration: underline;
}
.btn.for-account .fe {
  font-size: 120%;
  color: #62b230;
}
.btn.for-account.saved,
.btn.for-account.disabled {
  color: #aaa;
  opacity: 1;
}
.modal-footer .btn.for-account {
  background: #fff;
  border: 1px solid #ccc;
  color: #1b6bcf;
}
.modal-footer .btn.for-account:hover {
  background: #d2f0ff;
  text-decoration: none;
}
.btn.for-account.saved .fe,
.btn.for-account.disabled .fe {
  color: #aaa;
}

.btn-underline {
  border-radius: 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
  padding: 4px 28px;
  color: #333;
}
.btn-underline .text {
  color: #333;
}
.btn-underline:hover {
  color: #1b6bcf;
  background: #d2f0ff;
  text-decoration: none;
}
.btn-underline:hover .text {
  color: #1b6bcf;
  text-decoration: none;
}
.btn-underline .fe {
  font-size: 12px;
  color: #1b6bcf;
}
.btn-underline .fe-arrow-left {
  margin-left: -20px;
  margin-right: 12px;
}
.btn-underline .fe-arrow-right {
  margin-right: -20px;
  margin-left: 12px;
}
/*
.btn.for-account.saved,
.btn.for-account.disabled,*/
.btn.btn-white.saved,
.btn.btn-white.disabled {
  cursor: not-allowed;
  color: #fff;
  background-color: #d2d2d2;
  border-color: #d2d2d2;
  text-align: center !important;
  opacity: 1;
}
/*
.btn.for-account.saved .fe,
.btn.for-account.disabled .fe,*/
.btn.btn-white.saved .fe,
.btn.btn-white.disabled .fe {
  display: none;
}
/*
.btn.for-account.saved:hover,
.btn.for-account.disabled:hover,*/
.btn.btn-white.saved:hover,
.btn.btn-white.disabled:hover {
  text-decoration: none;
}

.btn-primary {
  background: #2073db;
}

.btn-primary:visited,
.btn-primary:hover {
  color: #fff;
}

.btn-primary.disabled {
  background-color: #d2d2d2;
  border-color: #d2d2d2;
  opacity: 1;
}

.btn-transfer-wrap {
  margin-bottom: 10px;
}

.btn-transfer {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 24px;
  border-radius: 3px;
  padding: 3px 0;
  position: relative;
  font-size: 13px;
  width: 80px;
  border-radius: 12px;
}
.btn-transfer .fe {
  position: absolute;
  font-size: 10px;
  top: 7px;
}
.btn-transfer .fe {
  right: 4px;
}
.btn-transfer:hover .fe {
  color: #1b6bcf;
}

.btn-ex-charge {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 24px;
  border-radius: 3px;
  padding: 3px 0;
  position: relative;
  font-size: 13px;
  width: 130px;
  padding-left: 4px;
}
.btn-ex-charge .fe {
  position: absolute;
  font-size: 10px;
  top: 7px;
}
.btn-ex-charge .fe {
  right: 4px;
  color: #1b6bcf;
}
.btn-ex-charge .cat {
  color: #333;
}
.btn-ex-charge:hover .cat {
  color: #1b6bcf;
}
.btn-ex-charge .charge {
  padding-left: 4px;
  color: #1b6bcf;
}

.text-link li a {
  color: #333;
}
.text-link li a:hover {
  color: #1b6bcf;
}
.text-link li .fe-arrow-line-right {
  font-size: 70%;
  color: #1b6bcf;
  padding-right: 5px;
}

.text-link.horizontal,
.text-link.table-horizontal {
  margin: 0;
  display: table;
  width: 100%;
}
.text-link.horizontal li,
.text-link.table-horizontal li {
  display: table-cell;
  width: 33.33%;
}

.text-link.table-horizontal > li > a {
  color: #1b6bcf;
  display: block;
  padding: 12px 0;
  margin-right: 26px;
  border-bottom: 1px solid #e5e5e5;
}
.text-link.table-horizontal > li:last-child > a {
  margin-right: 0;
}

.text-link.table-horizontal.no-border > li > a {
  border-bottom: 0;
}

.text-link.horizontal2 {
  margin: 0 -16px 10px -16px;
}
.text-link.horizontal2 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 16px 0;
}
.text-link.horizontal2 td {
  width: 50%;
  vertical-align: top;
  border-bottom: 1px solid #e5e5e5;
}
.text-link.horizontal2 td a {
  height: 100%;
  display: block;
  padding: 10px 0 10px 12px;
  font-size: 14px;
  position: relative;
}
.text-link.horizontal2 td a > .fe {
  font-size: 60%;
  color: #1b6bcf;
  position: absolute;
  top: 14px;
  left: 0;
}
.text-link.horizontal2 td a,
.text-link.horizontal2 td a:visited,
.text-link.horizontal2 td a:hover {
  color: #333;
}
.text-link.horizontal2 td.no-border {
  border: 0;
}

.text-link.horizontal2.noicon td a {
  padding: 10;
}
.text-link.horizontal2.noicon td a,
.text-link.horizontal2.noicon td a:visited,
.text-link.horizontal2.noicon td a:hover {
  color: #1b6bcf;
}
.text-link.horizontal2.noicon td a > .fe {
  display: none;
}

.layout-basic > .container > .header-wrap,
.layout-responsive > .container > .header-wrap {
  max-width: none !important;
  width: 1120px;
  margin: 0 auto;
}
.layout-basic > .container > .header-wrap .header-inner,
.layout-responsive > .container > .header-wrap .header-inner {
  height: 65px;
  overflow: hidden;
}
.layout-basic > .container > .header-wrap .h1-wrap,
.layout-responsive > .container > .header-wrap .h1-wrap {
  float: left;
  overflow: hidden;
  width: 150px;
  margin: 0 0 0 2px;
}
.layout-basic > .container > .header-wrap h1,
.layout-responsive > .container > .header-wrap h1 {
  text-indent: -300px;
  margin-top: 18px;
}
.layout-basic > .container > .header-wrap .title-info,
.layout-responsive > .container > .header-wrap .title-info {
  float: left;
  width: 550px;
}
.layout-basic > .container > .header-wrap .title-info a,
.layout-responsive > .container > .header-wrap .title-info a {
  display: table;
  margin: 19px 0 0 2px;
}
.layout-basic > .container > .header-wrap .title-info a > span,
.layout-responsive > .container > .header-wrap .title-info a > span {
  display: table-cell;
  vertical-align: middle;
}
.layout-basic > .container > .header-wrap .title-info a > .fei::before,
.layout-responsive > .container > .header-wrap .title-info a > .fei::before {
  top: 0;
  left: 0;
}
.layout-basic > .container > .header-wrap .title-info .fei-new2,
.layout-responsive > .container > .header-wrap .title-info .fei-new2 {
  position: relative;
  height: 14px;
  width: 36px;
}
.layout-basic > .container > .header-wrap .title-info .fei-new2::before,
.layout-responsive > .container > .header-wrap .title-info .fei-new2::before {
  position: absolute;
  top: -10px;
  left: 0;
}
.layout-basic > .container > .header-wrap .title-info .text,
.layout-responsive > .container > .header-wrap .title-info .text {
  font-size: 14px;
  padding-left: 4px;
}
.layout-basic > .container > .header-wrap .header-account-wrap,
.layout-responsive > .container > .header-wrap .header-account-wrap {
  float: right;
  width: 400px;
  text-align: right;
  font-size: 13px;
}
.layout-basic > .container > .header-wrap .header-account,
.layout-responsive > .container > .header-wrap .header-account {
  margin-top: 18px;
  height: 41px;
  overflow: hidden;
}
.layout-basic > .container > .header-wrap .header-account .fe,
.layout-responsive > .container > .header-wrap .header-account .fe {
  font-size: 125%;
  color: #66a93c;
  font-weight: normal;
  padding-right: 2px;
  vertical-align: -2px;
}
.layout-basic > .container > .header-wrap .header-account ul,
.layout-responsive > .container > .header-wrap .header-account ul {
  list-style: none;
  display: table;
  height: 41px;
  float: right;
}
.layout-basic > .container > .header-wrap .header-account li,
.layout-responsive > .container > .header-wrap .header-account li {
  display: table-cell;
  font-weight: bold;
  vertical-align: bottom;
}
.layout-basic > .container > .header-wrap .header-account li.name,
.layout-responsive > .container > .header-wrap .header-account li.name {
  max-width: 260px;
}
.layout-basic > .container > .header-wrap .header-account li > a,
.layout-responsive > .container > .header-wrap .header-account li > a {
  font-weight: normal;
  color: #333;
}
.layout-basic > .container > .header-wrap .header-account li > a:hover,
.layout-responsive > .container > .header-wrap .header-account li > a:hover {
  color: #1b6bcf;
  text-decoration: underline;
}
.layout-basic > .container > .header-wrap .header-account li > a:hover .fe,
.layout-responsive > .container > .header-wrap .header-account li > a:hover .fe {
  text-decoration: none;
}
.layout-basic > .container > .header-wrap .header-account li::before,
.layout-responsive > .container > .header-wrap .header-account li::before {
  display: inline-block;
  border-left: 1px solid #ccc;
  content: "";
  width: 0;
  height: 16px;
  margin-left: 11px;
  padding-left: 10px;
}
.layout-basic > .container > .header-wrap .header-account li:first-child::before,
.layout-responsive > .container > .header-wrap .header-account li:first-child::before {
  border-left: 0;
}
.layout-basic > .container > .header-wrap .global-nav-nav ul,
.layout-responsive > .container > .header-wrap .global-nav-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.layout-basic > .container > .header-wrap .global-nav-nav ul > li,
.layout-responsive > .container > .header-wrap .global-nav-nav ul > li {
  display: inline-block;
}

.global-nav-wrap {
  background-color: #fff;
  width: 1120px;
  height: 50px;
}

.global-nav {
  width: 100%;
  height: 46px;
  border: 2px solid #d9d9d9;
  border-radius: 4px;
}

.global-nav-inner {
  height: 42px;
}

.global-nav-nav > ul > li {
  display: block;
  position: relative;
  width: 160px;
  height: 42px;
  float: left;
  border-style: solid;
  border-color: #e5e5e5;
  border-width: 0;
  border-right-width: 2px;
}
.global-nav-nav > ul > li:nth-child(6), .global-nav-nav > ul > li:nth-child(7) {
  width: 158px;
}
.global-nav-nav > ul > li:last-child {
  border-right: 0;
}
.global-nav-nav > ul > li.new::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.global-nav-nav > ul > li.dropdown:hover > a + ul.dropdown-menu {
  display: block;
  margin-top: -2px !important;
  /* ナビバーのデザイン上ボーダー分リストが下がるため上に上げる */
}

.global-nav-nav > ul > li > a {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  width: 100%;
  height: 42px;
  border-bottom: 3px solid #f2f2f2;
  text-align: center;
  padding: 9px;
  cursor: pointer;
}
.global-nav-nav > ul > li > a .fe-arrow-down {
  color: #aaacb2;
  font-size: 10px;
  padding-left: 6px;
}

.global-nav-nav > ul > li > a:hover,
.global-nav-nav > ul > li > a:focus,
.global-nav-nav > ul > li.active > a {
  text-decoration: none;
  color: #1b6bcf;
  background: #d2f0ff;
  border-color: #b2dff6;
}
.global-nav-nav > ul > li > a:hover .fe-arrow-down,
.global-nav-nav > ul > li > a:focus .fe-arrow-down,
.global-nav-nav > ul > li.active > a .fe-arrow-down {
  color: #1b6bcf;
}

.global-nav-nav > ul > li.active > a {
  border-color: #b2dff6;
}

.global-nav-nav > ul > li > a + ul.dropdown-menu {
  width: 160px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0;
  top: 44px;
}
.global-nav-nav > ul > li > a + ul.dropdown-menu > li {
  width: 160px;
  border-bottom: 1px solid #e5e5e5;
}
.global-nav-nav > ul > li > a + ul.dropdown-menu > li > a {
  padding: 8px 10px;
}
.global-nav-nav > ul > li > a + ul.dropdown-menu > li > a:hover {
  background: #d2f0ff;
  color: #1b6bcf;
}

.global-nav-nav > ul > li:nth-child(6) > a + ul.dropdown-menu,
.global-nav-nav > ul > li:nth-child(7) > a + ul.dropdown-menu {
  width: 158px;
  min-width: 158px;
}
.global-nav-nav > ul > li:nth-child(6) > a + ul.dropdown-menu > li,
.global-nav-nav > ul > li:nth-child(7) > a + ul.dropdown-menu > li {
  width: 158px;
}

.breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 10px;
}
.breadcrumb > li + li::before {
  content: ">";
  font-size: 120%;
  color: #333;
}
.breadcrumb li.active {
  color: #333;
}

.layout-basic.result.train > .container > .body-wrap .sidebar-ad-wrap {
  margin-top: 20px;
}

.sidebar-ad-item {
  margin-bottom: 20px;
  width: 336px;
  height: 280px;
  overflow: hidden;
}

body.train.result .sidebar-inner > .sidebar-cell:first-child {
  margin-top: 20px;
}

.sidebar-cell {
  margin-bottom: 20px;
  width: 100%;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.sidebar-cell h2.border-no-padding {
  margin: 0 -20px 12px -20px;
  padding: 0 20px 12px 20px;
}

.sidebar-cell.no-padding {
  padding: 0;
}
.sidebar-cell.no-padding h2 {
  padding: 20px 20px 12px 20px;
  margin: 0;
}

.sidebar-cell.bordered {
  border: 4px solid #d2d2d2;
  background: #f7f7f7;
}
.sidebar-cell.bordered h2.square {
  margin: -20px -20px 22px -20px;
  text-align: center;
  color: #fff;
  background: #2073db;
  padding: 8px;
  line-height: 1em;
  font-size: 16px;
  border: 0;
}
.sidebar-cell.bordered h2.square::before {
  border: 0;
  content: none;
}

.sidebar-cell .search-route-time .form-group-search-route-date .year-wrap {
  width: 86px;
}
.sidebar-cell .search-route-time .form-group-search-route-date .year {
  width: 82px;
}

.search-route-sidebar .search-route-goto {
  margin-bottom: 20px;
}
.search-route-sidebar .search-route-goto .form-group-departure,
.search-route-sidebar .search-route-goto .form-group-arrival,
.search-route-sidebar .search-route-goto .form-group-via {
  width: 287px;
}
.search-route-sidebar .search-route-goto .form-group-departure .label,
.search-route-sidebar .search-route-goto .form-group-arrival .label,
.search-route-sidebar .search-route-goto .form-group-via .label {
  font-size: 14px;
}
.search-route-sidebar .search-route-goto .form-group-departure input,
.search-route-sidebar .search-route-goto .form-group-arrival input,
.search-route-sidebar .search-route-goto .form-group-via input {
  font-size: 14px;
}
.search-route-sidebar .search-route-goto .form-group-via .via-right {
  width: 247px;
}
.search-route-sidebar .search-route-goto .form-group-via .via-input-wrap {
  width: 110px;
}
.search-route-sidebar .search-route-time {
  padding-left: 0;
}
.search-route-sidebar .search-route-time .form-group-search-route-type > button {
  width: 72px;
}
.search-route-sidebar .search-route-submit {
  width: 180px;
}
.search-route-sidebar .search-route-submit .btn {
  font-weight: bold;
}
.search-route-sidebar .search-route-goto .form-group-via .via-add .text {
  font-size: 14px;
  display: none;
}
.search-route-sidebar .search-route-time .form-group-search-route-date .year,
.search-route-sidebar .search-route-time .form-group-search-route-date .month,
.search-route-sidebar .search-route-time .form-group-search-route-date .day,
.search-route-sidebar .search-route-time .form-group-search-route-time .hour,
.search-route-sidebar .search-route-time .form-group-search-route-time .minute {
  font-size: 14px;
}

.search-trip .form-group.start > label,
.search-trip .form-group.goal > label,
.search-trip .form-group.prefecture > label {
  width: 60px;
}
.search-trip .form-group.start > select,
.search-trip .form-group.goal > select,
.search-trip .form-group.prefecture > select {
  width: 224px;
}
.search-trip .form-group.number-of-people > select,
.search-trip .form-group.number-of-rooms > select {
  width: 60px;
}
.search-trip .form-group.number-of-people > label {
  width: 67px;
}
.search-trip .form-group.number-of-rooms > label {
  width: 52px;
  text-align: right;
  padding-right: 4px;
}
.search-trip .trip-types > .btn {
  width: 96px;
}
.search-trip hr {
  margin: 20px 0 10px 0;
  border-top: 1px solid #ccc;
}
.search-trip label {
  font-weight: normal;
}
.search-trip select {
  font-size: 14px;
}
.search-trip .search-route-time {
  padding-left: 0;
}
.search-trip .search-trip-submit-wrap {
  margin-top: 20px;
  text-align: center;
}
.search-trip .search-trip-submit {
  width: 180px;
  margin: 0 auto;
}
.search-trip .search-trip-submit .btn {
  font-weight: bold;
}

.sidebar-news > ul > li {
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0;
}
.sidebar-news > ul > li:first-child {
  padding-top: 4px;
}

.sidebar-news > ul > li > a {
  display: block;
}
.sidebar-news > ul > li > a > span {
  display: inline-block;
}
.sidebar-news > ul > li > a > .date {
  width: 100px;
  color: #333;
}
.sidebar-news > ul > li > a > .text {
  line-height: 1.4em;
}
.sidebar-news > ul > li > a > .text > .fei-new2 {
  vertical-align: -2px;
  overflow: hidden;
  height: 15px;
}
.sidebar-news > ul > li > a > .text > .fei-new2::before {
  top: -10px;
  height: 24px;
  overflow: hidden;
}
.sidebar-news > ul > li > a:hover > .text {
  text-decoration: underline;
}
.sidebar-news > ul > li > a:hover > .date {
  text-decoration: none;
  color: #333;
}

.na-bottom-wrap {
  margin-top: 40px;
}
.na-bottom-wrap .na-item:first-child {
  float: left;
}
.na-bottom-wrap .na-item:last-child {
  float: right;
}

@media only screen and (min-width: 768px) {
  .na-half-wrap .na-item:first-child {
    float: left;
  }
  .na-half-wrap .na-item:last-child {
    float: right;
  }
}
.search-train-wrap {
  margin-bottom: 20px;
}
.search-train-wrap .text-link {
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
  text-align: right;
  font-size: 13px;
}

#search-train-tabs.nav-tabs > li {
  text-indent: -333px;
  overflow: hidden;
  width: 200px;
  height: 45px;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 12px;
  border: 0;
}
#search-train-tabs.nav-tabs > li > a {
  width: 200px;
  height: 45px;
  border-radius: 0;
  border: 0;
}
#search-train-tabs.nav-tabs > li.active > a {
  background-color: transparent;
}

.search-train-tab-content {
  background: #f7f7f7;
  padding: 30px 40px 20px 40px;
  border: 1px solid #ccc;
}
.search-train-tab-content .alert {
  border: none;
}

.search-route-basic {
  width: 648px;
}
.search-route-basic .search-route-goto-wrap {
  float: left;
  width: 355px;
  border-right: 1px solid #ccc;
}
.search-route-goto-wrap .form-control {
  padding: 6px 35px 6px 12px;
}
.search-route-basic .search-route-time-wrap {
  float: right;
  width: 292px;
}
.search-route-basic select {
  font-size: 14px;
}

.layout-basic #search-route-tabs.nav-tabs > li {
  text-indent: -333px;
  overflow: hidden;
  width: 200px;
  height: 46px;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 12px;
  border: 0;
}
.layout-basic #search-route-tabs.nav-tabs > li > a {
  width: 200px;
  height: 46px;
  border-radius: 0;
  border: 0;
}
.layout-basic #search-route-tabs.nav-tabs > li.active > a {
  background-color: transparent;
}

.search-route-goto .form-group-departure,
.search-route-goto .form-group-arrival,
.search-route-goto .form-group-via {
  display: table;
  width: 330px;
  position: relative;
}
.search-route-goto .form-group-departure .label,
.search-route-goto .form-group-departure .replace,
.search-route-goto .form-group-departure .departure,
.search-route-goto .form-group-departure .arrival,
.search-route-goto .form-group-departure .my-station,
.search-route-goto .form-group-departure .add,
.search-route-goto .form-group-arrival .label,
.search-route-goto .form-group-arrival .replace,
.search-route-goto .form-group-arrival .departure,
.search-route-goto .form-group-arrival .arrival,
.search-route-goto .form-group-arrival .my-station,
.search-route-goto .form-group-arrival .add,
.search-route-goto .form-group-via .label,
.search-route-goto .form-group-via .replace,
.search-route-goto .form-group-via .departure,
.search-route-goto .form-group-via .arrival,
.search-route-goto .form-group-via .my-station,
.search-route-goto .form-group-via .add {
  display: table-cell;
  vertical-align: middle;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.search-route-goto .form-group-departure input,
.search-route-goto .form-group-arrival input,
.search-route-goto .form-group-via input {
  border-left: 0;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.search-route-goto .form-group-departure .label,
.search-route-goto .form-group-arrival .label,
.search-route-goto .form-group-via .label {
  background-color: #465879;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 0 10px;
  font-size: 14px;
}
.search-route-goto .form-group-departure .my-station,
.search-route-goto .form-group-departure .via-my-station,
.search-route-goto .form-group-arrival .my-station,
.search-route-goto .form-group-arrival .via-my-station,
.search-route-goto .form-group-via .my-station,
.search-route-goto .form-group-via .via-my-station {
  color: #b4da9c;
  width: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
}
.search-route-goto .form-group-departure .my-station .fe,
.search-route-goto .form-group-departure .via-my-station .fe,
.search-route-goto .form-group-arrival .my-station .fe,
.search-route-goto .form-group-arrival .via-my-station .fe,
.search-route-goto .form-group-via .my-station .fe,
.search-route-goto .form-group-via .via-my-station .fe {
  margin-top: 5px;
}
.search-route-goto .form-group-arrival {
  margin-top: 10px;
}
.search-route-goto .form-group-via {
  margin-top: 4px;
  width: 350px;
}
.search-route-goto .form-group-via:first-child {
  margin-top: 10px;
}
.search-route-goto .form-group-via .via-left {
  float: left;
  width: 40px;
}
.search-route-goto .form-group-via .via-right {
  width: 310px;
  float: right;
  display: table;
}
.search-route-goto .form-group-via .via-label-wrap,
.search-route-goto .form-group-via .via-input-wrap,
.search-route-goto .form-group-via .via-my-station-wrap,
.search-route-goto .form-group-via .via-add-wrap {
  display: table-cell;
  vertical-align: top;
}
.search-route-goto .form-group-via .via-label-wrap {
  width: 40px;
}
.search-route-goto .form-group-via .via-input-wrap {
  width: 180px;
}
.search-route-goto .form-group-via .via-my-station-wrap {
  width: 42px;
  width: auto;
}
.search-route-goto .form-group-via .via-add-wrap,
.search-route-goto .form-group-via .via-remove-wrap {
  text-align: left;
  vertical-align: middle;
}
.search-route-goto .form-group-via .replace {
  width: 41px;
  font-size: 19px;
  text-align: center;
}
.search-route-goto .form-group-via .replace .fe {
  margin: 2px 2px 0 0;
}
.search-route-goto .form-group-via .label {
  width: 40px;
  height: 30px;
  background-color: #798cb0;
  padding: 0 5px;
  font-size: 12px;
}
.search-route-goto .form-group-via input {
  height: 30px;
  font-size: 13px;
}
.search-route-goto .form-group-via .via-my-station {
  display: inline-block;
  height: 30px;
  width: 42px;
  right: 90px;
}

.search-route-goto .form-group-via .replace,
.search-route-goto .form-group-via .via-add {
  color: #1b6bcf;
}
.search-route-goto .form-group-via .replace:hover,
.search-route-goto .form-group-via .via-add:hover {
  color: #66cbff;
}
.search-route-goto .form-group-via .replace,
.search-route-goto .form-group-via .via-add,
.search-route-goto .form-group-via .via-remove {
  cursor: pointer;
}
.search-route-goto .form-group-via .via-add {
  width: 60px;
  font-size: 13px;
}
.search-route-goto .form-group-via .via-add .fe {
  margin: 3px 5px 0 9px;
}
.search-route-goto .form-group-via .via-add .text {
  vertical-align: 1px;
}
.search-route-goto .form-group-via .via-remove-wrap + .via-add-wrap .via-add .fe {
  margin: 3px 5px 0 4px;
}
.search-route-goto .form-group-via .via-remove {
  margin-left: 6px;
}
.search-route-goto .form-group-via .via-remove .fe {
  line-height: 30px;
  color: #aaa;
  font-size: 20px;
}
.search-route-goto .form-group-via .via-remove .fe:hover {
  color: #76787d;
}

.search-route-time {
  padding-left: 25px;
}

.search-route-time .form-group-search-route-date {
  display: table;
}
.search-route-time .form-group-search-route-date > select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.search-route-time .form-group-search-route-date .year-wrap,
.search-route-time .form-group-search-route-date .month-wrap,
.search-route-time .form-group-search-route-date .day-wrap {
  float: left;
}
.search-route-time .form-group-search-route-date .year-wrap {
  width: 82px;
}
.search-route-time .form-group-search-route-date .month-wrap,
.search-route-time .form-group-search-route-date .day-wrap {
  width: 74px;
}
.search-route-time .form-group-search-route-date .calendar-wrap {
  float: right;
}
.search-route-time .form-group-search-route-date .year {
  width: 78px;
}
.search-route-time .form-group-search-route-date .month {
  width: 70px;
}
.search-route-time .form-group-search-route-date .day {
  width: 70px;
}
.search-route-time .form-group-search-route-date .calendar {
  width: 36px;
  padding: 6px 0 6px 2px;
  border-left: 1px solid #ccc;
  border-radius: 4px;
}
.search-route-time .form-group-search-route-time .hour,
.search-route-time .form-group-search-route-time .minute {
  display: inline-block;
  width: 70px;
  margin-right: 2px;
}
.search-route-time .form-group-search-route-time .current-time {
  padding-left: 4px;
}
.search-route-time .form-group-search-route-time .current-time .fe {
  font-size: 120%;
  vertical-align: -3px;
}
.search-route-time .form-group-search-route-time .current-time .text {
  padding-left: 3px;
}
.search-route-time .form-group-search-route-time,
.search-route-time .form-group-search-route-type {
  margin-top: 10px;
}
.search-route-time .form-group-search-route-type {
  font-size: 14px;
}
.search-route-time .form-group-search-route-type .fe-check {
  font-size: 10px;
}
.search-route-time .form-group-search-route-type button {
  width: 63px;
}

.search-route-options-wrap {
  margin-top: 30px;
}

.search-route-option {
  border-bottom: 1px solid #d9d9d9;
  background-color: #e9e9e9;
  padding: 10px 0;
  font-size: 14px;
}
.search-route-option .op-label {
  display: inline-block;
  text-align: right;
  color: #76787d;
  margin-right: 18px;
  vertical-align: -2px;
}
.search-route-option .op-label.fare-for, .search-route-option .op-label.access, .search-route-option .op-label.seat, .search-route-option .op-label.speed {
  width: 76px;
}
.search-route-option .op-label.order {
  width: 90px;
}
.search-route-option .op-label.through, .search-route-option .op-label.commutation {
  width: 112px;
}
.search-route-option select {
  display: inline-block;
  width: 140px;
  height: 26px;
}
.search-route-option select + .op-value {
  margin-left: 50px;
}
.op-value.checkbox-inline input[type="checkbox"] {
  margin-top: 2px;
}
.search-route-option .commutation + .fe {
  color: #46a909;
  margin: 0 6px 0 -16px;
  vertical-align: -2px;
  font-size: 125%;
}
.search-route-option .commutation + .fe + a {
  vertical-align: -2px;
}

.search-route-submit-wrap {
  margin-top: 20px;
  text-align: center;
}

.search-route-submit {
  margin: 0 auto;
  width: 260px;
}

.search-route-commutation {
  padding-top: 20px;
}
.search-route-commutation .title {
  display: inline-block;
  float: left;
  padding: 4px 0 0 10px;
}
.search-route-commutation .btn-group {
  display: inline-block;
  float: right;
}
.search-route-commutation .btn-group .btn {
  width: 140px;
}

.search-route-commutation + .search-route-options-wrap {
  margin-top: 22px;
}

/* 始発・終電時の日付部分に使用 */
.vhidden {
  visibility: hidden;
}

/* フォーカスを当てたい要素に適用 */
.enable-focus {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

/* フォーカスを当てたくない要素に適用 */
.disable-focus {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* 駅名のinput要素の確定に使用 */
.completed {
  background: #FCFFD7;
}

/* インクリメンタルサーチのヘッダー部分に使用 */
.my-pulldown div.my-pulldown-header {
  background: #E9E9E9;
  color: #76787d;
  padding-left: 8px;
}

.home-topics-wrap,
.home-news-wrap {
  margin-bottom: 40px;
}

.home-topics > h2,
.home-news > h2 {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 16px;
}
.home-topics > h2::before,
.home-news > h2::before {
  border-left: 4px solid #2073db;
  content: "";
  padding-right: 10px;
}

.home-topics > ul > li,
.home-news > ul > li {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}

.layout-responsive .home-topics-wrap,
.layout-responsive .home-news-wrap {
  margin-bottom: 0;
}
.layout-responsive .home-topics-wrap ul,
.layout-responsive .home-news-wrap ul {
  margin-bottom: 0;
}

.home-topics > ul > li > a {
  display: table;
  width: 100%;
}
.home-topics > ul > li > a > span {
  display: table-cell;
}
.home-topics > ul > li > a > .fei {
  width: 38px;
  padding-left: 4px;
  vertical-align: middle;
}
.home-topics > ul > li > a > .fei::before {
  position: relative;
}
.home-topics > ul > li > a > .text {
  padding: 8px 10px 8px 0;
}
.home-topics > ul > li > a > .text > .fei-new2 {
  height: 12px;
}
.home-topics > ul > li > a > .text > .fei-new2::before {
  top: -11px;
}
.home-topics > ul > li > a:hover > .text {
  text-decoration: underline;
}

.home-news > ul > li > a {
  display: block;
}
.home-news > ul > li > a:hover > .text {
  text-decoration: underline;
}
.home-news > ul > li > a:hover > .date {
  text-decoration: none;
  color: #333;
}

.home-news > ul > li .date,
.home-news > ul > li .text {
  display: inline-block;
}
.home-news > ul > li .date {
  width: 100px;
  padding-left: 10px;
  color: #333;
}
.home-news > ul > li .text {
  padding-right: 10px;
  line-height: 40px;
}
.home-news > ul > li .text .fei-new2 {
  vertical-align: -12px;
}

.result-start-before-after {
  display: table;
  position: relative;
  width: 728px;
}
.result-start-before-after.no-btn .result-start-time {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
.result-start-before-after .result-start-time {
  height: 33px;
  background: #fff;
  width: 702px;
  margin: 0 13px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  line-height: 2.4em;
}
.result-start-before-after .orange-arrow-left,
.result-start-before-after .orange-arrow-right {
  position: absolute;
  top: 0;
}
.result-start-before-after .orange-arrow-left {
  left: -2px;
}
.result-start-before-after .orange-arrow-right {
  right: 12px;
}

.result-summary-wrap {
  margin-top: 9px;
  border-bottom: 1px solid #ccc;
}

.result-summary {
  background: #fff;
  border-left: 4px solid #1b6bcf;
}

.result-summary-stations {
  padding: 12px 22px;
}
.result-summary-stations .arrow {
  font-size: 22px;
  color: #999;
  display: inline-block;
  padding: 0 5px 0 5px;
}
.result-summary-stations .title {
  font-size: 20px;
  font-weight: bold;
  padding-right: 1em;
}

.result-summary-station {
  font-size: 20px;
  font-weight: bold;
}

.result-summary-change-station {
  position: relative;
  width: 100%;
  padding: 10px 10px 10px 27px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
.result-summary-change-station .pull-left {
  font-size: 12px;
  margin-right: 100px;
}
.result-summary-change-station p {
  vertical-align: middle;
  padding-top: 5px;
  margin: 0;
}
.result-summary-change-station .pull-right {
  color: #1b6bcf;
}

.result-summary-stations.charge {
  padding: 12px 22px;
}

.result-error1 {
  margin: 10px 0 0 0;
  border-bottom: 1px solid #ccc;
}
.result-error1 .alert {
  margin: 0;
  border: 2px solid #fff;
  text-align: left;
}

.result-candidate-wrap {
  margin-top: 20px;
}

table#result-candidate-eta,
table#result-candidate-charge,
table#result-candidate-commutation,
table.table-suggest {
  width: 100%;
}
table#result-candidate-eta > tbody > tr,
table#result-candidate-charge > tbody > tr,
table#result-candidate-commutation > tbody > tr,
table.table-suggest > tbody > tr {
  cursor: pointer;
  background: #fff;
}
table#result-candidate-eta > tbody > tr:hover,
table#result-candidate-charge > tbody > tr:hover,
table#result-candidate-commutation > tbody > tr:hover,
table.table-suggest > tbody > tr:hover {
  background-color: #d2f0ff;
}
table#result-candidate-eta > tbody > tr > td,
table#result-candidate-charge > tbody > tr > td,
table#result-candidate-commutation > tbody > tr > td,
table.table-suggest > tbody > tr > td {
  border-bottom: 1px solid #e5e5e5;
  min-height: 50px;
}
table#result-candidate-eta > tbody > tr:last-child > td,
table#result-candidate-charge > tbody > tr:last-child > td,
table#result-candidate-commutation > tbody > tr:last-child > td,
table.table-suggest > tbody > tr:last-child > td {
  border-bottom: 1px solid #ccc;
}
table#result-candidate-eta td,
table#result-candidate-charge td,
table#result-candidate-commutation td,
table.table-suggest td {
  vertical-align: top;
}
table#result-candidate-eta .td-rank,
table#result-candidate-charge .td-rank,
table#result-candidate-commutation .td-rank,
table.table-suggest .td-rank {
  border-right: 1px solid #e5e5e5;
  vertical-align: middle;
  position: relative;
}
table#result-candidate-eta .td-rank .rank,
table#result-candidate-charge .td-rank .rank,
table#result-candidate-commutation .td-rank .rank,
table.table-suggest .td-rank .rank {
  padding-bottom: 1px;
  color: #909298;
}
table#result-candidate-eta .td-rank .icn,
table#result-candidate-charge .td-rank .icn,
table#result-candidate-commutation .td-rank .icn,
table.table-suggest .td-rank .icn {
  position: absolute;
  left: 698px;
  top: 6px;
}
table#result-candidate-eta .td-rank,
table#result-candidate-eta .td-suggest,
table#result-candidate-charge .td-rank,
table#result-candidate-charge .td-suggest,
table#result-candidate-commutation .td-rank,
table#result-candidate-commutation .td-suggest,
table.table-suggest .td-rank,
table.table-suggest .td-suggest {
  width: 44px;
}
table#result-candidate-eta .td-transfers .transfers-label,
table#result-candidate-charge .td-transfers .transfers-label,
table#result-candidate-commutation .td-transfers .transfers-label,
table.table-suggest .td-transfers .transfers-label {
  font-size: 12px;
  color: #777;
  padding-right: 3px;
}
table#result-candidate-eta .td-path,
table#result-candidate-charge .td-path,
table#result-candidate-commutation .td-path,
table.table-suggest .td-path {
  font-size: 11px;
  line-height: 16px;
}
table#result-candidate-eta .td-path .path,
table#result-candidate-charge .td-path .path,
table#result-candidate-commutation .td-path .path,
table.table-suggest .td-path .path {
  color: #777;
  padding-right: 20px;
  display: inline-block;
}
table#result-candidate-eta .details-inner,
table#result-candidate-charge .details-inner,
table#result-candidate-commutation .details-inner,
table.table-suggest .details-inner {
  width: 100%;
  margin: 5px 0 0;
}
table#result-candidate-eta .options,
table#result-candidate-charge .options,
table#result-candidate-commutation .options,
table.table-suggest .options {
  width: 100%;
  margin-bottom: 7px;
}
table#result-candidate-eta .rank,
table#result-candidate-charge .rank,
table#result-candidate-commutation .rank,
table.table-suggest .rank {
  font-size: 20px;
}
/*
table.table-suggest {
  margin-top: 10px;
}*/
table.table-suggest .td-suggest {
  position: relative;
}
table.table-suggest .td-suggest-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 1px;
}
table.table-suggest .td-suggest-inner .fe-suggest-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
table.table-suggest .td-suggest-inner .fe-suggest-wrapper .fe-suggest-inner {
  display: table-cell;
  vertical-align: middle;
}

table.table-suggest.route .total-charge {
  color: #333;
}
table.table-suggest.route .td-transfers .transfers-label,
table.table-suggest.route .td-details {
  padding-left: 0;
}
table.table-suggest.route .td-total-charge,
table.table-suggest.route .td-total-time {
  text-align: left;
}
table.table-suggest.route .td-time {
  text-align: center;
  width: 174px;
}
table.table-suggest.route .td-time .time {
  font-size: 22px;
  color: #1b6bcf;
}
table.table-suggest.route .td-time .arrow {
  font-size: 22px;
  padding: 0 7px;
  color: #999;
}
table.table-suggest .middle {
  vertical-align: middle;
}
table.table-suggest .td-total-time {
  width: 137px!important;
}
table.table-suggest .total-time {
  font-size: 12px;
  font-weight: normal;
}
table.table-suggest .td-labels {
  width: 110px;
  vertical-align: middle;
}
table.table-suggest .td-total-charge {
  width: 104px;
}
table.table-suggest .total-charge {
  font-size: 15px!important;
}
table.table-suggest .transfers {
  font-size: 15px;
}
table.table-suggest .td-path .path-warn {
  display: block;
  padding-right: 8px;
  color: #1b6bcf;
}
table#result-candidate-eta .td-labels .label-item,
table#result-candidate-commutation .td-labels .label-item {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 4px;
  float: left;
}
table#result-candidate-eta .td-labels .label-item:last-child,
table#result-candidate-commutation .td-labels .label-item:last-child {
  margin-right: 0;
}

.result-terms-wrap {
  margin-top: 40px;
}
.result-terms-wrap .result-terms {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  padding: 10px 20px;
}
.result-terms-wrap .result-terms span {
  display: block;
}
.result-terms-wrap .result-terms .title {
  font-weight: bold;
}

.result-search-again-wrap {
  margin: 40px 0 110px 0;
  padding: 10px 15px 15px;
  background: #fff;
}

.result-search-again > h3 {
  border-left: 6px solid #2073db;
  padding: 5px 12px;
}
.result-search-again .result-search-again-area {
  border: 6px solid #ccc;
  background: #f7f7f7;
}
.result-search-again .result-search-again-area .search-route-wrap {
  padding: 24px 34px 24px 34px;
}

.result-select-commutation-wrap {
  margin-top: 9px;
  border-bottom: 1px solid #ccc;
}

.result-select-commutation {
  background: #fff;
  padding: 12px;
}
.result-select-commutation .title {
  padding: 5px 0 0 16px;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.result-select-commutation .btn-group {
  display: block;
  float: right;
}
.result-select-commutation .btn-group .btn {
  width: 140px;
}

table#result-candidate-eta .middle,
table#result-candidate-eta + table.table-suggest .middle {
  vertical-align: middle;
}
table#result-candidate-eta .td-time,
table#result-candidate-eta + table.table-suggest .td-time {
  width: 174px;
}
table#result-candidate-eta .td-time .time,
table#result-candidate-eta + table.table-suggest .td-time .time {
  font-size: 22px;
  color: #1b6bcf;
}
table#result-candidate-eta .td-time .arrow,
table#result-candidate-eta + table.table-suggest .td-time .arrow {
  font-size: 22px;
  padding: 0 7px;
  color: #999;
}
table#result-candidate-eta .td-labels,
table#result-candidate-eta + table.table-suggest .td-labels {
  width: 110px;
  vertical-align: middle;
}
table#result-candidate-eta .td-labels > span,
table#result-candidate-eta + table.table-suggest .td-labels > span {
  margin-top: 4px;
  margin-right: 4px;
}
table#result-candidate-eta .td-labels > span:last-child,
table#result-candidate-eta + table.table-suggest .td-labels > span:last-child {
  margin-right: 0;
}
table#result-candidate-eta .td-total-time,
table#result-candidate-eta + table.table-suggest .td-total-time {
  width: 137px;
}
table#result-candidate-eta .td-total-charge,
table#result-candidate-eta + table.table-suggest .td-total-charge {
  width: 104px;
}
table#result-candidate-eta .time,
table#result-candidate-eta + table.table-suggest .time {
  font-size: 20px;
}
table#result-candidate-eta .total-time,
table#result-candidate-eta + table.table-suggest .total-time {
  font-size: 12px;
}
table#result-candidate-eta .total-charge,
table#result-candidate-eta .transfers,
table#result-candidate-eta + table.table-suggest .total-charge,
table#result-candidate-eta + table.table-suggest .transfers {
  font-size: 15px;
}
table#result-candidate-eta .td-path .path-warn,
table#result-candidate-eta + table.table-suggest .td-path .path-warn {
  display: block;
  padding-right: 8px;
  color: #1b6bcf;
}
table#result-candidate-eta .td-suggest-inner,
table#result-candidate-eta + table.table-suggest .td-suggest-inner {
  font-size: 20px;
  color: #1b6bcf;
}
/* table#result-candidate-eta .td-suggest-inner,
table#result-candidate-eta + table.table-suggest .td-suggest-inner {
  background: #f0f0f0;
}*/

.candidate-pr-wrap {
  margin-top: 10px;
}

.candidate-pr {
  display: block;
  padding: 7px 15px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.candidate-pr .label,
.candidate-pr .text {
  display: inline-block;
}
.candidate-pr .text {
  margin-left: 4px;
}
.candidate-pr:hover {
  background: #d2f0ff;
}
.candidate-pr:hover .text {
  text-decoration: none;
}

table#result-candidate-charge .td-one-way,
table#result-candidate-charge .td-total-charge,
table#result-candidate-charge .td-suggest-title,
table.table-suggest .td-one-way,
table.table-suggest .td-total-charge,
table.table-suggest .td-suggest-title {
  vertical-align: middle;
}
table#result-candidate-charge .td-one-way,
table.table-suggest .td-one-way {
  width: 56px;
  text-align: center;
  font-size: 13px;
}
table#result-candidate-charge .total-charge,
table.table-suggest .total-charge {
  color: #1b6bcf;
  font-size: 22px;
}
table#result-candidate-charge .total-charge span,
table.table-suggest .total-charge span {
  color: #333;
  font-size: 13px;
}
table#result-candidate-charge .td-round-ticket,
table.table-suggest .td-round-ticket {
  width: 150px;
}
table#result-candidate-charge .td-round-ticket span,
table.table-suggest .td-round-ticket span {
  color: #1b6bcf;
}
table#result-candidate-charge .td-total-charge,
table#result-candidate-charge .td-suggest-title,
table.table-suggest .td-total-charge,
table.table-suggest .td-suggest-title {
  width: 106px;
}
table#result-candidate-charge .td-total-charge .title,
table#result-candidate-charge .td-suggest-title .title,
table.table-suggest .td-total-charge .title,
table.table-suggest .td-suggest-title .title {
  font-size: 15px;
}
table#result-candidate-charge .td-suggest-title .title,
table#result-candidate-charge .td-suggest-detail .min,
table.table-suggest .td-suggest-title .title,
table.table-suggest .td-suggest-detail .min {
  color: #ee3997;
}
table#result-candidate-charge .td-suggest-detail .max,
table.table-suggest .td-suggest-detail .max {
  color: #909298;
}
table#result-candidate-charge .td-details,
table.table-suggest .td-details {
  padding-left: 24px;
}
table#result-candidate-charge .td-total-charge,
table#result-candidate-charge .td-total-time,
table#result-candidate-charge .td-time,
table.table-suggest .td-total-charge,
table.table-suggest .td-total-time,
table.table-suggest .td-time {
  text-align: right;
}
table#result-candidate-charge .td-round-trip,
table.table-suggest .td-round-trip {
  width: 136px;
  font-size: 15px;
}
table#result-candidate-charge .td-round-trip span,
table.table-suggest .td-round-trip span {
  color: #1b6bcf;
}
table#result-candidate-charge .td-total-time,
table.table-suggest .td-total-time {
  width: 88px;
}
table#result-candidate-charge .td-time,
table.table-suggest .td-time {
  width: 128px;
}
table#result-candidate-charge .td-total-time,
table#result-candidate-charge .td-time,
table.table-suggest .td-total-time,
table.table-suggest .td-time {
  font-weight: bold;
  font-size: 15px;
}
table#result-candidate-charge .td-transfers .transfers-label,
table.table-suggest .td-transfers .transfers-label {
  padding-left: 35px;
}
table#result-candidate-charge .td-suggest-inner,
table.table-suggest .td-suggest-inner {
  background: #ffedf9;
}
table#result-candidate-charge .td-suggest-detail,
table.table-suggest .td-suggest-detail {
  font-weight: bold;
}
table#result-candidate-charge .td-suggest-detail .min,
table#result-candidate-charge .td-suggest-detail .max,
table.table-suggest .td-suggest-detail .min,
table.table-suggest .td-suggest-detail .max {
  font-size: 22px;
}
table#result-candidate-charge .td-suggest-detail .min span,
table.table-suggest .td-suggest-detail .min span {
  color: #333;
}
table#result-candidate-charge .td-suggest-detail .tilde,
table#result-candidate-charge .td-suggest-detail .min span,
table#result-candidate-charge .td-suggest-detail .max span,
table.table-suggest .td-suggest-detail .tilde,
table.table-suggest .td-suggest-detail .min span,
table.table-suggest .td-suggest-detail .max span {
  font-size: 13px;
}
table#result-candidate-charge .td-suggest-detail .start,
table.table-suggest .td-suggest-detail .start {
  padding-left: 13px;
}
table#result-candidate-charge .td-suggest-detail .start,
table#result-candidate-charge .td-suggest-detail .arrow,
table#result-candidate-charge .td-suggest-detail .end,
table.table-suggest .td-suggest-detail .start,
table.table-suggest .td-suggest-detail .arrow,
table.table-suggest .td-suggest-detail .end {
  font-size: 15px;
}
table#result-candidate-charge .td-suggest-attn,
table.table-suggest .td-suggest-attn {
  color: #777;
  font-size: 11px;
  padding-right: 10px;
}
table#result-candidate-charge .details-inner,
table.table-suggest .details-inner {
  width: 100%;
  margin: 5px 0 3px;
}

table#result-candidate-commutation .td-unit {
  vertical-align: middle;
  width: 65px;
  padding-left: 16px;
  font-size: 13px;
}
table#result-candidate-commutation .td-unit span {
  display: block;
}
table#result-candidate-commutation .td-no-charge {
  vertical-align: middle;
  font-size: 11px;
  color: #e83a22;
  padding: 0 0 0 16px;
  width: 165px;
}
table#result-candidate-commutation .td-total-charge {
  vertical-align: middle;
  width: 100px;
  text-align: right;
  font-size: 22px;
  color: #1b6bcf;
}
table#result-candidate-commutation .td-total-charge span {
  font-size: 13px;
  color: #333;
}
table#result-candidate-commutation .td-labels {
  vertical-align: middle;
  width: 120px;
  padding-left: 13px;
}
table#result-candidate-commutation .td-labels span {
  margin-top: 4px;
  margin-right: 4px;
}
table#result-candidate-commutation .td-labels span:last-child {
  margin-right: 0;
}
table#result-candidate-commutation .td-details {
  font-size: 15px;
}
table#result-candidate-commutation .td-details .td-time {
  width: 162px;
  font-weight: bold;
}
table#result-candidate-commutation .td-details .td-total-time {
  width: 126px;
  font-weight: bold;
}
table#result-candidate-commutation .td-details .td-transfers .transfers-label {
  font-size: 12px;
  color: #777;
}
table#result-candidate-commutation .td-details .td-transfers .transfers {
  font-weight: bold;
}
table#result-candidate-commutation .td-details .td-path .path {
  color: #333;
  font-size: 13px;
  font-weight: bold;
}

.result-route-wrap {
  margin-top: 30px;
}

.result-route {
  background: #fff;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.result-route-summary-wrap {
  border-top: 4px solid #2073db;
}

.result-route-summary {
  width: 100%;
  height: 98px;
  background-color: #f0fbff;
}
.result-route-summary .rank,
.result-route-summary .details {
  float: left;
}
.result-route-summary .rank {
  font-weight: bold;
  display: table;
  width: 30px;
  height: 98px;
  background-color: #2073db;
  color: #fff;
}
.result-route-summary .rank .rank-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 22px;
}
.result-route-summary .details {
  margin: 10px 0 0 13px;
  position: relative;
}
.result-route-summary .details .details-inner tr:first-child {
  height: 48px;
}
.result-route-summary .buttons {
  float: right;
  text-align: right;
}
.result-route-summary .buttons-inner {
  width: 120px;
  margin: 14px 15px 0 0;
}
.result-route-summary .buttons-inner > .btn {
  width: 120px;
  margin-bottom: 10px;
  text-align: left;
}
.result-route-summary .vertical-line {
  height: 20px;
  border-left: 1px solid #9dc5f1;
  border-right: 1px solid #9dc5f1;
  position: absolute;
  top: 17px;
  left: 0;
}

.result-route-summary-wrap.commutation .td-time,
.result-route-summary-wrap.route .td-time {
  width: 258px;
  position: relative;
}
.result-route-summary-wrap.commutation .td-time .time,
.result-route-summary-wrap.route .td-time .time {
  font-size: 27px;
}
.result-route-summary-wrap.commutation .td-time .etd-suffix,
.result-route-summary-wrap.commutation .td-time .eta-suffix,
.result-route-summary-wrap.route .td-time .etd-suffix,
.result-route-summary-wrap.route .td-time .eta-suffix {
  padding: 0 4px;
}
.result-route-summary-wrap.commutation .td-time .arrow,
.result-route-summary-wrap.route .td-time .arrow {
  font-size: 22px;
  color: #999;
  vertical-align: 3px;
}
.result-route-summary-wrap.commutation .td-time .icon,
.result-route-summary-wrap.route .td-time .icon {
  margin-left: 10px;
  vertical-align: -4px;
}
.result-route-summary-wrap.commutation .td-transfers,
.result-route-summary-wrap.route .td-transfers {
  text-align: center;
}
.result-route-summary-wrap.commutation .td-transfers .transfers-times-wrap,
.result-route-summary-wrap.route .td-transfers .transfers-times-wrap {
  width: 120px;
}
.result-route-summary-wrap.commutation .td-transfers .transfers-times,
.result-route-summary-wrap.route .td-transfers .transfers-times {
  font-size: 24px;
  margin-left: 3px;
}
.result-route-summary-wrap.commutation .td-transfers .transfers-suffix,
.result-route-summary-wrap.route .td-transfers .transfers-suffix {
  margin-left: 5px;
}
.result-route-summary-wrap.commutation .td-transfers .icon,
.result-route-summary-wrap.route .td-transfers .icon {
  vertical-align: -5px;
}
.result-route-summary-wrap.commutation .td-commutation,
.result-route-summary-wrap.route .td-commutation {
  position: relative;
  line-height: 1em;
  width: 160px;
  text-align: center;
}
.result-route-summary-wrap.commutation .td-commutation .icon,
.result-route-summary-wrap.route .td-commutation .icon {
  vertical-align: -5px;
}
.result-route-summary-wrap.commutation .td-commutation .commutation-label,
.result-route-summary-wrap.route .td-commutation .commutation-label {
  display: block;
  font-size: 13px;
  margin-bottom: 1px;
  text-align: right;
  width: 106px;
  height: 15px;
  margin-top: -16px;
}
.result-route-summary-wrap.commutation .td-commutation .commutation-charge,
.result-route-summary-wrap.route .td-commutation .commutation-charge {
  display: inline-block;
  padding-right: 8px;
}
.result-route-summary-wrap.commutation .td-commutation .charge,
.result-route-summary-wrap.route .td-commutation .charge {
  font-size: 24px;
}
.result-route-summary-wrap.commutation .td-commutation .currency,
.result-route-summary-wrap.route .td-commutation .currency {
  padding-left: 4px;
}
.result-route-summary-wrap.commutation .td-commutation .vertical-line,
.result-route-summary-wrap.route .td-commutation .vertical-line {
  width: 160px;
}

.result-route-summary-wrap.charge .td-charge .commutation-label {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
  padding-left: 38px;
  line-height: 15px;
}

.result-route-summary-wrap.route .td-total-cost {
  vertical-align: top;
}
.result-route-summary-wrap.route .td-total-cost .icons-wrap,
.result-route-summary-wrap.route .td-total-cost .total-time-distance {
  float: left;
}
.result-route-summary-wrap.route .td-total-cost .icons-wrap {
  margin-right: 8px;
}
.result-route-summary-wrap.route .td-ic-ticket {
  vertical-align: top;
}
.result-route-summary-wrap.route .ic-ticket-buttons-wrap {
  margin-left: 28px;
  margin-top: 1px;
}
.result-route-summary-wrap.route .ic-ticket-buttons-wrap .btn-group-2options {
  width: 116px;
}

.result-route-summary-wrap.charge {
  line-height: 1.5em;
}
.result-route-summary-wrap.charge .td-time,
.result-route-summary-wrap.charge .td-transfers,
.result-route-summary-wrap.charge .td-distance {
  text-align: center;
  position: relative;
}
.result-route-summary-wrap.charge .one-way,
.result-route-summary-wrap.charge .round-trip,
.result-route-summary-wrap.charge .discount,
.result-route-summary-wrap.charge .required-time-label,
.result-route-summary-wrap.charge .required-time,
.result-route-summary-wrap.charge .transfers-num,
.result-route-summary-wrap.charge .distance-label,
.result-route-summary-wrap.charge .distance {
  font-size: 13px;
}
.result-route-summary-wrap.charge .one-way span {
  font-size: 28px;
}
.result-route-summary-wrap.charge .required-time span,
.result-route-summary-wrap.charge .transfers-num span,
.result-route-summary-wrap.charge .distance span {
  font-size: 24px;
}
.result-route-summary-wrap.charge .round-trip span {
  font-size: 20px;
}
.result-route-summary-wrap.charge .time {
  font-size: 15px;
}
.result-route-summary-wrap.charge .one-way span,
.result-route-summary-wrap.charge .round-trip span,
.result-route-summary-wrap.charge .required-time span,
.result-route-summary-wrap.charge .transfers-num span {
  font-weight: bold;
}
.result-route-summary-wrap.charge .td-charge {
  width: 170px;
  padding-top: 4px;
}
.result-route-summary-wrap.charge .td-charge .one-way,
.result-route-summary-wrap.charge .td-charge .round-trip,
.result-route-summary-wrap.charge .td-charge .discount {
  display: block;
}
.result-route-summary-wrap.charge .td-charge .one-way span {
  padding: 0 4px 0 8px;
}
.result-route-summary-wrap.charge .td-charge .round-trip span {
  padding: 0 2px 0 8px;
  line-height: 1em;
}
.result-route-summary-wrap.charge .td-charge .discount {
  padding: 0 0 0 34px;
}
.result-route-summary-wrap.charge .td-time {
  width: 132px;
}
.result-route-summary-wrap.charge .td-time .required-time-label,
.result-route-summary-wrap.charge .td-time .required-time,
.result-route-summary-wrap.charge .td-time .time {
  display: block;
}
.result-route-summary-wrap.charge .td-time .vertical-line {
  width: 130px;
}
.result-route-summary-wrap.charge .td-transfers {
  width: 120px;
}
.result-route-summary-wrap.charge .td-transfers .transfers-label,
.result-route-summary-wrap.charge .td-transfers .transfers-num {
  display: block;
}
.result-route-summary-wrap.charge .td-distance {
  width: 126px;
}
.result-route-summary-wrap.charge .td-distance .distance-label,
.result-route-summary-wrap.charge .td-distance .distance {
  display: block;
}
.result-route-summary-wrap.charge .td-distance .vertical-line {
  border-right: 0;
}
.result-route-summary-wrap.charge .buttons-inner .btn-group {
  width: 120px;
}
.result-route-summary-wrap.charge .buttons-inner .btn-group .btn {
  width: 70px;
}
.result-route-summary-wrap.charge .buttons-inner .btn-group .btn:first-child {
  width: 50px;
}

.result-route-summary-wrap.commutation .result-route-summary,
.result-route-summary-wrap.commutation .rank {
  height: 67px;
}
.result-route-summary-wrap.commutation .td-time .icon {
  vertical-align: -4px;
}
.result-route-summary-wrap.commutation .td-commutation {
  line-height: inherit;
}
.result-route-summary-wrap.commutation .td-transfers {
  line-height: 0;
}

.result-route-commutation-wrap {
  margin-top: 10px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.result-route-commutation {
  padding-bottom: 10px;
  display: table;
}
.result-route-commutation .col {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.result-route-commutation .col::after {
  display: block;
  height: 98%;
  position: absolute;
  width: 0;
  content: "";
  border-right: 1px solid #e5e5e5;
  right: 0;
  top: 0;
}
.result-route-commutation .way {
  width: 120px;
}
.result-route-commutation .way select {
  margin: 0 15px;
  width: 90px;
}
.result-route-commutation .a-month {
  width: 153px;
}
.result-route-commutation .a-month.month-4 {
  width: 115px;
}
.result-route-commutation .btns {
  width: 130px;
  text-align: right;
  position: absolute;
  top: 10px;
  right: 11px;
}
.result-route-commutation .btns::after {
  border-right: 0;
}
.result-route-commutation .span {
  font-size: 13px;
}
.result-route-commutation .charge {
  font-size: 17px;
  font-weight: bold;
}
.result-route-commutation .equal-to {
  font-size: 11px;
}

.result-route-alertdanger-wrap {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  text-align: center;
  background: #ffe1e1;
  color: #e83a22;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
  box-shadow: 0 0 0 2px #fff inset;
}

.result-route-menu-top-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
}

.result-route-menu-top .btns-functions {
  float: right;
}
.result-route-menu-top .btns-functions a {
  height: 32px;
  width: 120px;
}

.result-route-menu-top-charge-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
}

.result-route-menu-top-charge .radios {
  float: left;
}
.result-route-menu-top-charge .radios a {
  width: 72px;
  height: 32px;
}
.result-route-menu-top-charge .radios a.radios-long {
  width: 90px;
}
.result-route-menu-top-charge .btns-functions {
  float: right;
}
.result-route-menu-top-charge .btns-functions a {
  height: 32px;
  width: 92px;
  padding-left: 0;
  padding-right: 0;
}

.result-route-menu-bottom-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
}

.result-route-moving-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.result-route-station-direct-wrap + .result-route-moving-wrap {
  margin-top: 20px;
}
.result-route-station-direct-wrap + .result-route-moving-wrap .result-route-moving .td-center {
  padding-top: 20px;
}

.result-route-moving table {
  width: 100%;
}
.result-route-moving .td-left,
.result-route-moving .td-right {
  vertical-align: middle;
}
.result-route-moving .td-left-bottom,
.result-route-moving .td-center {
  vertical-align: top;
}
.result-route-moving .td-center-bottom {
  vertical-align: bottom;
}
.result-route-moving .td-left {
  position: relative;
  width: 100px;
  text-align: right;
}
.result-route-moving .td-left .required {
  margin-right: 25px;
  position: relative;
}
.result-route-moving .td-left .time {
  font-size: 13px;
}
.result-route-moving .td-left .distance {
  font-size: 12px;
  color: #777;
  padding-top: 2px;
}
.result-route-moving .alert-mark-wrap {
  height: 34px;
  width: 28px;
  position: absolute;
}
.result-route-moving .alert-mark-wrap .alert-mark {
  background: #fff;
  padding: 5px 0;
  margin-top: 32px;
  margin-left: -10px;
}
.result-route-moving .td-line-color {
  width: 7px;
  vertical-align: top;
}
.result-route-moving .td-left-bottom {
  text-align: right;
  height: 47px;
}
.result-route-moving .means-bg {
  background-color: #f0f0f0;
}
.result-route-moving .transportation-wrap {
  margin: 16px 10px 16px 38px;
}
.result-route-moving .transportation {
  display: table;
}
.result-route-moving .transportation .fe {
  font-size: 22px;
}
.result-route-moving .transportation .fe.fe-diagram {
  font-size: 18px;
}
.result-route-moving .transportation .feis {
  margin-top: -3px;
}
.result-route-moving .transportation .name {
  vertical-align: 3px;
  font-weight: bold;
  font-size: 14px;
}
.result-route-moving .transportation .name,
.result-route-moving .transportation .around-this {
  line-height: 26px;
}
.result-route-moving .transportation > .fe {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.result-route-moving .transportation > .text {
  display: table-cell;
  vertical-align: top;
}
.result-route-moving .transportation > .text .around-this {
  display: inline-block;
}
.result-route-moving .transportation > a {
  vertical-align: top;
}

.result-route-moving-wrap.route .btn-transfer-wrap,
.result-route-moving-wrap.commutation .btn-transfer-wrap {
  position: relative;
}
.result-route-moving-wrap.route .btn-transfer-wrap .btn-transfer,
.result-route-moving-wrap.commutation .btn-transfer-wrap .btn-transfer {
  margin-right: -17px;
}
.result-route-moving-wrap.route .transfer-table,
.result-route-moving-wrap.commutation .transfer-table {
  margin: 0 0 30px 20px;
  position: relative;
  display: none;
}
.result-route-moving-wrap.route .transfer-table tr,
.result-route-moving-wrap.commutation .transfer-table tr {
  position: relative;
}
.result-route-moving-wrap.route .transfer-table tr td,
.result-route-moving-wrap.commutation .transfer-table tr td {
  height: 26px;
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
  text-align: center;
}
.result-route-moving-wrap.route .transfer-table tr .time,
.result-route-moving-wrap.commutation .transfer-table tr .time {
  width: 80px;
}
.result-route-moving-wrap.route .transfer-table tr .station,
.result-route-moving-wrap.commutation .transfer-table tr .station {
  position: absolute;
  left: 87px;
  width: 324px;
  text-align: left;
  padding-left: 34px;
  line-height: 26px;
}

.result-route-moving-wrap.route .td-right {
  width: 130px;
  position: relative;
}
.result-route-moving-wrap.route .td-right .arrow-down {
  position: absolute;
  bottom: -1px;
  left: 60px;
}
.result-route-moving-wrap.route .td-right .charge_select {
  display: block;
  opacity: 0;
  width: 150px;
  height: 24px;
  position: relative;
  z-index: 1;
  margin-bottom: -24px;
  margin-left: -20px;
  -webkit-appearance: none;
}
.result-route-moving-wrap.route .td-right .btn-ex-charge {
  margin: 0 0 0 -20px;
  font-size: 11px;
  width: 150px;
  padding: 3px 6px 3px 0;
  text-align: center;
}
.result-route-moving-wrap.route .platform {
  display: inline-block;
  margin-left: 68px;
  font-size: 12px;
  color: #333;
}
.result-route-moving-wrap.route .platform.departure {
  margin-top: 10px;
  margin-bottom: 10px;
}
.result-route-moving-wrap.route .platform.departure .departure-position {
  display: inline-block;
}
.result-route-moving-wrap.route .platform.departure .track-number {
  margin-right: 10px;
}
.result-route-moving-wrap.route .platform.arrival {
  margin-top: 20px;
  margin-bottom: 10px;
}
.result-route-moving-wrap.route .ex-charge-wrap {
  background: #fff;
  height: 46px;
  padding-top: 10px;
}
.result-route-moving-wrap.route .transportation .around-this-label {
  vertical-align: 3px;
}
.result-route-moving-wrap.route .transportation .fe-diagram {
  display: inline-block;
  padding-right: 8px;
}
.result-route-moving-wrap.route .transportation .v-line {
  display: inline-block;
  padding-right: 8px;
  content: "";
  border-left: 1px solid #ccc;
  margin-left: 8px;
  height: 18px;
}
.result-route-moving-wrap.route .transportation .btn-close {
  margin-top: -7px;
  display: none;
}
.result-route-moving-wrap.route .transportation .btn-close .fe {
  font-size: 12px;
  vertical-align: -1px;
}
.result-route-moving-wrap.route .transportation .blank {
  padding: 5px;
  display: inline-block;
  padding-left: 3px;
  margin: -2px 0;
}
.result-route-moving-wrap.route .transportation .blank .fe {
  font-size: 15px;
}
.result-route-moving-wrap.route .transportation .blank:hover .fe {
  color: #66cbff;
}
.result-route-moving-wrap.route .promotion,
.result-route-moving-wrap.route .promotion2 {
  margin: 0 0 10px 68px;
}
.result-route-moving-wrap.route .promotion2 > .details {
  margin-top: 10px;
}
.result-route-moving-wrap.route .promotion2 > .details .before,
.result-route-moving-wrap.route .promotion2 > .details .after {
  display: inline-block;
  vertical-align: top;
}
.result-route-moving-wrap.route .promotion2 > .details .before > span,
.result-route-moving-wrap.route .promotion2 > .details .after > span {
  display: block;
}
.result-route-moving-wrap.route .promotion2 > .details .before {
  min-width: 92px;
  border-right: 1px solid #ccc;
}
.result-route-moving-wrap.route .promotion2 > .details .after {
  padding-left: 10px;
}
.result-route-moving-wrap.route .promotion2 > .details .fee-range,
.result-route-moving-wrap.route .promotion2 > .details .fee-range .unit,
.result-route-moving-wrap.route .promotion2 > .details .fee-range .to,
.result-route-moving-wrap.route .promotion2 > .details .before .charge {
  font-size: 18px;
  line-height: 1em;
}
.result-route-moving-wrap.route .promotion2 > .details .fee-range .unit,
.result-route-moving-wrap.route .promotion2 > .details .fee-range .to {
  font-weight: normal;
}
.result-route-moving-wrap.route .promotion2 > .details .fee-range .max,
.result-route-moving-wrap.route .promotion2 > .details .fee-range .max .unit {
  color: #333;
}
.result-route-moving-wrap.route .promotion2 > .details .before .for,
.result-route-moving-wrap.route .promotion2 > .details .after .for {
  font-size: 12px;
}
.result-route-moving-wrap.route .promotion2 > .details .after .for > span {
  color: #ee3997;
}
.result-route-moving-wrap.route .reservation,
.result-route-moving-wrap.route .plane,
.result-route-moving-wrap.route .express {
  margin: 0 0 10px 68px;
}
.result-route-moving-wrap.route .reservation .btn,
.result-route-moving-wrap.route .plane .btn,
.result-route-moving-wrap.route .express .btn {
  margin-right: 8px;
}
.result-route-moving-wrap.route .td-center,
.result-route-moving-wrap.route .td-center-bottom {
  padding-right: 20px;
}

/* 前後の列車 */
.around-table {
  margin-bottom: 10px;
}
.around-table .line {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 16px;
}
.around-table .line .fei {
  vertical-align: middle;
  margin-left: -6px;
}
.around-table .around-table-inner {
  border: 1px solid #ccc;
  border-radius: 2px;
}
.around-table table {
  width: 100%;
}
.around-table table tr {
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}
.around-table table tr:last-child {
  border-bottom: 0;
}
.around-table table tr:hover, .around-table table tr.current {
  background: #f0fbff;
}
.around-table table tr.disabled {
  background: none;
  border-bottom-color: #e5e5e5;
  color: #999;
}
.around-table table tr.disabled .departure-time,
.around-table table tr.disabled .arrival-time {
  color: #999;
}
.around-table table tr.disabled, .around-table table tr.current {
  cursor: default;
}
.around-table table tr.disabled .arrow .fe, .around-table table tr.current .arrow .fe {
  display: none;
}
.around-table table td {
  padding: 8px 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
}
.around-table table td.local {
  width: 25%;
}
.around-table table td.to {
  width: 40%;
}
.around-table table td.departure-time, .around-table table td.arrival-time {
  width: 15%;
  text-align: center;
  padding: 0;
}
.around-table table td.arrow {
  width: 5%;
  text-align: right;
  padding: 0 5px 0 0;
}
.around-table table td.arrow .fe {
  font-size: 10px;
  -webkit-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
.around-table .rapid {
  color: #ff8a0d;
}
.around-table .express {
  color: #e83a22;
}
.around-table .arrow,
.around-table .departure-time,
.around-table .arrival-time {
  color: #1b6bcf;
}
.around-table .departure-time span,
.around-table .arrival-time span {
  visibility: hidden;
}

.result-route-moving-wrap.charge .result-route-moving > table {
  min-height: 70px;
  border-collapse: separate;
}
.result-route-moving-wrap.charge .td-center {
  width: 250px;
  padding-bottom: 20px;
  padding-top: 10px;
}
.result-route-moving-wrap.charge .line-col {
  width: 149px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  position: relative;
}
.result-route-moving-wrap.charge .line-col .arrow-down {
  bottom: 0;
  position: absolute;
  left: 71px;
}
.result-route-moving-wrap.charge .noline-col {
  width: 149px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  position: relative;
}
.result-route-moving-wrap.charge .transportation-wrap {
  margin-left: 19px;
  margin-top: 26px;
}
.result-route-moving-wrap.charge .td-right {
  text-align: center;
}
.result-route-moving-wrap.charge .td-right .text {
  font-size: 13px;
}
.result-route-moving-wrap.charge .td-right .charge_select {
  display: block;
  opacity: 0;
  width: 100%;
  height: 24px;
  position: relative;
  z-index: 1;
  margin-bottom: -24px;
  -webkit-appearance: none;
}
.result-route-moving-wrap.charge .td-right .btn-ex-charge {
  margin: 0 auto;
  font-size: 11px;
  width: 150px;
  padding: 3px 6px 3px 0;
}
.result-route-moving-wrap.charge .td-arrow {
  position: relative;
  width: 38px;
}
.result-route-moving-wrap.charge .td-arrow .arrow-down,
.result-route-moving-wrap.charge .td-arrow .arrow-up {
  position: absolute;
  left: 10px;
}
.result-route-moving-wrap.charge .td-arrow .arrow-down {
  bottom: 0;
}
.result-route-moving-wrap.charge .td-arrow .arrow-up {
  top: 0;
}

.result-route-moving-wrap.commutation .td-left {
  padding: 18px 0;
}
.result-route-moving-wrap.commutation .td-center,
.result-route-moving-wrap.commutation .td-center-bottom {
  border-right: 1px solid #e5e5e5;
  vertical-align: middle;
}
.result-route-moving-wrap.commutation .td-commutation {
  width: 96px;
  border-right: 1px solid #e5e5e5;
  position: relative;
}
.result-route-moving-wrap.commutation .td-commutation .arrow-down {
  bottom: 0;
  position: absolute;
  left: 42px;
}
.result-route-moving-wrap.commutation .transfer-table tr .station {
  width: 293px;
}

.result-route-moving-wrap.commutation.direct .td-commutation .arrow-down {
  bottom: 25px;
}

.result-route-situation-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.result-route-situation {
  background: #fcffd0;
  font-size: 14px;
  padding: 0 15px;
}
.result-route-situation .btn-text .fe {
  color: #ecc50c;
  font-size: 11px;
  padding: 0 2px;
}
.result-route-situation .title-area-wrap {
  padding: 15px 0;
}
.result-route-situation .title-area-wrap .title {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  display: inline-block;
  width: 580px;
  padding-left: 31px;
  text-indent: -31px;
  line-height: 1.6;
}
.result-route-situation .title-area-wrap .title:before {
  content: "";
  display: inline-block;
  background-image: url(../img/sprite.png?15116279);
  background-position: -563px -267px;
  width: 21px;
  height: 18px;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.result-route-situation .title-area-wrap .btn-text {
  display: inline-block;
  width: 90px;
  text-align: right;
  vertical-align: top;
  margin-bottom: 0;
}
.result-route-situation .detail-area-wrap {
  padding: 0 0 15px;
}
.result-route-situation .detail-area-wrap .title {
  margin: 0 0 10px;
  font-size: 14px;
  background: #FFFABD;
  padding: 5px 10px;
}
.result-route-situation .detail-area-wrap .detail {
  padding: 0 10px 10px;
}
.result-route-situation .detail-area-wrap .detail .section-title {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 10px;
  line-height: 1.6;
  color: #e83a22;
}
.result-route-situation .detail-area-wrap .detail .subtitle {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 1.6;
}
.result-route-situation .detail-area-wrap .detail .detail-list-indent {
  margin-bottom: 10px;
}
.result-route-situation .detail-area-wrap .detail .detail-list-indent li {
  padding-left: 100px;
  text-indent: -100px;
}
.result-route-situation .detail-area-wrap .detail .detail-list-indent li .date {
  display: inline-block;
  width: 100px;
  font-size: 12px;
  margin-left: 100px;
  margin-right: -100px;
  color: #666;
}
.result-route-situation .detail-area-wrap .detail .detail-txt {
  margin-bottom: 10px;
}
.result-route-situation .detail-area-wrap .btn-text {
  text-align: right;
  margin-bottom: 0;
}

.result-route-situation + .result-route-situation {
  margin-top: 10px;
}

.result-route-situation.info {
  background: #f3fbfe;
}
.result-route-situation.info .btn-text .fe {
  color: #1b6bcf;
}
.result-route-situation.info .title-area-wrap .title:before {
  background-image: url(../img/alert-mark-info.png);
  background-position: 0 0;
  width: 20px;
  height: 20px;
}
.result-route-situation.info .detail-area-wrap .title {
  background: #DDEBF1;
}

.result-route-situation-unopened {
  width: 680px;
}
.result-route-situation-unopened .btn-text {
  margin-top: 12px;
}

.result-route-situation-opened {
  display: none;
}
.result-route-situation-opened .text-area-wrap {
  width: 646px;
}
.result-route-situation-opened h4 {
  font-size: 14px;
  font-weight: bold;
}
.result-route-situation-opened .text-area {
  margin-right: 30px;
}
.result-route-situation-opened .detail {
  line-height: 1.6em;
}
.result-route-situation-opened .detail .title {
  font-weight: bold;
  font-size: 14px;
}
.result-route-situation-opened .nav-bottom {
  margin: 4px 0 10px 0;
}
.result-route-situation-opened .nav-bottom .btn-text {
  float: right;
}

.result-route-departure-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.result-route-departure {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-departure > table {
  width: 100%;
}
.result-route-departure .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-departure .td-time .departure-time {
  font-weight: bold;
  font-size: 21px;
}
.result-route-departure .td-time .etd-label {
  font-size: 14px;
}
.result-route-departure .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}

.result-route-departure-charge-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
}

.result-route-departure-charge {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-departure-charge > table {
  width: 100%;
}
.result-route-departure-charge .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-departure-charge .td-time .departure-time {
  font-weight: bold;
  font-size: 21px;
}
.result-route-departure-charge .td-time .etd-label {
  font-size: 14px;
}
.result-route-departure-charge .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-departure-charge .td-name {
  width: 250px;
}
.result-route-departure-charge .td-name .name {
  font-weight: bold;
  font-size: 20px;
  padding-left: 19px;
}
.result-route-departure-charge .td-charge {
  text-align: center;
  width: 149px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.result-route-departure-charge > table {
  border-collapse: separate;
}

.result-route-departure-commutation-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.result-route-departure-commutation {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-departure-commutation > table {
  width: 100%;
}
.result-route-departure-commutation .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-departure-commutation .td-time .departure-time {
  font-weight: bold;
  font-size: 21px;
}
.result-route-departure-commutation .td-time .etd-label {
  font-size: 14px;
}
.result-route-departure-commutation .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-departure-commutation .td-name .name {
  font-weight: bold;
  font-size: 16px;
  padding-left: 19px;
}
.result-route-departure-commutation .td-name {
  border-right: 1px solid #e5e5e5;
}
.result-route-departure-commutation .td-commutation {
  width: 96px;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  font-size: 14px;
}
.result-route-departure-commutation .td-commutation .commutation-type {
  display: block;
}

.result-route-transfer-sta-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.result-route-transfer-sta {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-transfer-sta > table {
  width: 100%;
}
.result-route-transfer-sta .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-transfer-sta .td-time .departure-time,
.result-route-transfer-sta .td-time .arrival-time {
  font-size: 15px;
}
.result-route-transfer-sta .td-time .departure-time {
  margin-top: 14px;
}
.result-route-transfer-sta .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}

.result-route-transfer-sta-charge-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.result-route-transfer-sta-charge {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-transfer-sta-charge > table {
  width: 100%;
}
.result-route-transfer-sta-charge .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-transfer-sta-charge .td-time .departure-time,
.result-route-transfer-sta-charge .td-time .arrival-time {
  font-size: 15px;
}
.result-route-transfer-sta-charge .td-time .departure-time {
  margin-top: 14px;
}
.result-route-transfer-sta-charge .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-transfer-sta-charge .td-name {
  width: 250px;
}
.result-route-transfer-sta-charge .td-name .name {
  font-weight: bold;
  font-size: 20px;
  padding-left: 19px;
}
.result-route-transfer-sta-charge .td-line {
  width: 149px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.result-route-transfer-sta-charge .td-charge {
  text-align: center;
  width: 149px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.result-route-transfer-sta-charge .td-arrow {
  position: relative;
  width: 38px;
}
.result-route-transfer-sta-charge .td-arrow .arrow-down,
.result-route-transfer-sta-charge .td-arrow .arrow-up {
  position: absolute;
  left: 10px;
}
.result-route-transfer-sta-charge .td-arrow .arrow-down {
  bottom: 0;
}
.result-route-transfer-sta-charge .td-arrow .arrow-up {
  top: 0;
}
.result-route-transfer-sta-charge > table {
  border-collapse: separate;
}

.result-route-transfer-sta-commutation-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.result-route-transfer-sta-commutation-wrap.direct {
  margin: -25px 10px 0 107px;
  position: relative;
}
.result-route-transfer-sta-commutation-wrap.direct .result-route-transfer-sta-commutation {
  position: absolute;
  width: 582px;
  height: 50px;
  z-index: 1;
  border-bottom: 0;
  margin-left: 19px;
}
.result-route-transfer-sta-commutation-wrap.direct .left-arrow {
  position: absolute;
  top: 0;
  left: -19px;
  width: 19px;
  height: 50px;
}
.result-route-transfer-sta-commutation-wrap.direct .td-commutation {
  padding-top: 5px;
  padding-bottom: 5px;
}
.result-route-transfer-sta-commutation-wrap.direct .result-route-transfer-sta-commutation .td-name .name {
  padding-left: 0;
}

.result-route-transfer-sta-commutation-wrap.direct + .result-route-moving-wrap.commutation {
  margin-top: 25px;
}

.result-route-transfer-sta-commutation-wrap.direct + .result-route-moving-wrap.commutation .td-center {
  padding-top: 30px;
}

.result-route-transfer-sta-commutation-wrap.direct .result-route-transfer-sta-commutation > table {
  height: 50px;
}

.result-route-transfer-sta-commutation {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-transfer-sta-commutation > table {
  width: 100%;
}
.result-route-transfer-sta-commutation .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-transfer-sta-commutation .td-time .departure-time,
.result-route-transfer-sta-commutation .td-time .arrival-time {
  font-size: 15px;
}
.result-route-transfer-sta-commutation .td-time .departure-time {
  margin-top: 14px;
}
.result-route-transfer-sta-commutation .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-transfer-sta-commutation .td-name {
  border-right: 1px solid #e5e5e5;
}
.result-route-transfer-sta-commutation .td-name .name {
  font-weight: bold;
  font-size: 16px;
  padding-left: 19px;
}
.result-route-transfer-sta-commutation .td-commutation {
  font-size: 14px;
  text-align: center;
  width: 96px;
  border-right: 1px solid #e5e5e5;
  position: relative;
}
.result-route-transfer-sta-commutation .td-commutation .commutation-type {
  display: block;
}
.result-route-transfer-sta-commutation .td-commutation .arrow-down {
  position: absolute;
  top: -4px;
  left: 42px;
}

.result-route-arrival-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.result-route-arrival {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-arrival > table {
  width: 100%;
}
.result-route-arrival .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-arrival .td-time .arrival-time {
  font-weight: bold;
  font-size: 21px;
}
.result-route-arrival .td-time .eta-label {
  font-size: 14px;
}
.result-route-arrival .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-arrival .td-arrival-last-col {
  width: 130px;
}

.result-route-arrival-charge-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.result-route-arrival-charge {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-arrival-charge > table {
  width: 100%;
}
.result-route-arrival-charge .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-arrival-charge .td-time .arrival-time {
  font-weight: bold;
  font-size: 21px;
}
.result-route-arrival-charge .td-time .eta-label {
  font-size: 14px;
}
.result-route-arrival-charge .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-arrival-charge .td-name {
  width: 250px;
}
.result-route-arrival-charge .td-name .name {
  font-weight: bold;
  font-size: 20px;
  padding-left: 19px;
}
.result-route-arrival-charge .td-arrival-last-col {
  width: 130px;
}
.result-route-arrival-charge .td-right {
  position: relative;
}
.result-route-arrival-charge .td-right .arrow-down {
  position: absolute;
  left: 72px;
  top: -5px;
}
.result-route-arrival-charge > table {
  border-collapse: separate;
}

@-moz-document url-prefix() {
  .result-route-arrival-charge .td-right .arrow-down {
    left: 71px;
  }
}
.result-route-arrival-commutation-wrap {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.result-route-arrival-commutation {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
}
.result-route-arrival-commutation > table {
  width: 100%;
}
.result-route-arrival-commutation .td-time {
  width: 107px;
  text-align: right;
  vertical-align: middle;
  padding: 10px 27px 10px 10px;
}
.result-route-arrival-commutation .td-time .arrival-time {
  font-weight: bold;
  font-size: 21px;
}
.result-route-arrival-commutation .td-time .eta-label {
  font-size: 14px;
}
.result-route-arrival-commutation .td-time .fe-estimation {
  font-size: 12px;
  padding-right: 2px;
}
.result-route-arrival-commutation .td-name .name {
  font-weight: bold;
  font-size: 16px;
  padding-left: 19px;
}
.result-route-arrival-commutation .td-commutation {
  width: 96px;
  position: relative;
}
.result-route-arrival-commutation .td-commutation .arrow-down {
  position: absolute;
  top: -4px;
  left: 42px;
}

.station-detail {
  padding: 10px 12px 10px 34px;
}
.station-detail .name,
.station-detail .links1 {
  float: left;
}
.station-detail .btns,
.station-detail .links2 {
  float: right;
}
.station-detail .btns .btn {
  /*padding: 3px 5px;*/
}
.station-detail .btns .btn.for-account:hover .text {
  text-decoration: underline;
}
.station-detail .btns .btn.saved {
  cursor: default;
}
.station-detail .btns .btn.saved .text {
  color: #aaa;
}
.station-detail .btns .btn.saved:hover .text {
  text-decoration: none;
}
.station-detail .btns .btn .fe {
  font-size: 120%;
}
.station-detail .btns .btn .text {
  display: inline-block;
  padding-top: 2px;
  color: #1b6bcf;
  font-size: 12px;
}
.station-detail .name {
  font-weight: bold;
  font-size: 20px;
  padding-top: 2px;
}
.station-detail .links1,
.station-detail .links2 {
  margin-top: 2px;
}
.station-detail .links1 {
  padding-top: 2px;
}

.station-nodetail {
  font-weight: bold;
  font-size: 20px;
  padding-left: 34px;
}

.td-payment-method {
  border-left: 1px solid #e5e5e5;
  width: 130px;
}

.payment-method-wrap {
  text-align: center;
}

.payment-method .charge {
  font-size: 15px;
  padding-left: 4px;
}
.payment-method .method {
  font-size: 14px;
  color: #777;
}

.result-route-station-direct-wrap {
  margin: -20px 10px 0 117px;
  position: relative;
}

.result-route-station-direct {
  position: absolute;
  width: 601px;
  z-index: 1;
}
.result-route-station-direct .left-arrow {
  position: absolute;
}
.result-route-station-direct .station {
  margin-left: 20px;
  background-color: #f4f4f4;
  height: 40px;
}
.result-route-station-direct .station .name {
  padding: 8px 0 0 13px;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.result-route-station-direct .station .charge {
  float: right;
  width: 130px;
  text-align: center;
  font-size: 14px;
  padding-top: 8px;
}
.result-route-station-direct .station .charge .method {
  color: #777;
}
.result-route-station-direct .station .charge .charge-fare {
  font-size: 15px;
}
.result-route-station-direct .station .line {
  float: right;
  width: 130px;
  height: 100%;
}
.result-route-station-direct .arrow-down {
  position: absolute;
  right: 57px;
  top: -3px;
}

.result-route-station-direct-wrap.charge .station .name {
  width: 231px;
}
.result-route-station-direct-wrap.charge .station .charge {
  float: left;
  width: 150px;
}
.result-route-station-direct-wrap.charge .station .line {
  float: left;
  width: 150px;
  height: 100%;
}

.result-station-departure-position .header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin-top: 10px;
}
.result-station-departure-position .header .line-info,
.result-station-departure-position .header .station-name {
  font-size: 20px;
  display: block;
}
.result-station-departure-position .header .description {
  margin-top: 20px;
  line-height: 1.5em;
}
.result-station-departure-position .body {
  margin-top: 30px;
  text-align: left;
  position: relative;
}
.result-station-departure-position .body .title {
  font-size: 16px;
  margin-bottom: 4px;
  display: block;
}
.result-station-departure-position .body .directions {
  position: absolute;
  right: 0;
  top: -15px;
  font-size: 18px;
  color: #465879;
  font-weight: bold;
}
.result-station-departure-position .footer {
  margin: 35px 0 20px 0;
}
.result-station-departure-position .footer .description {
  line-height: 1.5em;
}

.departure-position {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
.departure-position > li {
  display: inline-block;
  position: relative;
  font-size: 13px;
  width: 36px;
  background: #f4f4f4;
  border-bottom: 1px solid #ccc;
}
.departure-position > li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.departure-position > li:first-child span {
  border-left: 0;
}
.departure-position > li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.departure-position > li > span {
  float: left;
  display: inline-block;
  position: relative;
  color: #909298;
  width: 36px;
  height: 40px;
  padding-top: 10px;
  text-align: center;
  border-left: 1px solid #ccc;
}
.departure-position > li.active {
  background: #e0f6ff;
}
.departure-position > li.active > span {
  font-weight: bold;
  color: #1b6bcf;
  border-left: 1px solid #b9d7f4;
}
.departure-position > li.active:first-child > span {
  border-left: 0;
}
.departure-position > li.active + li > span {
  border-left: 1px solid #b9d7f4;
}

.result-station-station-charge {
  font-size: 13px;
}
.result-station-station-charge .charge-type {
  display: block;
}
.result-station-station-charge .ticket-type {
  font-size: 12px;
  color: #909298;
}
.result-station-station-charge .charge {
  font-size: 16px;
  font-weight: bold;
  padding: 0 3px;
}

.account-save-charge .header {
  margin-top: 16px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
}
.account-save-charge .header .title {
  font-size: 20px;
}
.account-save-charge .header .title .fe {
  color: #aaacb2;
  font-size: 16px;
  padding: 0 4px;
}
.account-save-charge .data {
  margin-top: 15px;
}
.account-save-charge .data span {
  display: inline-block;
  font-size: 13px;
}
.account-save-charge .data .distance {
  margin-left: 34px;
}
.account-save-charge .data .value {
  font-size: 16px;
  font-weight: bold;
}
.account-save-charge .route-inputs {
  width: 640px;
  margin: 15px -45px 0 -45px;
}
.account-save-charge .route-inputs label {
  font-weight: normal;
}
.account-save-charge .route-inputs .txt-input-height {
  line-height: 30px;
}
.account-save-charge .route-inputs .form-group {
  margin-bottom: 10px;
}
.account-save-charge .route-inputs .form-group:last-child {
  margin-bottom: 0;
}
.account-save-charge .route-inputs .form-control {
  display: inline-block;
}
.account-save-charge .route-inputs .index {
  display: inline-block;
  text-align: right;
  padding-right: 8px;
}
.account-save-charge .route-inputs select,
.account-save-charge .route-inputs input[type="text"] {
  height: 30px;
}
.account-save-charge .route-inputs .left-col {
  float: left;
  width: 320px;
}
.account-save-charge .route-inputs .left-col .index {
  width: 110px;
}
.account-save-charge .route-inputs .left-col select.form-control {
  width: 60px;
}
.account-save-charge .route-inputs .left-col select.form-control.year {
  width: 74px;
}
.account-save-charge .route-inputs .left-col input.where-go {
  width: 200px;
}
.account-save-charge .route-inputs .right-col {
  float: right;
  width: 320px;
}
.account-save-charge .route-inputs .right-col .index {
  width: 70px;
}
.account-save-charge .route-inputs .right-col .one-way,
.account-save-charge .route-inputs .right-col .round-trip {
  width: 100px;
  margin-right: 6px;
}
.account-save-charge .route-inputs .right-col .radio-text {
  margin: 0 4px 0 8px;
}
.account-save-charge .route-inputs .right-col .distance {
  width: 157px;
  margin-right: 6px;
}
.account-save-charge .route-inputs .right-col .memo {
  width: 188px;
}
.account-save-charge .route-inputs .center-col {
  clear: both;
  padding-top: 10px;
}
.account-save-charge .route-inputs .center-col .index {
  width: 110px;
}
.account-save-charge .route-inputs .center-col .memo {
  width: 437px;
}
.account-save-charge .alert {
  margin-top: 10px;
  margin-bottom: 0;
}

.account-save-charge.route-scroll-wrap,
.route-scroll-wrap {
  position: relative;
}
.account-save-charge.route-scroll-wrap .route-scroll,
.account-save-charge.route-scroll-wrap .route-scroll-shadow,
.route-scroll-wrap .route-scroll,
.route-scroll-wrap .route-scroll-shadow {
  height: 264px;
}
.account-save-charge.route-scroll-wrap .route-scroll,
.route-scroll-wrap .route-scroll {
  overflow-y: auto;
  margin: -15px -45px 0 -45px;
}
.account-save-charge.route-scroll-wrap .route-scroll-shadow,
.route-scroll-wrap .route-scroll-shadow {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  margin: 0 -45px;
  width: 640px;
  -webkit-box-shadow: 0 10px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 -10px 5px -3px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 10px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 -10px 5px -3px rgba(0, 0, 0, 0.2) inset;
}
.account-save-charge.route-scroll-wrap .route-wrap,
.route-scroll-wrap .route-wrap {
  margin: 0 45px;
}
.account-save-charge.route-scroll-wrap .route,
.route-scroll-wrap .route {
  margin: 8px 0 15px 0;
}
.account-save-charge.route-scroll-wrap .station,
.route-scroll-wrap .station {
  background: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 20px;
  font-size: 15px;
}
.account-save-charge.route-scroll-wrap .station .time,
.route-scroll-wrap .station .time {
  display: inline-block;
  float: right;
}
.account-save-charge.route-scroll-wrap .between .td-left,
.route-scroll-wrap .between .td-left {
  width: 30px;
}
.account-save-charge.route-scroll-wrap .between .td-line,
.route-scroll-wrap .between .td-line {
  width: 7px;
}
.account-save-charge.route-scroll-wrap .between .td-texts,
.route-scroll-wrap .between .td-texts {
  margin-left: 5px;
  padding: 12px 10px;
}
.account-save-charge.route-scroll-wrap .between .td-texts span,
.route-scroll-wrap .between .td-texts span {
  padding-right: 16px;
}
.account-save-charge.route-scroll-wrap .between .td-texts span:last-child,
.route-scroll-wrap .between .td-texts span:last-child {
  padding-right: 0;
}

.map-pdf .select-area {
  padding: 10px 20px;
}
.map-pdf .select-area .btn-group {
  float: left;
}
.map-pdf .select-area .btn-group .btn {
  width: 100px;
}
.map-pdf .select-area .right-nav {
  float: right;
}
.map-pdf .select-area .pdf-download {
  padding-right: 40px;
}
.map-pdf .select-area .pdf-download .fe-pdf {
  color: #e83a22;
  font-size: 120%;
  padding-right: 8px;
  vertical-align: -3px;
}
.map-pdf .select-area .pdf-download .text {
  color: #000;
}
.map-pdf .select-area .pdf-download:hover .text {
  color: #1b6bcf;
}
.map-pdf .select-area .btn-print {
  padding-top: 4px;
  padding-bottom: 4px;
}

.map-pdf-content-wrap {
  position: relative;
}

.map-pdf-content {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 450px;
}

.map-pdf-zoom {
  position: absolute;
  top: 20px;
  left: 20px;
}
.map-pdf-zoom .btn {
  display: block;
  width: 40px;
  height: 40px;
  border-color: #999;
}
.map-pdf-zoom .btn-lg {
  padding: 5px 7px;
}
.map-pdf-zoom .btn-plus {
  border-bottom: 0;
}
.map-pdf-zoom .btn-minus {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.content-line {
  padding: 20px 10px;
}
.content-line .line-types {
  margin: 0 28px 20px 28px;
}
.content-line .line-types .btn {
  padding: 4px 11px;
  font-size: 13px;
}
.content-line > div > table > tbody > tr > td {
  border-bottom: 1px solid #e5e5e5;
}
.content-line table {
  width: 100%;
}
.content-line .td-left {
  width: 28px;
  position: relative;
}
.content-line .td-line-color {
  width: 5px;
  position: relative;
}
.content-line .td-station-name .name,
.content-line .td-station-name .kana,
.content-line .td-cost .cost {
  padding-left: 17px;
}
.content-line .td-cost .cost {
  margin: 10px 0;
  color: #777;
  font-size: 13px;
}
.content-line .td-station-name {
  width: 235px;
}
.content-line .td-station-name .name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  padding-bottom: 1px;
}
.content-line .td-station-name .name span {
  font-size: 12px;
  padding-left: 4px;
}
.content-line .td-station-name .kana {
  font-size: 12px;
  color: #666;
  padding-bottom: 4px;
}
.content-line .td-details > table > tbody > tr:last-child td {
  padding-bottom: 12px;
}
.content-line .td-links {
  text-align: right;
}
.content-line .td-links > .btn-group {
  margin-right: 20px;
}
.content-line .td-links .btn {
  width: 50px;
  font-size: 12px;
}
.content-line .td-types {
  width: 310px;
}
.content-line .td-types > span {
  padding: 0 10px;
  border-left: 1px solid #ccc;
  font-size: 13px;
}
.content-line .td-types > span:first-child {
  padding-left: 0;
  border-left: 0;
}
.content-line .td-transfer {
  position: relative;
  padding-top: 12px;
}
.content-line .td-transfer .label-wrap {
  position: absolute;
  top: 8px;
  left: 0;
  width: 50px;
}
.content-line .td-transfer .label-wrap .label {
  font-size: 12px;
  padding: 3px 7px;
}
.content-line .td-transfer .links {
  margin-left: 50px;
}
.content-line .td-transfer .links a {
  font-size: 12px;
  width: 130px;
  padding-right: 10px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-line .line-departure,
.content-line .line-station,
.content-line .line-arrival {
  background: #f4f4f4;
}
.content-line .line-departure .td-line-color::before,
.content-line .line-station .td-line-color::before,
.content-line .line-arrival .td-line-color::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 21px;
  height: 21px;
  border: 2px solid #465879;
  background: #fff;
  left: -8px;
}

.content-line .line-departure {
  padding-top: 15px;
}
.content-line .line-departure .td-station-name {
  vertical-align: top;
}
.content-line .line-departure .td-line-color::before {
  top: -2px;
}

.content-line .line-arrival {
  border-bottom: 1px solid #e5e5e5;
}
.content-line .line-arrival table {
  overflow: hidden;
}
.content-line .line-arrival .td-station-name {
  vertical-align: top;
}
.content-line .line-arrival .td-station-name,
.content-line .line-arrival .td-details {
  padding-top: 15px;
}
.content-line .line-arrival .td-line-color::before {
  top: 13px;
  z-index: 2;
}
.content-line .line-arrival .td-line-color::after {
  content: "";
  width: 5px;
  height: 100%;
  background: #f7f7f7;
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
}

.content-line .line-arrival > table > tbody > tr > td,
.content-line .line-moving > table > tbody > tr > td {
  border-bottom: 0;
}

.content-line .line-station .td-station-name,
.content-line .line-station .td-details {
  padding-top: 20px;
}

.fe.way::before {
  content: "";
}

.t12 .fe.way::before, .t13 .fe.way::before, .t14 .fe.way::before, .t15 .fe.way::before {
  content: "";
}

.r16 .fe.way::before, .r17 .fe.way::before, .r18 .fe.way::before {
  content: "";
}

.t0.with-bg,
.t0 .means-bg {
  background-color: #000000;
}

.t0.with-text,
.t0 .means-text {
  color: #000000;
}

.t0.with-border {
  border-color: #000000;
}

.t1.with-bg,
.t1 .means-bg {
  background-color: #000000;
}

.t1.with-text,
.t1 .means-text {
  color: #000000;
}

.t1.with-border {
  border-color: #000000;
}

.t2.with-bg,
.t2 .means-bg {
  background-color: #FF1111;
}

.t2.with-text,
.t2 .means-text {
  color: #FF1111;
}

.t2.with-border {
  border-color: #FF1111;
}

.t3.with-bg,
.t3 .means-bg {
  background-color: #EE5207;
}

.t3.with-text,
.t3 .means-text {
  color: #EE5207;
}

.t3.with-border {
  border-color: #EE5207;
}

.t4.with-bg,
.t4 .means-bg {
  background-color: #EE5207;
}

.t4.with-text,
.t4 .means-text {
  color: #EE5207;
}

.t4.with-border {
  border-color: #EE5207;
}

.t5.with-bg,
.t5 .means-bg {
  background-color: #EE5207;
}

.t5.with-text,
.t5 .means-text {
  color: #EE5207;
}

.t5.with-border {
  border-color: #EE5207;
}

.t6.with-bg,
.t6 .means-bg {
  background-color: #EE5207;
}

.t6.with-text,
.t6 .means-text {
  color: #EE5207;
}

.t6.with-border {
  border-color: #EE5207;
}

.t7.with-bg,
.t7 .means-bg {
  background-color: #FF1111;
}

.t7.with-text,
.t7 .means-text {
  color: #FF1111;
}

.t7.with-border {
  border-color: #FF1111;
}

.t8.with-bg,
.t8 .means-bg {
  background-color: #005424;
}

.t8.with-text,
.t8 .means-text {
  color: #005424;
}

.t8.with-border {
  border-color: #005424;
}

.t9.with-bg,
.t9 .means-bg {
  background-color: #005424;
}

.t9.with-text,
.t9 .means-text {
  color: #005424;
}

.t9.with-border {
  border-color: #005424;
}

.t10.with-bg,
.t10 .means-bg {
  background-color: #005424;
}

.t10.with-text,
.t10 .means-text {
  color: #005424;
}

.t10.with-border {
  border-color: #005424;
}

.t11.with-bg,
.t11 .means-bg {
  background-color: #005424;
}

.t11.with-text,
.t11 .means-text {
  color: #005424;
}

.t11.with-border {
  border-color: #005424;
}

.t12.with-bg,
.t12 .means-bg {
  background-color: #005424;
}

.t12.with-text,
.t12 .means-text {
  color: #005424;
}

.t12.with-border {
  border-color: #005424;
}

.t13.with-bg,
.t13 .means-bg {
  background-color: #005424;
}

.t13.with-text,
.t13 .means-text {
  color: #005424;
}

.t13.with-border {
  border-color: #005424;
}

.t14.with-bg,
.t14 .means-bg {
  background-color: #005424;
}

.t14.with-text,
.t14 .means-text {
  color: #005424;
}

.t14.with-border {
  border-color: #005424;
}

.t15.with-bg,
.t15 .means-bg {
  background-color: #264095;
}

.t15.with-text,
.t15 .means-text {
  color: #264095;
}

.t15.with-border {
  border-color: #264095;
}

.t16.with-bg,
.t16 .means-bg {
  background-color: #264095;
}

.t16.with-text,
.t16 .means-text {
  color: #264095;
}

.t16.with-border {
  border-color: #264095;
}

.t17.with-bg,
.t17 .means-bg {
  background-color: #1111FF;
}

.t17.with-text,
.t17 .means-text {
  color: #1111FF;
}

.t17.with-border {
  border-color: #1111FF;
}

.t18.with-bg,
.t18 .means-bg {
  background-color: #6760FB;
}

.t18.with-text,
.t18 .means-text {
  color: #6760FB;
}

.t18.with-border {
  border-color: #6760FB;
}

.t19.with-bg,
.t19 .means-bg {
  background-color: #1111FF;
}

.t19.with-text,
.t19 .means-text {
  color: #1111FF;
}

.t19.with-border {
  border-color: #1111FF;
}

.t20.with-bg,
.t20 .means-bg {
  background-color: #6760FB;
}

.t20.with-text,
.t20 .means-text {
  color: #6760FB;
}

.t20.with-border {
  border-color: #6760FB;
}

.t21.with-bg,
.t21 .means-bg {
  background-color: #6760FB;
}

.t21.with-text,
.t21 .means-text {
  color: #6760FB;
}

.t21.with-border {
  border-color: #6760FB;
}

.t22.with-bg,
.t22 .means-bg {
  background-color: #000000;
}

.t22.with-text,
.t22 .means-text {
  color: #000000;
}

.t22.with-border {
  border-color: #000000;
}

.t23.with-bg,
.t23 .means-bg {
  background-color: #FF1111;
}

.t23.with-text,
.t23 .means-text {
  color: #FF1111;
}

.t23.with-border {
  border-color: #FF1111;
}

.t24.with-bg,
.t24 .means-bg {
  background-color: #FF1111;
}

.t24.with-text,
.t24 .means-text {
  color: #FF1111;
}

.t24.with-border {
  border-color: #FF1111;
}

.t25.with-bg,
.t25 .means-bg {
  background-color: #005424;
}

.t25.with-text,
.t25 .means-text {
  color: #005424;
}

.t25.with-border {
  border-color: #005424;
}

.t50.with-bg,
.t50 .means-bg {
  background-color: #F26522;
}

.t50.with-text,
.t50 .means-text {
  color: #F26522;
}

.t50.with-border {
  border-color: #F26522;
}

.t51.with-bg,
.t51 .means-bg {
  background-color: #0000FF;
}

.t51.with-text,
.t51 .means-text {
  color: #0000FF;
}

.t51.with-border {
  border-color: #0000FF;
}

.t52.with-bg,
.t52 .means-bg {
  background-color: #000000;
}

.t52.with-text,
.t52 .means-text {
  color: #000000;
}

.t52.with-border {
  border-color: #000000;
}

.t53.with-bg,
.t53 .means-bg {
  background-color: #F26522;
}

.t53.with-text,
.t53 .means-text {
  color: #F26522;
}

.t53.with-border {
  border-color: #F26522;
}

.t54.with-bg,
.t54 .means-bg {
  background-color: #F26522;
}

.t54.with-text,
.t54 .means-text {
  color: #F26522;
}

.t54.with-border {
  border-color: #F26522;
}

.t55.with-bg,
.t55 .means-bg {
  background-color: #0000FF;
}

.t55.with-text,
.t55 .means-text {
  color: #0000FF;
}

.t55.with-border {
  border-color: #0000FF;
}

.t56.with-bg,
.t56 .means-bg {
  background-color: #0000FF;
}

.t56.with-text,
.t56 .means-text {
  color: #0000FF;
}

.t56.with-border {
  border-color: #0000FF;
}

.t57.with-bg,
.t57 .means-bg {
  background-color: #0000FF;
}

.t57.with-text,
.t57 .means-text {
  color: #0000FF;
}

.t57.with-border {
  border-color: #0000FF;
}

.t58.with-bg,
.t58 .means-bg {
  background-color: #000000;
}

.t58.with-text,
.t58 .means-text {
  color: #000000;
}

.t58.with-border {
  border-color: #000000;
}

.t59.with-bg,
.t59 .means-bg {
  background-color: #F26522;
}

.t59.with-text,
.t59 .means-text {
  color: #F26522;
}

.t59.with-border {
  border-color: #F26522;
}

.t60.with-bg,
.t60 .means-bg {
  background-color: #F26522;
}

.t60.with-text,
.t60 .means-text {
  color: #F26522;
}

.t60.with-border {
  border-color: #F26522;
}

.t61.with-bg,
.t61 .means-bg {
  background-color: #000000;
}

.t61.with-text,
.t61 .means-text {
  color: #000000;
}

.t61.with-border {
  border-color: #000000;
}

.t62.with-bg,
.t62 .means-bg {
  background-color: #000000;
}

.t62.with-text,
.t62 .means-text {
  color: #000000;
}

.t62.with-border {
  border-color: #000000;
}

.t63.with-bg,
.t63 .means-bg {
  background-color: #7d272f;
}

.t63.with-text,
.t63 .means-text {
  color: #7d272f;
}

.t63.with-border {
  border-color: #7d272f;
}

.t64.with-bg,
.t64 .means-bg {
  background-color: #000000;
}

.t64.with-text,
.t64 .means-text {
  color: #000000;
}

.t64.with-border {
  border-color: #000000;
}

.t65.with-bg,
.t65 .means-bg {
  background-color: #000000;
}

.t65.with-text,
.t65 .means-text {
  color: #000000;
}

.t65.with-border {
  border-color: #000000;
}

.t100.with-bg,
.t100 .means-bg {
  background-color: #000000;
}

.t100.with-text,
.t100 .means-text {
  color: #000000;
}

.t100.with-border {
  border-color: #000000;
}

.t101.with-bg,
.t101 .means-bg {
  background-color: #EE7D3B;
}

.t101.with-text,
.t101 .means-text {
  color: #EE7D3B;
}

.t101.with-border {
  border-color: #EE7D3B;
}

.t102.with-bg,
.t102 .means-bg {
  background-color: #007AC1;
}

.t102.with-text,
.t102 .means-text {
  color: #007AC1;
}

.t102.with-border {
  border-color: #007AC1;
}

.t103.with-bg,
.t103 .means-bg {
  background-color: #00AEEF;
}

.t103.with-text,
.t103 .means-text {
  color: #00AEEF;
}

.t103.with-border {
  border-color: #00AEEF;
}

.t104.with-bg,
.t104 .means-bg {
  background-color: #A52A2A;
}

.t104.with-text,
.t104 .means-text {
  color: #A52A2A;
}

.t104.with-border {
  border-color: #A52A2A;
}

.t1001.with-bg,
.t1001 .means-bg {
  background-color: #000000;
}

.t1001.with-text,
.t1001 .means-text {
  color: #000000;
}

.t1001.with-border {
  border-color: #000000;
}

.t1002.with-bg,
.t1002 .means-bg {
  background-color: #0033FF;
}

.t1002.with-text,
.t1002 .means-text {
  color: #0033FF;
}

.t1002.with-border {
  border-color: #0033FF;
}

.t1003.with-bg,
.t1003 .means-bg {
  background-color: #FF0033;
}

.t1003.with-text,
.t1003 .means-text {
  color: #FF0033;
}

.t1003.with-border {
  border-color: #FF0033;
}

.t1004.with-bg,
.t1004 .means-bg {
  background-color: #009966;
}

.t1004.with-text,
.t1004 .means-text {
  color: #009966;
}

.t1004.with-border {
  border-color: #009966;
}

.t1005.with-bg,
.t1005 .means-bg {
  background-color: #EE7A00;
}

.t1005.with-text,
.t1005 .means-text {
  color: #EE7A00;
}

.t1005.with-border {
  border-color: #EE7A00;
}

.t1006.with-bg,
.t1006 .means-bg {
  background-color: #FE9A3E;
}

.t1006.with-text,
.t1006 .means-text {
  color: #FE9A3E;
}

.t1006.with-border {
  border-color: #FE9A3E;
}

.t1007.with-bg,
.t1007 .means-bg {
  background-color: #FC82FC;
}

.t1007.with-text,
.t1007 .means-text {
  color: #FC82FC;
}

.t1007.with-border {
  border-color: #FC82FC;
}

.t1008.with-bg,
.t1008 .means-bg {
  background-color: #FC8244;
}

.t1008.with-text,
.t1008 .means-text {
  color: #FC8244;
}

.t1008.with-border {
  border-color: #FC8244;
}

.t1009.with-bg,
.t1009 .means-bg {
  background-color: #8000FF;
}

.t1009.with-text,
.t1009 .means-text {
  color: #8000FF;
}

.t1009.with-border {
  border-color: #8000FF;
}

.t1010.with-bg,
.t1010 .means-bg {
  background-color: #0033FF;
}

.t1010.with-text,
.t1010 .means-text {
  color: #0033FF;
}

.t1010.with-border {
  border-color: #0033FF;
}

.t1011.with-bg,
.t1011 .means-bg {
  background-color: #EE7A00;
}

.t1011.with-text,
.t1011 .means-text {
  color: #EE7A00;
}

.t1011.with-border {
  border-color: #EE7A00;
}

.t1012.with-bg,
.t1012 .means-bg {
  background-color: #EE7A00;
}

.t1012.with-text,
.t1012 .means-text {
  color: #EE7A00;
}

.t1012.with-border {
  border-color: #EE7A00;
}

.t1013.with-bg,
.t1013 .means-bg {
  background-color: #0033FF;
}

.t1013.with-text,
.t1013 .means-text {
  color: #0033FF;
}

.t1013.with-border {
  border-color: #0033FF;
}

.t1302.with-bg,
.t1302 .means-bg {
  background-color: #177EE6;
}

.t1302.with-text,
.t1302 .means-text {
  color: #177EE6;
}

.t1302.with-border {
  border-color: #177EE6;
}

.t1304.with-bg,
.t1304 .means-bg {
  background-color: #00CC00;
}

.t1304.with-text,
.t1304 .means-text {
  color: #00CC00;
}

.t1304.with-border {
  border-color: #00CC00;
}

.t1102.with-bg,
.t1102 .means-bg {
  background-color: #FF0033;
}

.t1102.with-text,
.t1102 .means-text {
  color: #FF0033;
}

.t1102.with-border {
  border-color: #FF0033;
}

.t1303.with-bg,
.t1303 .means-bg {
  background-color: #177EE6;
}

.t1303.with-text,
.t1303 .means-text {
  color: #177EE6;
}

.t1303.with-border {
  border-color: #177EE6;
}

.t1101.with-bg,
.t1101 .means-bg {
  background-color: #000000;
}

.t1101.with-text,
.t1101 .means-text {
  color: #000000;
}

.t1101.with-border {
  border-color: #000000;
}

.t1106.with-bg,
.t1106 .means-bg {
  background-color: #008000;
}

.t1106.with-text,
.t1106 .means-text {
  color: #008000;
}

.t1106.with-border {
  border-color: #008000;
}

.t1107.with-bg,
.t1107 .means-bg {
  background-color: #1455C0;
}

.t1107.with-text,
.t1107 .means-text {
  color: #1455C0;
}

.t1107.with-border {
  border-color: #1455C0;
}

.t1103.with-bg,
.t1103 .means-bg {
  background-color: #FE9A3E;
}

.t1103.with-text,
.t1103 .means-text {
  color: #FE9A3E;
}

.t1103.with-border {
  border-color: #FE9A3E;
}

.t1104.with-bg,
.t1104 .means-bg {
  background-color: #FE9A3E;
}

.t1104.with-text,
.t1104 .means-text {
  color: #FE9A3E;
}

.t1104.with-border {
  border-color: #FE9A3E;
}

.t1105.with-bg,
.t1105 .means-bg {
  background-color: #009966;
}

.t1105.with-text,
.t1105 .means-text {
  color: #009966;
}

.t1105.with-border {
  border-color: #009966;
}

.t1201.with-bg,
.t1201 .means-bg {
  background-color: #19268D;
}

.t1201.with-text,
.t1201 .means-text {
  color: #19268D;
}

.t1201.with-border {
  border-color: #19268D;
}

.t1202.with-bg,
.t1202 .means-bg {
  background-color: #008B50;
}

.t1202.with-text,
.t1202 .means-text {
  color: #008B50;
}

.t1202.with-border {
  border-color: #008B50;
}

.t1203.with-bg,
.t1203 .means-bg {
  background-color: #F96473;
}

.t1203.with-text,
.t1203 .means-text {
  color: #F96473;
}

.t1203.with-border {
  border-color: #F96473;
}

.t1204.with-bg,
.t1204 .means-bg {
  background-color: #FF9933;
}

.t1204.with-text,
.t1204 .means-text {
  color: #FF9933;
}

.t1204.with-border {
  border-color: #FF9933;
}

.t1205.with-bg,
.t1205 .means-bg {
  background-color: #F78CBB;
}

.t1205.with-text,
.t1205 .means-text {
  color: #F78CBB;
}

.t1205.with-border {
  border-color: #F78CBB;
}

.t1206.with-bg,
.t1206 .means-bg {
  background-color: #8959A8;
}

.t1206.with-text,
.t1206 .means-text {
  color: #8959A8;
}

.t1206.with-border {
  border-color: #8959A8;
}

.t1207.with-bg,
.t1207 .means-bg {
  background-color: #FD0613;
}

.t1207.with-text,
.t1207 .means-text {
  color: #FD0613;
}

.t1207.with-border {
  border-color: #FD0613;
}

.t1208.with-bg,
.t1208 .means-bg {
  background-color: #FF4D00;
}

.t1208.with-text,
.t1208 .means-text {
  color: #FF4D00;
}

.t1208.with-border {
  border-color: #FF4D00;
}

.t1209.with-bg,
.t1209 .means-bg {
  background-color: #006D2C;
}

.t1209.with-text,
.t1209 .means-text {
  color: #006D2C;
}

.t1209.with-border {
  border-color: #006D2C;
}

.t1210.with-bg,
.t1210 .means-bg {
  background-color: #FFB200;
}

.t1210.with-text,
.t1210 .means-text {
  color: #FFB200;
}

.t1210.with-border {
  border-color: #FFB200;
}

.t1211.with-bg,
.t1211 .means-bg {
  background-color: #0E2984;
}

.t1211.with-text,
.t1211 .means-text {
  color: #0E2984;
}

.t1211.with-border {
  border-color: #0E2984;
}

.t2606.with-bg,
.t2606 .means-bg {
  background-color: #3399FF;
}

.t2606.with-text,
.t2606 .means-text {
  color: #3399FF;
}

.t2606.with-border {
  border-color: #3399FF;
}

.t1301.with-bg,
.t1301 .means-bg {
  background-color: #000000;
}

.t1301.with-text,
.t1301 .means-text {
  color: #000000;
}

.t1301.with-border {
  border-color: #000000;
}

.t1305.with-bg,
.t1305 .means-bg {
  background-color: #FF9900;
}

.t1305.with-text,
.t1305 .means-text {
  color: #FF9900;
}

.t1305.with-border {
  border-color: #FF9900;
}

.t1306.with-bg,
.t1306 .means-bg {
  background-color: #FF0033;
}

.t1306.with-text,
.t1306 .means-text {
  color: #FF0033;
}

.t1306.with-border {
  border-color: #FF0033;
}

.t2905.with-bg,
.t2905 .means-bg {
  background-color: #008B50;
}

.t2905.with-text,
.t2905 .means-text {
  color: #008B50;
}

.t2905.with-border {
  border-color: #008B50;
}

.t1401.with-bg,
.t1401 .means-bg {
  background-color: #000000;
}

.t1401.with-text,
.t1401 .means-text {
  color: #000000;
}

.t1401.with-border {
  border-color: #000000;
}

.t1402.with-bg,
.t1402 .means-bg {
  background-color: #0071BF;
}

.t1402.with-text,
.t1402 .means-text {
  color: #0071BF;
}

.t1402.with-border {
  border-color: #0071BF;
}

.t1403.with-bg,
.t1403 .means-bg {
  background-color: #DCB400;
}

.t1403.with-text,
.t1403 .means-text {
  color: #DCB400;
}

.t1403.with-border {
  border-color: #DCB400;
}

.t1404.with-bg,
.t1404 .means-bg {
  background-color: #01A684;
}

.t1404.with-text,
.t1404 .means-text {
  color: #01A684;
}

.t1404.with-border {
  border-color: #01A684;
}

.t1405.with-bg,
.t1405 .means-bg {
  background-color: #01A7E3;
}

.t1405.with-text,
.t1405 .means-text {
  color: #01A7E3;
}

.t1405.with-border {
  border-color: #01A7E3;
}

.t1406.with-bg,
.t1406 .means-bg {
  background-color: #EE7A01;
}

.t1406.with-text,
.t1406 .means-text {
  color: #EE7A01;
}

.t1406.with-border {
  border-color: #EE7A01;
}

.t1407.with-bg,
.t1407 .means-bg {
  background-color: #C36BA8;
}

.t1407.with-text,
.t1407 .means-text {
  color: #C36BA8;
}

.t1407.with-border {
  border-color: #C36BA8;
}

.t1408.with-bg,
.t1408 .means-bg {
  background-color: #E82742;
}

.t1408.with-text,
.t1408 .means-text {
  color: #E82742;
}

.t1408.with-border {
  border-color: #E82742;
}

.t1409.with-bg,
.t1409 .means-bg {
  background-color: #E82742;
}

.t1409.with-text,
.t1409 .means-text {
  color: #E82742;
}

.t1409.with-border {
  border-color: #E82742;
}

.t1410.with-bg,
.t1410 .means-bg {
  background-color: #E82742;
}

.t1410.with-text,
.t1410 .means-text {
  color: #E82742;
}

.t1410.with-border {
  border-color: #E82742;
}

.t1501.with-bg,
.t1501 .means-bg {
  background-color: #0E030E;
}

.t1501.with-text,
.t1501 .means-text {
  color: #0E030E;
}

.t1501.with-border {
  border-color: #0E030E;
}

.t1502.with-bg,
.t1502 .means-bg {
  background-color: #1D97C3;
}

.t1502.with-text,
.t1502 .means-text {
  color: #1D97C3;
}

.t1502.with-border {
  border-color: #1D97C3;
}

.t1503.with-bg,
.t1503 .means-bg {
  background-color: #296799;
}

.t1503.with-text,
.t1503 .means-text {
  color: #296799;
}

.t1503.with-border {
  border-color: #296799;
}

.t1504.with-bg,
.t1504 .means-bg {
  background-color: #116926;
}

.t1504.with-text,
.t1504 .means-text {
  color: #116926;
}

.t1504.with-border {
  border-color: #116926;
}

.t1505.with-bg,
.t1505 .means-bg {
  background-color: #993399;
}

.t1505.with-text,
.t1505 .means-text {
  color: #993399;
}

.t1505.with-border {
  border-color: #993399;
}

.t1506.with-bg,
.t1506 .means-bg {
  background-color: #980E06;
}

.t1506.with-text,
.t1506 .means-text {
  color: #980E06;
}

.t1506.with-border {
  border-color: #980E06;
}

.t1507.with-bg,
.t1507 .means-bg {
  background-color: #840852;
}

.t1507.with-text,
.t1507 .means-text {
  color: #840852;
}

.t1507.with-border {
  border-color: #840852;
}

.t1508.with-bg,
.t1508 .means-bg {
  background-color: #FF8000;
}

.t1508.with-text,
.t1508 .means-text {
  color: #FF8000;
}

.t1508.with-border {
  border-color: #FF8000;
}

.t1520.with-bg,
.t1520 .means-bg {
  background-color: #116926;
}

.t1520.with-text,
.t1520 .means-text {
  color: #116926;
}

.t1520.with-border {
  border-color: #116926;
}

.t1601.with-bg,
.t1601 .means-bg {
  background-color: #000000;
}

.t1601.with-text,
.t1601 .means-text {
  color: #000000;
}

.t1601.with-border {
  border-color: #000000;
}

.t1602.with-bg,
.t1602 .means-bg {
  background-color: #EE86A1;
}

.t1602.with-text,
.t1602 .means-text {
  color: #EE86A1;
}

.t1602.with-border {
  border-color: #EE86A1;
}

.t1603.with-bg,
.t1603 .means-bg {
  background-color: #006CB7;
}

.t1603.with-text,
.t1603 .means-text {
  color: #006CB7;
}

.t1603.with-border {
  border-color: #006CB7;
}

.t1604.with-bg,
.t1604 .means-bg {
  background-color: #22AEE6;
}

.t1604.with-text,
.t1604 .means-text {
  color: #22AEE6;
}

.t1604.with-border {
  border-color: #22AEE6;
}

.t1605.with-bg,
.t1605 .means-bg {
  background-color: #E7374A;
}

.t1605.with-text,
.t1605 .means-text {
  color: #E7374A;
}

.t1605.with-border {
  border-color: #E7374A;
}

.t1606.with-bg,
.t1606 .means-bg {
  background-color: #009C5E;
}

.t1606.with-text,
.t1606 .means-text {
  color: #009C5E;
}

.t1606.with-border {
  border-color: #009C5E;
}

.t1607.with-bg,
.t1607 .means-bg {
  background-color: #048204;
}

.t1607.with-text,
.t1607 .means-text {
  color: #048204;
}

.t1607.with-border {
  border-color: #048204;
}

.t1608.with-bg,
.t1608 .means-bg {
  background-color: #AF3E92;
}

.t1608.with-text,
.t1608 .means-text {
  color: #AF3E92;
}

.t1608.with-border {
  border-color: #AF3E92;
}

.t1609.with-bg,
.t1609 .means-bg {
  background-color: #535CA8;
}

.t1609.with-text,
.t1609 .means-text {
  color: #535CA8;
}

.t1609.with-border {
  border-color: #535CA8;
}

.t1610.with-bg,
.t1610 .means-bg {
  background-color: #535CA8;
}

.t1610.with-text,
.t1610 .means-text {
  color: #535CA8;
}

.t1610.with-border {
  border-color: #535CA8;
}

.t1701.with-bg,
.t1701 .means-bg {
  background-color: #000000;
}

.t1701.with-text,
.t1701 .means-text {
  color: #000000;
}

.t1701.with-border {
  border-color: #000000;
}

.t1702.with-bg,
.t1702 .means-bg {
  background-color: #084ea1;
}

.t1702.with-text,
.t1702 .means-text {
  color: #084ea1;
}

.t1702.with-border {
  border-color: #084ea1;
}

.t1703.with-bg,
.t1703 .means-bg {
  background-color: #e61019;
}

.t1703.with-text,
.t1703 .means-text {
  color: #e61019;
}

.t1703.with-border {
  border-color: #e61019;
}

.t1704.with-bg,
.t1704 .means-bg {
  background-color: #f29200;
}

.t1704.with-text,
.t1704 .means-text {
  color: #f29200;
}

.t1704.with-border {
  border-color: #f29200;
}

.t1801.with-bg,
.t1801 .means-bg {
  background-color: #333333;
}

.t1801.with-text,
.t1801 .means-text {
  color: #333333;
}

.t1801.with-border {
  border-color: #333333;
}

.t1802.with-bg,
.t1802 .means-bg {
  background-color: #3333CC;
}

.t1802.with-text,
.t1802 .means-text {
  color: #3333CC;
}

.t1802.with-border {
  border-color: #3333CC;
}

.t1803.with-bg,
.t1803 .means-bg {
  background-color: #F9133C;
}

.t1803.with-text,
.t1803 .means-text {
  color: #F9133C;
}

.t1803.with-border {
  border-color: #F9133C;
}

.t1901.with-bg,
.t1901 .means-bg {
  background-color: #000000;
}

.t1901.with-text,
.t1901 .means-text {
  color: #000000;
}

.t1901.with-border {
  border-color: #000000;
}

.t1902.with-bg,
.t1902 .means-bg {
  background-color: #009900;
}

.t1902.with-text,
.t1902 .means-text {
  color: #009900;
}

.t1902.with-border {
  border-color: #009900;
}

.t1903.with-bg,
.t1903 .means-bg {
  background-color: #FF6600;
}

.t1903.with-text,
.t1903 .means-text {
  color: #FF6600;
}

.t1903.with-border {
  border-color: #FF6600;
}

.t1904.with-bg,
.t1904 .means-bg {
  background-color: #162C93;
}

.t1904.with-text,
.t1904 .means-text {
  color: #162C93;
}

.t1904.with-border {
  border-color: #162C93;
}

.t1905.with-bg,
.t1905 .means-bg {
  background-color: #FF00CC;
}

.t1905.with-text,
.t1905 .means-text {
  color: #FF00CC;
}

.t1905.with-border {
  border-color: #FF00CC;
}

.t1906.with-bg,
.t1906 .means-bg {
  background-color: #FF0000;
}

.t1906.with-text,
.t1906 .means-text {
  color: #FF0000;
}

.t1906.with-border {
  border-color: #FF0000;
}

.t1907.with-bg,
.t1907 .means-bg {
  background-color: #162C93;
}

.t1907.with-text,
.t1907 .means-text {
  color: #162C93;
}

.t1907.with-border {
  border-color: #162C93;
}

.t1910.with-bg,
.t1910 .means-bg {
  background-color: #FF0000;
}

.t1910.with-text,
.t1910 .means-text {
  color: #FF0000;
}

.t1910.with-border {
  border-color: #FF0000;
}

.t2000.with-bg,
.t2000 .means-bg {
  background-color: #EC85B6;
}

.t2000.with-text,
.t2000 .means-text {
  color: #EC85B6;
}

.t2000.with-border {
  border-color: #EC85B6;
}

.t2001.with-bg,
.t2001 .means-bg {
  background-color: #F15A26;
}

.t2001.with-text,
.t2001 .means-text {
  color: #F15A26;
}

.t2001.with-border {
  border-color: #F15A26;
}

.t2002.with-bg,
.t2002 .means-bg {
  background-color: #00A64F;
}

.t2002.with-text,
.t2002 .means-text {
  color: #00A64F;
}

.t2002.with-border {
  border-color: #00A64F;
}

.t2003.with-bg,
.t2003 .means-bg {
  background-color: #0074BE;
}

.t2003.with-text,
.t2003 .means-text {
  color: #0074BE;
}

.t2003.with-border {
  border-color: #0074BE;
}

.t2004.with-bg,
.t2004 .means-bg {
  background-color: #C02649;
}

.t2004.with-text,
.t2004 .means-text {
  color: #C02649;
}

.t2004.with-border {
  border-color: #C02649;
}

.t2005.with-bg,
.t2005 .means-bg {
  background-color: #723293;
}

.t2005.with-text,
.t2005 .means-text {
  color: #723293;
}

.t2005.with-border {
  border-color: #723293;
}

.t2006.with-bg,
.t2006 .means-bg {
  background-color: #000000;
}

.t2006.with-text,
.t2006 .means-text {
  color: #000000;
}

.t2006.with-border {
  border-color: #000000;
}

.t2100.with-bg,
.t2100 .means-bg {
  background-color: #FE9A3E;
}

.t2100.with-text,
.t2100 .means-text {
  color: #FE9A3E;
}

.t2100.with-border {
  border-color: #FE9A3E;
}

.t2101.with-bg,
.t2101 .means-bg {
  background-color: #FF9933;
}

.t2101.with-text,
.t2101 .means-text {
  color: #FF9933;
}

.t2101.with-border {
  border-color: #FF9933;
}

.t2102.with-bg,
.t2102 .means-bg {
  background-color: #CC3399;
}

.t2102.with-text,
.t2102 .means-text {
  color: #CC3399;
}

.t2102.with-border {
  border-color: #CC3399;
}

.t2103.with-bg,
.t2103 .means-bg {
  background-color: #67B625;
}

.t2103.with-text,
.t2103 .means-text {
  color: #67B625;
}

.t2103.with-border {
  border-color: #67B625;
}

.t2104.with-bg,
.t2104 .means-bg {
  background-color: #FFCC33;
}

.t2104.with-text,
.t2104 .means-text {
  color: #FFCC33;
}

.t2104.with-border {
  border-color: #FFCC33;
}

.t2105.with-bg,
.t2105 .means-bg {
  background-color: #F78CBB;
}

.t2105.with-text,
.t2105 .means-text {
  color: #F78CBB;
}

.t2105.with-border {
  border-color: #F78CBB;
}

.t2200.with-bg,
.t2200 .means-bg {
  background-color: #0033FF;
}

.t2200.with-text,
.t2200 .means-text {
  color: #0033FF;
}

.t2200.with-border {
  border-color: #0033FF;
}

.t2201.with-bg,
.t2201 .means-bg {
  background-color: #FE9A3E;
}

.t2201.with-text,
.t2201 .means-text {
  color: #FE9A3E;
}

.t2201.with-border {
  border-color: #FE9A3E;
}

.t2202.with-bg,
.t2202 .means-bg {
  background-color: #FD0200;
}

.t2202.with-text,
.t2202 .means-text {
  color: #FD0200;
}

.t2202.with-border {
  border-color: #FD0200;
}

.t2203.with-bg,
.t2203 .means-bg {
  background-color: #008B50;
}

.t2203.with-text,
.t2203 .means-text {
  color: #008B50;
}

.t2203.with-border {
  border-color: #008B50;
}

.t2300.with-bg,
.t2300 .means-bg {
  background-color: #009966;
}

.t2300.with-text,
.t2300 .means-text {
  color: #009966;
}

.t2300.with-border {
  border-color: #009966;
}

.t2301.with-bg,
.t2301 .means-bg {
  background-color: #FE9A3E;
}

.t2301.with-text,
.t2301 .means-text {
  color: #FE9A3E;
}

.t2301.with-border {
  border-color: #FE9A3E;
}

.t2302.with-bg,
.t2302 .means-bg {
  background-color: #FD0200;
}

.t2302.with-text,
.t2302 .means-text {
  color: #FD0200;
}

.t2302.with-border {
  border-color: #FD0200;
}

.t2303.with-bg,
.t2303 .means-bg {
  background-color: #FE9A3E;
}

.t2303.with-text,
.t2303 .means-text {
  color: #FE9A3E;
}

.t2303.with-border {
  border-color: #FE9A3E;
}

.t2400.with-bg,
.t2400 .means-bg {
  background-color: #1111FF;
}

.t2400.with-text,
.t2400 .means-text {
  color: #1111FF;
}

.t2400.with-border {
  border-color: #1111FF;
}

.t2401.with-bg,
.t2401 .means-bg {
  background-color: #008B50;
}

.t2401.with-text,
.t2401 .means-text {
  color: #008B50;
}

.t2401.with-border {
  border-color: #008B50;
}

.t2402.with-bg,
.t2402 .means-bg {
  background-color: #FD0200;
}

.t2402.with-text,
.t2402 .means-text {
  color: #FD0200;
}

.t2402.with-border {
  border-color: #FD0200;
}

.t2500.with-bg,
.t2500 .means-bg {
  background-color: #EE5207;
}

.t2500.with-text,
.t2500 .means-text {
  color: #EE5207;
}

.t2500.with-border {
  border-color: #EE5207;
}

.t2501.with-bg,
.t2501 .means-bg {
  background-color: #008B50;
}

.t2501.with-text,
.t2501 .means-text {
  color: #008B50;
}

.t2501.with-border {
  border-color: #008B50;
}

.t2502.with-bg,
.t2502 .means-bg {
  background-color: #1111FF;
}

.t2502.with-text,
.t2502 .means-text {
  color: #1111FF;
}

.t2502.with-border {
  border-color: #1111FF;
}

.t2503.with-bg,
.t2503 .means-bg {
  background-color: #FD0200;
}

.t2503.with-text,
.t2503 .means-text {
  color: #FD0200;
}

.t2503.with-border {
  border-color: #FD0200;
}

.t2600.with-bg,
.t2600 .means-bg {
  background-color: #FF0000;
}

.t2600.with-text,
.t2600 .means-text {
  color: #FF0000;
}

.t2600.with-border {
  border-color: #FF0000;
}

.t2601.with-bg,
.t2601 .means-bg {
  background-color: #FE9A3E;
}

.t2601.with-text,
.t2601 .means-text {
  color: #FE9A3E;
}

.t2601.with-border {
  border-color: #FE9A3E;
}

.t2602.with-bg,
.t2602 .means-bg {
  background-color: #009966;
}

.t2602.with-text,
.t2602 .means-text {
  color: #009966;
}

.t2602.with-border {
  border-color: #009966;
}

.t2603.with-bg,
.t2603 .means-bg {
  background-color: #0033FF;
}

.t2603.with-text,
.t2603 .means-text {
  color: #0033FF;
}

.t2603.with-border {
  border-color: #0033FF;
}

.t2700.with-bg,
.t2700 .means-bg {
  background-color: #EE5207;
}

.t2700.with-text,
.t2700 .means-text {
  color: #EE5207;
}

.t2700.with-border {
  border-color: #EE5207;
}

.t2701.with-bg,
.t2701 .means-bg {
  background-color: #008B50;
}

.t2701.with-text,
.t2701 .means-text {
  color: #008B50;
}

.t2701.with-border {
  border-color: #008B50;
}

.t2702.with-bg,
.t2702 .means-bg {
  background-color: #FC0204;
}

.t2702.with-text,
.t2702 .means-text {
  color: #FC0204;
}

.t2702.with-border {
  border-color: #FC0204;
}

.t2800.with-bg,
.t2800 .means-bg {
  background-color: #006CB7;
}

.t2800.with-text,
.t2800 .means-text {
  color: #006CB7;
}

.t2800.with-border {
  border-color: #006CB7;
}

.t2801.with-bg,
.t2801 .means-bg {
  background-color: #E7374A;
}

.t2801.with-text,
.t2801 .means-text {
  color: #E7374A;
}

.t2801.with-border {
  border-color: #E7374A;
}

.t900.with-bg,
.t900 .means-bg {
  background-color: #000000;
}

.t900.with-text,
.t900 .means-text {
  color: #000000;
}

.t900.with-border {
  border-color: #000000;
}

.t901.with-bg,
.t901 .means-bg {
  background-color: #CC0000;
}

.t901.with-text,
.t901 .means-text {
  color: #CC0000;
}

.t901.with-border {
  border-color: #CC0000;
}

.t902.with-bg,
.t902 .means-bg {
  background-color: #006600;
}

.t902.with-text,
.t902 .means-text {
  color: #006600;
}

.t902.with-border {
  border-color: #006600;
}

.t2903.with-bg,
.t2903 .means-bg {
  background-color: #0A2D67;
}

.t2903.with-text,
.t2903 .means-text {
  color: #0A2D67;
}

.t2903.with-border {
  border-color: #0A2D67;
}

.t2904.with-bg,
.t2904 .means-bg {
  background-color: #EE7A00;
}

.t2904.with-text,
.t2904 .means-text {
  color: #EE7A00;
}

.t2904.with-border {
  border-color: #EE7A00;
}

.t66.with-bg,
.t66 .means-bg {
  background-color: #00A596;
}

.t66.with-text,
.t66 .means-text {
  color: #00A596;
}

.t66.with-border {
  border-color: #00A596;
}

.t2604.with-bg,
.t2604 .means-bg {
  background-color: #FF0000;
}

.t2604.with-text,
.t2604 .means-text {
  color: #FF0000;
}

.t2604.with-border {
  border-color: #FF0000;
}

.t2605.with-bg,
.t2605 .means-bg {
  background-color: #FF0000;
}

.t2605.with-text,
.t2605 .means-text {
  color: #FF0000;
}

.t2605.with-border {
  border-color: #FF0000;
}

.t2607.with-bg,
.t2607 .means-bg {
  background-color: #FF0000;
}

.t2607.with-text,
.t2607 .means-text {
  color: #FF0000;
}

.t2607.with-border {
  border-color: #FF0000;
}

.t67.with-bg,
.t67 .means-bg {
  background-color: #FF69B4;
}

.t67.with-text,
.t67 .means-text {
  color: #FF69B4;
}

.t67.with-border {
  border-color: #FF69B4;
}

.t68.with-bg,
.t68 .means-bg {
  background-color: #FFA500;
}

.t68.with-text,
.t68 .means-text {
  color: #FFA500;
}

.t68.with-border {
  border-color: #FFA500;
}

.t69.with-bg,
.t69 .means-bg {
  background-color: #000000;
}

.t69.with-text,
.t69 .means-text {
  color: #000000;
}

.t69.with-border {
  border-color: #000000;
}

.t2608.with-bg,
.t2608 .means-bg {
  background-color: #FF0000;
}

.t2608.with-text,
.t2608 .means-text {
  color: #FF0000;
}

.t2608.with-border {
  border-color: #FF0000;
}

.t70.with-bg,
.t70 .means-bg {
  background-color: #005bac;
}

.t70.with-text,
.t70 .means-text {
  color: #005bac;
}

.t70.with-border {
  border-color: #005bac;
}

.t71.with-bg,
.t71 .means-bg {
  background-color: #a5582a;
}

.t71.with-text,
.t71 .means-text {
  color: #a5582a;
}

.t71.with-border {
  border-color: #a5582a;
}

.t72.with-bg,
.t72 .means-bg {
  background-color: #436e27;
}

.t72.with-text,
.t72 .means-text {
  color: #436e27;
}

.t72.with-border {
  border-color: #436e27;
}

.t2900.with-bg,
.t2900 .means-bg {
  background-color: #0000FF;
}

.t2900.with-text,
.t2900 .means-text {
  color: #0000FF;
}

.t2900.with-border {
  border-color: #0000FF;
}

.t2901.with-bg,
.t2901 .means-bg {
  background-color: #00B0E0;
}

.t2901.with-text,
.t2901 .means-text {
  color: #00B0E0;
}

.t2901.with-border {
  border-color: #00B0E0;
}

.t2902.with-bg,
.t2902 .means-bg {
  background-color: #FF0000;
}

.t2902.with-text,
.t2902 .means-text {
  color: #FF0000;
}

.t2902.with-border {
  border-color: #FF0000;
}

.t3001.with-bg,
.t3001 .means-bg {
  background-color: #FF0000;
}

.t3001.with-text,
.t3001 .means-text {
  color: #FF0000;
}

.t3001.with-border {
  border-color: #FF0000;
}

.r0.with-bg,
.r0 .means-bg {
  background-color: #A9A9A9;
}

.r0.with-text,
.r0 .means-text {
  color: #A9A9A9;
}

.r0.with-border {
  border-color: #A9A9A9;
}

.r1.with-bg,
.r1 .means-bg {
  background-color: #7FC342;
}

.r1.with-text,
.r1 .means-text {
  color: #7FC342;
}

.r1.with-border {
  border-color: #7FC342;
}

.r2.with-bg,
.r2 .means-bg {
  background-color: #00B2E5;
}

.r2.with-text,
.r2 .means-text {
  color: #00B2E5;
}

.r2.with-border {
  border-color: #00B2E5;
}

.r3.with-bg,
.r3 .means-bg {
  background-color: #F68B1E;
}

.r3.with-text,
.r3 .means-text {
  color: #F68B1E;
}

.r3.with-border {
  border-color: #F68B1E;
}

.r4.with-bg,
.r4 .means-bg {
  background-color: #007AC1;
}

.r4.with-text,
.r4 .means-text {
  color: #007AC1;
}

.r4.with-border {
  border-color: #007AC1;
}

.r5.with-bg,
.r5 .means-bg {
  background-color: #00B38D;
}

.r5.with-text,
.r5 .means-text {
  color: #00B38D;
}

.r5.with-border {
  border-color: #00B38D;
}

.r6.with-bg,
.r6 .means-bg {
  background-color: #F15A22;
}

.r6.with-text,
.r6 .means-text {
  color: #F15A22;
}

.r6.with-border {
  border-color: #F15A22;
}

.r7.with-bg,
.r7 .means-bg {
  background-color: #FFD400;
}

.r7.with-text,
.r7 .means-text {
  color: #FFD400;
}

.r7.with-border {
  border-color: #FFD400;
}

.r8.with-bg,
.r8 .means-bg {
  background-color: #C9252F;
}

.r8.with-text,
.r8 .means-text {
  color: #C9252F;
}

.r8.with-border {
  border-color: #C9252F;
}

.r9.with-bg,
.r9 .means-bg {
  background-color: #00B261;
}

.r9.with-text,
.r9 .means-text {
  color: #00B261;
}

.r9.with-border {
  border-color: #00B261;
}

.r10.with-bg,
.r10 .means-bg {
  background-color: #FFD400;
}

.r10.with-text,
.r10 .means-text {
  color: #FFD400;
}

.r10.with-border {
  border-color: #FFD400;
}

.r11.with-bg,
.r11 .means-bg {
  background-color: #007AC1;
}

.r11.with-text,
.r11 .means-text {
  color: #007AC1;
}

.r11.with-border {
  border-color: #007AC1;
}

.r12.with-bg,
.r12 .means-bg {
  background-color: #A8A39D;
}

.r12.with-text,
.r12 .means-text {
  color: #A8A39D;
}

.r12.with-border {
  border-color: #A8A39D;
}

.r13.with-bg,
.r13 .means-bg {
  background-color: #E21F26;
}

.r13.with-text,
.r13 .means-text {
  color: #E21F26;
}

.r13.with-border {
  border-color: #E21F26;
}

.r14.with-bg,
.r14 .means-bg {
  background-color: #008848;
}

.r14.with-text,
.r14 .means-text {
  color: #008848;
}

.r14.with-border {
  border-color: #008848;
}

.r15.with-bg,
.r15 .means-bg {
  background-color: #B18434;
}

.r15.with-text,
.r15 .means-text {
  color: #B18434;
}

.r15.with-border {
  border-color: #B18434;
}

.r16.with-bg,
.r16 .means-bg {
  background-color: #0F6342;
}

.r16.with-text,
.r16 .means-text {
  color: #0F6342;
}

.r16.with-border {
  border-color: #0F6342;
}

.r17.with-bg,
.r17 .means-bg {
  background-color: #003F6C;
}

.r17.with-text,
.r17 .means-text {
  color: #003F6C;
}

.r17.with-border {
  border-color: #003F6C;
}

.r18.with-bg,
.r18 .means-bg {
  background-color: #B91919;
}

.r18.with-text,
.r18 .means-text {
  color: #B91919;
}

.r18.with-border {
  border-color: #B91919;
}

.r19.with-bg,
.r19 .means-bg {
  background-color: #00A064;
}

.r19.with-text,
.r19 .means-text {
  color: #00A064;
}

.r19.with-border {
  border-color: #00A064;
}

.r20.with-bg,
.r20 .means-bg {
  background-color: #A26C96;
}

.r20.with-text,
.r20 .means-text {
  color: #A26C96;
}

.r20.with-border {
  border-color: #A26C96;
}

.r21.with-bg,
.r21 .means-bg {
  background-color: #01449B;
}

.r21.with-text,
.r21 .means-text {
  color: #01449B;
}

.r21.with-border {
  border-color: #01449B;
}

.r22.with-bg,
.r22 .means-bg {
  background-color: #9595EF;
}

.r22.with-text,
.r22 .means-text {
  color: #9595EF;
}

.r22.with-border {
  border-color: #9595EF;
}

.r23.with-bg,
.r23 .means-bg {
  background-color: #336699;
}

.r23.with-text,
.r23 .means-text {
  color: #336699;
}

.r23.with-border {
  border-color: #336699;
}

.r24.with-bg,
.r24 .means-bg {
  background-color: #0078E8;
}

.r24.with-text,
.r24 .means-text {
  color: #0078E8;
}

.r24.with-border {
  border-color: #0078E8;
}

.r25.with-bg,
.r25 .means-bg {
  background-color: #1458BE;
}

.r25.with-text,
.r25 .means-text {
  color: #1458BE;
}

.r25.with-border {
  border-color: #1458BE;
}

.r26.with-bg,
.r26 .means-bg {
  background-color: #2FAAF8;
}

.r26.with-text,
.r26 .means-text {
  color: #2FAAF8;
}

.r26.with-border {
  border-color: #2FAAF8;
}

.r27.with-bg,
.r27 .means-bg {
  background-color: #F04A00;
}

.r27.with-text,
.r27 .means-text {
  color: #F04A00;
}

.r27.with-border {
  border-color: #F04A00;
}

.r28.with-bg,
.r28 .means-bg {
  background-color: #356CFD;
}

.r28.with-text,
.r28 .means-text {
  color: #356CFD;
}

.r28.with-border {
  border-color: #356CFD;
}

.r29.with-bg,
.r29 .means-bg {
  background-color: #3154AE;
}

.r29.with-text,
.r29 .means-text {
  color: #3154AE;
}

.r29.with-border {
  border-color: #3154AE;
}

.r30.with-bg,
.r30 .means-bg {
  background-color: #85558E;
}

.r30.with-text,
.r30 .means-text {
  color: #85558E;
}

.r30.with-border {
  border-color: #85558E;
}

.r31.with-bg,
.r31 .means-bg {
  background-color: #E0121D;
}

.r31.with-text,
.r31 .means-text {
  color: #E0121D;
}

.r31.with-border {
  border-color: #E0121D;
}

.r32.with-bg,
.r32 .means-bg {
  background-color: #C7CA13;
}

.r32.with-text,
.r32 .means-text {
  color: #C7CA13;
}

.r32.with-border {
  border-color: #C7CA13;
}

.r33.with-bg,
.r33 .means-bg {
  background-color: #EF5E21;
}

.r33.with-text,
.r33 .means-text {
  color: #EF5E21;
}

.r33.with-border {
  border-color: #EF5E21;
}

.r34.with-bg,
.r34 .means-bg {
  background-color: #015699;
}

.r34.with-text,
.r34 .means-text {
  color: #015699;
}

.r34.with-border {
  border-color: #015699;
}

.r35.with-bg,
.r35 .means-bg {
  background-color: #051B63;
}

.r35.with-text,
.r35 .means-text {
  color: #051B63;
}

.r35.with-border {
  border-color: #051B63;
}

.r36.with-bg,
.r36 .means-bg {
  background-color: #F78D16;
}

.r36.with-text,
.r36 .means-text {
  color: #F78D16;
}

.r36.with-border {
  border-color: #F78D16;
}

.r37.with-bg,
.r37 .means-bg {
  background-color: #E6C205;
}

.r37.with-text,
.r37 .means-text {
  color: #E6C205;
}

.r37.with-border {
  border-color: #E6C205;
}

.r38.with-bg,
.r38 .means-bg {
  background-color: #D188B1;
}

.r38.with-text,
.r38 .means-text {
  color: #D188B1;
}

.r38.with-border {
  border-color: #D188B1;
}

.r39.with-bg,
.r39 .means-bg {
  background-color: #FAE80D;
}

.r39.with-text,
.r39 .means-text {
  color: #FAE80D;
}

.r39.with-border {
  border-color: #FAE80D;
}

.r40.with-bg,
.r40 .means-bg {
  background-color: #0185D2;
}

.r40.with-text,
.r40 .means-text {
  color: #0185D2;
}

.r40.with-border {
  border-color: #0185D2;
}

.r41.with-bg,
.r41 .means-bg {
  background-color: #025D97;
}

.r41.with-text,
.r41 .means-text {
  color: #025D97;
}

.r41.with-border {
  border-color: #025D97;
}

.r42.with-bg,
.r42 .means-bg {
  background-color: #0690CF;
}

.r42.with-text,
.r42 .means-text {
  color: #0690CF;
}

.r42.with-border {
  border-color: #0690CF;
}

.r43.with-bg,
.r43 .means-bg {
  background-color: #B10069;
}

.r43.with-text,
.r43 .means-text {
  color: #B10069;
}

.r43.with-border {
  border-color: #B10069;
}

.r44.with-bg,
.r44 .means-bg {
  background-color: #B10069;
}

.r44.with-text,
.r44 .means-text {
  color: #B10069;
}

.r44.with-border {
  border-color: #B10069;
}

.r45.with-bg,
.r45 .means-bg {
  background-color: #B10069;
}

.r45.with-text,
.r45 .means-text {
  color: #B10069;
}

.r45.with-border {
  border-color: #B10069;
}

.r46.with-bg,
.r46 .means-bg {
  background-color: #B10069;
}

.r46.with-text,
.r46 .means-text {
  color: #B10069;
}

.r46.with-border {
  border-color: #B10069;
}

.r47.with-bg,
.r47 .means-bg {
  background-color: #B10069;
}

.r47.with-text,
.r47 .means-text {
  color: #B10069;
}

.r47.with-border {
  border-color: #B10069;
}

.r48.with-bg,
.r48 .means-bg {
  background-color: #B10069;
}

.r48.with-text,
.r48 .means-text {
  color: #B10069;
}

.r48.with-border {
  border-color: #B10069;
}

.r49.with-bg,
.r49 .means-bg {
  background-color: #CAAD86;
}

.r49.with-text,
.r49 .means-text {
  color: #CAAD86;
}

.r49.with-border {
  border-color: #CAAD86;
}

.r50.with-bg,
.r50 .means-bg {
  background-color: #00005A;
}

.r50.with-text,
.r50 .means-text {
  color: #00005A;
}

.r50.with-border {
  border-color: #00005A;
}

.r51.with-bg,
.r51 .means-bg {
  background-color: #BD0000;
}

.r51.with-text,
.r51 .means-text {
  color: #BD0000;
}

.r51.with-border {
  border-color: #BD0000;
}

.r52.with-bg,
.r52 .means-bg {
  background-color: #52A500;
}

.r52.with-text,
.r52 .means-text {
  color: #52A500;
}

.r52.with-border {
  border-color: #52A500;
}

.r53.with-bg,
.r53 .means-bg {
  background-color: #DE8400;
}

.r53.with-text,
.r53 .means-text {
  color: #DE8400;
}

.r53.with-border {
  border-color: #DE8400;
}

.r54.with-bg,
.r54 .means-bg {
  background-color: #735A9C;
}

.r54.with-text,
.r54 .means-text {
  color: #735A9C;
}

.r54.with-border {
  border-color: #735A9C;
}

.r55.with-bg,
.r55 .means-bg {
  background-color: #E76B94;
}

.r55.with-text,
.r55 .means-text {
  color: #E76B94;
}

.r55.with-border {
  border-color: #E76B94;
}

.r56.with-bg,
.r56 .means-bg {
  background-color: #FFCF00;
}

.r56.with-text,
.r56 .means-text {
  color: #FFCF00;
}

.r56.with-border {
  border-color: #FFCF00;
}

.r57.with-bg,
.r57 .means-bg {
  background-color: #63AC1C;
}

.r57.with-text,
.r57 .means-text {
  color: #63AC1C;
}

.r57.with-border {
  border-color: #63AC1C;
}

.r58.with-bg,
.r58 .means-bg {
  background-color: #63AC1C;
}

.r58.with-text,
.r58 .means-text {
  color: #63AC1C;
}

.r58.with-border {
  border-color: #63AC1C;
}

.r59.with-bg,
.r59 .means-bg {
  background-color: #63AC1C;
}

.r59.with-text,
.r59 .means-text {
  color: #63AC1C;
}

.r59.with-border {
  border-color: #63AC1C;
}

.r60.with-bg,
.r60 .means-bg {
  background-color: #FF0033;
}

.r60.with-text,
.r60 .means-text {
  color: #FF0033;
}

.r60.with-border {
  border-color: #FF0033;
}

.r61.with-bg,
.r61 .means-bg {
  background-color: #2C94B6;
}

.r61.with-text,
.r61 .means-text {
  color: #2C94B6;
}

.r61.with-border {
  border-color: #2C94B6;
}

.r62.with-bg,
.r62 .means-bg {
  background-color: #018D54;
}

.r62.with-text,
.r62 .means-text {
  color: #018D54;
}

.r62.with-border {
  border-color: #018D54;
}

.r63.with-bg,
.r63 .means-bg {
  background-color: #FE9A3E;
}

.r63.with-text,
.r63 .means-text {
  color: #FE9A3E;
}

.r63.with-border {
  border-color: #FE9A3E;
}

.r64.with-bg,
.r64 .means-bg {
  background-color: #DE65B0;
}

.r64.with-text,
.r64 .means-text {
  color: #DE65B0;
}

.r64.with-border {
  border-color: #DE65B0;
}

.r65.with-bg,
.r65 .means-bg {
  background-color: #A3016E;
}

.r65.with-text,
.r65 .means-text {
  color: #A3016E;
}

.r65.with-border {
  border-color: #A3016E;
}

.r66.with-bg,
.r66 .means-bg {
  background-color: #FFFF00;
}

.r66.with-text,
.r66 .means-text {
  color: #FFFF00;
}

.r66.with-border {
  border-color: #FFFF00;
}

.r67.with-bg,
.r67 .means-bg {
  background-color: #0A51A1;
}

.r67.with-text,
.r67 .means-text {
  color: #0A51A1;
}

.r67.with-border {
  border-color: #0A51A1;
}

.r68.with-bg,
.r68 .means-bg {
  background-color: #003366;
}

.r68.with-text,
.r68 .means-text {
  color: #003366;
}

.r68.with-border {
  border-color: #003366;
}

.r69.with-bg,
.r69 .means-bg {
  background-color: #E8280F;
}

.r69.with-text,
.r69 .means-text {
  color: #E8280F;
}

.r69.with-border {
  border-color: #E8280F;
}

.r70.with-bg,
.r70 .means-bg {
  background-color: #F2716C;
}

.r70.with-text,
.r70 .means-text {
  color: #F2716C;
}

.r70.with-border {
  border-color: #F2716C;
}

.r71.with-bg,
.r71 .means-bg {
  background-color: #1854A4;
}

.r71.with-text,
.r71 .means-text {
  color: #1854A4;
}

.r71.with-border {
  border-color: #1854A4;
}

.r72.with-bg,
.r72 .means-bg {
  background-color: #9FB721;
}

.r72.with-text,
.r72 .means-text {
  color: #9FB721;
}

.r72.with-border {
  border-color: #9FB721;
}

.r73.with-bg,
.r73 .means-bg {
  background-color: #DA006D;
}

.r73.with-text,
.r73 .means-text {
  color: #DA006D;
}

.r73.with-border {
  border-color: #DA006D;
}

.r74.with-bg,
.r74 .means-bg {
  background-color: #FF8008;
}

.r74.with-text,
.r74 .means-text {
  color: #FF8008;
}

.r74.with-border {
  border-color: #FF8008;
}

.r75.with-bg,
.r75 .means-bg {
  background-color: #F70700;
}

.r75.with-text,
.r75 .means-text {
  color: #F70700;
}

.r75.with-border {
  border-color: #F70700;
}

.r76.with-bg,
.r76 .means-bg {
  background-color: #859394;
}

.r76.with-text,
.r76 .means-text {
  color: #859394;
}

.r76.with-border {
  border-color: #859394;
}

.r77.with-bg,
.r77 .means-bg {
  background-color: #2893B5;
}

.r77.with-text,
.r77 .means-text {
  color: #2893B5;
}

.r77.with-border {
  border-color: #2893B5;
}

.r78.with-bg,
.r78 .means-bg {
  background-color: #21733A;
}

.r78.with-text,
.r78 .means-text {
  color: #21733A;
}

.r78.with-border {
  border-color: #21733A;
}

.r79.with-bg,
.r79 .means-bg {
  background-color: #D59C05;
}

.r79.with-text,
.r79 .means-text {
  color: #D59C05;
}

.r79.with-border {
  border-color: #D59C05;
}

.r80.with-bg,
.r80 .means-bg {
  background-color: #937CB9;
}

.r80.with-text,
.r80 .means-text {
  color: #937CB9;
}

.r80.with-border {
  border-color: #937CB9;
}

.r81.with-bg,
.r81 .means-bg {
  background-color: #23A16E;
}

.r81.with-text,
.r81 .means-text {
  color: #23A16E;
}

.r81.with-border {
  border-color: #23A16E;
}

.r82.with-bg,
.r82 .means-bg {
  background-color: #669966;
}

.r82.with-text,
.r82 .means-text {
  color: #669966;
}

.r82.with-border {
  border-color: #669966;
}

.r83.with-bg,
.r83 .means-bg {
  background-color: #B86431;
}

.r83.with-text,
.r83 .means-text {
  color: #B86431;
}

.r83.with-border {
  border-color: #B86431;
}

.r84.with-bg,
.r84 .means-bg {
  background-color: #C93B96;
}

.r84.with-text,
.r84 .means-text {
  color: #C93B96;
}

.r84.with-border {
  border-color: #C93B96;
}

.r85.with-bg,
.r85 .means-bg {
  background-color: #004AB9;
}

.r85.with-text,
.r85 .means-text {
  color: #004AB9;
}

.r85.with-border {
  border-color: #004AB9;
}

.r86.with-bg,
.r86 .means-bg {
  background-color: #004AB9;
}

.r86.with-text,
.r86 .means-text {
  color: #004AB9;
}

.r86.with-border {
  border-color: #004AB9;
}

.r87.with-bg,
.r87 .means-bg {
  background-color: #004AB9;
}

.r87.with-text,
.r87 .means-text {
  color: #004AB9;
}

.r87.with-border {
  border-color: #004AB9;
}

.r88.with-bg,
.r88 .means-bg {
  background-color: #004AB9;
}

.r88.with-text,
.r88 .means-text {
  color: #004AB9;
}

.r88.with-border {
  border-color: #004AB9;
}

.r89.with-bg,
.r89 .means-bg {
  background-color: #5AB57C;
}

.r89.with-text,
.r89 .means-text {
  color: #5AB57C;
}

.r89.with-border {
  border-color: #5AB57C;
}

.r90.with-bg,
.r90 .means-bg {
  background-color: #CA001A;
}

.r90.with-text,
.r90 .means-text {
  color: #CA001A;
}

.r90.with-border {
  border-color: #CA001A;
}

.r91.with-bg,
.r91 .means-bg {
  background-color: #005523;
}

.r91.with-text,
.r91 .means-text {
  color: #005523;
}

.r91.with-border {
  border-color: #005523;
}

.r92.with-bg,
.r92 .means-bg {
  background-color: #111083;
}

.r92.with-text,
.r92 .means-text {
  color: #111083;
}

.r92.with-border {
  border-color: #111083;
}

.r93.with-bg,
.r93 .means-bg {
  background-color: #FE350F;
}

.r93.with-text,
.r93 .means-text {
  color: #FE350F;
}

.r93.with-border {
  border-color: #FE350F;
}

.r94.with-bg,
.r94 .means-bg {
  background-color: #6C017D;
}

.r94.with-text,
.r94 .means-text {
  color: #6C017D;
}

.r94.with-border {
  border-color: #6C017D;
}

.r95.with-bg,
.r95 .means-bg {
  background-color: #1BA39D;
}

.r95.with-text,
.r95 .means-text {
  color: #1BA39D;
}

.r95.with-border {
  border-color: #1BA39D;
}

.r96.with-bg,
.r96 .means-bg {
  background-color: #533A98;
}

.r96.with-text,
.r96 .means-text {
  color: #533A98;
}

.r96.with-border {
  border-color: #533A98;
}

.r97.with-bg,
.r97 .means-bg {
  background-color: #809E28;
}

.r97.with-text,
.r97 .means-text {
  color: #809E28;
}

.r97.with-border {
  border-color: #809E28;
}

.r98.with-bg,
.r98 .means-bg {
  background-color: #CC4602;
}

.r98.with-text,
.r98 .means-text {
  color: #CC4602;
}

.r98.with-border {
  border-color: #CC4602;
}

.r99.with-bg,
.r99 .means-bg {
  background-color: #0053A3;
}

.r99.with-text,
.r99 .means-text {
  color: #0053A3;
}

.r99.with-border {
  border-color: #0053A3;
}

.r100.with-bg,
.r100 .means-bg {
  background-color: #3900B5;
}

.r100.with-text,
.r100 .means-text {
  color: #3900B5;
}

.r100.with-border {
  border-color: #3900B5;
}

.r101.with-bg,
.r101 .means-bg {
  background-color: #FF21A5;
}

.r101.with-text,
.r101 .means-text {
  color: #FF21A5;
}

.r101.with-border {
  border-color: #FF21A5;
}

.r102.with-bg,
.r102 .means-bg {
  background-color: #FF0808;
}

.r102.with-text,
.r102 .means-text {
  color: #FF0808;
}

.r102.with-border {
  border-color: #FF0808;
}

.r103.with-bg,
.r103 .means-bg {
  background-color: #008C4A;
}

.r103.with-text,
.r103 .means-text {
  color: #008C4A;
}

.r103.with-border {
  border-color: #008C4A;
}

.r104.with-bg,
.r104 .means-bg {
  background-color: #0063FF;
}

.r104.with-text,
.r104 .means-text {
  color: #0063FF;
}

.r104.with-border {
  border-color: #0063FF;
}

.r105.with-bg,
.r105 .means-bg {
  background-color: #FF8C00;
}

.r105.with-text,
.r105 .means-text {
  color: #FF8C00;
}

.r105.with-border {
  border-color: #FF8C00;
}

.r107.with-bg,
.r107 .means-bg {
  background-color: #107CE1;
}

.r107.with-text,
.r107 .means-text {
  color: #107CE1;
}

.r107.with-border {
  border-color: #107CE1;
}

.r108.with-bg,
.r108 .means-bg {
  background-color: #126E1F;
}

.r108.with-text,
.r108 .means-text {
  color: #126E1F;
}

.r108.with-border {
  border-color: #126E1F;
}

.r109.with-bg,
.r109 .means-bg {
  background-color: #7F7F7F;
}

.r109.with-text,
.r109 .means-text {
  color: #7F7F7F;
}

.r109.with-border {
  border-color: #7F7F7F;
}

.r110.with-bg,
.r110 .means-bg {
  background-color: #ED1109;
}

.r110.with-text,
.r110 .means-text {
  color: #ED1109;
}

.r110.with-border {
  border-color: #ED1109;
}

.r111.with-bg,
.r111 .means-bg {
  background-color: #1C9FBF;
}

.r111.with-text,
.r111 .means-text {
  color: #1C9FBF;
}

.r111.with-border {
  border-color: #1C9FBF;
}

.r112.with-bg,
.r112 .means-bg {
  background-color: #F7B209;
}

.r112.with-text,
.r112 .means-text {
  color: #F7B209;
}

.r112.with-border {
  border-color: #F7B209;
}

.r113.with-bg,
.r113 .means-bg {
  background-color: #8564A9;
}

.r113.with-text,
.r113 .means-text {
  color: #8564A9;
}

.r113.with-border {
  border-color: #8564A9;
}

.r114.with-bg,
.r114 .means-bg {
  background-color: #F0506F;
}

.r114.with-text,
.r114 .means-text {
  color: #F0506F;
}

.r114.with-border {
  border-color: #F0506F;
}

.r115.with-bg,
.r115 .means-bg {
  background-color: #345CAA;
}

.r115.with-text,
.r115 .means-text {
  color: #345CAA;
}

.r115.with-border {
  border-color: #345CAA;
}

.r116.with-bg,
.r116 .means-bg {
  background-color: #003F7F;
}

.r116.with-text,
.r116 .means-text {
  color: #003F7F;
}

.r116.with-border {
  border-color: #003F7F;
}

.r117.with-bg,
.r117 .means-bg {
  background-color: #003F7F;
}

.r117.with-text,
.r117 .means-text {
  color: #003F7F;
}

.r117.with-border {
  border-color: #003F7F;
}

.r118.with-bg,
.r118 .means-bg {
  background-color: #003F7F;
}

.r118.with-text,
.r118 .means-text {
  color: #003F7F;
}

.r118.with-border {
  border-color: #003F7F;
}

.r120.with-bg,
.r120 .means-bg {
  background-color: #3883C3;
}

.r120.with-text,
.r120 .means-text {
  color: #3883C3;
}

.r120.with-border {
  border-color: #3883C3;
}

.r121.with-bg,
.r121 .means-bg {
  background-color: #4BAA63;
}

.r121.with-text,
.r121 .means-text {
  color: #4BAA63;
}

.r121.with-border {
  border-color: #4BAA63;
}

.r122.with-bg,
.r122 .means-bg {
  background-color: #FEB15A;
}

.r122.with-text,
.r122 .means-text {
  color: #FEB15A;
}

.r122.with-border {
  border-color: #FEB15A;
}

.r124.with-bg,
.r124 .means-bg {
  background-color: #A1EA5A;
}

.r124.with-text,
.r124 .means-text {
  color: #A1EA5A;
}

.r124.with-border {
  border-color: #A1EA5A;
}

.r125.with-bg,
.r125 .means-bg {
  background-color: #A1EA5A;
}

.r125.with-text,
.r125 .means-text {
  color: #A1EA5A;
}

.r125.with-border {
  border-color: #A1EA5A;
}

.r126.with-bg,
.r126 .means-bg {
  background-color: #A1EA5A;
}

.r126.with-text,
.r126 .means-text {
  color: #A1EA5A;
}

.r126.with-border {
  border-color: #A1EA5A;
}

.r127.with-bg,
.r127 .means-bg {
  background-color: #A1EA5A;
}

.r127.with-text,
.r127 .means-text {
  color: #A1EA5A;
}

.r127.with-border {
  border-color: #A1EA5A;
}

.r128.with-bg,
.r128 .means-bg {
  background-color: #A1EA5A;
}

.r128.with-text,
.r128 .means-text {
  color: #A1EA5A;
}

.r128.with-border {
  border-color: #A1EA5A;
}

.r129.with-bg,
.r129 .means-bg {
  background-color: #A1EA5A;
}

.r129.with-text,
.r129 .means-text {
  color: #A1EA5A;
}

.r129.with-border {
  border-color: #A1EA5A;
}

.r130.with-bg,
.r130 .means-bg {
  background-color: #646698;
}

.r130.with-text,
.r130 .means-text {
  color: #646698;
}

.r130.with-border {
  border-color: #646698;
}

.r131.with-bg,
.r131 .means-bg {
  background-color: #659A1F;
}

.r131.with-text,
.r131 .means-text {
  color: #659A1F;
}

.r131.with-border {
  border-color: #659A1F;
}

.r132.with-bg,
.r132 .means-bg {
  background-color: #9D439C;
}

.r132.with-text,
.r132 .means-text {
  color: #9D439C;
}

.r132.with-border {
  border-color: #9D439C;
}

.r133.with-bg,
.r133 .means-bg {
  background-color: #BC8102;
}

.r133.with-text,
.r133 .means-text {
  color: #BC8102;
}

.r133.with-border {
  border-color: #BC8102;
}

.r134.with-bg,
.r134 .means-bg {
  background-color: #FE6799;
}

.r134.with-text,
.r134 .means-text {
  color: #FE6799;
}

.r134.with-border {
  border-color: #FE6799;
}

.r135.with-bg,
.r135 .means-bg {
  background-color: #999999;
}

.r135.with-text,
.r135 .means-text {
  color: #999999;
}

.r135.with-border {
  border-color: #999999;
}

.r136.with-bg,
.r136 .means-bg {
  background-color: #18996A;
}

.r136.with-text,
.r136 .means-text {
  color: #18996A;
}

.r136.with-border {
  border-color: #18996A;
}

.r137.with-bg,
.r137 .means-bg {
  background-color: #FB805F;
}

.r137.with-text,
.r137 .means-text {
  color: #FB805F;
}

.r137.with-border {
  border-color: #FB805F;
}

.r138.with-bg,
.r138 .means-bg {
  background-color: #BD5A95;
}

.r138.with-text,
.r138 .means-text {
  color: #BD5A95;
}

.r138.with-border {
  border-color: #BD5A95;
}

.r140.with-bg,
.r140 .means-bg {
  background-color: #EE354F;
}

.r140.with-text,
.r140 .means-text {
  color: #EE354F;
}

.r140.with-border {
  border-color: #EE354F;
}

.r141.with-bg,
.r141 .means-bg {
  background-color: #FFC20E;
}

.r141.with-text,
.r141 .means-text {
  color: #FFC20E;
}

.r141.with-border {
  border-color: #FFC20E;
}

.r142.with-bg,
.r142 .means-bg {
  background-color: #7CACDD;
}

.r142.with-text,
.r142 .means-text {
  color: #7CACDD;
}

.r142.with-border {
  border-color: #7CACDD;
}

.r143.with-bg,
.r143 .means-bg {
  background-color: #7586C2;
}

.r143.with-text,
.r143 .means-text {
  color: #7586C2;
}

.r143.with-border {
  border-color: #7586C2;
}

.r144.with-bg,
.r144 .means-bg {
  background-color: #BCD63C;
}

.r144.with-text,
.r144 .means-text {
  color: #BCD63C;
}

.r144.with-border {
  border-color: #BCD63C;
}

.r145.with-bg,
.r145 .means-bg {
  background-color: #F281B3;
}

.r145.with-text,
.r145 .means-text {
  color: #F281B3;
}

.r145.with-border {
  border-color: #F281B3;
}

.r146.with-bg,
.r146 .means-bg {
  background-color: #F99D1C;
}

.r146.with-text,
.r146 .means-text {
  color: #F99D1C;
}

.r146.with-border {
  border-color: #F99D1C;
}

.r147.with-bg,
.r147 .means-bg {
  background-color: #BB7C31;
}

.r147.with-text,
.r147 .means-text {
  color: #BB7C31;
}

.r147.with-border {
  border-color: #BB7C31;
}

.r148.with-bg,
.r148 .means-bg {
  background-color: #4A97D2;
}

.r148.with-text,
.r148 .means-text {
  color: #4A97D2;
}

.r148.with-border {
  border-color: #4A97D2;
}

.r149.with-bg,
.r149 .means-bg {
  background-color: #F9133C;
}

.r149.with-text,
.r149 .means-text {
  color: #F9133C;
}

.r149.with-border {
  border-color: #F9133C;
}

.r150.with-bg,
.r150 .means-bg {
  background-color: #019500;
}

.r150.with-text,
.r150 .means-text {
  color: #019500;
}

.r150.with-border {
  border-color: #019500;
}

.r151.with-bg,
.r151 .means-bg {
  background-color: #FF6400;
}

.r151.with-text,
.r151 .means-text {
  color: #FF6400;
}

.r151.with-border {
  border-color: #FF6400;
}

.r152.with-bg,
.r152 .means-bg {
  background-color: #0265FC;
}

.r152.with-text,
.r152 .means-text {
  color: #0265FC;
}

.r152.with-border {
  border-color: #0265FC;
}

.r153.with-bg,
.r153 .means-bg {
  background-color: #FF983B;
}

.r153.with-text,
.r153 .means-text {
  color: #FF983B;
}

.r153.with-border {
  border-color: #FF983B;
}

.r154.with-bg,
.r154 .means-bg {
  background-color: #005D2C;
}

.r154.with-text,
.r154 .means-text {
  color: #005D2C;
}

.r154.with-border {
  border-color: #005D2C;
}

.r155.with-bg,
.r155 .means-bg {
  background-color: #3CA38E;
}

.r155.with-text,
.r155 .means-text {
  color: #3CA38E;
}

.r155.with-border {
  border-color: #3CA38E;
}

.r156.with-bg,
.r156 .means-bg {
  background-color: #417EB7;
}

.r156.with-text,
.r156 .means-text {
  color: #417EB7;
}

.r156.with-border {
  border-color: #417EB7;
}

.r157.with-bg,
.r157 .means-bg {
  background-color: #C29104;
}

.r157.with-text,
.r157 .means-text {
  color: #C29104;
}

.r157.with-border {
  border-color: #C29104;
}

.r158.with-bg,
.r158 .means-bg {
  background-color: #0B207B;
}

.r158.with-text,
.r158 .means-text {
  color: #0B207B;
}

.r158.with-border {
  border-color: #0B207B;
}

.r160.with-bg,
.r160 .means-bg {
  background-color: #ED1C24;
}

.r160.with-text,
.r160 .means-text {
  color: #ED1C24;
}

.r160.with-border {
  border-color: #ED1C24;
}

.r161.with-bg,
.r161 .means-bg {
  background-color: #5C2E91;
}

.r161.with-text,
.r161 .means-text {
  color: #5C2E91;
}

.r161.with-border {
  border-color: #5C2E91;
}

.r162.with-bg,
.r162 .means-bg {
  background-color: #00AEEF;
}

.r162.with-text,
.r162 .means-text {
  color: #00AEEF;
}

.r162.with-border {
  border-color: #00AEEF;
}

.r163.with-bg,
.r163 .means-bg {
  background-color: #00A651;
}

.r163.with-text,
.r163 .means-text {
  color: #00A651;
}

.r163.with-border {
  border-color: #00A651;
}

.r164.with-bg,
.r164 .means-bg {
  background-color: #F287B7;
}

.r164.with-text,
.r164 .means-text {
  color: #F287B7;
}

.r164.with-border {
  border-color: #F287B7;
}

.r165.with-bg,
.r165 .means-bg {
  background-color: #844237;
}

.r165.with-text,
.r165 .means-text {
  color: #844237;
}

.r165.with-border {
  border-color: #844237;
}

.r166.with-bg,
.r166 .means-bg {
  background-color: #9AD142;
}

.r166.with-text,
.r166 .means-text {
  color: #9AD142;
}

.r166.with-border {
  border-color: #9AD142;
}

.r167.with-bg,
.r167 .means-bg {
  background-color: #17A7C9;
}

.r167.with-text,
.r167 .means-text {
  color: #17A7C9;
}

.r167.with-border {
  border-color: #17A7C9;
}

.r168.with-bg,
.r168 .means-bg {
  background-color: #F47D31;
}

.r168.with-text,
.r168 .means-text {
  color: #F47D31;
}

.r168.with-border {
  border-color: #F47D31;
}

.r170.with-bg,
.r170 .means-bg {
  background-color: #FF0000;
}

.r170.with-text,
.r170 .means-text {
  color: #FF0000;
}

.r170.with-border {
  border-color: #FF0000;
}

.r171.with-bg,
.r171 .means-bg {
  background-color: #119411;
}

.r171.with-text,
.r171 .means-text {
  color: #119411;
}

.r171.with-border {
  border-color: #119411;
}

.r173.with-bg,
.r173 .means-bg {
  background-color: #2E6237;
}

.r173.with-text,
.r173 .means-text {
  color: #2E6237;
}

.r173.with-border {
  border-color: #2E6237;
}

.r174.with-bg,
.r174 .means-bg {
  background-color: #EC9034;
}

.r174.with-text,
.r174 .means-text {
  color: #EC9034;
}

.r174.with-border {
  border-color: #EC9034;
}

.r175.with-bg,
.r175 .means-bg {
  background-color: #313371;
}

.r175.with-text,
.r175 .means-text {
  color: #313371;
}

.r175.with-border {
  border-color: #313371;
}

.r176.with-bg,
.r176 .means-bg {
  background-color: #90C33D;
}

.r176.with-text,
.r176 .means-text {
  color: #90C33D;
}

.r176.with-border {
  border-color: #90C33D;
}

.r177.with-bg,
.r177 .means-bg {
  background-color: #0060FF;
}

.r177.with-text,
.r177 .means-text {
  color: #0060FF;
}

.r177.with-border {
  border-color: #0060FF;
}

.r178.with-bg,
.r178 .means-bg {
  background-color: #008000;
}

.r178.with-text,
.r178 .means-text {
  color: #008000;
}

.r178.with-border {
  border-color: #008000;
}

.r179.with-bg,
.r179 .means-bg {
  background-color: #00a95f;
}

.r179.with-text,
.r179 .means-text {
  color: #00a95f;
}

.r179.with-border {
  border-color: #00a95f;
}

.r180.with-bg,
.r180 .means-bg {
  background-color: #C91044;
}

.r180.with-text,
.r180 .means-text {
  color: #C91044;
}

.r180.with-border {
  border-color: #C91044;
}

.r181.with-bg,
.r181 .means-bg {
  background-color: #C91044;
}

.r181.with-text,
.r181 .means-text {
  color: #C91044;
}

.r181.with-border {
  border-color: #C91044;
}

.r182.with-bg,
.r182 .means-bg {
  background-color: #C91044;
}

.r182.with-text,
.r182 .means-text {
  color: #C91044;
}

.r182.with-border {
  border-color: #C91044;
}

.r183.with-bg,
.r183 .means-bg {
  background-color: #C91044;
}

.r183.with-text,
.r183 .means-text {
  color: #C91044;
}

.r183.with-border {
  border-color: #C91044;
}

.r184.with-bg,
.r184 .means-bg {
  background-color: #C91044;
}

.r184.with-text,
.r184 .means-text {
  color: #C91044;
}

.r184.with-border {
  border-color: #C91044;
}

.r185.with-bg,
.r185 .means-bg {
  background-color: #F83C17;
}

.r185.with-text,
.r185 .means-text {
  color: #F83C17;
}

.r185.with-border {
  border-color: #F83C17;
}

.r186.with-bg,
.r186 .means-bg {
  background-color: #2187C1;
}

.r186.with-text,
.r186 .means-text {
  color: #2187C1;
}

.r186.with-border {
  border-color: #2187C1;
}

.r187.with-bg,
.r187 .means-bg {
  background-color: #2187C1;
}

.r187.with-text,
.r187 .means-text {
  color: #2187C1;
}

.r187.with-border {
  border-color: #2187C1;
}

.r188.with-bg,
.r188 .means-bg {
  background-color: #2187C1;
}

.r188.with-text,
.r188 .means-text {
  color: #2187C1;
}

.r188.with-border {
  border-color: #2187C1;
}

.r189.with-bg,
.r189 .means-bg {
  background-color: #008300;
}

.r189.with-text,
.r189 .means-text {
  color: #008300;
}

.r189.with-border {
  border-color: #008300;
}

.r190.with-bg,
.r190 .means-bg {
  background-color: #AE243B;
}

.r190.with-text,
.r190 .means-text {
  color: #AE243B;
}

.r190.with-border {
  border-color: #AE243B;
}

.r191.with-bg,
.r191 .means-bg {
  background-color: #AE243B;
}

.r191.with-text,
.r191 .means-text {
  color: #AE243B;
}

.r191.with-border {
  border-color: #AE243B;
}

.r192.with-bg,
.r192 .means-bg {
  background-color: #AE243B;
}

.r192.with-text,
.r192 .means-text {
  color: #AE243B;
}

.r192.with-border {
  border-color: #AE243B;
}

.r193.with-bg,
.r193 .means-bg {
  background-color: #AE243B;
}

.r193.with-text,
.r193 .means-text {
  color: #AE243B;
}

.r193.with-border {
  border-color: #AE243B;
}

.r194.with-bg,
.r194 .means-bg {
  background-color: #0066FF;
}

.r194.with-text,
.r194 .means-text {
  color: #0066FF;
}

.r194.with-border {
  border-color: #0066FF;
}

.r195.with-bg,
.r195 .means-bg {
  background-color: #0F1F7E;
}

.r195.with-text,
.r195 .means-text {
  color: #0F1F7E;
}

.r195.with-border {
  border-color: #0F1F7E;
}

.r196.with-bg,
.r196 .means-bg {
  background-color: #00B261;
}

.r196.with-text,
.r196 .means-text {
  color: #00B261;
}

.r196.with-border {
  border-color: #00B261;
}

.r197.with-bg,
.r197 .means-bg {
  background-color: #EE9B00;
}

.r197.with-text,
.r197 .means-text {
  color: #EE9B00;
}

.r197.with-border {
  border-color: #EE9B00;
}

.r198.with-bg,
.r198 .means-bg {
  background-color: #3399FF;
}

.r198.with-text,
.r198 .means-text {
  color: #3399FF;
}

.r198.with-border {
  border-color: #3399FF;
}

.r199.with-bg,
.r199 .means-bg {
  background-color: #FF6600;
}

.r199.with-text,
.r199 .means-text {
  color: #FF6600;
}

.r199.with-border {
  border-color: #FF6600;
}

.r200.with-bg,
.r200 .means-bg {
  background-color: #FF7E20;
}

.r200.with-text,
.r200 .means-text {
  color: #FF7E20;
}

.r200.with-border {
  border-color: #FF7E20;
}

.r201.with-bg,
.r201 .means-bg {
  background-color: #126E1F;
}

.r201.with-text,
.r201 .means-text {
  color: #126E1F;
}

.r201.with-border {
  border-color: #126E1F;
}

.r202.with-bg,
.r202 .means-bg {
  background-color: #FF0033;
}

.r202.with-text,
.r202 .means-text {
  color: #FF0033;
}

.r202.with-border {
  border-color: #FF0033;
}

.r203.with-bg,
.r203 .means-bg {
  background-color: #01449B;
}

.r203.with-text,
.r203 .means-text {
  color: #01449B;
}

.r203.with-border {
  border-color: #01449B;
}

.r204.with-bg,
.r204 .means-bg {
  background-color: #0030BF;
}

.r204.with-text,
.r204 .means-text {
  color: #0030BF;
}

.r204.with-border {
  border-color: #0030BF;
}

.r205.with-bg,
.r205 .means-bg {
  background-color: #009525;
}

.r205.with-text,
.r205 .means-text {
  color: #009525;
}

.r205.with-border {
  border-color: #009525;
}

.r206.with-bg,
.r206 .means-bg {
  background-color: #EA0000;
}

.r206.with-text,
.r206 .means-text {
  color: #EA0000;
}

.r206.with-border {
  border-color: #EA0000;
}

.r207.with-bg,
.r207 .means-bg {
  background-color: #BF8F00;
}

.r207.with-text,
.r207 .means-text {
  color: #BF8F00;
}

.r207.with-border {
  border-color: #BF8F00;
}

.r208.with-bg,
.r208 .means-bg {
  background-color: #298774;
}

.r208.with-text,
.r208 .means-text {
  color: #298774;
}

.r208.with-border {
  border-color: #298774;
}

.r213.with-bg,
.r213 .means-bg {
  background-color: #F68B1E;
}

.r213.with-text,
.r213 .means-text {
  color: #F68B1E;
}

.r213.with-border {
  border-color: #F68B1E;
}

.r214.with-bg,
.r214 .means-bg {
  background-color: #ef8201;
}

.r214.with-text,
.r214 .means-text {
  color: #ef8201;
}

.r214.with-border {
  border-color: #ef8201;
}

.r215.with-bg,
.r215 .means-bg {
  background-color: #00b3db;
}

.r215.with-text,
.r215 .means-text {
  color: #00b3db;
}

.r215.with-border {
  border-color: #00b3db;
}

.r216.with-bg,
.r216 .means-bg {
  background-color: #00afec;
}

.r216.with-text,
.r216 .means-text {
  color: #00afec;
}

.r216.with-border {
  border-color: #00afec;
}

/*
*******************************************************************************************************
# override -style

  -- mixin
  -- base
  -- module
  -- wrap (header footer )
  -- pagelayout
     - 01_PC
     - 02_PC

*******************************************************************************************************
*/
/* ------------------------------------
  * base
* ------------------------------------ */
/* トグルボタン */
/* ------------------------------------
  * base
* ------------------------------------ */
body {
  font-size: 13px;
  line-height: 1.384;
}

/* ------------------------------------
  * module
* ------------------------------------ */
/* 見出し */
h2 {
  padding-bottom: 8px;
  font-size: 15px;
}

h4 {
  margin: 0 0 10px 0;
  font-size: 13px;
}

.layout-basic.result.train h2.no-border {
  padding-bottom: 10px;
}
.layout-basic .main-content-inner > h2,
.layout-basic .main-content-inner .h2-wrap h2 {
  padding: 10px 10px 9px;
  font-size: 16px;
}

/* alert */
.main-content-cell .alert {
  margin: 0 0 10px;
  padding: 0;
  font-size: 13px;
}
.main-content-cell .alert .icon-text .text-wrap {
  font-size: 13px;
}

.content-line .td-links > .btn-group .btn {
  padding: 5px 2px 4px;
  line-height: 1.0;
}

.reset-condition-btn-wrap a {
  padding: 13px 0 2px;
}
.reset-condition-btn-wrap a .text {
  margin-bottom: 6px;
}

/* 地域選択 */
.btn-group.select-area {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 15px auto;
}
.btn-group.select-area .btn.btn-md {
  float: left;
  position: relative;
  width: 67.5px;
  height: 26px;
  padding: 6px 2px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px;
  color: #1b6bcf;
  text-align: center;
  line-height: 1.0;
  outline: none;
  z-index: 0;
}
.btn-group.select-area .btn.btn-md + .btn.btn-md {
  margin-left: -1px;
}
.btn-group.select-area .btn.btn-md:first-of-type {
  border-radius: 3px 0 0 3px;
}
.btn-group.select-area .btn.btn-md:last-of-type {
  border-radius: 0 3px 3px 0;
  width: 89px;
}
.btn-group.select-area .btn.btn-md:hover {
  background-color: #d2f0ff;
}
.btn-group.select-area .btn.btn-md.active {
  position: relative;
  margin-left: 0;
  padding-left: 10px;
  border-color: #2073db;
  background-color: #2073db;
  color: #fff;
  font-weight: bold;
  z-index: 1;
}
.btn-group.select-area .btn.btn-md.active > .fe-check {
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -6px;
}
.btn-group.select-area .btn.btn-md:not(.active) .fe-check {
  display: none;
}
.btn-group.select-area .btn.btn-md[disabled] {
  border-color: #ccc;
  background-color: #ccc;
  color: #fff;
  cursor: default;
}

/* 検索ボタン */
.search-route-submit-wrap .btn-warning,
.search-trip-submit-wrap .btn-warning {
  width: 220px;
  height: 30px;
  margin: 0 auto;
  padding: 4px 12px;
  font-size: 16px;
}

.sidebar-cell .search-route-submit-wrap .btn-warning,
.sidebar-cell .search-trip-submit-wrap .btn-warning {
  width: 180px;
  height: 30px;
  padding: 4px 12px;
  font-size: 16px;
}

/* テキストリンク */
.text-link.table-horizontal {
  display: table;
  width: 100%;
  height: 36px;
  margin: 0;
}
.text-link.table-horizontal > li {
  position: relative;
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.text-link.table-horizontal > li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
}
.text-link.table-horizontal > li:nth-child(1) {
  width: 34.47%;
}
.text-link.table-horizontal > li:nth-child(1) a, .text-link.table-horizontal > li:nth-child(1):after {
  width: 90.45%;
}
.text-link.table-horizontal > li:nth-child(2) {
  width: 34.47%;
}
.text-link.table-horizontal > li:nth-child(2) a, .text-link.table-horizontal > li:nth-child(2):after {
  width: 90.45%;
}
.text-link.table-horizontal > li:nth-child(3) {
  width: 31.16%;
}
.text-link.table-horizontal > li:nth-child(3) a, .text-link.table-horizontal > li:nth-child(3):after {
  width: 100.00%;
}
.text-link.table-horizontal > li > a {
  display: table;
  height: 100%;
  padding: 9px 0 7px;
  border-bottom: 0;
  font-size: 13px;
}
.text-link.table-horizontal > li > a span {
  display: table-cell;
  font-size: 13px;
  vertical-align: middle;
  word-break: break-all;
}
.text-link.table-horizontal.no-border li:after {
  display: none;
}
.text-link.table-horizontal.bordered-tp li > a {
  border-top: 1px solid #e5e5e5;
}

/* table */
/* 列車ごとの発着時間と料金表 */
.table-fare-and-time {
  width: 100%;
}
.table-fare-and-time tr {
  border-bottom: 1px solid #e5e5e5;
}
.table-fare-and-time tr:nth-child(n+2) {
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.table-fare-and-time tr th {
  padding: 4px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.table-fare-and-time tr .th-train-name {
  width: 124px;
}
.table-fare-and-time tr .th-dep-time {
  width: 54px;
}
.table-fare-and-time tr .th-arr-time {
  width: 54px;
}
.table-fare-and-time tr .th-required-time {
  width: 90px;
}
.table-fare-and-time tr .th-total-fare {
  width: 90px;
}
.table-fare-and-time tr .th-fare01 {
  width: 81px;
}
.table-fare-and-time tr .th-fare02 {
  width: 81px;
}
.table-fare-and-time tr .th-seat {
  width: 114px;
}
.table-fare-and-time tr td {
  padding: 8px;
  border-left: 1px solid #e5e5e5;
  font-size: 12px;
}
.table-fare-and-time tr td:first-child {
  border-left: 0;
}
.table-fare-and-time tr .td-train-name,
.table-fare-and-time tr .td-dep-time,
.table-fare-and-time tr .td-arr-time,
.table-fare-and-time tr .td-total-fare {
  font-weight: bold;
}

.no-padding .restables {
  padding: 15px 20px;
}

/* 運行情報 */
.table-operating {
  border: 1px solid #e5e5e5;
}
.table-operating tr {
  border-top: 1px solid #e5e5e5;
}
.table-operating tr:first-child {
  border-top: 0;
}
.table-operating tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  padding: 8px 15px 8px 20px;
  border-right: 1px solid #e5e5e5;
  background-color: #f0fbff;
  font-weight: bold;
  vertical-align: middle;
}
.table-operating tr td {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 488px;
  padding: 8px 15px 8px 20px;
  line-height: 1.384;
  vertical-align: middle;
}
.table-operating tr td .text {
  margin-bottom: 0;
}
.table-operating tr td .provider {
  color: #999999;
  font-size: 12px;
}

/* tabmenu type05 */
.tab-wrap.type05 .tab-menu, .tab-wrap.type06 .tab-menu {
  position: relative;
  /*background-color: #f2f2f2;*/
  z-index: 1;
}
.tab-wrap.type05 .tab-menu:after, .tab-wrap.type06 .tab-menu:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #2073db;
  z-index: 3;
}
.tab-wrap.type05 .tab-menu ul, .tab-wrap.type06 .tab-menu ul {
  margin: 0;
}
.tab-wrap.type05 .tab-menu li, .tab-wrap.type06 .tab-menu li {
  float: left;
  display: inline-block;
  width: 200px;
  margin: 0 0 0 10px;
  border: 1px solid #ccc;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
  font-size: 13px;
  line-height: 1.38462;
  color: #1b6bcf;
  text-align: center;
}
.tab-wrap.type05 .tab-menu li:first-child, .tab-wrap.type06 .tab-menu li:first-child {
  margin-left: 0;
}
.tab-wrap.type05 .tab-menu li:hover, .tab-wrap.type06 .tab-menu li:hover {
  background-color: #d2f0ff;
}
.tab-wrap.type05 .tab-menu li.active, .tab-wrap.type06 .tab-menu li.active {
  border-color: #2073db;
  background-color: #2073db;
  font-weight: bold;
  color: #fff;
}
.tab-wrap.type05 .tab-menu li.active a, .tab-wrap.type06 .tab-menu li.active a {
  cursor: default;
}
.tab-wrap.type05 .tab-menu li a {
  display: block;
  padding: 7px 5px 5px;
  color: inherit;
  text-decoration: none;
}
.tab-wrap.type05 .tab-content {
  padding: 20px 19px;
  background-color: #fff;
}
.tab-wrap.type05 .tab-content .tab-content-inner:not(.active), .tab-wrap.type06 .tab-content .tab-content-inner:not(.active)  {
  display: none;
}

/* tabmenu type06 */
.tab-wrap.type06 .select-condition.in-box {
  margin: 0;
}
.tab-wrap.type06 .selected-condition-form-wrap {
  margin: 0;
}
.tab-wrap.type06 .select-condition {
  border: none;
}
.tab-wrap.type06 .tab-menu li a {
  display: block;
  height: 45px;
  font-size: 19px;
  color: inherit;
  line-height: 45px;
  text-decoration: none;
}
.tab-wrap.type06 .tab-menu li.line-break a {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 1px;
  padding: 5px 0;
}
.tab-wrap.type06 .tab-menu:after {
  background-color: #ccc;
}

.feis-calendar::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.main-content-cell,
.sidebar-cell {
  /* フォーム */
}
.main-content-cell .form-control,
.sidebar-cell .form-control {
  height: 30px;
  font-size: 13px !important;
}
.main-content-cell .feis-calendar,
.sidebar-cell .feis-calendar {
  width: 34px;
  height: 28px;
  margin-top: -2px;
}
.main-content-cell .feis-calendar:before,
.sidebar-cell .feis-calendar:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main-content-cell .btn-calendar,
.sidebar-cell .btn-calendar {
  height: 30px;
  padding: 0;
}
.main-content-cell .calendar-wrap > input,
.sidebar-cell .calendar-wrap > input {
  top: 0;
  width: 36px;
  height: 30px;
  z-index: 1;
}
.main-content-cell .calendar-wrap > input:hover,
.sidebar-cell .calendar-wrap > input:hover {
  cursor: pointer;
}
.main-content-cell .calendar-wrap > input:hover ~ .btn-calendar,
.main-content-cell .calendar-wrap > input:hover ~ .btn-calendar > span,
.sidebar-cell .calendar-wrap > input:hover ~ .btn-calendar,
.sidebar-cell .calendar-wrap > input:hover ~ .btn-calendar > span {
  background-color: #d2f0ff;
  text-decoration: none;
  color: #1b6bcf;
}
.main-content-cell .table-condensed tbody td,
.sidebar-cell .table-condensed tbody td {
  border: 1px solid #ccc;
  border-radius: 0;
}
.main-content-cell .table-condensed tbody td.active,
.sidebar-cell .table-condensed tbody td.active {
  background-color: #2073db;
}
.main-content-cell .table-condensed tbody td.active:before,
.sidebar-cell .table-condensed tbody td.active:before {
  bottom: 1px;
  right: 1px;
}
.main-content-cell .table-condensed tbody td.day:hover,
.sidebar-cell .table-condensed tbody td.day:hover {
  background-color: #d2f0ff;
}
.main-content-cell .table-condensed .prev,
.main-content-cell .table-condensed .next,
.sidebar-cell .table-condensed .prev,
.sidebar-cell .table-condensed .next {
  display: block;
  width: 30px;
  height: 22px;
  margin-top: 4px;
  padding: 2px 0;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #1b6bcf;
}
.main-content-cell .table-condensed .next,
.sidebar-cell .table-condensed .next {
  margin: 4px -10px 0 10px;
}
.main-content-cell .bootstrap-datetimepicker-widget table tbody tr:first-child td a, .main-content-cell .bootstrap-datetimepicker-widget table tbody tr:last-child td a,
.sidebar-cell .bootstrap-datetimepicker-widget table tbody tr:first-child td a,
.sidebar-cell .bootstrap-datetimepicker-widget table tbody tr:last-child td a {
  border: none;
}
.main-content-cell .bootstrap-datetimepicker-widget table thead tr:first-child th.prev > .fe,
.main-content-cell .bootstrap-datetimepicker-widget table thead tr:first-child th.next > .fe,
.sidebar-cell .bootstrap-datetimepicker-widget table thead tr:first-child th.prev > .fe,
.sidebar-cell .bootstrap-datetimepicker-widget table thead tr:first-child th.next > .fe {
  border: none;
}
.main-content-cell .picker-switch .table-condensed,
.sidebar-cell .picker-switch .table-condensed {
  width: 140px;
  margin: 10px auto;
}
.main-content-cell .picker-switch .table-condensed td a:hover,
.sidebar-cell .picker-switch .table-condensed td a:hover {
  background-color: #d2f0ff;
}
.main-content-cell .picker-switch .table-condensed td:nth-of-type(2) a .fe,
.sidebar-cell .picker-switch .table-condensed td:nth-of-type(2) a .fe {
  margin: 0;
  height: 30px;
  line-height: 26px;
  color: #333;
}
.main-content-cell .picker-switch .table-condensed td:nth-of-type(2) a .fe:hover,
.sidebar-cell .picker-switch .table-condensed td:nth-of-type(2) a .fe:hover {
  background-color: transparent;
}
.main-content-cell .picker-switch .table-condensed td:nth-of-type(2) a .fe:after,
.sidebar-cell .picker-switch .table-condensed td:nth-of-type(2) a .fe:after {
  content: "閉じる";
}
.main-content-cell .form-group,
.sidebar-cell .form-group {
  margin-bottom: 10px;
}
.main-content-cell .search-trip hr,
.sidebar-cell .search-trip hr {
  margin: 10px 0;
}

.sidebar-cell .search-route-time .form-group-search-route-date .year-wrap {
  width: 88px;
}
.sidebar-cell .search-route-time .form-group-search-route-date .year {
  width: 80px;
}

.search-route-time .form-group-search-route-date .month-wrap,
.search-route-time .form-group-search-route-date .day-wrap {
  width: 68px;
}
.search-route-time .form-group-search-route-date .month,
.search-route-time .form-group-search-route-date .day {
  width: 60px;
}
.search-route-time .form-group-search-route-time .hour,
.search-route-time .form-group-search-route-time .minute {
  width: 66px;
  margin-right: 3px;
}
.search-route-time .form-group-search-route-time .current-time {
  padding-left: 6px;
}

.search-trip .form-group.number-of-people > label {
  float: left;
  width: 60px;
  margin: 6px 0;
}
.search-trip .form-group.number-of-rooms > label {
  width: auto;
  margin: 6px 0 6px 8px;
}
.search-trip .trip-types > .btn {
  width: 87px;
}
.search-trip .trip-types > .btn:first-child {
  width: 88px;
}

/* 画像 */
.feis-clock {
  width: 21px;
  height: 21px;
  margin-top: -3px;
}

/* ------------------------------------
  * wrap
* ------------------------------------ */
.layout-basic {
  /* メイン */
  /* サイド */
}
.layout-basic .col-2-left {
  width: 728px;
  width: 730px;
}
.layout-basic .col-2-right {
  overflow: visible;
}
.layout-basic .sidebar-ad-item {
  width: 300px;
  height: auto;
}

.layout-basic {
  /* サイド(コンテナ一式) */
}
.layout-basic .sidebar-cell {
  padding: 20px 16px;
}
.layout-basic .sidebar-cell.bordered .square {
  margin: -20px -16px 20px -16px;
}
.layout-basic .sidebar-cell.no-padding {
  padding: 0;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .via-my-station {
  height: 26px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .my-station {
  height: 30px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-left {
  width: 20px;
  margin: 3px 1px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-left .replace {
  width: auto;
  font-size: 19px;
  line-height: 0;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-left .replace .fe {
  margin: 0;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-right {
  width: 230px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-right .via-label-wrap {
  width: 36px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-right .via-input-wrap {
  width: 122px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .via-right .via-add-wrap {
  width: 30px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-goto .form-group-via .form-control {
  height: 26px;
}
.layout-basic .sidebar-cell .search-route-sidebar .search-route-time .form-group-search-route-type > button {
  width: 64px;
}

.search-route-sidebar .search-route-goto .form-group-departure,
.search-route-sidebar .search-route-goto .form-group-arrival,
.search-route-sidebar .search-route-goto .form-group-via {
  width: 100%;
}
.search-route-sidebar .search-route-goto .form-group-departure .form-control,
.search-route-sidebar .search-route-goto .form-group-arrival .form-control,
.search-route-sidebar .search-route-goto .form-group-via .form-control {
  padding: 4px 6px;
  font-size: 13px;
}
.search-route-sidebar .search-route-goto .form-group-departure .label,
.search-route-sidebar .search-route-goto .form-group-arrival .label {
  width: 46px;
  padding: 0;
  font-size: 13px;
}
.search-route-sidebar .search-route-goto .form-group-departure .form-control,
.search-route-sidebar .search-route-goto .form-group-arrival .form-control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 176px;
}
.search-route-sidebar .search-route-goto .form-group-departure .my-station,
.search-route-sidebar .search-route-goto .form-group-arrival .my-station {
  position: relative;
}
.search-route-sidebar .search-route-goto .form-group-departure .my-station .fe,
.search-route-sidebar .search-route-goto .form-group-arrival .my-station .fe {
  position: absolute;
  top: 0;
  left: 10px;
  margin-top: 4px;
}
.search-route-sidebar .search-route-goto .form-group-via .label {
  width: 36px;
  height: 26px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}
.search-route-sidebar .search-route-goto .form-group-via .via-my-station {
  position: relative;
}
.search-route-sidebar .search-route-goto .form-group-via .via-my-station .fe {
  position: absolute;
  top: 0;
  left: 10px;
  margin-top: 2px;
}
.search-route-sidebar .search-route-goto .form-group-via .via-add {
  font-size: 16px;
}
.search-route-sidebar .search-route-goto .form-group-via .via-add .fe {
  margin: 3px 5px 0 8px;
}

.search-trip .form-group.start > label,
.search-trip .form-group.goal > label,
.search-trip .form-group.prefecture > label {
  float: left;
  width: 48px;
  margin: 6px 0;
}
.search-trip .form-group.start > select,
.search-trip .form-group.goal > select,
.search-trip .form-group.prefecture > select {
  float: left;
  width: 212px;
}

.sidebar-cell.sidebar-news {
  background-color: #fff;
}
.sidebar-cell.sidebar-news > ul {
  margin: 0;
}
.sidebar-cell.sidebar-news > ul > li {
  padding: 12px 0;
}

/* ----- site-header ----- */
/* ヘッダー */
.layout-basic > .container > .header-wrap,
.layout-responsive > .container > .header-wrap {
  width: 1120px;
  margin: 0 auto;
}
.layout-basic > .container > .header-wrap .header-inner,
.layout-responsive > .container > .header-wrap .header-inner {
  height: 56px;
  overflow: hidden;
}
.layout-basic > .container > .header-wrap .title-info,
.layout-responsive > .container > .header-wrap .title-info {
  float: left;
  width: 550px;
  margin: 12px 0 0 1px;
}
.layout-basic > .container > .header-wrap .title-info a,
.layout-responsive > .container > .header-wrap .title-info a {
  display: inline;
  margin: 0;
}
.layout-basic > .container > .header-wrap .title-info .text,
.layout-responsive > .container > .header-wrap .title-info .text {
  font-size: 14px;
}
.layout-basic > .container > .header-wrap .header-account,
.layout-responsive > .container > .header-wrap .header-account {
  margin-top: 5px;
  overflow: hidden;
}
.layout-basic > .container > .header-wrap .header-account ul,
.layout-responsive > .container > .header-wrap .header-account ul {
  list-style: none;
  display: table;
  height: 41px;
  float: right;
}
.layout-basic > .container > .header-wrap .header-account li,
.layout-responsive > .container > .header-wrap .header-account li {
  display: table-cell;
  font-weight: bold;
  vertical-align: bottom;
}
.layout-basic > .container > .header-wrap .header-account li.name,
.layout-responsive > .container > .header-wrap .header-account li.name {
  max-width: 260px;
}
.layout-basic > .container > .header-wrap .header-account li::before,
.layout-responsive > .container > .header-wrap .header-account li::before {
  display: inline-block;
  border-left: 1px solid #ccc;
  content: "";
  width: 0;
  height: 16px;
  margin-left: 11px;
  padding-left: 10px;
}
.layout-basic > .container > .header-wrap .header-account li:first-child::before,
.layout-responsive > .container > .header-wrap .header-account li:first-child::before {
  border-left: 0;
}
.layout-basic > .container > .header-wrap .header-account a,
.layout-responsive > .container > .header-wrap .header-account a {
  font-weight: normal;
  color: #333;
}
.layout-basic > .container > .header-wrap .header-account a:hover,
.layout-responsive > .container > .header-wrap .header-account a:hover {
  color: #1b6bcf;
  text-decoration: underline;
}
.layout-basic > .container > .header-wrap .header-account a:hover .fe,
.layout-responsive > .container > .header-wrap .header-account a:hover .fe {
  text-decoration: none;
}
.layout-basic > .container > .header-wrap .header-account .fe,
.layout-responsive > .container > .header-wrap .header-account .fe {
  font-size: 16px;
  color: #66a93c;
  font-weight: normal;
  padding-right: 3px;
  vertical-align: -2px;
}
.layout-basic > .container > .header-wrap .header-account .fe:before,
.layout-responsive > .container > .header-wrap .header-account .fe:before {
  line-height: 0;
}

/* ロゴ */
.logo-wrap {
  float: left;
  overflow: hidden;
  width: 150px;
  margin: 0 0 0 2px;
}
.logo-wrap .logo {
  display: block;
  text-indent: -300px;
  margin: 9px 0;
  background-image: url(../img/sprite.png?15116279);
  background-position: -400px -92px;
  width: 125px;
  height: 39px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .logo-wrap .logo {
    background-image: url(../img/sprite@2x.png?15116279);
    background-size: 600px 784px;
  }
}

/* パンくず */
.breadcrumb {
  margin-bottom: 3px !important;
  margin-left: 30px !important;
  padding: 0;
  background: transparent;
  font-size: 11px;
  line-height: 1.90909;
}
.breadcrumb > li + li::before {
  content: ">";
  font-size: 120%;
  color: #333;
}
.breadcrumb > li.active {
  color: #333;
}
.breadcrumb h1 {
  display: inline;
  margin: 0;
  background-image: none !important;
  font-size: 11px;
  font-weight: normal;
  line-height: inherit;
}

/* グローバルナビ */
.global-nav-wrap {
  height: 38px;
}
.global-nav-wrap .global-nav {
  height: 38px;
}
.global-nav-wrap .global-nav .global-nav-inner {
  height: 34px;
}
.global-nav-wrap .global-nav .global-nav-nav > ul > li {
  height: 34px;
}
.global-nav-wrap .global-nav .global-nav-nav > ul > li > a {
  height: 34px;
  padding: 6px 9px 0;
}
.global-nav-wrap .global-nav .global-nav-nav > ul > li > a + ul.dropdown-menu {
  top: 36px;
}

/* パンくず */
.breadcrumb {
  margin-bottom: 8px;
  border-radius: 0;
}
.breadcrumb li {
  font-size: 11px;
}

.layout-basic.result .breadcrumb {
  width: 1120px;
  margin: 0 auto 10px;
}

/* ----- site-footer ----- */
.layout-basic .footer-wrap .footer-nav {
  margin-top: 20px;
}

/* デバイス切替ボタン */
.footer-change-devise-wrap {
  text-align: center;
  margin-bottom: 10px;
}

.footer-change-devise {
  display: inline-block;
}
.footer-change-devise .footer-change-devise .index {
  display: inline;
}
.footer-change-devise ul {
  display: inline-block;
  background: #f7f7f7;
  padding: 5px 10px;
  line-height: 1em;
  margin-bottom: 0;
}
.footer-change-devise ul li {
  display: inline;
}
.footer-change-devise ul li + li {
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
}

/* ページトップへボタン */
.pagetop-wrap .pagetop-inner {
  width: 1120px;
  margin: 0 auto;
  text-align: right;
}
.pagetop-wrap .pagetop-inner .pagetop {
  display: inline-block;
  margin-bottom: 20px;
  padding: 7px 16px 6px;
  border-radius: 3px;
  background-color: #465879;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.pagetop-wrap .pagetop-inner .pagetop:hover {
  background-color: #a1aec8;
  cursor: pointer;
}
.pagetop-wrap .pagetop-inner .pagetop .fe:before {
  padding-right: 5px;
  vertical-align: middle;
  font-size: 22px;
}

.layout-basic.result.train > .container > .body-wrap {
  padding-bottom: 10px;
}
.layout-basic.result.train .pagetop-wrap {
  margin-bottom: 20px;
  background-color: #f2f2f2;
}

/* ------------------------------------
  * pagelayout
* ------------------------------------ */
/* ----- 01_pc line.html ----- */
/* 路線エリア */
.content-line .line-types {
  position: relative;
  margin: 0 0 15px;
  padding-left: 10px;
  /* 並び順を変更ボタン */
}
.content-line .line-types .btn {
  padding: 3px 10px 2px;
}
.content-line .line-types .btn-change {
  position: absolute;
  top: 0;
  right: 0;
}
.content-line div .td-line-color {
  width: 4px;
  vertical-align: top;
}
.content-line div .td-line-color:before {
  top: 10px !important;
  left: -7px !important;
  width: 18px !important;
  height: 18px !important;
}
.content-line > div .td-station-name {
  width: 275px;
  padding-bottom: 10px;
  vertical-align: top;
  word-break: break-all;
}
.content-line > div .td-station-name .name {
  font-size: 14px;
}
.content-line > div .td-station-name .name span {
  font-size: 10px;
}
.content-line > div .td-station-name .kana {
  padding-bottom: 0;
  font-size: 10px;
}
.content-line > div .td-station-name .btn-group-simple-links {
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 17px;
}
.content-line > div .td-station-name .btn-group-simple-links a {
  font-size: 12px;
}
.content-line .td-details {
  width: 401px;
  vertical-align: top;
}
.content-line .td-details .td-types {
  vertical-align: top;
}
.content-line .td-details .td-types > span {
  font-size: 12px;
}
.content-line .td-details .td-types > span.r1.with-text {
  color: #333333;
}
.content-line .td-details .td-types > span.r2.with-text {
  color: #ee7d3b;
}
.content-line .td-details .td-types > span.r3.with-text {
  color: #ff0033;
}
.content-line .td-details .td-types > span.r4.with-text {
  color: #fe9a3e;
}
.content-line .td-details .td-transfer .label-wrap {
  top: 10px;
}
.content-line .td-details .td-transfer .links {
  *zoom: 1;
}
.content-line .td-details .td-transfer .links:before, .content-line .td-details .td-transfer .links:after {
  content: "";
  display: table;
}
.content-line .td-details .td-transfer .links:after {
  clear: both;
}
.content-line .td-details .td-transfer .links a {
  float: left;
  display: block;
  width: 33.33%;
  margin-bottom: 10px;
}
.content-line .td-details .td-transfer .links a:nth-child(3n) {
  width: 33.34%;
}
.content-line .td-details > table > tbody > tr:last-child td {
  padding-bottom: 10px;
}
.content-line .line-departure {
  /* 出発駅 */
}
.content-line .line-departure .td-line-color:before {
  top: -2px !important;
}
.content-line .line-departure .td-station-name,
.content-line .line-departure .td-details {
  padding-top: 0 !important;
}
.content-line .line-station,
.content-line .line-arrival {
  /* 途中駅と降車駅 */
}
.content-line .line-station .td-station-name,
.content-line .line-station .td-details,
.content-line .line-arrival .td-station-name,
.content-line .line-arrival .td-details {
  padding-top: 12px;
}
.content-line .line-arrival {
  /* 降車駅 */
}
.content-line .line-arrival table {
  height: 100%;
  min-height: 1px;
}
.content-line .line-arrival table .td-line-color {
  height: 100%;
}
.content-line .line-arrival table .td-line-color:after {
  width: 15px;
  height: 1000px;
  left: -5px;
  background-color: #f4f4f4;
}
.content-line .line-arrival table .td-line-color span {
  position: relative;
  display: block;
  height: 100%;
}
.content-line .line-arrival table .td-line-color span:after {
  content: '';
  position: absolute;
  top: 10px;
  display: block;
  width: 4px;
  height: 100%;
  background-color: #f4f4f4;
}

.line-moving {
  /* 所要時間 */
}
.line-moving .td-cost .cost {
  margin: 6px 0 5px;
}

.track-section-wrap {
  margin: 0 10px 15px;
}
.track-section-wrap > div span, .track-section-wrap > div a {
  float: left;
  padding: 0 10px;
  border-left: 1px solid #d9d9d9;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.0;
}
.track-section-wrap > div span:first-child, .track-section-wrap > div a:first-child {
  border: 0;
  padding-left: 0;
}
.track-section-wrap > div a {
  font-weight: normal;
}

/* ----- 02_pc components.html ----- */
.main-content-cell-inner.bordered {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e5e5e5;
}

table.line-cost td {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
}
table.line-cost .col2
.col3 span,
table.line-cost .col4 span {
  font-size: 16px;
}
table.line-cost .col4 {
  font-size: 13px;
}

/* サジェストコンテナ */
table.table-suggest {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  height: 100%;
  min-height: 1px;
  z-index: 2;
  border-collapse: separate;
  border-bottom: 1px solid #cccccc;
}
table.table-suggest > tbody > tr > td {
  border: 2px solid #ffffff !important;
}
table.table-suggest > tbody > tr > td.td-suggest {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  background-color: #f0f0f0;
  vertical-align: middle;
}
table.table-suggest > tbody > tr > td.td-suggest .td-suggest-inner {
  position: static;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  text-align: center;
  font-size: 20px;
  color: #1b6bcf;
}
table.table-suggest:hover > tbody > tr > td {
  border-color: #d2f0ff !important;
  background-color: #d2f0ff;
}
table.table-suggest:hover > tbody > tr > td.td-suggest {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  background-color: #f0f0f0;
}

table.table-suggest .td-suggest-inner,
table#result-candidate-charge .td-suggest-inner {
  background-color: transparent;
}
table.table-suggest .details-inner,
table#result-candidate-charge .details-inner {
  margin: 8px 0;
}
table.table-suggest .td-suggest-detail .min,
table.table-suggest .td-suggest-detail .max,
table#result-candidate-charge .td-suggest-detail .min,
table#result-candidate-charge .td-suggest-detail .max {
  font-size: 16px;
}
table.table-suggest .td-suggest-detail .start,
table.table-suggest .td-suggest-detail .arrow,
table.table-suggest .td-suggest-detail .end,
table#result-candidate-charge .td-suggest-detail .start,
table#result-candidate-charge .td-suggest-detail .arrow,
table#result-candidate-charge .td-suggest-detail .end {
  font-size: 13px;
}
table.table-suggest .td-suggest-attn,
table#result-candidate-charge .td-suggest-attn {
  padding-top: 4px;
}

table.table-suggest .td-one-way {
  font-size: 12px;
}
table.table-suggest .td-suggest-title .title {
  font-size: 13px;
}

.main-content-cell-footer-btn .btn {
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #1b6bcf;
}
.main-content-cell-footer-btn .btn:hover {
  background-color: #d2f0ff;
}
.main-content-cell-footer-btn .btn[disabled] {
  background-color: #eeeeee;
  color: #333333;
}

/* select-- 料金・時間 */
.change-date-wrap {
  margin: 20px 20px 0;
  padding: 16px;
  background-color: #e9e9e9;
}
.change-date-wrap .select-date-wrap .select-date {
  position: relative;
  display: inline-block;
  padding-right: 62px;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div {
  float: left;
  margin-right: 6px;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.year-wrap {
  width: 80px;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.month-wrap {
  width: 60px;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.day-wrap {
  width: 60px;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.calendar-wrap .btn-calender {
  padding: 2px 5px;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.calendar-wrap input[disabled] {
  cursor: not-allowed;
}
.change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.calendar-wrap input[disabled] + .btn, .change-date-wrap .select-date-wrap .select-date .form-group-search-route-date > div.calendar-wrap input[disabled]:hover ~ .btn-calendar > span {
  background-color: #eeeeee !important;
}
.change-date-wrap .select-date-wrap .btn-wrap {
  /* 変更ボタン */
}
.change-date-wrap .select-date-wrap .btn-wrap.type01 {
  margin: 0 0 0 6px;
}
.change-date-wrap .select-date-wrap .btn-wrap.type01 .btn {
  padding: 4px 10px;
  font-size: 13px;
}
.change-date-wrap .select-date-wrap .btn-wrap.type01 .btn[disabled], .change-date-wrap .select-date-wrap .btn-wrap.type01 .btn[disabled]:hover {
  background-color: #eeeeee;
  color: #333333;
}
.change-date-wrap .form-group-search-route-time {
  margin-top: 10px;
}
.change-date-wrap .form-group-search-route-time > div {
  float: left;
  margin-right: 10px;
}
.change-date-wrap .form-group-search-route-time > div.select-time-hour-wrap {
  width: 60px;
}
.change-date-wrap .form-group-search-route-time > div.select-train-wrap {
  width: 190px;
}
.change-date-wrap .form-group-search-route-time > div.select-seat-wrap {
  width: 190px;
}
.change-date-wrap select {
  height: 30px;
}

/* 路線選択 */
.select-route-wrap {
  text-align: center;
}
.select-route-wrap .form-control {
  border: none;
}
.select-route-wrap .select-route {
  position: relative;
  display: inline-block;
  width: 330px;
  height: 30px;
  margin: 0 auto;
  padding-left: 48px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}
.select-route-wrap .select-route .label {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 30px;
  background-color: #465879;
  padding: 0 10px;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.select-route-wrap .select-route .select-route-name {
  width: 100%;
  height: 28px;
  padding-left: 5px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 13px;
}
.select-route-wrap .select-route .select-route-name option {
  padding: 0 5px;
}
.select-route-wrap .select-route .select-route-name[disabled] {
  background-color: #eee;
  color: #bbb;
  cursor: not-allowed;
}

/* 発着駅選択 */
.select-arr-dep-wrap.type01 {
  width: 100%;
  margin: 0 auto 12px;
  text-align: center;
  font-size: 0;
}
.select-arr-dep-wrap.type01 .form-control {
  border: none;
}
.select-arr-dep-wrap.type01 .select-arr-dep {
  display: inline-block;
}
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep,
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr {
  float: left;
  position: relative;
  width: 284px;
  margin: 0 auto;
  padding-left: 48px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .label,
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .label {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  background-color: #798cb0;
  padding: 0;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .select-dep-station,
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .select-arr-station,
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .select-dep-station,
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .select-arr-station {
  width: 100%;
  padding-left: 5px;
  height: 28px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 13px;
}
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .select-dep-station option,
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .select-arr-station option,
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .select-dep-station option,
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .select-arr-station option {
  padding: 0 5px;
}
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .select-dep-station[disabled],
.select-arr-dep-wrap.type01 .select-arr-dep .select-dep .select-arr-station[disabled],
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .select-dep-station[disabled],
.select-arr-dep-wrap.type01 .select-arr-dep .select-arr .select-arr-station[disabled] {
  background-color: #eee;
  color: #bbb;
  cursor: not-allowed;
}
.select-arr-dep-wrap.type01 .select-arr-dep .replace {
  float: left;
  width: 20px;
  height: 30px;
  margin: 0 10px;
  text-align: center;
  background-color: transparent;
  padding: 0;
  border: none;
}
.select-arr-dep-wrap.type01 .select-arr-dep .replace .fe {
  cursor: pointer;
}
.select-arr-dep-wrap.type01 .select-arr-dep .replace .fe:before {
  vertical-align: middle;
  font-size: 20px;
  color: #1b6bcf;
}
.select-arr-dep-wrap.type01 .select-arr-dep .replace:hover .fe:before {
  color: #66cbff;
}
.select-arr-dep-wrap.type01 .select-arr-dep .replace[disabled] .fe {
  cursor: not-allowed;
}
.select-arr-dep-wrap.type01 .select-arr-dep .replace[disabled] .fe:before {
  color: #d2d2d2;
}
.select-arr-dep-wrap.type03 {
  margin: 0 auto;
  text-align: right;
}
.select-arr-dep-wrap.type03 .form-control {
  border: none;
}
.select-arr-dep-wrap.type03 .select-arr-dep {
  display: inline-block;
}
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep,
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr {
  display: inline-block;
  position: relative;
  width: 330px;
  padding-left: 48px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .label,
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .label {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 30px;
  background-color: #465879;
  padding: 0;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .select-dep-station,
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .select-arr-station,
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .select-dep-station,
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .select-arr-station {
  width: 100%;
  height: 28px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 13px;
}
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .select-dep-station option,
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .select-arr-station option,
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .select-dep-station option,
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .select-arr-station option {
  padding: 0 5px;
}
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .select-dep-station[disabled],
.select-arr-dep-wrap.type03 .select-arr-dep .select-dep .select-arr-station[disabled],
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .select-dep-station[disabled],
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr .select-arr-station[disabled] {
  background-color: #eee;
  color: #bbb;
  cursor: not-allowed;
}
.select-arr-dep-wrap.type03 .select-arr-dep .select-arr {
  margin-top: 10px;
}
.select-arr-dep-wrap.type03 .select-route {
  position: relative;
  display: inline-block;
  width: 330px;
  height: 30px;
  margin: 10px auto 0;
  padding-left: 48px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.select-arr-dep-wrap.type03 .select-route .label {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 30px;
  background-color: #465879;
  padding: 0 10px;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.select-arr-dep-wrap.type03 .select-route .select-route-name {
  width: 100%;
  height: 28px;
  padding-left: 5px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 13px;
}
.select-arr-dep-wrap.type03 .select-route .select-route-name option {
  padding: 0 5px;
}
.select-arr-dep-wrap.type03 .select-route .select-route-name[disabled] {
  background-color: #eee;
  color: #bbb;
  cursor: not-allowed;
}

.search-inner.type02 {
  margin-top: 20px;
}
.search-inner.type02 .search-content {
  display: table;
  margin-bottom: 20px;
}
.search-inner.type02 .search-content .search-content-left,
.search-inner.type02 .search-content .search-content-right {
  display: table-cell;
  vertical-align: top;
}
.search-inner.type02 .search-content .search-content-left {
  width: 380px;
  padding-right: 30px;
}
.search-inner.type02 .search-content .search-content-left > div {
  float: none;
  margin: 0 0 10px;
  *zoom: 1;
}
.search-inner.type02 .search-content .search-content-left > div:last-child {
  margin-bottom: 0 !important;
}
.search-inner.type02 .search-content .search-content-left > div:before, .search-inner.type02 .search-content .search-content-left > div:after {
  content: '';
  display: table;
}
.search-inner.type02 .search-content .search-content-left > div:after {
  clear: both;
}
.search-inner.type02 .search-content .search-content-right {
  width: 307px;
  padding: 0 20px 0 30px;
  border-left: 1px solid #d2d2d2;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date > div {
  float: left;
  margin-right: 6px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date > div.year-wrap {
  width: 80px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date > div.month-wrap {
  width: 60px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date > div.day-wrap {
  width: 60px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date > div.calendar-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  margin-right: 0;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-date > div.calendar-wrap .btn-calender {
  padding: 2px 5px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time {
  margin-bottom: 10px;
  *zoom: 1;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time:last-child {
  margin-bottom: 0 !important;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time:before, .search-inner.type02 .search-content .search-content-right .form-group-search-route-time:after {
  content: '';
  display: table;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time .hour, .search-inner.type02 .search-content .search-content-right .form-group-search-route-time .minute {
  float: left;
  width: auto;
  margin-right: 6px;
  padding-top: 0;
  padding-bottom: 0;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time a {
  display: inline-block;
  height: 28px;
  line-height: 30px;
  vertical-align: middle;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time a .fe {
  width: 18px;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-time a .fe:before {
  font-size: 16px;
  line-height: 0;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-type {
  display: inline-block;
  vertical-align: middle;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-type .btn {
  float: left;
  min-width: 64px;
  height: 26px;
  padding: 2px 10px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px;
  color: #1b6bcf;
  text-align: center;
  outline: none;
}
.search-inner.type02 .search-content .search-content-right .form-group-search-route-type .btn.active {
  border-color: #2073db;
  background-color: #2073db;
  color: #fff;
  font-weight: bold;
}
.search-inner.type02 .search-content .search-trip-submit-wrap {
  clear: both;
  padding-top: 20px;
}

.accordion.type01 {
  margin: 100%;
  margin: 5px 21px 0;
}
.accordion.type01 .accordion-menu {
  margin: 0 0 -16px;
  padding: 0 0 16px;
}
.accordion.type01 .accordion-menu a {
  font-size: 14px;
}
.accordion.type01 .accordion-menu a .fe:before {
  padding-right: 5px;
  vertical-align: middle;
}
.accordion.type01 .accordion-content {
  display: none;
  margin: 0 0 20px;
  padding: 13px 20px;
  background-color: #e9e9e9;
}

.main-content-cell .form-group-search-route-date > div {
  float: left;
  margin-right: 6px;
}
.main-content-cell .form-group-search-route-date > div.year-wrap {
  width: 80px;
}
.main-content-cell .form-group-search-route-date > div.month-wrap {
  width: 60px;
}
.main-content-cell .form-group-search-route-date > div.day-wrap {
  width: 60px;
}
.main-content-cell .form-group-search-route-date > div.calendar-wrap {
  margin-right: 0;
}
.main-content-cell .form-group-search-route-date > div.calendar-wrap .btn-calender {
  padding: 2px 5px;
}

/* 新幹線 + ホテル */
.train-and-hotel li a .hotel-name {
  margin-bottom: 10px;
  font-size: 13px;
}
.train-and-hotel li a .data-wrap .texts-wrap {
  vertical-align: top;
}
.train-and-hotel li a .data-wrap .texts-wrap .description {
  display: block;
}
.train-and-hotel li a .data-wrap .texts-wrap .square-text {
  font-size: 12px;
}
.train-and-hotel li a .data-wrap .texts-wrap .fee-range .min, .train-and-hotel li a .data-wrap .texts-wrap .fee-range .max {
  font-size: 20px;
}

/* ランキングコンテナ */
.ranking {
  width: 100%;
}
.ranking .left,
.ranking .right {
  width: 50%;
}
.ranking .left > ul {
  margin-right: 28px;
}
.ranking li {
  border-bottom: 1px solid #e5e5e5;
}
.ranking li:nth-child(-n+3) .rank-icon {
  width: 20px;
  height: 20px;
  margin-top: -12px;
}
.ranking li > a {
  position: relative;
  display: table;
  width: 100%;
  height: 30px;
  padding: 2px 0 0;
}
.ranking li > a > span {
  display: table-cell;
  vertical-align: middle;
}
.ranking li > a > span.rank-icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 18px;
  margin-top: -9px;
}
.ranking li > a > span.rank-icon:before {
  margin-left: 0;
  position: relative;
}
.ranking li > a > span.text {
  padding-left: 30px;
}
/*　20171228 編集追加　*/
.link-wrap.type02 ul {
  display: table;
  width: 100%;
  height: 36px;
  margin: 0;
}

.link-wrap.type02 ul li {
  position: relative;
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  border: 0;
  box-sizing: border-box;
}

.link-wrap.type02 ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
}

.link-wrap.type02 ul li:empty:after {
  background-color: transparent;
}

.link-wrap.type02 ul li:nth-child(1) {
  width: 34.47%;
}

.link-wrap.type02 ul li:nth-child(2) {
  width: 34.47%;
}

.link-wrap.type02 ul li:nth-child(3) {
  width: 31.16%;
}

.link-wrap.type02 ul li:nth-child(1) a, .link-wrap.type02 ul li:nth-child(1):after {
  width: 90.45%;
}

.link-wrap.type02 ul li:nth-child(2) a, .link-wrap.type02 ul li:nth-child(2):after {
  width: 90.45%;
}

.link-wrap.type02 ul li:nth-child(3) a, .link-wrap.type02 ul li:nth-child(3):after {
  width: 100.00%;
}

.link-wrap.type02 ul li a {
  display: table;
  height: 100%;
  padding: 9px 0 7px;
}

.link-wrap.type02 ul li a span {
  display: table-cell;
  font-size: 13px;
  vertical-align: middle;
  word-break: break-all;
}
.link-wrap.type02.col1 ul li {
  position: relative;
  float: none;
  display: block;
  vertical-align: middle;
  width: 100%;
  height: initial;
  border: 0;
  box-sizing: border-box;
}
.link-wrap.type02.col1 ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
  width: 100%;
}
.link-wrap.type02.col1 ul li a {
  width: 100%;
}
.link-wrap.type03 {
  margin: 8px 0;
}

.link-wrap.type03 .link {
  position: relative;
  margin: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 1.66667;
}
.link-wrap.type03 .link + .link {
  padding-right: 0;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}
.link-wrap.type03 .link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/transit/pc/img/sprite/sprite.png);
  background-position: -455px -272px;
  width: 17px;
  height: 17px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .link-wrap.type03 .link:before {
    background-image: url(/transit/pc/img/sprite/sprite@2x.png);
    background-size: 475px 434px;
    background-position: 21px -272px;
  }
}
.link-wrap.type03 .link + .link:before {
    content: none;
}
/*==================================================
  関連サービス -20180111編集追加
==================================================*/
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px!important;}
.no-margin {margin: 0!important;}
#related-services {
  background: #fff;
  padding: 0 0 20px;
}
.result.train.ja #related-services {
  padding: 20px;
  border-bottom: 1px solid #ccc;
}
#related-services h2 {
  margin-bottom: 0;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 8px;
  font-size: 15px;
}
#related-services h2::before {
  border-left: 4px solid #2073db;
  content: "";
  padding-right: 6px;
}
#related-services ul {
  display: table;
  width: 100%;
  height: 36px;
  margin: 0;
  list-style: none;
  padding: 0;
}
#related-services ul li {
  position: relative;
}
#related-services ul li a {
  width: 100%;
  display: table;
  height: 100%;
  padding: 9px 0 7px;
}
#related-services ul li a span {
  display: table-cell;
  word-break: break-all;
}
#related-services ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
  width: 100%;
}
/*==================================================
  T-2リンクデザイン -20180116編集追加
==================================================*/
.result-route .info-wrap.type02.travel-info {
  margin: 10px 10px 0!important;
  width: 708px;
}
.info-wrap.type02 {
  margin-top: 10px;
  background: #fff;
}
.info-wrap.type02.travel-info {
  margin: 10px 10px -10px;
}
.result.train.ja .info-wrap.type02.travel-info {
  margin: 10px 0 10px;
}
.info-wrap.type02 .info {
  padding: 8px 16px;
  border: 2px solid #e5e5e5;
}
.info-wrap.type02 .info .text {
  display: block;
  position: relative;
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.69231;
  color: #1b6bcf;
}
.info-wrap.type02 .info .text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.35em;
  left: 0;
  margin-top: 0;
  background-image: url(../img/sprite/sprite.png);
  background-position: -82px -337px;
  width: 15px;
  height: 13px;
}
.info-wrap.type02.travel-info .info .text:before {
  background-image: url(../img/sprite/sprite.png);
  background-position: -147px -336px;
  top: 2px;
  width: 15px;
  height: 15px;
}
/* ver.2 */
.info-wrap.type02.ver2 {
  background: #fcffd0;
}
/* ver.3 */
.info-wrap.type02.ver3 {
  background: #fcffd0;
}
.info-wrap.type02.ver3 a {
  color: #333;
}
.info-wrap.type02.ver3 a span {
  color: #ff8a0d;
}
/* ver.4 */
.info-wrap.type02.ver4.travel-info {
  background: #fffce1;
  border: none;
  padding: 0;
}
.info-wrap.type02.ver4.travel-info:hover {
  background: #fff9be;
}
.info-wrap.type02.ver4.travel-info a {
  padding: 8px 16px 8px 36px;
  display: block;
}
.info-wrap.type02.ver4.travel-info .text {
  padding-left: 0;
  position: relative;
}
.info-wrap.type02.ver4.travel-info .text:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 15px;
  /*background-image: url(../../img/sprite/sprite.png);*/
  background-image: url(../img/sprite/sprite.png);
  background-position: -147px -336px;
  width: 15px;
  height: 15px;
}
/* ver.5 */
.suggest-table.travel-info {
  margin: 10px 0;
}

.suggest-table.type01.travel-info {
  display: table;
  width: 100%;
  border: 1px solid #dedede;
  background-color: #fff;
  margin: 10px 0 10px;
}
.result-route .suggest-table.type01.travel-info {
  display: table;
  /*width: 100%;*/
  border: 1px solid #dedede;
  background-color: #fff;
  margin: 10px 10px 0;
  width: 708px;
}
.suggest-table.type01.travel-info:hover {
  background-color: #d2f0ff;
  cursor: pointer;
}

.suggest-table.type01.travel-info:hover .suggest-route {
  border-color: #d2f0ff;
}

.suggest-table.type01.travel-info .suggest-icon {
  box-sizing: border-box;
  display: table-cell;
  width: 45px;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
}

.suggest-table.type01.travel-info .suggest-icon .icon {
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background-image: url(../img/sprite/sprite.png);
  background-position: -455px 0px;
  width: 20px;
  height: 20px;
  text-indent: -99999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .suggest-table.type01.travel-info .suggest-icon .icon {
  background-image: url(../img/sprite/sprite@2x.png);
  background-size: 475px 434px;
  }
}

.suggest-table.type01.travel-info .suggest-route {
  box-sizing: border-box;
  display: table-cell;
  width: 270px;
  padding: 10px 10px;
  border: 7px solid #fff;
  background-color: #eef6ff;
  vertical-align: middle;
}

.suggest-table.type01.travel-info .suggest-route .text-route {
  margin: 0;
  color: #1b6bcf;
  font-size: 13px;
}

.suggest-table.type01.travel-info .suggest-route .text-route .station {
  margin-right: 2px;
  margin-left: 7px;
  font-size: 15px;
  font-weight: bold;
}

.suggest-table.type01.travel-info .suggest-route .text-route .station .fe {
  line-height: 0;
}

.suggest-table.type01.travel-info .suggest-route .text-route .station .fe:before {
  vertical-align: middle;
}

.suggest-table.type01.travel-info .suggest-dtl {
  box-sizing: border-box;
  display: table-cell;
  padding: 8px 4px;
  vertical-align: middle;
  font-size: 13px;
  position: relative;
  width: 393px;
}

.suggest-table.type01.travel-info .suggest-dtl .dtl-inner {
  /*position: relative;*/
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.25;
  font-size: 13px;
  width: 265px;
}
.suggest-table.type01.travel-info .suggest-dtl .dtl-inner .price {
  font-size: 13px;
  font-weight: bold;
}

.suggest-table.type01.travel-info .suggest-dtl .dtl-inner .price .num {
  color: #e83a22;
}

.suggest-table.type01.travel-info .suggest-dtl .dtl-inner .price .num strong {
  font-size: 22px;
}

.suggest-table.type01.travel-info .suggest-dtl .dtl-inner .btn {
  position: absolute;
  top: 50%;
  right: 10px;
  background-color: transparent;
  margin-top: -13px;
}

.suggest-table.type01.travel-info .suggest-dtl .text-caution {
  margin-bottom: 0;
  color: #777;
  font-size: 11px;
}

.btn-wrap.type07 {
  display: inline-block;
  vertical-align: middle;
}

.btn-wrap.type07 .btn {
  height: 26px;
  padding: 4px 18px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  font-size: 13px;
  line-height: 1;
  color: #1b6bcf;
}
/*==================================================
  column-box追加 -20180118編集追加
    2box  .column02
    3box  .column03
==================================================*/

.column-box {
  margin-top: 20px;
  /*padding: 10px 20px;*/  /*背景有りの場合*/
  padding: 10px 15px 20px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.column-box .text-sttl {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #e5e5e5;
  font-size: 15px;
  font-weight: bold;
}

.column-box .text-sttl .text {
  padding-left: 15px;
}

.column-box .text-sttl .text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 4px;
  height: 16px;
  margin-top: -10px;
  background-color: #2073db;
}

.column-box .link-wrap {
  margin-top: 10px;
  text-align: right;
}

.column-box .link-wrap .fe {
  position: relative;
  line-height: 0;
}

.column-box .link-wrap .fe:before {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  font-size: 11px;
  vertical-align: middle;
}

.column-box .link-wrap .fe + .text {
  padding-left: 15px;
  color: #333;
  font-size: 12px;
}

.column-box .content-wrap {
  margin-top: 15px;
  background-color: #fff;
   border-bottom: none;
}

.column-box .content-wrap p {
  margin-bottom: 0;
}

.column-box .content-wrap .text-item {
  font-size: 15px;
  font-weight: bold;
}

.column-box .content-wrap .text-caution {
  color: #777;
  font-size: 11px;
}

.column-box .content-wrap.type01 {
  margin: 0;
  padding: 0;
}

.column-box .content-wrap.type02 {
  padding: 15px 20px;
}

.column-box .content-wrap.type03 {
  padding: 15px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.column-box .content-wrap.type04 {
  padding: 15px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: 2px solid #2073db;
}

.column-box .content-wrap.column02 {
  padding: 0 25px;
}

.column-box .content-wrap.column02 > .content-inner {
  width: 300px;
}

.column-box .content-wrap.column02 > .content-inner:nth-child(odd) {
  float: left;
}

.column-box .content-wrap.column02 > .content-inner:nth-child(even) {
  float: right;
}

.column-box .content-wrap.column02 > .content-inner a {
  display: block;
}

.column-box .content-wrap.column02 > .content-inner .img {
  margin-bottom: 6px;
}

.column-box .content-wrap.column02 > .content-inner .text {
  color: #1b6bcf;
  font-size: 13px;
  font-weight: bold;
}

.column-box .content-wrap.column03 > .content-inner {
  float: left;
  width: 32%;
}

.column-box .content-wrap.column03 > .content-inner:nth-child(n+2) {
  margin-left: 2%;
}

.column-box .content-wrap.column03 > .content-inner a {
  display: block;
}

.column-box .content-wrap.column03 > .content-inner .img {
  margin-bottom: 6px;
}

.column-box .content-wrap.column03 > .content-inner .img:hover {
  opacity: 0.8;
}

.column-box .content-wrap.column03 > .content-inner .text-ttl {
  color: #1b6bcf;
  font-size: 13px;
  font-weight: bold;
}

.column-box .content-wrap.column03 > .content-inner .text {
  color: #333;
  font-size: 13px;
  margin-top: 5px;
}
.column-box .content-wrap.column03 > .content-inner a:hover .text {
  text-decoration-color: #333;
  text-decoration: underline;
}
/*==================================================
  サービスメニュー追加 -20180118編集追加
==================================================*/

.service-menu .clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.service-menu {
  margin: 20px 0 0;
  padding: 0 15px 10px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.service-menu .text-sttl a {
  color: #333;
}

.service-menu .text-sttl a:hover {
  color: #1b6bcf;
}

.service-menu .service-text {
  /*margin: 0 20px 12px;*/  /*背景有りの場合*/
  margin: 0 0 12px;
  padding-top: 10px;
  padding-bottom: 7px;
  border-bottom: 2px solid #e5e5e5;
}

.service-menu .service-text .text {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
  vertical-align: middle;
}

.service-menu .service-text .text.wt-icon {
  position: relative;
  padding-left: 13px;
}

.service-menu .service-text .text.wt-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 4px;
  height: 16px;
  margin-top: -10px;
  background-color: #2073db;
}

.service-menu .link-wrap {
  display: table;
  width: 100%;
}

.service-menu .link-wrap .link-01,
.service-menu .link-wrap .link-02,
.service-menu .link-wrap .link-03 {
  box-sizing: border-box;
  display: table-cell;
  /*padding: 0 20px 5px;*/  /*背景有りの場合*/
  padding: 0 0 5px;
}

.service-menu .link-wrap .link-01 {
  width: 227px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}

.service-menu .link-wrap .link-02 {
  width: 248px;
  padding: 0 20px;
  border-right: 1px solid #e5e5e5;
}

.service-menu .link-wrap .link-03 {
  width: 227px;
  padding-left: 20px;
}

.service-menu .link-wrap .text-sttl {
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #e5e5e5;
  font-size: 15px;
  font-weight: bold;
}

.service-menu .link-wrap .text-sttl .fe {
  margin-right: 3px;
  font-size: 11px;
  color: #1b6bcf;
}

.service-menu .link-wrap .list-link {
  margin-bottom: 0;
}

.service-menu .link-wrap .list-link li {
  /*padding: 5px 14px;*/
  padding: 8px 0 8px 10px;
  padding: 8px 0 8px 0;
  border-bottom: 1px solid #e5e5e5;
}

.service-menu .link-wrap .list-link li:last-child {
  border-bottom: 0;
}

.service-menu .link-wrap .list-link li a {
  padding: 5px 0;
}

.service-menu .link-wrap .text-link {
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
  text-align: right;
  font-size: 13px;
}

/*==================================================
  トップ調整 -20180525編集追加
==================================================*/

/* ----------------- サービスメニュー4列 ----------------- */
.service-menu.service-menu-4-col .link-wrap .link-01 {
  width: 166px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}
.service-menu.service-menu-4-col .link-wrap .link-02 {
  width: 184px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}
.service-menu.service-menu-4-col .link-wrap .link-03 {
  width: 184px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}
.service-menu.service-menu-4-col .link-wrap .link-04 {
  width: 166px;
  padding-left: 20px;
}
/* ----------------- DFP TOPテキスト枠 ----------------- */
.top-banner-wrap {
  letter-spacing: -.4em;
  margin-top: 20px;
}
.top-banner-wrap .top-banner {
  width: 348px;
  height: 40px;
  display: inline-block;
  letter-spacing: normal;
}
.top-banner-wrap .top-banner:first-child {
  margin-right: 30px;
}
/* ----------------- iframe ----------------- */
.column-box.iframe .content-wrap.column03 > .content-inner {
  float: left;
  width: 215px;
}
.column-box.iframe .content-wrap.column03 > .content-inner:nth-child(n+2) {
  margin-left: 27px;
}
/*iframe高さ保持*/
.layout-smartphone .content-wrap.type02 iframe {
  vertical-align: bottom;
  height: 133px;
}
.morelink-induc {
  height: 38px;
}
.layout-smartphone .content-wrap.type02.travel-packtour iframe {
  vertical-align: bottom;
  height: 175px;
}
/*-----------------------------------------
 新幹線結果・新幹線区間料金デザイン共通化 -20180809
-----------------------------------------*/
/* 料金・時間入力まわり */
.change-date-wrap .select-date-wrap .btn-wrap.type01 {
  margin: 0;
}
.change-date-wrap .select-date-wrap .btn-wrap.type01 .btn {
  padding: 5px 10px;
}
.change-date-wrap .form-group-search-route-time > div.select-time-hour-wrap {
  width: 80px;
}
.change-date-wrap .form-group-search-route-time > div {
  margin-right: 6px;
}
/* timetable */
.timetable-shinkansen {
  border: 1px solid #d1d1e9;
}
.time-table-head {
  height: 30px;
  min-height: 30px;
  padding: 3px 15px 1px;
  border-top: 1px solid #d1d1e9;
  border-bottom: 1px solid #d1d1e9;
  border-collapse: collapse;
  background-color: #def;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}
.timetable-shinkansen .timetable-wrap {
  position: relative;
}
/*
.timetable-shinkansen .timetable-wrap:nth-of-type(odd) {
  background-color: #f1f5fa;
}
*/
.timetable-shinkansen .timetable-wrap.odd {
  background-color: #f1f5fa;
}
.timetable-shinkansen .time-table {
  display: table;
  width: 100%;
  height: 45px;
  min-height: 45px;
  text-align: center;
}
.timetable-shinkansen .time-table p {
  display: table-cell;
  margin: 0!important;
  vertical-align: middle;
}
.timetable-shinkansen .time-table p:first-child {
  font-size: 15px;
  font-weight: bold;
  width: 179px;
}
.timetable-shinkansen .time-table p:nth-child(2) {
  width: 119px;
}
.timetable-shinkansen .time-table p:nth-child(3) {
  width: 126px;
}
/*
.timetable-shinkansen .time-table p:nth-child(4) {
  width: 112px;
}
*/
.timetable-shinkansen .time-table.table-heading {
  height: 30px;
  min-height: 30px;
    background-color: #f7f7f7!important;
}
.timetable-shinkansen .time-table.table-heading p {
  font-size: 13px;
  font-weight: bold;
}
.timetable-shinkansen .time-table.table-heading span {
  padding-right: 2.5em;
}
.timetable-shinkansen .arrow {
  margin: 0 5px;
  font-size: 12px;
  font-size: 10px;
  line-height: 1.83333;
  font-weight: normal;
  color: #777;
  vertical-align: top;
}
/*ボタンまわり*/
.timetable-shinkansen .link-travel {
  display: table-cell;
  vertical-align: middle;
}
.timetable-shinkansen .link-travel {
  width: 61px;
  text-align: right;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 5px;
}
/* ボタン */
.timetable-shinkansen .btn-wrap.type08 {
  display: inline-block;
  padding-bottom: 3px;
  border-radius: 3px;
  background-color: transparent;
  vertical-align: middle;
  display: table-cell;
  text-align: right;
  padding-right: 10px;
  width: 264px;
}
.timetable-shinkansen .btn-wrap.type08 .btn {
  height: 30px;
  position: relative;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 30px;
  z-index: 2;
  -webkit-box-shadow: 2px 2px 0 #ac5462;
  box-shadow: 2px 2px 0 #ac5462;
}
.timetable-shinkansen .btn-wrap.type08 .btn.pink {
  background-color: #e67083;
  color: #fff;
  border: none;
}
.btn-wrap.type08 .btn:hover {
  opacity: 0.8;
}
/* アコーディオン */
.link-fee .accordion-wrap.type04 .accordion-menu-price {
  position: absolute;
  right: 165px;
  top: 1px;
}
.timetable-shinkansen .accordion-wrap.type04 .accordion-content {
  text-align: center;
  margin: 0;
  background-color: #f6f4eb;
  padding: 10px;
  border-bottom: solid 1px #eaeaf5;
  border-top: solid 1px #eaeaf5;
}
/* アコーディオンボタン */
.timetable-shinkansen .accordion-wrap.type04 .accordion-menu-price .accordion-menu-inner.menu-open .btn {
  width: auto;
  padding: 8px 5px;
  border: none;
  border-radius: 3px;
  background-color: transparent;
  font-size: 12px;
  line-height: 1.28571;
  color: #1b6bcf;
}
.timetable-shinkansen .accordion-wrap.type04 .accordion-menu-price .accordion-menu-inner.menu-open .fe {
  padding: 0;
  font-size: 10px;
  margin: 0;
}
.fe-arrowdown:before {
  content: "▼";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 23px;
}
.fe-arrowup:before {
  content: "▲";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 23px;
}
.timetable-shinkansen .accordion-wrap.type04 .accordion-menu-price .accordion-menu-inner.menu-open .btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn:focus,
.btn:active:focus {
  outline: none;
  outline-offset: 0;
}
/* 価格テーブル */
.timetable-shinkansen .link-fee table {
  width: 100%;
  font-size: 12px;
}
.timetable-shinkansen .link-fee table thead {
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.timetable-shinkansen .link-fee table tbody {
  background: #fff;
  border: 1px solid #e6e6e6;
}
.timetable-shinkansen .link-fee table thead th,
.timetable-shinkansen .link-fee table thead td {
  font-weight: bold;
  border-bottom: none;
}
.timetable-shinkansen .link-fee table th,
.timetable-shinkansen .link-fee table td {
  padding: 10px 0;
  width: 25%;
  border-bottom: 1px solid #eee;
}
.timetable-shinkansen .link-fee table th {
  text-align: left;
  padding: 5px 0 5px 40px;
}
.timetable-shinkansen .link-fee table td {
  text-align: right;
  padding-right: 20px;
}
.timetable-shinkansen .link-fee table td:last-child {
  padding-right: 40px;
}

.timetable-shinkansen .link-fee table tbody td:nth-last-child(3){
  font-size: 14px;
  font-weight: bold;
}
/*-----------------------------------------
モーダル化 -20180907
-----------------------------------------*/
.accordion.type02 {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.accordion.type02 .accordion-menu {
  position: relative;
  margin: 0 0 -2px;
  padding: 0;
  border: none;
  text-align: center;
  z-index: 1;
  font-size: 13px;
}
.accordion.type02 .accordion-menu .btn-open,
.accordion.type02 .accordion-menu .btn-close {
  display: none;
  padding: 4px 10px 3px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  text-decoration: none;
}
.accordion.type02 .accordion-menu .btn-open:hover,
.accordion.type02 .accordion-menu .btn-close:hover {
  background-color: #d2f0ff;
}
.accordion.type02 .accordion-menu .btn-open.active,
.accordion.type02 .accordion-menu .btn-close.active {
  display: block;
}
.accordion.type02 .accordion-menu .btn-open .fe,
.accordion.type02 .accordion-menu .btn-close .fe {
  margin-right: 5px;
  font-size: 10px;
}
.accordion.type02 .accordion-menu .btn-open .fe:before,
.accordion.type02 .accordion-menu .btn-close .fe:before {
  /*vertical-align: middle;*/
}
.accordion.type02 .accordion-menu .btn-close.active {
  background-color: #d2f0ff;
}
.accordion.type02 .accordion-menu .btn-flex-open,
.accordion.type02 .accordion-menu .btn-flex-close {
  display: none;
}
.accordion.type02 .accordion-menu .btn-flex-open.active,
.accordion.type02 .accordion-menu .btn-flex-close.active {
  display: inline-block;
}
.accordion.type02 .accordion-content {
  display: none;
  margin: 0;
  padding: 0;
}
.accordion.type02 .accordion-content.borderd {
  border: 1px solid #ccc;
}
.accordion.type02 .accordion-content.def-open {
  display: block;
}
/* 終電始発タブ画像 */
#search-train-tabs.nav-tabs.syuden > li:nth-child(1) > a {
  background-image: url(../img/sprite.png);
  background-position: -200px 416px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(1) > a {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(1) > a:hover {
  background-image: url(../img/sprite.png);
  background-position: -200px 370px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(1) > a:hover {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(1).active > a {
  background-image: url(../img/sprite.png);
  background-position: -200px 324px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(1).active > a {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(2) > a {
  background-image: url(../img/sprite.png);
  background-position: -200px -506px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(2) > a {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(2) > a:hover {
  background-image: url(../img/sprite.png);
  background-position: -200px -552px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(2) > a:hover {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(2).active > a {
  background-image: url(../img/sprite.png);
  background-position: -200px -598px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(2).active > a {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(3) > a {
  background-image: url(../img/sprite.png);
  background-position: -200px -230px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(3) > a {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(3) > a:hover {
  background-image: url(../img/sprite.png);
  background-position: 0px -46px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(3) > a:hover {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
#search-train-tabs.nav-tabs.syuden > li:nth-child(3).active > a {
  background-image: url(../img/sprite.png);
  background-position: -200px -184px;
  width: 200px;
  height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search-train-tabs.nav-tabs.syuden > li:nth-child(3).active > a {
    background-image: url(../img/sprite@2x.png);
    background-size: 600px 784px;
  }
}
/*テキストリンク*/
.text-link-right {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
  font-size: 13px;
}
.text-link-right .fe {
  font-size: 10px;
  margin-right: 3px;
}
/*-----------------------------------------
廣嶋追加分 -20180911
-----------------------------------------*/
/* インクリメンタルサーチ　ホバー色変更 */
.my-pulldown li a:hover {
  background: #d2f0ff;
  color: #333;
  text-decoration: none;
}
/* マイデータ・履歴プルダウン */
.my-pulldown.mydata {
  padding: 0;
}
.my-pulldown-inner {
  position: relative;
  width: 325px;
  margin: 0 auto;
}
.my-pulldown.mydata li {
  position: relative;
}
.my-pulldown.mydata li:hover,
.my-pulldown.mydata li.active {
   background: #d2f0ff;
  color: #333;
}
.my-pulldown.mydata li a:hover {
  background: #d2f0ff;
  color: #333;
  text-decoration: none;
}
.my-pulldown.mydata li.active a {
  background: #2073db;
  color: #fff;
  text-decoration: none;
}
.my-pulldown.mydata .station-list {
  max-height: 320px;
  overflow-y: auto;
  margin-top: 35px;
}
/* プルダウン内タブ */
.my-pulldown.mydata .nav-tabs-wrap-center {
  border-bottom: 0;
  background: #f0f0f0;
  position: fixed;
  width: 325px;
  position: absolute;
  width: 323px;
  top: 0;
  z-index: 1;
}
.my-pulldown.mydata .tab-nav {
  margin: 0;
  letter-spacing: -.4em;
}
.my-pulldown.mydata .tab-nav li {
  display: inline-block;
  width: 50%;
  letter-spacing: normal;
  text-align: center;
  border-top: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
}
.my-pulldown.mydata .tab-nav li a {
  display: block;
  padding: 0;
  background-color: #e9e9e9;
  color: #1b6bcf;
  border-radius: 4px 4px 0 0;
}
.my-pulldown.mydata .tab-nav li.active a {
  color: #333;
  background-color: #fff;
}
.my-pulldown.mydata .tab-nav li:first-child a {
  border-right: 1px solid #ccc;
  padding-left: 1px;
}
.my-pulldown.mydata .tab-nav li a:hover,
.my-pulldown.mydata .tab-nav li a:focus {
  text-decoration: none;
}
.my-pulldown.mydata .tab-nav li a span {
  border-bottom: 4px solid #e9e9e9;
  padding: 6px 30px;
  display: inline-block;
  width: 135px;
}
.my-pulldown.mydata .tab-nav li.active a span {
  border-bottom: 4px solid #88b1e5;
  color: #333;
}
.my-pulldown.mydata .tab-nav li:first-child.active a span {
  border-bottom: 4px solid #a9d190;
}
/* 履歴削除ボタン周り調整 */
#modal-history .station-list {
  margin-bottom: 30px;
}
#modal-history .station-list li a:first-child {
  padding-right: 35px;
}
/* 履歴のみ表示時 */
.my-pulldown.mydata .tab-nav.only-history li {
  border-top: none;
  height: 35px;
  display: inline-block;
  width: 100%;
}
.my-pulldown.mydata .tab-nav.only-history li.active a {
  color: #333;
  background-color: #f0f0f0;
  cursor: unset;
  border-bottom: none;
  font-weight: normal;
  text-align: left;
  height: 35px;
}
.my-pulldown.mydata .tab-nav.only-history li.active a span {
  border-bottom: none;
  padding-left: 10px;
}
/* データなしコメント */
.caution-nodata {
  padding: 10px 30px 10px 10px;
  display: block;
  margin-top: 35px;
}
/* 削除ボタン */
.btn-dele {
  color: #999;
  width: 20px;
  height: 20px;
  display: block;
  padding: 0;
  border-bottom: none;
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -10px;
  border-radius: 15px;
  text-align: center;
  background: #fff;
}
.btn-dele:before {
  content: "\EA0F";
  font-family: "myfont";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0px;
}
/* hover時挙動 */
a:hover + .btn-dele:before {
  color: #999;
  background: #d2f0ff;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 15px;
  line-height: 20px;
}
a:hover + .btn-dele:hover:before {
  color: #fff;
  content: "\EA0F";
}
.btn-dele:hover:before {
  color: #d2f0ff;
  background: #888;
}
li.active .btn-dele:hover:before {
  color: #2073db;
  background: #fff;
}
li.active a:hover + .btn-dele:before {
  color: #fff;
  background: #2073db;
}
/* すべて削除 */
.dele-all {
  text-align: right;
  font-size: 13px!important;
  position: absolute;
  bottom: -40px;
  right: 0;
  background: #fff;
  width: 323px;
  border-top: 1px solid #efefef;
  padding-top: 5px;
  z-index: 0;
  padding-right: 10px;
  padding-bottom: 6px;
  border-radius: 3px;
}
/* ダイレクト検索結果ページ　駅選択 */
.other-options {
  position: relative;
  width: 100%;
  padding: 0px 25px 0 25px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.other-options-header {
  margin: 4px 0 3px;
  position: relative;
}
.other-options p {
  margin: 0 0 5px;
}
.other-options .station-list-wrap {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  font-size: 0;
}
.other-options .station-list {
  /*width: 580px;
  width: 555px;*/
  width: 550px;
  height: 30px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  margin-right: 10px;
}
.other-options .station-list li {
  letter-spacing: normal;
  display: inline-block;
  /*vertical-align: middle;*/
  vertical-align: top;
}
.other-options .station-list.via {
  margin-top: 10px;
}
.other-options .station-list.via .option-wrap {
  width: 176px;
  margin-right: 10px;
}
.other-options .station-list.via li:last-child .option-wrap {
  margin-right: 0;
}
.other-options .station-list .arrow {
  margin: 0 10px;
  line-height: 32px;
  font-size: 13px;
}
.other-options .option-wrap {
  position: relative;
  display: inline-block;
  /*width: 266px;*/
  width: 258px;
  height: 30px;
  margin: 0 auto;
  padding-left: 48px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.other-options .via .option-wrap {
  width: 183px;
}
.other-options .label {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 30px;
  background-color: #465879;
  padding: 0 10px;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0 0 3px;
  display: inline;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}
.other-options .label.color01 {
  background-color: #798cb0;
}
.other-options .via .label {
  background-color: #798cb0;
}
.other-options select {
  width: 100%;
  height: 28px;
  padding-left: 5px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 13px;
  border: none;
}
/* 候補なしテキスト */
.other-options .station-list p {
  max-width: 266px;
  text-indent: -3em;
  padding-left: 3em;
  margin: 0;
  line-height: 32px;
}
.other-options .station-list.via p {
  max-width: 183px;
}
.other-options .station-list p span {
  font-weight: bold;
}
/* 再検索ボタン */
.re-search-btn-wrap {
  width: 95px;
  display: inline-block;
  vertical-align: bottom;
}
.re-search-btn {
  margin: 0 auto;
  padding: 4px;
  font-weight: bold;
  letter-spacing: 2px;
}
/* 駅候補選択 アコーディオン */
.other-options .accordion.type02 {
  margin-top: -20px;
}
.other-options .accordion.type02 .accordion-menu {
  text-align: right;
  margin-bottom: 10px;
  font-size: 12px;
}
.other-options .accordion.type02 .accordion-menu .btn-open,
.other-options .accordion.type02 .accordion-menu .btn-close {
  padding: 0;
  border: none;
}
.other-options .accordion.type02 .accordion-menu .btn-open.active,
.other-options .accordion.type02 .accordion-menu .btn-close.active {
  display: inline-block;
  background-color: transparent;
}
.other-options .accordion.type02 .accordion-content {
  margin-bottom: 10px;
}
.other-options .accordion.type02 .accordion-menu .btn-open:hover,
.other-options .accordion.type02 .accordion-menu .btn-close:hover {
  background-color: transparent;
}
/* 駅候補選択 確定テキスト */
.other-options .definite-text {
  color: #999;
  line-height: 28px;
  padding-left: 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
}

/* 検索条件を変更ボタン調整 */
.btn.btn-white.over-blue.btn-xs.pull-right.ek-btn_search_again {
  margin-right: 15px;
  background: #1b6bcf;
  color: #fff;
  border: none;
  height: 24px;
  width: 100px;
  line-height: 24px;
}

/* アイコン */
.fei-notice {
  display: inline-block;
  position: relative;
  font-size: 1px;
  width: 20px;
  height: 20px;
}
.fei-notice::before {
  background-image: url(../img/sprite/sprite.png?15116279);
  background-position: -289px -383px;
  width: 25px;
  height: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .fei-notice::before {
    background-image: url(../img/sprite/sprite@2x.png?15116279);
    background-size: 478px 434px;
  }
}
/*-------------------------------
 DFP有料化に伴う直書き対応(201809)
-------------------------------*/

/* ミドルバナー広告 */
.middle-banner-link {
  background: #fff;
  line-height: 40px;
  text-align: center;
}
.middle-banner-link a {
  text-decoration: none;
  padding-left: 14px;
  background: url(https://forward.ekitan.com/cdn/srv/common/triangle.png) no-repeat 0 4px;
}
.middle-banner-link a:hover {
  text-decoration: underline;
}

/*トップ旅行・おでかけ枠*/
.content-inner {
  /*height: 190px;*/
}
.feature_travel_detail p {
  margin: 0;
  line-height: 18px;
}
.feature_travel_detail img.img {
  width: 100%;
}
.feature_travel_detail a {
  text-decoration: none;
  display: block;
}
.feature_travel_detail a:hover p {
  text-decoration: underline;
}
.feature_travel_detail a:hover img {
  opacity: 0.8;
}
.feature_travel_detail a:hover .text-ttl {
  text-decoration-color: #1b6bcf;
}
.column-box .content-wrap.column03 > .content-inner a:hover .text {
  text-decoration: none;
}
.fe.fe-arrow-line-right.arrow-blue {
  color: #1b6bcf;
}
.more-link.pr-area .link-wrap.type01 {
  margin: 0;
  text-align: right;
}
.more-link.pr-area .link-wrap.type01 .link {
  margin: 0;
  padding: 10px 0 0;
}
.more-link.pr-area .link a {
  padding-left: 15px;
}
.more-link.pr-area .link a:link, .more-link .link a:visited {
  color: #333;
  text-decoration: none;
}
.more-link.pr-area .link a:hover, .link a:active {
  text-decoration: underline;
  color: #1b6bcf;
}
/*トップ旅行・おでかけ枠(新幹線＋宿のパックツアー)*/
.feature-travel-detail.contain-price {
  font-size: 12px;
  display: inline-block;
  letter-spacing: normal;
  margin-right: 2%;
}
.feature-travel-detail.contain-price:last-child {
  margin-right: 0;
}
.feature-travel-detail.contain-price a {
  color: #333;
  display: block;
  border-radius: 7px;
}
.feature-travel-detail.contain-price img {
  width: 100%;
}
.feature-travel-detail.contain-price h3 {
  color: #2073db;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px;
  border: none;
  padding-top: 10px;
}
.choose-populararea-inner {
  margin: 0;
  background-color: #edecec;
  background-position: right center;
  background-repeat: no-repeat;
}
.choose-populararea-planinfo {
  background-color: #fff;
}
.feature-travel-detail.contain-price ul {
  letter-spacing: -.4em;
  padding: 0;
  margin: 0;
}
.feature-travel-detail.contain-price li {
  display: inline-block;
  letter-spacing: normal;
  padding: 5px;
  margin-right: 6px;
  color: #fff;
  border-radius: 3px;
  line-height: 12px;
  margin-top: 5px;
}
.feature-travel-detail.contain-price li.from01 {
  background: #d5b900;
}
.feature-travel-detail.contain-price li.from02 {
  background: #94b573;
}
.feature-travel-detail.contain-price li.from03 {
  background: #91bad1;
}
.feature-travel-detail.contain-price .priceinfo {
  position: relative;
  margin: 8px 0 4px;
  color: #333;
}
.feature-travel-detail.contain-price .priceinfo p {
  display: inline-block;
  margin: 0;
  line-height: 1.9;
  text-decoration: none;
}
.feature-travel-detail.contain-price .priceinfo p span {
  color: #e83a22;
  font-size: 19px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1.3;
}
.feature-travel-detail.contain-price .note {
  font-size: 11px;
  border-top: 2px dotted #cdcdcd;
  color: #555;
  padding-top: 10px;
  margin: 0;
  text-decoration: none;
}
.feature-travel-detail.contain-price a:hover {
  text-decoration: none;
}
.feature-travel-detail.contain-price a:hover h3 {
  text-decoration: underline;
}
.feature-travel-detail a:hover img {
  opacity: 0.8;
}
.feature-travel-detail.contain-price a:hover .choose-populararea-planinfo  {
  background-color: #fafafa;
}

/*-------------------------------
 スカイライナー予約ボタン変更(201810)
-------------------------------*/
.reservation .btn.btn-img {
    border: 0;
    padding: 0;
}
.reservation .btn.btn-img:hover img {
  opacity: 0.8;
}
.reservation .btn-img:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 1);
  box-shadow: inset 0 3px 5px rgb(0, 0, 0);
}
.reservation .btn-img img:active {
    position:relative;
    display:inline-block;
    line-height:0;
    overflow:hidden;
}
/*-------------------------------
 路線日付条件選択フォーム -20190510
-------------------------------*/
/*------------------
common系
 ------------------- */
/* default style */
.select-condition input[type="button"] {
  border-style: solid;
  border-width: 0;
}
.select-condition button {
  background: none;
  border-style: solid;
  border-width: 0;
  padding: 0;
}

/* .accordion-wrap.type01 */
.accordion-wrap.type01 .accordion-menu {
  margin: 10px 11px;
  text-align: right;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner.menu-close {
  color: #333;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner.menu-close .fe {
  margin-top: -3px;
  font-size: 0;
  vertical-align: middle;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner.menu-close .fe:before {
  font-size: 15px;
  color: #1b6bcf;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner .btn {
  width: 118px;
  padding: 4px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.5;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner .btn:hover {
  background-color: #d2f0ff;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner:not(.active) {
  display: none;
}

.accordion-wrap.type01 .accordion-menu .accordion-menu-inner .fe:before {
  padding-right: 5px;
  vertical-align: middle;
}

.accordion-wrap.type01 .accordion-content {
  display: none;
  margin-bottom: 10px;
  background-color: #e9e9e9;
}

/* alert-wrap.type06 */
.alert-wrap.type06 .alert {
  position: relative;
  padding: 5px 8px 4px;
  border: 1px solid #f2baba;
  background-color: #ffe1e1;
  font-size: 11px;
  line-height: 1.18182;
  color: #e83a22;
  text-align: center;
}
.alert-wrap.type06 .alert .fe {
  position: relative;
  margin-left: 4px;
  line-height: 0;
}
.alert-wrap.type06 .alert .fe:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  font-size: 14px;
  vertical-align: middle;
}
.alert-wrap.type06 .alert .text {
  padding-left: 17px;
  text-indent: -15px;
}
/* alert-wrap.type07 */
.alert-wrap.type07 {
  margin-bottom: 15px;
}
.alert-wrap.type07 .alert {
  position: relative;
  margin: 0;
  padding: 5px 8px 4px;
  border: 1px solid #fcffd0;
  background-color: #fcffd0;
  font-size: 11px;
  line-height: 1.18182;
  color: #333;
  text-align: center;
}
.alert-wrap.type07 .alert .fe {
  position: relative;
  margin-left: 4px;
  line-height: 0;
}
.alert-wrap.type07 .alert .fe:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  font-size: 14px;
  color: #ff8a0d;
  vertical-align: middle;
}
.alert-wrap.type07 .alert .text {
  padding-left: 17px;
  text-indent: -15px;
}
/* ボタンデザイン */
.btn-type.btn-l {
  width: 220px;
}
.btn-type.btn-m {
  width: 120px;
}
.btn-type.btn-s {
  width: 100px;
}
.btn-type.btn-just {
  display: inline-block;
  width: auto;
  padding: 0 10px;
}
.btn-type.type01 {
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  text-align: center;
}
.btn-type.type02 {
  border-radius: 3px;
  font-size: 13px;
  height: 28px;
  letter-spacing: 1px;
  line-height: 2;
  text-align: center;
  font-weight: normal;
}
.btn-type.type03 {
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  height: 42px;
  letter-spacing: 1px;
  line-height: 42px;
  text-align: center;
}
.btn-type.type04 {
  border-radius: 3px;
  font-size: 12px;
  height: 28px;
  /*letter-spacing: 1px;*/
  line-height: 2;
  text-align: center;
  font-weight: normal;
}
.btn-type.type05 {
  border-radius: 3px;
  font-size: 16px;
  font-weight: normal;
  height: 42px;
  letter-spacing: 1px;
  line-height: 42px;
  text-align: center;
}
.btn-type.type06 {
  border-radius: 3px;
  font-size: 14px;
  height: 28px;
  /*letter-spacing: 1px;*/
  line-height: 1.8;
  font-weight: normal;
}
.btn-type.type07 {
	border-radius: 3px;
	font-size: 13px;
	font-weight: normal;
	height: 30px;
	line-height: 2;
	text-align: center;
}
.btn-type.type08 {
	border-radius: 3px;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	font-weight: normal;
	vertical-align: middle;
}
.btn-type.type08 .text {
	display: inline-block;
	padding-right: 8px;
	line-height: 1;
}
.btn-type.type08 .fe {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}
.btn-type.type08 .fe.fe-arrow-right {
	margin-top: -1px;
	margin-right: -2px;
}
.btn-type.type08 .fe:before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-size: 12px;
	color: #1b6bcf;
	line-height: 0;
}
.btn-type.type09 {
	border-radius: 3px;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	letter-spacing: 1px;
	line-height: 42px;
	text-align: center;
}
.btn-type.type10 {
	border-radius: 3px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	vertical-align: middle;
}
.btn-type.type10 .text {
	display: inline-block;
	padding-right: 8px;
	line-height: 1;
}
.btn-type.type10 .fe {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}
.btn-type.type10 .fe.fe-arrow-right {
	margin-top: -3px;
	margin-right: -2px;
}
.btn-type.type10 .fe:before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-size: 12px;
	color: #1b6bcf;
	line-height: 0;
}
.ttl-type07.type-btn-set .btn-ab-r {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.btn-type.type01:hover,
.btn-type.type02:hover {
  /*opacity: 0.8;*/
}
.btn-type.btn-clr01 {
  background-color: #ff8a0d;
  color: #fff;
}
.btn-type.btn-clr02 {
  background-color: #fff;
  color: #1b6bcf;
  border: 1px solid #cccccc;
}
.btn-type.btn-clr02:hover {
  background-color: #d2f0ff;
}
.btn-type.btn-clr03 {
  background-color: #fff;
  color: #333;
  border: 1px solid #cccccc;
}
.btn-type.btn-clr03:hover {
  background-color: #d2f0ff;
}
a.btn-type {
  display: block;
  cursor: pointer;
  text-decoration: none;
}
button.btn-type[disabled] {
  background-color: #d2d2d2;
  color: #fff;
  cursor: default;
}
/*------------------
 新幹線　路線日付条件選択フォーム
 ------------------- */
/* select-condition */
.select-condition {
  /* padding: 10px; */
  border: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;
}
.select-condition.in-box {
  margin: 0 20px;
}
.select-condition .accordion-content {
  background: #fff!important;
}
/* .selected-condition */
.selected-condition {
  font-weight: normal;
  font-size: 120%;
  position: relative;
  padding: 10px 80px 10px 10px;
}
.selected-section {
  margin: 0 20px 0 0;
}
.selected-condition-title {
  display:table-cell;
  width: 3em;
  background: #2073db;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  height: 30px;
}
.selected-condition-content {
  display:table-cell;
  vertical-align: middle;
  font-size: 15px;
  padding-left: 10px;
  padding-right: 60px;
}
.selected-condition-content:last-child {
  padding-right: 0;
}
.selected-track {
  font-size: 11px;
  display: block;
  font-weight: normal;
}
.after-arrow {
  padding-right: 25px;
  position: relative;
}
.after-arrow::after {
  content: "\02192";
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}
.change-condition-btn {
  position: absolute;
  top: 7px;
  right: 10px;
}
.change-condition-btn button {
  width: 75px;
  padding: 6px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  line-height: 1.5;
  font-size: 14px;
  color: #1b6bcf;
  position: relative;
}
.change-condition-btn .menu-open button {
  color: #333;
}
.change-condition-btn button:hover {
  background-color: #d2f0ff;
}
.condition-open::before {
  content: "変更";
}
.condition-close {
  position: relative;
}
.condition-close::before {
  content: "閉じる";
  padding-left: 17px;
}
.condition-close::after {
  content: "\EA0F";
  font-family: "myfont";
  display: block;
  width: 20px;
  position: absolute;
  top: 50%;
  left: -3px;
  margin-top: -10px;
  color: #1b6bcf;
}
.selected-condition-form-wrap {
  padding: 15px 20px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  margin: 0 10px;
}
.selected-condition-form-wrap hr {
  margin: 15px 0;
  border-top: 1px solid #cccccc;
}
.select-condition .wrap-search-btn {
  width: 220px;
  margin: 10px auto 0;
}
/*------------------
 フォーム要素
 ------------------- */
/* form-group-line */
.form-group-line {
  margin-bottom: 10px;
  position: relative;
}
.form-group-line + hr {
  margin-bottom: 0;
}
.form-group-line.inline {
  display: inline-block;
}
.form-group-line .form-group-ttl {
  width: 50px;
  font-size: 12px;
  color: #76787d;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  line-height: 12px;
  display: block;
  white-space: nowrap;
}
.form-group-content {
  display: block;
  width: 100%;
  padding-left: 50px;
  font-size: 14px;
  position: relative;
}
.form-textbox {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  cursor: default;
  display: inline-block;
  width: 100%;
  max-width: 245px;
  height: 30px;
  padding: 6px 12px;
}
.form-group-ttl.adjust-kerning {
  letter-spacing: -2px;
  font-size: 11px;
}
.form-put-in {
  display: inline-block;
  margin: 0 5px;
  font-size: 16px;
}
.form-put-in .replace {
  font-size: 20px;
  color: #1b6bcf;
  height: 24px;
}
.form-put-in .replace span::before {
  vertical-align: middle;
}
.form-put-in .icon-wrap {
  font-size: 20px;
  color: #1b6bcf;
  height: 24px;
}
.form-put-in .icon-wrap span {
  font-size: 19px;
  line-height: 20px;
}
.form-put-in .icon-wrap span::before {
  vertical-align: middle;
}

.form-group-content.inline {
  display: inline-block;
  width: auto;
  padding-left: 0;
}
.form-group-content.inline:first-child {
  padding-left: 50px;
}
.form-group-content.inline .form-check-label {
  margin-left: 30px;
}
.form-group-ttl + .form-group-content.inline {
  padding-left: 50px;
}
.form-group-line.inline + .form-group-line.inline {
  margin-left: 40px;
}
/* form-group-indent */
.form-group-indent {
  position: relative;
}
.form-group-indent .select-box-wrap {
  margin-left: 27px;
}
.form-group-indent .btn-replace {
  position: absolute;
  top: 50%;
  left: 50px;
  margin-top: -10px;
}
/* 個別チェックボックス */
.form-check-label {
  margin: 0 10px 0 0;
  font-weight: normal;
  font-size: 13px;
  position: relative;
  padding-left: 15px;
  line-height: 18px;
}
.form-check-label input {
  vertical-align: middle;
  margin-top: -6px;
  margin-left: -2px;
  position: absolute;
  top: 50%;
  left: 0;
}
.inline .form-check-label input {
}
.not-dated {
  margin-top: 5px;
  font-size: 13px;
}
/* カレンダー*/
.select-date-box {
  position: relative;
  display: inline-block;
}
.select-date-form {
  width: 170px;
  font-size: 12px;
  background: #fff;
}
.select-date-form label {
  text-align: left;
  padding-left: 10px;
  background: #fff url(../img/common/calender2.png) 100% 0% no-repeat;
  background-position: 143px 4px;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 6px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #1b6bcf;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
}
.select-date-form .disabled-esque + label {
  background-color: #eee !important;
}
.select-date-form input {
  position: absolute;
  width: 100%;
  height: 30px;
  color: transparent;
  background: transparent;
  border: none;
  cursor: pointer;
}
/* セレクトボックス */
.select-box-wrap {
  position: relative;
  width: auto;
  display: inline-block;
}
.select-box-wrap::after {
  content: "▼";
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -6px;
  pointer-events: none;
  background: none;
  display: initial;
  width: initial;
  height: initial;
}
.select-box-wrap select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-image: none;
  height: 30px;
  padding-right: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 8px;
}
.select-box-wrap select:-moz-focusring {
  color:transparent;
  text-shadow:0 0 0 #333;
}
.select-box-wrap select:-moz-focusring * {
  color:#333;
  text-shadow:none;
}
.select-box-wrap select::-ms-expand{
  display: none;
}
/* ラベル付きセレクトボックス */
.in-label + select {
  min-width: 200px;
  font-size: 14px;
  border-radius: 0 3px 3px 0;
  margin-left: 50px;
  border-left: none;
}
.in-label {
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  background-color: #465879;
  font-size: 12px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.in-label.color01 {
  background-color: #798cb0;
}
/* definite-text */
.definite .definite-text {
  font-size: 14px;
  margin: 0;
  color: #777;
}
.form-group-content.definite .definite-text {
  height: 30px;
  background: #f5f5f5;
  border-radius: 3px;
  line-height: 30px;
  padding: 0 10px;
}
.form-group-content.definite .in-label + .definite-text {
  padding-left: 58px;
}
.selected-condition-form-wrap .form-group-content.definite .in-label + .definite-text {
  background: #eee;
  min-width: 250px;
  line-height: 30px;
  border: 1px solid #ccc;
}
.definite .select-box-wrap::after {
  content: none;
}
/* ------------------------------------
  * 新幹線区間料金　列車名/時間絞り込み
* ------------------------------------ */
.narrow-search-results {
  padding: 10px 14px 0 11px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
.narrow-search-results .form-group-line .form-group-ttl {
  width: auto;
  font-size: 12px;
  font-weight: bold;
  position: static;
  display: inline-block;
  margin-right: 10px;
}
.narrow-search-results .form-group-ttl + .form-group-content.inline {
  padding-left: 0;
}
.narrow-search-results .select-box-wrap {
  width: 180px;
}
.content-banner-wrap {
  margin: 10px 0;
}
.content-banner-wrap .bnr-item {
  text-align: center;
}
.content-banner-wrap + .restables {
  padding-top: 0;
}

/* ------------------------------------
* 新幹線ブラッシュアップ 20190610
* ------------------------------------ */
.contents-wrap {
  margin-bottom: 20px;
}
.in-box .contents-wrap {
  background: #fff;
  border-bottom: 1px solid #ccc;
  padding: 20px;
}
.ttl-type02 {
  margin-bottom: 0;
}
/*============
検索枠
==============*/

.tab-content-wrap {
  padding: 0;
  margin-bottom: 30px;
}
.in-box .tab-content-wrap {
  margin-bottom: 20px;
}
.tab-content {
  position: relative;
}
/*本型時刻表ボタン*/
.btn-placed-area {
  position: absolute;
  right: 40px;
  bottom: 20px;
}
.btn-placed-area .btn-type {
  position: relative;
  padding-left: 32px;
}
.btn-placed-area a {
  text-decoration: none;
  cursor: pointer;
}
/*============
リスト
==============*/
.selected-condition-form-wrap.type02 {
  padding: 20px 30px;
}
.link-item-list{
  width: 100%;
  margin: 0;
  font-size: 0;
}
.link-item-list> li {
  font-size: 13px;
}
.link-item-list> li > a {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  color: #1b6bcf;
  height: 40px;
  display: table;
  width: 100%;
}
.link-item-list.col2 li:nth-child(2n),
.link-item-list.col3 li:nth-child(3n),
.link-item-list.col4 li:nth-child(4n),
.link-item-list.col5 li:nth-child(5n) {
  margin-right: 0;
}
/*2列用*/
.link-item-list.col2> li {
  display: inline-block;
  margin-right: 20px;
  width: calc((100% - 20px) / 2);
}
/*3列用*/
.link-item-list.col3> li {
  width: calc((100% - 41px) / 3);
  display: inline-block;
  margin-right: 20px;
}
/*4列用*/
.link-item-list.col4> li {
  display: inline-block;
  margin-right: 15px;
  width: calc((100% - 45px) / 4);
}
/*5列用*/
.link-item-list.col5> li {
  display: inline-block;
  margin-right: 10px;
  width: calc((100% - 40px) / 5);
}
/*5列用(上にリスト式ボタンあり)*/
.link-item-list.col5.top-line li:nth-child(-n+5) a {
  border-top: 1px solid #e5e5e5;
}
/*複数リスト用タイトル*/
.ttl-sub {
  padding: 10px 0 5px;
  font-size: 13px;
  font-weight: bold;
}
.ttl-sub + .link-item-list li:nth-child(-n+1) a {
  border-top: 1px solid #e5e5e5;
}
.ttl-sub + .link-item-list.col2 li:nth-child(-n+2) a {
  border-top: 1px solid #e5e5e5;
}
.ttl-sub + .link-item-list.col3 li:nth-child(-n+3) a {
  border-top: 1px solid #e5e5e5;
}
.ttl-sub + .link-item-list.col4 li:nth-child(-n+4) a {
  border-top: 1px solid #e5e5e5;
}
.ttl-sub + .link-item-list.col5 li:nth-child(-n+5) a {
  border-top: 1px solid #e5e5e5;
}
/*============
アイコン追加
==============*/

span.inner-cell {
  position: relative;
  /*padding-left: 20px;*/
  display: table-cell;
  vertical-align: middle;
}
.travel-icon {
  position: absolute;
  top: 4px;
  left: 0;
  margin-top: -2px;
}
.travel-icon-btn {
  position: absolute;
  top: 7px;
  left: 16px;
  margin-top: -2px;
}
.icon-travel-stationsboard2 {
  background: url(../img/sprite/sprite.png) no-repeat -115px -337px;;
  width: 17px;
  height: 14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .icon-travel-stationsboard2 {
    background: url('../img/sprite/sprite@2x.png') no-repeat 17px 14px / -232px -675px;
    width: 17px;
    height: 14px;
  }
}
.icon-book-timetable {
  background: url(../img/common/icon-book.png) no-repeat left center/12px 15px;
  width: 12px;
  height: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .icon-book-timetable {
    background: url(../img/common/icon-book@2x.png) no-repeat left center/12px 15px;
    width: 12px;
    height: 15px;
  }
}
.inner-cell .travel-icon {
  top: 50%;
  margin-top: -7px;
  top: 12px;
  margin-top: 0;
}
.inner-cell .travel-icon + .text {
  padding-left: 20px;
  display: inline-block;
}
a:hover .inner-cell .travel-icon + .text {
  text-decoration: underline;
}
.travel-icon.fe-arrow-line-right {
  content: "\EA06";
  display: inline-block;
  font-family: "myfont";
  margin-top: -6px;
  font-size: 10px;
  vertical-align: baseline;
  top: 18px;
}
.inner-cell .travel-icon.fe-arrow-line-right + .text {
  padding-left: 15px;
  display: inline-block;
}
/*============
リスト式ボタン
==============*/
.select-area.col5 {
  font-size: 0;
  margin: 20px 0 30px;
}
.select-area.col5 li  {
  display: inline-block;
  width: calc(100% / 5);
}
.select-area.col5 .btn.btn-md {
  border-left: none;
  display: block;
  float: none;
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
}
.select-area.col5 .btn.btn-md:last-of-type {
  width: 100%;
  border-radius: 0;
}
.select-area.col5 li:nth-child(n+6) a.btn.btn-md {
  border-top: none;
}
.select-area.col5 li:nth-child(6) a.btn.btn-md,
.select-area.col5 li:first-of-type a.btn.btn-md  {
  border-left: 1px solid #ccc;
}
.select-area.col5 .btn.btn-md.active > .fe-check {
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -4px;
}
.select-area.col5 .btn.btn-md.letter-6.active > .fe-check {
  left: 18px;
}

/*======================
リスト式ボタン改良版サンプル
========================*/
.select-btn-list {
  font-size: 0;
  margin: 20px 0 30px;
  width: 100%;
}
.select-btn-list li {
  border: 1px solid #ccc;
  border-left: none;
  display: inline-block;
  padding: 4px 0;
  cursor: pointer;
  font-size: 13px;
}
.select-btn-list li:first-of-type {
  border-left: 1px solid #ccc;
}
.select-btn-list li a {
  display: block;
  position: relative;
  color: #1b6bcf;
  text-align: center;
  width: 100%;
  outline: none;
  min-width: 4em;
}
.select-btn-list li:hover {
  background-color: #d2f0ff;
  color: #1b6bcf;
}
.select-btn-list li:hover a, .select-btn-list li:visited a {
  text-decoration: none;
}
.select-btn-list .fe-check::before {
  vertical-align: baseline;
}
/*選択状態（5文字・6文字以外は都度作成）*/
.select-btn-list li.active {
  color: #fff;
  font-weight: bold;
  border-color: #2073db;
  background-color: #2073db;
  cursor: default;
}
.select-btn-list li.active a {
  color: #fff;
  font-weight: bold;
}
.select-btn-list li:not(.active) a > .fe.fe-check {
  display: none;
}
.select-btn-list li.active a > .fe.fe-check {
  font-size: 80%;
  margin: -5px 3px -5px 0;
  vertical-align: middle;
}
/*5列ボタン（2段対応）*/
.select-btn-list.col5 li {
  width: calc(100% / 5);
}
.select-btn-list.col5 li:nth-child(n+6) {
  border-top: none;
}
.select-btn-list.col5 li:nth-child(6),
.select-btn-list.col5 li:first-of-type {
  border-left: 1px solid #ccc;
}
/*10列ボタン（1段用）*/
.select-btn-list.col10 {
  display: table;
}
.select-btn-list.col10 li {
  display: table-cell;
}

/*======================
PR用リンク枠
========================*/
.pr-link-box {
  background-color: #fff;
  border: 2px solid #ccc;
  height: 42px;
  line-height: 38px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}
.in-box .pr-link-box {
  margin-bottom: 20px;
}
.pr-link-box a {
  display: block;
}
.pr-link-box a:hover {
  background-color: #d2f0ff;
}
.pr-link-box a img {
  padding-right: 5px;
}
.pr-link-box a img.icon-hotel-pack {
  margin-top: -4px;
}
/* 一本前後ボタンデザイン変更 */
.orange-arrow {
  position: relative;
  padding: 0;
  border-radius: 0;
  border: 1px solid #ff8a0d;
  color: #ff8a0d;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
  vertical-align: middle;
  z-index: 3;
}
.orange-arrow::before,
.orange-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
}
.orange-arrow-left {
  z-index: 4;
  margin-left: 15px;
}
.orange-arrow.orange-arrow-left::before {
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 4;
  left: -15px;
  border-right: 15px solid #fff;
  border-left: 0;
}
.orange-arrow.orange-arrow-left:hover::before {
  border-right: 15px solid #fcffd0;
}
.orange-arrow.orange-arrow-left::after {
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 0;
  left: -16px;
  border-right: 15px solid #ff8a0d;
  border-left: 0;
}
.orange-arrow-right {
  z-index: 4;
}
.orange-arrow.orange-arrow-right::before {
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 4;
  right: -15px;
  border-right: 0;
  border-left: 15px solid #fff;
}
.orange-arrow.orange-arrow-right:hover::before {
  border-left: 15px solid #fcffd0;
}
.orange-arrow.orange-arrow-right::after {
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 0;
  right: -16px;
  border-right: 0;
  border-left: 15px solid #ff8a0d;
}
.orange-arrow .btn-change {
  color: #ff8a0d;
  height: 30px;
  display: inline-block;
  padding-top: 9px;
  line-height: 1em;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-left: 3px;
  padding-right: 12px;
}
.orange-arrow:hover .btn-change {
  background-color: #fcffd0;
}
.orange-arrow.orange-arrow-left .btn-change {
  padding: 9px 10px 9px 5px;
}
.orange-arrow.orange-arrow-right .btn-change {
  padding: 9px 5px 9px 10px;
}
/* 候補件数ページネーション */
.pagination-candidate {
  padding: 10px;
  position: relative;
}
.pagination-candidate-number span {
  font-weight: bold;
}
.pagination-candidate-link {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
.pagination-candidate-link .fe {
  margin-left: 5px;
}

/* 他候補選択（ダイレクト検索) */

.btn-type.type06 {
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.btn-type.btn-clr01 {
    background-color: #ff8a0d;
    color: #fff;
}
.btn-type.btn-just20 {
    padding: 0 20px;
}
.candidate {
    border-bottom: none;
}
.candidate .selected-condition-form-wrap {
    border: none;
    margin: 0;
}
.candidate .form-group-line {
    margin-bottom: 10px;
    position: relative;
    font-size: 0;
}
.candidate .form-group-content {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
    width: auto;
    padding-left: 0;
}
.candidate .form-group-content.inline {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding-left: 0;
}
.candidate .form-group-content.type-btn {
    margin-left: 10px;
}
.candidate .form-group-line.tablecell .form-group-content.inline {
    display: table-cell;
}
.candidate .form-group-line .form-group-ttl {
    width: 50px;
    font-size: 13px;
    color: #76787d;
    font-weight: bold;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    /* padding-top: 5px; */
	position: static;
}
.candidate .select-box-wrap {
    position: relative;
    width: 100%;
    /* display: inline-block; */
    display: block;
    font-size: 0;
    vertical-align: top;
}
.candidate .select-box-wrap select {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-image: none;
    height: 30px;
    padding-right: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 8px;
    font-size: 13px;
    vertical-align: top;
}
.candidate .select-box-wrap::after {
    content: "▼";
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
    pointer-events: none;
    background: none;
    display: initial;
    width: initial;
    height: initial;
}
.candidate .form-group-content.type-inline span.form-group-ttl, .form-group-content.type-right-align span.form-group-ttl {
    width: auto;
    position: static;
    display: inline-block;
    margin: 0 10px 0 0;
}
.candidate .form-group-line .form-group-ttl.separator {
    border-right: 1px solid #ccc;
    padding-right: 20px;
    margin-right: 15px;
}
.icon-base-15 {
  position: relative;
  padding-left: 17px;
}
.icon-base-15::before {
  width: 15px;
  height: 15px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  margin-left: -19px;
  background-repeat: no-repeat;
}
.icon-base-20 {
    position: relative;
    padding-left: 23px;
    padding-right: 5px;
}
.icon-base-20::before {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-left: -20px;
    background-repeat: no-repeat;
}
.icon-idea::before {
    background: url(../img/common/icon-idea.svg) center/contain no-repeat;
    margin-top: -12px;
}
/*============
広告枠追加　20200612
==============*/
.h3-style {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #e5e5e5;
	font-size: 15px;
	font-weight: bold;
}
.h3-style:before {
	content: "";
	border-left: 4px solid #2073db;
	padding-right: 10px;
}
/*============
テキスト広告枠
==============*/
.middle-banner-link.type-label {
	
}
.middle-banner-link.type-label a:hover {
	text-decoration: none;
}
.middle-banner-link.type-label a:hover .text {
	text-decoration: underline;
}
.middle-banner-link.type-label a .label-wrap {
    vertical-align: middle;
    display: table-cell;
}
.middle-banner-link .labeling {
	font-size: 10px;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    vertical-align: top;
}
.middle-banner-link .labeling.red {
	background: #E52727;
}
.middle-banner-link .labeling.pink {
	background: #EE3996;
}
.middle-banner-link.type-label a {
    background: none;
	line-height: 20px;
    min-height: 40px;
    display: table;
}
.middle-banner-link.type-label a .text {
    vertical-align: middle;
    display: table-cell;
}
/*============
テキストリンク
==============*/
.icon-textlink {
    position: relative;
    font-size: 14px;
    margin-right: 5px;
}
.icon-textlink .fe.fe-arrow-line-right {
    font-size: 11px;
}
/*============
リンクボックス
==============*/
.link-item-box-wrap {

}
.link-item-box {
  padding: 0;
	margin: 0;
	font-size: 0;
}

.link-item-box li {
	list-style: none;
  margin-bottom: 15px;
  vertical-align: top;
}
.link-item-box.col3 li {
	display: inline-block;
	width: calc((100% - 30px) / 3);
  display: inline-block;
  margin-right: 15px;
}
.link-item-box.col3 li:nth-child(3n) {
  margin-right: 0;
}
.link-item-box-text {
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 4px 4px;
	padding: 5px;
}
.link-item-box .title {
  font-size: 14px;
  color: #1B6BCF;
  margin: 0 0 3px;
  font-weight: bold;
}
.link-item-box .text {
  font-size: 12px;
  color: #333;
  min-height: 35px;
}
.link-item-box a:hover img {
	opacity: 0.8;
}
.link-item-box li img {
	max-width: 100%;
}
/*============
コンテンツボックス
==============*/
.contents-box-wrap {
	font-size: 0;
}
.contents-box {
	font-size: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
}
.contents-box.col2 {
	
}
.contents-box .title {
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
	border-bottom: none;
}
.contents-box .text-contents {
	font-size: 12px;
	color: #333;
	margin-bottom: 5px;
}
/* コンテンツボックス内レイアウト */
.contents-box.col2 > .contents-box-inner {
	width: calc(100% / 2 - 7.5px);
	/* display: inline-block; */
    vertical-align: top;
	/* margin-right: 15px; */
	
	padding-right: 15px;
    display: table-cell;
}
.contents-box.col2 > .contents-box-inner:nth-child(2n) {
	margin-right: 0;
	padding-right: 0;
}
/* コンテンツボックス 2列 */
.contents-box-wrap.col2 > a > .contents-box {
	width: calc(100% / 2 - 10px);
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.contents-box-wrap.col2 > a:first-child > .contents-box {
  border-right: 1px solid #E5E5E5;
}
.contents-box-wrap.col2 > a:nth-child(2n) > .contents-box {
    margin-right: 0;
}
.contents-box-wrap a:hover img {
	opacity: 0.8;
}
/* 独立タイプ */
.contents-wrap.independence {
	padding: 10px;
}
.contents-wrap.independence .contents-box {
	font-size: 0;
	margin-bottom: 0;
	border-bottom: none;
    padding-bottom: 0;
}
/*============
バナーラップ
==============*/
.bnr-contents {

}
.bnr-contents + .bnr-contents {
	margin-top: 10px;
}
.bnr-contents h4 {
	margin: 0;
}
.bnr-contents img {
	width: 100%;
}
.bnr-contents .text-link {
	font-weight: bold;
}
.bnr-contents .fe.fe-arrow-line-right {
    font-size: 11px;
}
.bnr-contents a:hover img {
	opacity: 0.8;
}
/* アイコン追加 */
.icon-base-20 {
	position: relative;
	padding-left: 23px;
	padding-right: 3px;
}
.icon-base-20::before {
	width: 20px;
	height: 20px;
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -10px;
	margin-left: -20px;
	background-repeat: no-repeat;
}
.icon-present::before {
	background: url(/transit/pc/img/common/icon-present.svg) center/contain no-repeat;
}
.layout-basic > .container > .header-wrap .title-info a > span.icon-base-20,
.layout-responsive > .container > .header-wrap .title-info a > span.icon-base-20 {
  height: 36px;
}
/* ie11対応 */
@media all and (-ms-high-contrast:none) {
	.icon-base-20::before {
	  top: 16px;
	}	
}
/*------------------------
tippy(tooltip)
------------------------*/
.tippy-btn {
  vertical-align: middle;
  color: #1B6BCF;
  display: block;
  font-size: 13px;
  height: 20px;
  margin: 10px 0;
}
.tippy-btn:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tippy-box {
	background-color: transparent;
	max-width: none!important;
	font-size: 13px;
}
.tippy-content {
  padding: 0;
}
.tooltip-content {
  box-sizing: border-box;
  margin: 0 auto;
  /* width: 600px;
  max-width: calc(100% - .01px)!important; */
  background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border: 1px solid rgba(0, 0, 0, .2);
	width: 640px!important;
}
.tooltip-content-header {
	padding: 10px 15px 0 15px;
  background: #F4F4F4;
  border-bottom: 3px solid #2073DB;
	border-radius: 6px 6px 0 0;
  position: relative;
  color: #333;
}
.tooltip-content-header .btn-type {
	position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -13px;
}
.tooltip-content-body {
	padding: 20px;
	color: #333;
}
.layout-basic .tooltip-content-body .content-wrap {
  border-bottom: none;
}

/*============
運行情報　路線登録
==============*/
.line-registration {
	background: #f7f7f7;
	padding: 15px;
}
.line-registration h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.line-registration-text {
	line-height: 26px;
}
.line-registration-text .btn-type {
	vertical-align: baseline;
}
.tippy-btn + .tippy-align {
	margin-top: -33px;
}
.side-line-registration {
  margin-bottom: 20px;
  background: #fff;
  padding: 15px 15px 1px;
}
.in-box .side-line-registration .contents-wrap {
  padding: 0;
  border-bottom: none;
  margin-bottom: 15px;
}
.side-line-registration p {
  margin-bottom: 10px
}
/* 運行情報　登録路線　-テーブル表示 */
.list-table.col-registration > li .table-col {
	width: calc(100% / 3 - 100px);
	width: calc((100% - 100px) / 3);
	width: 230px;
}
.list-table.col-registration > li .table-col:nth-child(3) {
	width: 150px;
}
.list-table.col-registration > li .table-col:nth-child(4) {
	width: 90px;
    text-align: center;
    color: #1B6BCF;
}
/* 運行情報　詳細ページ　-路線登録ボタン */
.registration-btn-box {
    text-align: center;
	font-size: 0;
	margin-top: 15px;
}
.registration-btn-wrap {
	display: inline-block;
	vertical-align: top;
}
.registration-btn-wrap + .registration-btn-wrap {
	margin-left: 30px;
}
.registration-btn-wrap .tippy-btn {
    display: block;
    margin: 10px auto 0;
}
/* アイコン */
.icon-has-status::before {
	background: url(/transit/pc/img/common/train-status/icon-has-status.svg) center center no-repeat;
}
.icon-question::before {
	background: url(/transit/pc/img/common/icon-question.svg) center/contain no-repeat;
}
.icon-registration::before {
	background: url(/transit/pc/img/common/icon-registration.svg) center/contain no-repeat;
	margin-top: -9px;
	fill: #1b6bcf;
}
.icon-unregister::before {
	background: url(/transit/pc/img/common/icon-unregister.svg) center/contain no-repeat;
	margin-top: -9px;
	fill: #1b6bcf;
}
/* アイコン画像位置調整 */
.title-info .icon-present::before {
	margin-top: -12px;
}