/*
****************************/
#TicketReseiveCont {
  position: relative;
  overflow: hidden;
  width: 100%; }

/*
****************************/
#MqSpBox {
  position: absolute;
  top: -999px;
  left: 0;
  display: none;
  width: 1px;
  height: 1px;
  pointer-events: none; }

@media only screen and (max-width: 768px) {
  #MqSpBox {
    display: block; } }

/*
****************************/
.mainTitleSect .sectTit {
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  color: #0068b7;
  justify-content: center;
  align-items: center; }
  .mainTitleSect .sectTit img {
    vertical-align: middle; }

@media only screen and (min-width: 769px) {
  .mainTitleSect {
    padding: 40px 0 40px; }
    .mainTitleSect .sectTit {
      font-size: 40px;
      font-size: 4rem; }
      .mainTitleSect .sectTit img {
        margin-right: 20px; } }

@media only screen and (max-width: 768px) {
  .mainTitleSect {
    padding: 20px 0 20px; }
    .mainTitleSect .sectTit {
      font-size: 18px;
      font-size: 1.8rem; }
      .mainTitleSect .sectTit img {
        width: 50px;
        margin-right: 10px; } }

/*
****************************/
.aboutSect {
  background: url(../images/bg_stripe_blue01.jpg) repeat center top #d9ebf7; }
  .aboutSect .sectTit {
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center; }
    .aboutSect .sectTit img {
      vertical-align: middle; }
  .aboutSect .sectMain .leadBlock .lead {
    font-weight: bold;
    text-align: center; }
  .aboutSect .sectMain .infoBlock .itemList > li {
    box-sizing: border-box; }
  .aboutSect .sectMain .infoBlock .itemList .txt strong {
    font-weight: bold;
    color: #0068b7; }
  .aboutSect .sectMain .linkBlock {
    background-color: #fff; }
    .aboutSect .sectMain .linkBlock .lead {
      font-weight: bold;
      text-align: center; }
    .aboutSect .sectMain .linkBlock .itemList {
      text-align: center; }

@media only screen and (min-width: 769px) {
  .aboutSect {
    padding: 65px 0; }
    .aboutSect .sectTit {
      font-size: 28px;
      font-size: 2.8rem; }
      .aboutSect .sectTit img {
        margin-right: 20px; }
    .aboutSect .sectMain .leadBlock {
      margin-top: 25px; }
    .aboutSect .sectMain .infoBlock {
      margin-top: 35px; }
      .aboutSect .sectMain .infoBlock .itemList {
        display: flex;
        padding: 0 50px; } }
      @media only screen and (min-width: 769px) and (max-width: 959px) {
        .aboutSect .sectMain .infoBlock .itemList {
          padding: 0 0; } }

@media only screen and (min-width: 769px) {
        .aboutSect .sectMain .infoBlock .itemList > li {
          box-sizing: border-box;
          width: 50%;
          padding: 0 50px;
          border-left: 2px dotted #0068b7; }
          .aboutSect .sectMain .infoBlock .itemList > li:first-child {
            border-left: 0; }
        .aboutSect .sectMain .infoBlock .itemList .thumb {
          display: flex;
          height: 100px;
          text-align: center;
          align-items: center;
          justify-content: center; }
          .aboutSect .sectMain .infoBlock .itemList .thumb img {
            width: 70px; }
        .aboutSect .sectMain .infoBlock .itemList .txt {
          margin-top: 10px; }
    .aboutSect .sectMain .linkBlock {
      margin-top: 35px;
      padding: 40px 25px; }
      .aboutSect .sectMain .linkBlock .itemList {
        display: flex;
        margin-top: 25px;
        flex-wrap: wrap; }
        .aboutSect .sectMain .linkBlock .itemList > li {
          box-sizing: border-box;
          width: 50%;
          text-align: left; }
        .aboutSect .sectMain .linkBlock .itemList > li {
          line-height: 1.4;
          padding: 8px 10px; } }
        @media only screen and (min-width: 769px) and (max-width: 959px) {
          .aboutSect .sectMain .linkBlock .itemList > li {
            font-size: 13px;
            font-size: 1.3rem; } }

@media only screen and (max-width: 768px) {
  .aboutSect {
    padding: 30px 0; }
    .aboutSect .sectTit {
      font-size: 16px;
      font-size: 1.6rem; }
      .aboutSect .sectTit img {
        width: 25px;
        margin-right: 10px; }
    .aboutSect .sectMain .leadBlock {
      margin-top: 25px; }
    .aboutSect .sectMain .infoBlock {
      margin-top: 15px; }
      .aboutSect .sectMain .infoBlock .itemList {
        max-width: 480px;
        margin: 0 auto; }
        .aboutSect .sectMain .infoBlock .itemList > li {
          padding: 20px 0;
          border-top: 2px dotted #0068b7; }
          .aboutSect .sectMain .infoBlock .itemList > li:first-child {
            border-top: 0; }
        .aboutSect .sectMain .infoBlock .itemList .thumb {
          text-align: center; }
          .aboutSect .sectMain .infoBlock .itemList .thumb img {
            width: 70px; }
        .aboutSect .sectMain .infoBlock .itemList .txt {
          margin-top: 10px; }
    .aboutSect .sectMain .linkBlock {
      margin-top: 15px;
      padding: 20px 15px; }
      .aboutSect .sectMain .linkBlock .itemList {
        margin-top: 15px;
        text-align: left; }
        .aboutSect .sectMain .linkBlock .itemList > li {
          margin-top: 10px; }
          .aboutSect .sectMain .linkBlock .itemList > li:first-child {
            margin-top: 0; } }

/*
****************************/
.stationSect .sectTit {
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  text-align: center; }
  .stationSect .sectTit:before {
    position: absolute;
    display: block;
    width: 0;
    height: 3px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    content: '';
    left: 50%;
    margin-left: 0;
    top: 0;
    transform: translateX(-50%);
    background-color: #0068b7; }

.stationSect .sectMain table th,
.stationSect .sectMain table td {
  line-height: 1.6;
  box-sizing: border-box;
  vertical-align: middle; }
  .stationSect .sectMain table th.service,
  .stationSect .sectMain table td.service {
    text-align: center; }

.stationSect .sectMain table thead th,
.stationSect .sectMain table thead td {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #454545; }

.stationSect .sectMain table tbody th,
.stationSect .sectMain table tbody td {
  vertical-align: middle; }

@media only screen and (min-width: 769px) {
  .stationSect {
    padding: 75px 0; }
    .stationSect .sectTit {
      padding-top: 30px;
      font-size: 28px;
      font-size: 2.8rem; }
      .stationSect .sectTit:before {
        width: 50px;
        height: 3px; }
    .stationSect .sectMain {
      margin-top: 40px; }
      .stationSect .sectMain table {
        border: solid #ccc;
        border-width: 0 1px 1px 0; }
        .stationSect .sectMain table .headTit {
          display: none; }
        .stationSect .sectMain table th,
        .stationSect .sectMain table td {
          padding: 15px 20px;
          border: solid #ccc;
          border-width: 1px 0 0 1px;
          font-size: 14px;
          font-size: 1.4rem; } }
        @media only screen and (min-width: 769px) and (max-width: 959px) {
          .stationSect .sectMain table th,
          .stationSect .sectMain table td {
            padding-right: 10px;
            padding-left: 10px;
            font-size: 12px;
            font-size: 1.2rem; } }

@media only screen and (min-width: 769px) {
          .stationSect .sectMain table th.name,
          .stationSect .sectMain table td.name {
            width: 19.53125%; }
          .stationSect .sectMain table th.pref,
          .stationSect .sectMain table td.pref {
            width: 19.53125%; }
          .stationSect .sectMain table th.route,
          .stationSect .sectMain table td.route {
            width: 19.53125%; }
          .stationSect .sectMain table th.service,
          .stationSect .sectMain table td.service {
            min-width: 140px;
            padding-right: 10px;
            padding-left: 10px; } }
          @media only screen and (min-width: 769px) and (max-width: 959px) {
            .stationSect .sectMain table th.service,
            .stationSect .sectMain table td.service {
              min-width: 120px; } }

@media only screen and (min-width: 769px) {
            .stationSect .sectMain table th.service img,
            .stationSect .sectMain table td.service img {
              width: 42px;
              vertical-align: middle; } }
            @media only screen and (min-width: 769px) and (max-width: 959px) {
              .stationSect .sectMain table th.service img,
              .stationSect .sectMain table td.service img {
                width: 40px; } }

@media only screen and (min-width: 769px) {
              .stationSect .sectMain table th.service img + img,
              .stationSect .sectMain table td.service img + img {
                margin-left: 15px; } }
              @media only screen and (min-width: 769px) and (max-width: 959px) {
                .stationSect .sectMain table th.service img + img,
                .stationSect .sectMain table td.service img + img {
                  margin-left: 8px; } }

@media only screen and (min-width: 769px) {
          .stationSect .sectMain table th.time,
          .stationSect .sectMain table td.time {
            min-width: 290px; } }
          @media only screen and (min-width: 769px) and (max-width: 959px) {
            .stationSect .sectMain table th.time,
            .stationSect .sectMain table td.time {
              min-width: 230px; } }

@media only screen and (min-width: 769px) {
        .stationSect .sectMain table tbody tr:nth-child(2n+1) th,
        .stationSect .sectMain table tbody tr:nth-child(2n+1) td {
          background-color: #f2f2f2; } }

@media only screen and (max-width: 768px) {
  .stationSect {
    padding: 35px 0; }
    .stationSect .sectTit {
      padding-top: 15px;
      font-size: 16px;
      font-size: 1.6rem; }
      .stationSect .sectTit:before {
        width: 50px;
        height: 2px; }
    .stationSect .sectMain {
      margin-top: 20px; }
      .stationSect .sectMain table .headTit {
        font-weight: bold;
        line-height: 1.2;
        box-sizing: border-box;
        margin: -5px -10px 5px;
        padding: 5px 10px;
        text-align: left;
        border-top: 1px solid #ccc;
        background-color: #f2f2f2;
        font-size: 14px;
        font-size: 1.4rem; }
      .stationSect .sectMain table thead,
      .stationSect .sectMain table tbody,
      .stationSect .sectMain table tr,
      .stationSect .sectMain table th,
      .stationSect .sectMain table td {
        display: block;
        box-sizing: border-box;
        width: 100%; }
      .stationSect .sectMain table tr {
        margin-top: 20px;
        border-top: 8px solid #454545;
        border-bottom: 1px solid #ccc; }
        .stationSect .sectMain table tr:first-child {
          margin-top: 0; }
      .stationSect .sectMain table th,
      .stationSect .sectMain table td {
        padding: 5px 10px;
        border: solid #ccc;
        border-width: 0 1px;
        font-size: 12px;
        font-size: 1.2rem; }
        .stationSect .sectMain table th.name .headTit,
        .stationSect .sectMain table td.name .headTit {
          border-top: 0; }
        .stationSect .sectMain table th.service img,
        .stationSect .sectMain table td.service img {
          width: 38px; }
          .stationSect .sectMain table th.service img + img,
          .stationSect .sectMain table td.service img + img {
            margin-left: 12px; }
      .stationSect .sectMain table td {
        margin-top: -1px; }
      .stationSect .sectMain table thead {
        display: none; } }

      .annotation-text {
          display: inline-block;
          font-size: 12px;
          margin-top: 5px; }
          @media only screen and (max-width: 768px) {
            .annotation-text{
                line-height: 1.3; }
              }