@charset "UTF-8";
@media only screen and (max-width: 767px) {
  img.sp-btn, div#stationR, div#stationLT, div#stationLB, dl#address, div#stationLT img, div#stationR div.box, div#stationR ul.btnList li img, div#stationLB img {
    width: 100%; }
  .sp-block {
    display: block; }
    .sp-block.note {
      text-indent: -1em;
      padding-left: 1em !important; }
  /** 秋の特別ダイヤ */
  .extraTimetable {
    margin-top: 1.5em; }
    .extraTimetable ul.timeList li {
      margin-top: 1em; }
      .extraTimetable ul.timeList li:first-child {
        margin-top: 0; }
      .extraTimetable ul.timeList li span {
        width: 100%; }
      .extraTimetable ul.timeList li img {
        width: 100%; }
  /* 駅・路線図（バスのりかえ）のタイトル */
  h1#title span.sp-block {
    display: block;
    padding-top: 10px;
    padding-left: 0; }
  /* 停車駅のご案内 */
  div#stoppingMap.curvy700Ttl {
    background: none; }
  /* 駅の紹介の枠組み */
  div#stationLT img#imgmap {
    width: 100%;
    height: auto; }
  div#stationR {
    padding-bottom: 0px !important; }
    div#stationR div.boxIn {
      background: none;
      width: 100%;
      padding: 0; }
    div#stationR div.box {
      background: none; }
      div#stationR div.box h2 {
        background: none; }
    div#stationR ul.btnList {
      width: 100%;
      margin-right: -3%; }
      div#stationR ul.btnList li {
        width: 48.5%;
        margin-right: 3%; }
        div#stationR ul.btnList li:last-child {
          margin-right: 0; }
  div#stationLB {
    padding-top: 10px; }
  /* 所在地 */
  dl#address dt {
    width: 100%;
    text-align: left; }
  /* 時刻表 */
  ul#timeList li {
    padding-bottom: 10px; }
    ul#timeList li a {
      padding-right: 4%; }
      ul#timeList li a:last-child {
        padding-right: 0; }
    ul#timeList li span {
      display: block;
      padding-bottom: 5px;
      width: 95%; }
    ul#timeList li img {
      padding-right: 0px;
      width: 48%; }
  /* 駅の設備・構内図 */
  div#premises ul.pictList {
    margin-bottom: 0px; }
    div#premises ul.pictList li {
      margin-bottom: 10px; }
    div#premises ul.pictList li.iconNotes span {
      width: 81%; }
  div#premises ul.btnList li.mr0 {
    margin-right: 0; }
  div#premises ul.btnList li.w100 {
    width: 100%; }
  /* 定期券うりば */
  div#stationR div.box h3 {
    padding-bottom: 5px; }
  /* Googlemap */
  div#map_canvas {
    width: 100%; }
  /* 路線図 */
  div#routeMap {
    width: 100%;
    background: none;
    border: #e1e1e1 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
  div#routeMap h2 {
    background: none;
    padding-left: 3%; }
  div#routeMap div#routeMapIn {
    background: none; }
  dl#rosenmap {
    width: 100%; }
  #rosenmap dd a:hover, #rosenmap dd a.select {
    background: none; }
  dl#rosenmap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-attachment: scroll; }
  /*各アイコンの説明*/
  div#header, div#headerIn {
    width: 100% !important;
    padding: 0; }
  div.curvy790 div.curvyIn790, div.ttlCurvyg750 .curvygIn {
    background: none; }
  div.curvy790 {
    margin: 4%;
    width: 92% !important; }
  div.curvy790 .curvyWrap790 {
    width: 100%;
    background: none;
    padding-top: 10px; }
  div.ttlCurvyg750 {
    width: 100%;
    background: none;
    margin: 0;
    padding: 0; }
  div.ttlCurvyg750 .curvygIn span {
    border: #e1e1e1 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #f2f2f2;
    margin-bottom: 15px;
    padding: 12px; }
  ul.pictgram {
    margin: 0 0 20px 0; }
  ul.pictgram li {
    width: 100%;
    height: auto !important;
    display: inline-block;
    padding-bottom: 10px; }
  div#header h1, div#header p#ci {
    padding-top: 0px !important; }
  /* 路線図（スマホ用タブ） */
  .sp-route .sp-disnon {
    display: none; }
  .sp-route #sp-tab {
    text-align: center;
    list-style: none;
    overflow: hidden;
    position: relative;
    margin-top: 20px; }
  .sp-route #sp-tab li {
    list-style: none;
    text-align: center;
    width: 48.5%;
    border: #dbdbdb 1px solid;
    border-bottom: none;
    background: #fff;
    background: -o-linear-gradient(top, #fff 50%, #efefef 100%);
    background: -ms-linear-gradient(top, #fff 50%, #efefef 100%);
    background: -moz-linear-gradient(top, #fff 50%, #efefef 100%);
    background: -webkit-linear-gradient(top, #fff 50%, #efefef 100%);
    background: linear-gradient(top, #fff 50%, #efefef 100%);
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    z-index: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .sp-route #sp-tab a {
    color: #333333;
    font-weight: bold;
    padding: 10px 5%;
    display: block;
    text-decoration: none; }
  .sp-route #sp-tab li.select a {
    color: #eead26;
    padding: 10px 5%;
    display: block; }
  .sp-route #sp-tab li.select {
    background: #011961;
    color: #333;
    border-bottom-color: #FFF;
    padding-top: 1%; }
  .sp-route #sp-tab li:hover {
    cursor: pointer; }
  .sp-route .sp-route-content {
    clear: both;
    border-top: #011961 3px solid;
    background: #FFFFFF; }
  .sp-route .sp-route-content li {
    list-style: none; }
  /* 路線図（スマホ用アコーディオン） */
  .sp-accordionlist dt {
    background: #eeeeee;
    border-bottom: #fff 2px solid;
    padding: 15px 10px; }
  .sp-accordionlist dt .sp-accordion-title {
    float: left; }
  .sp-accordionlist dd {
    display: none;
    background: #f6f6f6; }
  .sp-accordionlist dd a {
    display: block; }
  .sp-accordion-icon,
  .sp-accordion-icon span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    top: 10px; }
  .sp-accordion-icon {
    position: relative;
    width: 30px;
    float: right;
    margin-right: 5px; }
  .sp-accordion-icon span {
    position: absolute;
    left: 6px;
    width: 50%;
    height: 2px;
    background: #011961; }
  .sp-accordion-icon span:nth-of-type(1) {
    top: 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 40%; }
  .sp-accordion-icon span:nth-of-type(2) {
    top: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    width: 40%; }
  .sp-accordionlist .sp-accordion-icon.active span:nth-of-type(1) {
    top: 5px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    width: 50%; }
  .sp-accordionlist .sp-accordion-icon.active span:nth-of-type(2) {
    top: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    width: 50%; }
  .sp-accordionlist li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    border-bottom: #fff 1px solid; }
  .sp-accordionlist li a::before,
  .sp-accordionlist li a::after {
    position: absolute;
    right: 32px;
    content: ""; }
  .sp-accordionlist li a::before {
    top: 18px;
    right: 32px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ff8400;
    border-right: 2px solid #ff8400;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .sp-accordionlist li a:hover {
    filter: Alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.80;
    text-decoration: none; } }