@charset "UTF-8";
/* 共通 */
/* ロゴアニメーション */
@-webkit-keyframes logo_anime {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1);
            transform: translate(1);
    opacity: 1;
  }
}
@keyframes logo_anime {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1);
            transform: translate(1);
    opacity: 1;
  }
}

/* 各駅キャラクター跳ねる */
@-webkit-keyframes chara {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes chara {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/* footerえきお跳ねる  */
@-webkit-keyframes ekio_footer {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  35% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ekio_footer {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  35% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* 共通 */
/* トップページ */
/* のんびりのってこルートマップアニメーション設定 */
@-webkit-keyframes route_map_anime {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1);
            transform: translate(1);
    opacity: 1;
  }
}
@keyframes route_map_anime {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1);
            transform: translate(1);
    opacity: 1;
  }
}

/* @keyframes route_map_bus_anime{
	0%{transform: scale(1); opacity: 1;}
	50%{transform:scale(1.15); opacity: 1;}
	100%{transform:scale(1); opacity: 1;}
} */
@-webkit-keyframes route_map_bus_move_anime {
  0% {
    background-position: 0;
    opacity: 1;
  }
  50% {
    background-position: -160px;
    opacity: 1;
  }
}
@keyframes route_map_bus_move_anime {
  0% {
    background-position: 0;
    opacity: 1;
  }
  50% {
    background-position: -160px;
    opacity: 1;
  }
}

@-webkit-keyframes route_map_cloud_anime {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(2px, -12px) rotate(3deg) scale(1.15);
            transform: translate(2px, -12px) rotate(3deg) scale(1.15);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes route_map_cloud_anime {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(2px, -12px) rotate(3deg) scale(1.15);
            transform: translate(2px, -12px) rotate(3deg) scale(1.15);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes route_map_train_anime {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(330px, 0);
            transform: translate(330px, 0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(-390px, 0);
            transform: translate(-390px, 0);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(200px, 0);
            transform: translate(200px, 0);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
    opacity: 1;
  }
  78% {
    -webkit-transform: translate(-150px, 0);
            transform: translate(-150px, 0);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes route_map_train_anime {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(330px, 0);
            transform: translate(330px, 0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(-390px, 0);
            transform: translate(-390px, 0);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(200px, 0);
            transform: translate(200px, 0);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
    opacity: 1;
  }
  78% {
    -webkit-transform: translate(-150px, 0);
            transform: translate(-150px, 0);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes route_map_crossing_anime {
  0% {
    background-position: -20px;
    opacity: 1;
  }
  50% {
    background-position: -40px;
    opacity: 1;
  }
  100% {
    background-position: -20px;
    opacity: 1;
  }
}

@keyframes route_map_crossing_anime {
  0% {
    background-position: -20px;
    opacity: 1;
  }
  50% {
    background-position: -40px;
    opacity: 1;
  }
  100% {
    background-position: -20px;
    opacity: 1;
  }
}

/* オリジナルキャラクター */
@-webkit-keyframes caharacter_anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes caharacter_anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/* 友の会 */
@-webkit-keyframes tomo_anime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes tomo_anime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* 沿線 */
@-webkit-keyframes ensen_anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ensen_anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/* リンク */
@-webkit-keyframes link_anime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes link_anime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* キャンペーン */
@-webkit-keyframes campaign_anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }
  35% {
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  75% {
    -webkit-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes campaign_anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }
  35% {
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  75% {
    -webkit-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/* リンク */
@-webkit-keyframes train_jouney_anime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: translate(1);
            transform: translate(1);
  }
}
@keyframes train_jouney_anime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: translate(1);
            transform: translate(1);
  }
}

/* トップページ */
/* ローカルバス・鉄道路線案内 */
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* メイン */
main {
  width: 100%;
  font-size: 1.4rem;
  margin: 0 auto -50px auto;
}

@media (max-width: 428px) {
  main {
    margin: 130px auto 0;
  }
}

main section.bread_list_bg {
  margin: 0 0 0 0;
}

main section.content {
  width: 100%;
  margin-bottom: 120px;
}

main section.content p {
  line-height: 1.6em;
  font-size: 14px;
}

main section.content .wrap {
  width: 1024px;
  margin: 0 auto;
  padding-top: 20px;
  overflow: visible;
}

@media (max-width: 428px) {
  main section.content .wrap {
    width: 90%;
  }
}

main section.content .wrap h2 {
  font-size: 30px;
  color: #F39618;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

main section.content .wrap .read {
  margin-bottom: 30px;
}

main section.content .wrap .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 428px) {
  main section.content .wrap .content {
    display: block;
    margin-bottom: 30px;
  }
}

main section.content .wrap .box {
  width: 30%;
}

@media (max-width: 428px) {
  main section.content .wrap .box {
    width: 100%;
  }
}

main section.content .wrap .box h3 {
  margin: 15px 0 8px;
}

main section.content .wrap .box p {
  line-height: 1.6em;
}

main section.content .wrap .box span {
  font-size: 10px;
}

main .pc {
  display: block;
}

@media (max-width: 428px) {
  main .pc {
    display: none;
  }
}

main .sp {
  display: none;
}

@media (max-width: 428px) {
  main .sp {
    display: block;
  }
}

main .spbr {
  display: none;
}

@media (max-width: 428px) {
  main .spbr {
    display: block;
  }
}
/*# sourceMappingURL=link.css.map */