@charset "UTF-8";
/* ==========================================================================
   時刻表・運賃
   ========================================================================== */
#wrapper #main_wrapper {
  width: 100%;
  background: url(/timetable/css/img/bg_ttl.gif) repeat-x center top; }
  #wrapper #main_wrapper #main_inner {
    background: url(/timetable/css/img/img_ttl.gif) no-repeat center top; }
#wrapper #g_nav_wrap_lower ul#g_nav li#g_nav01 a {
  background: url(/common/img/gnav01.png) no-repeat center top !important; }
#wrapper #contents .news_area {
  margin-top: 10px; }
#wrapper #contents .ttl_wrap {
  margin: 40px 0; }
#wrapper #contents h2.ttl_search {
  font-size: 271.4285714286%;
  text-align: center;
  border-bottom: none;
  background: none;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 0; }
  #wrapper #contents h2.ttl_search span {
    background: url(/timetable/img/ico_search.png) no-repeat center left;
    padding-left: 50px;
    display: inline-block;
    min-height: 50px; }
#wrapper #contents h2.ttl_search:first-child {
  margin-top: 30px; }
#wrapper #contents h2 span.stop_name {
  background-color: #51b1cd;
  color: #FFF;
  font-size: 57.1428571429%;
  padding: 3px 6px;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle; }
#wrapper #contents .free_txt {
  margin: 20px 0; }
#wrapper #contents #area_wrap .area_box {
  width: 30%;
  display: inline-block;
  margin-right: 4%;
  margin-bottom: 30px;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  padding: 1px;
  background-color: #FFF;
  line-height: 1.3; }
  #wrapper #contents #area_wrap .area_box .line {
    padding: 25px;
    height: 100px; }
    #wrapper #contents #area_wrap .area_box .line span {
      padding-left: 90px;
      height: 100px;
      display: table-cell;
      vertical-align: middle; }
  #wrapper #contents #area_wrap .area_box #line01 span {
    background: url(/timetable/img/ico_line01.gif) no-repeat center left;
    background-size: 65px 100px;
    font-size: 164.2857142857%; }
  #wrapper #contents #area_wrap .area_box #line02 span {
    background: url(/timetable/img/ico_line02.gif) no-repeat center left;
    background-size: 79px 100px;
    font-size: 142.8571428571%; }
  #wrapper #contents #area_wrap .area_box #line03 span {
    background: url(/timetable/img/ico_line03.gif) no-repeat center left;
    background-size: 74px 100px;
    font-size: 128.5714285714%; }
  #wrapper #contents #area_wrap .area_box #line04 span {
    background: url(/timetable/img/ico_line04.gif) no-repeat center left;
    background-size: 65px 100px;
    font-size: 164.2857142857%; }
  #wrapper #contents #area_wrap .area_box #line05 span {
    background: url(/timetable/img/ico_line05.gif) no-repeat center left;
    background-size: 79px 100px;
    font-size: 164.2857142857%; }
  #wrapper #contents #area_wrap .area_box #line06 span {
    background: url(/timetable/img/ico_line06.gif) no-repeat center left;
    background-size: 80px 100px;
    font-size: 164.2857142857%; }
  #wrapper #contents #area_wrap .area_box .fare_box {
    background-color: #51b1cd;
    padding: 6px 0;
    color: #FFF;
    text-align: center; }
    #wrapper #contents #area_wrap .area_box .fare_box span {
      font-size: 264.2857142857%;
      margin-left: 5px;
      margin-right: 5px; }
#wrapper #contents #area_wrap .area_box.last_child {
  margin-right: 0; }
#wrapper #contents .line_wrap {
  display: inline-block;
  vertical-align: top; }
  #wrapper #contents .line_wrap .line_search {
    width: 100%;
    margin-bottom: 30px; }
    #wrapper #contents .line_wrap .line_search dt {
      width: 60%;
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 114.2857142857%;
      font-weight: bold;
      background-color: #013192;
      border-radius: 20px;
      color: #fff;
      text-align: center;
      margin-bottom: 15px; }
    #wrapper #contents .line_wrap .line_search dd {
      line-height: 1.7;
      margin-bottom: 10px;
      width: 95%; }
      #wrapper #contents .line_wrap .line_search dd a {
        background: url(/common/css/img/arrow08.png) no-repeat top 8px left;
        padding-left: 16px;
        display: block;
        color: #2a2a2a; }
#wrapper #contents .line_wrap01 {
  width: 49%; }
#wrapper #contents .line_wrap02 {
  width: 49%; }
  #wrapper #contents .line_wrap02 .line_search {
    width: 45%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top; }
#wrapper #contents .tab_wrap {
  width: 100%;
  border-bottom: 1px solid #013192; }
  #wrapper #contents .tab_wrap .tab {
    overflow: hidden;
    width: 90%;
    margin: 0 4% -1px auto; }
    #wrapper #contents .tab_wrap .tab li {
      background-color: #fff;
      border: 1px solid #d5d5d5;
      border-bottom: 1px solid #013192;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block !important;
      float: left;
      font-size: 192.8571428571%;
      font-weight: bold;
      font-weight: bold;
      margin-right: 2%;
      margin-bottom: -1px;
      padding-bottom: 20px;
      padding-top: 20px;
      text-align: center;
      width: 48%;
      color: #818080; }
    #wrapper #contents .tab_wrap .tab li.select {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #013192;
      border-bottom: 1px solid #fff;
      color: #013192;
      margin-bottom: 0 !important; }
    #wrapper #contents .tab_wrap .tab li.last_child {
      margin-right: 0; }
    #wrapper #contents .tab_wrap .tab li#arr {
      text-align: center; }
      #wrapper #contents .tab_wrap .tab li#arr span.arr_in02 {
        text-align: center; }
      #wrapper #contents .tab_wrap .tab li#arr span.arr_in01 {
        background: url(/timetable/img/img_arr.gif) no-repeat center right;
        display: inline-block;
        padding-right: 165px; }
    #wrapper #contents .tab_wrap .tab li#arr.select span.arr_in01 {
      background: url(/timetable/img/img_arr_select.gif) no-repeat center right; }
    #wrapper #contents .tab_wrap .tab li#dep {
      text-align: center; }
      #wrapper #contents .tab_wrap .tab li#dep span.dep_in02 {
        text-align: center; }
      #wrapper #contents .tab_wrap .tab li#dep span.dep_in01 {
        background: url(/timetable/img/img_dep.gif) no-repeat center right;
        display: inline-block;
        padding-right: 165px; }
    #wrapper #contents .tab_wrap .tab li#dep.select span.dep_in01 {
      background: url(/timetable/img/img_dep_select.gif) no-repeat center right; }
#wrapper #contents .time_tabel {
  margin-top: 40px; }
  #wrapper #contents .time_tabel .hide {
    display: none; }
  #wrapper #contents .time_tabel p {
    margin-bottom: 15px; }
  #wrapper #contents .time_tabel table {
    margin-bottom: 30px;
    width: 100%; }
    #wrapper #contents .time_tabel table tr th {
      font-weight: normal;
      line-height: 1.3; }
    #wrapper #contents .time_tabel table tr th.company {
      width: 4%;
      min-width: 39px;
      box-sizing: border-box;
      padding: 20px 10px;
      background-color: #e3f4fa; }
    #wrapper #contents .time_tabel table tr th.dep_box {
      width: 8%;
      min-width: 78px;
      box-sizing: border-box;
      border-left: 1px solid #d5d5d5;
      padding: 20px 10px;
      background-color: #e3f4fa; }
      #wrapper #contents .time_tabel table tr th.dep_box span {
        display: block; }
      #wrapper #contents .time_tabel table tr th.dep_box .name {
        font-size: 85%; }
      #wrapper #contents .time_tabel table tr th.dep_box .stop_name {
        background-color: #51b1cd;
        color: #FFF;
        font-size: 85.7142857143%;
        padding: 2px;
        margin-top: 10px; }
      #wrapper #contents .time_tabel table tr th.dep_box .stop_place a {
        background-color: #013192;
        border-radius: 3px;
        display: block;
        font-size: 85.7142857143%;
        margin-top: 6px;
        margin-bottom: 7px;
        padding: 3px 0;
        text-align: center;
        color: #FFF; }
        #wrapper #contents .time_tabel table tr th.dep_box .stop_place a span {
          background: url(/common/css/img/arrow07.png) no-repeat center left;
          display: inline-block;
          padding-left: 10px; }
      #wrapper #contents .time_tabel table tr th.dep_box .icon {
        margin-bottom: 10px; }
        #wrapper #contents .time_tabel table tr th.dep_box .icon img {
          height: 26px;
          width: auto; }
    #wrapper #contents .time_tabel table tr th.arr_box {
      width: 8%;
      min-width: 78px;
      box-sizing: border-box;
      border-left: 1px solid #d5d5d5;
      padding: 20px 10px;
      background-color: #ffe8e8; }
      #wrapper #contents .time_tabel table tr th.arr_box span {
        display: block; }
      #wrapper #contents .time_tabel table tr th.arr_box .name {
        font-size: 85%; }
      #wrapper #contents .time_tabel table tr th.arr_box .stop_name {
        background-color: #eb7373;
        color: #FFF;
        font-size: 85.7142857143%;
        padding: 2px;
        margin-top: 10px; }
      #wrapper #contents .time_tabel table tr th.arr_box .stop_place a {
        background-color: #013192;
        border-radius: 3px;
        display: block;
        font-size: 85.7142857143%;
        margin-top: 6px;
        margin-bottom: 7px;
        padding: 3px 0;
        text-align: center;
        color: #FFF; }
        #wrapper #contents .time_tabel table tr th.arr_box .stop_place a span {
          background: url(/common/css/img/arrow07.png) no-repeat center left;
          display: inline-block;
          padding-left: 10px; }
      #wrapper #contents .time_tabel table tr th.arr_box .stop_place_off a {
        background-color: #c93434;
        border-radius: 3px;
        display: block;
        font-size: 85.7142857143%;
        margin-top: 6px;
        margin-bottom: 7px;
        padding: 3px 0;
        text-align: center;
        color: #FFF; }
        #wrapper #contents .time_tabel table tr th.arr_box .stop_place_off a span {
          background: url(/common/css/img/arrow07.png) no-repeat center left;
          display: inline-block;
          padding-left: 10px; }
      #wrapper #contents .time_tabel table tr th.arr_box .icon {
        margin-bottom: 10px; }
        #wrapper #contents .time_tabel table tr th.arr_box .icon img {
          height: 26px;
          width: auto; }
    #wrapper #contents .time_tabel table tr.time td {
      box-sizing: border-box;
      border-top: 1px solid #d5d5d5;
      border-left: 1px solid #d5d5d5;
      text-align: center;
      font-size: 128.5714285714%;
      font-weight: bold;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 8%;
      min-width: 78px; }
      #wrapper #contents .time_tabel table tr.time td span.arrow {
        background: url(/timetable/img/img_arrow.png) no-repeat center center;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block; }
      #wrapper #contents .time_tabel table tr.time td span.ast {
        font-size: 57.1428571429%;
        padding-left: 3px; }
    #wrapper #contents .time_tabel table tr.time td.company {
      border-left: none;
      width: 4%;
      min-width: 39px; }
    #wrapper #contents .time_tabel table .over, #wrapper #contents .time_tabel table tr:hover {
      background-color: #efefef; }
    #wrapper #contents .time_tabel table .over_active {
      background-color: #efefef; }
#wrapper #contents #fare_wrap table {
  width: 100%;
  margin-bottom: 30px; }
  #wrapper #contents #fare_wrap table th {
    background-color: #efefef;
    box-sizing: border-box;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 0; }
  #wrapper #contents #fare_wrap table td {
    box-sizing: border-box;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px;
    background-color: #FFF; }
  #wrapper #contents #fare_wrap table .t01 {
    width: 16%; }
  #wrapper #contents #fare_wrap table .t02 {
    width: 40%; }
  #wrapper #contents #fare_wrap table .t03 {
    width: 22%; }
  #wrapper #contents #fare_wrap table .t04 {
    width: 22%; }
  #wrapper #contents #fare_wrap table .ticket {
    background-color: #51b1cd;
    color: #FFF; }
  #wrapper #contents #fare_wrap table .stop_area {
    background-color: #ebf7fb; }
    #wrapper #contents #fare_wrap table .stop_area span.round {
      margin-right: 3px;
      margin-left: 3px; }
  #wrapper #contents #fare_wrap table .fare_area {
    font-size: 121.4285714286%;
    font-weight: bold;
    text-align: center; }
    #wrapper #contents #fare_wrap table .fare_area span {
      display: block;
      font-size: 71.4285714286%;
      font-weight: normal; }
  #wrapper #contents #fare_wrap table .nb_r {
    border-right: none; }
  #wrapper #contents #fare_wrap table td.bb_d {
    border-bottom: 1px dotted #d5d5d5 !important; }

@media screen and (max-width: 767px) {
  #wrapper #g_nav_wrap_lower ul#g_nav li#g_nav01 a {
    background: url(/common/img/gnav01_sp.png) no-repeat center top !important;
    background-size: 60px !important; }
  #wrapper #contents h2.ttl_search {
    font-size: 114.2857142857%;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-left: 0 !important; }
    #wrapper #contents h2.ttl_search span {
      background-size: 19px 25px;
      padding-left: 25px !important;
      min-height: 25px;
      display: inline-block; }
  #wrapper #contents h2.ttl_search:first-child {
    margin-top: 20px; }
  #wrapper #contents .ttl_wrap {
    margin: 15px 0; }
  #wrapper #contents #area_wrap .area_box {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 10px; }
    #wrapper #contents #area_wrap .area_box .line {
      padding: 15px;
      height: 60px; }
      #wrapper #contents #area_wrap .area_box .line span {
        padding-left: 60px;
        height: 60px; }
    #wrapper #contents #area_wrap .area_box #line01 span {
      background-size: 32px 50px;
      font-size: 107.1428571429%; }
    #wrapper #contents #area_wrap .area_box #line02 span {
      background-size: 39px 50px;
      font-size: 128.5714285714%; }
    #wrapper #contents #area_wrap .area_box #line03 span {
      background-size: 37px 50px;
      font-size: 128.5714285714%; }
    #wrapper #contents #area_wrap .area_box #line04 span {
      background-size: 32px 50px;
      font-size: 128.5714285714%; }
    #wrapper #contents #area_wrap .area_box #line05 span {
      background-size: 39px 50px;
      font-size: 128.5714285714%; }
    #wrapper #contents #area_wrap .area_box #line06 span {
      background-size: 40px 50px;
      font-size: 128.5714285714%; }
    #wrapper #contents #area_wrap .area_box .fare_box {
      padding: 3px 0; }
      #wrapper #contents #area_wrap .area_box .fare_box span {
        font-size: 178.5714285714%; }
  #wrapper #contents .line_wrap {
    width: 100%;
    display: block;
    margin-right: 0; }
    #wrapper #contents .line_wrap .line_search dt {
      width: 100%;
      font-size: 100%;
      margin-bottom: 10px; }
    #wrapper #contents .line_wrap .line_search dd a {
      background: url(/common/css/img/arrow08_sp.png) no-repeat left top 22px;
      background-size: 5px 9px;
      border-bottom: 1px solid #d5d5d5;
      padding-bottom: 15px;
      padding-top: 15px;
      line-height: 1.5;
      font-size: 107.1428571429%; }
  #wrapper #contents .line_wrap02 {
    width: 100%; }
    #wrapper #contents .line_wrap02 .line_search {
      width: 100%; }
  #wrapper #contents .tab_wrap .tab li {
    font-size: 107.1428571429%;
    padding-top: 8px;
    padding-bottom: 8px; }
  #wrapper #contents .tab_wrap .tab li#arr span.arr_in01 {
    background: url(/timetable/img/img_arr.gif) no-repeat center bottom;
    padding-right: 0;
    padding-bottom: 20px;
    background-size: 76px 21px; }
  #wrapper #contents .tab_wrap .tab li#arr.select span.arr_in01 {
    background: url(/timetable/img/img_arr_select.gif) no-repeat center bottom;
    padding-right: 0;
    padding-bottom: 20px;
    background-size: 76px 21px; }
  #wrapper #contents .tab_wrap .tab li#dep span.dep_in01 {
    background: url(/timetable/img/img_dep.gif) no-repeat center bottom;
    padding-right: 0;
    padding-bottom: 20px;
    background-size: 76px 21px; }
  #wrapper #contents .tab_wrap .tab li#dep.select span.dep_in01 {
    background: url(/timetable/img/img_dep_select.gif) no-repeat center bottom;
    padding-right: 0;
    padding-bottom: 20px;
    background-size: 76px 21px; }
  #wrapper #contents .txt_slide {
    width: 65%;
    margin: 15px auto 0; }
  #wrapper #contents .time_tabel {
    width: 100%;
    overflow: auto;
    margin-top: 15px; }
    #wrapper #contents .time_tabel table {
      margin-bottom: 15px; }
      #wrapper #contents .time_tabel table tr th {
        padding: 5px; }
      #wrapper #contents .time_tabel table tr th.company {
        padding: 10px 5px; }
      #wrapper #contents .time_tabel table tr th.dep_box {
        padding: 5px; }
        #wrapper #contents .time_tabel table tr th.dep_box .stop_place a span {
          background: url(/common/css/img/arrow07_sp.png) no-repeat center left;
          background-size: 3px 7px; }
        #wrapper #contents .time_tabel table tr th.dep_box .icon {
          width: 20px;
          margin: 0 auto 10px; }
      #wrapper #contents .time_tabel table tr th.arr_box {
        padding: 10px 5px; }
        #wrapper #contents .time_tabel table tr th.arr_box .stop_place_off a span {
          background: url(/common/css/img/arrow07_sp.png) no-repeat center left;
          background-size: 3px 7px; }
        #wrapper #contents .time_tabel table tr th.arr_box .icon {
          width: 20px;
          margin: 0 auto 10px; }
  #wrapper #contents #fare_wrap table {
    margin-bottom: 15px;
    font-size: 85.7142857143%; }
    #wrapper #contents #fare_wrap table th {
      padding: 5px; }
    #wrapper #contents #fare_wrap table td {
      padding: 5px; }
    #wrapper #contents #fare_wrap table .t01 {
      width: 18%; }
    #wrapper #contents #fare_wrap table .t02 {
      width: 38%; }
    #wrapper #contents #fare_wrap table .t03 {
      width: 22%; }
    #wrapper #contents #fare_wrap table .t04 {
      width: 22%; }
    #wrapper #contents #fare_wrap table .stop_area span.round {
      width: 10px;
      display: inline-block; }
    #wrapper #contents #fare_wrap table .fare_area {
      font-size: 100%; } }