.jrbody {
  padding: 10px;
}

.st0 {
  fill: none;
  stroke: #dcdddd;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.st1 {
  fill: #ffffff;
  stroke: #66d2f4;
  stroke-miterlimit: 10;
}
.st2 {
  display: none;
  fill: #a1c7e4;
  stroke: #3399ff;
  stroke-miterlimit: 10;
}
.st3 {
  fill: none;
  stroke: #1d2088;
  stroke-miterlimit: 10;
}
.st4 {
  fill: none;
  stroke: #1d2088;
  stroke-width: 2.5;
  stroke-miterlimit: 10;
}
.st5 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5;
  stroke-miterlimit: 10;
  stroke-dasharray: 4, 4;
}
.st6 {
  fill: #ffffff;
  stroke: #8e8e8e;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.st7 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.st8 {
}
.st9 {
  font-size: 15px;
}
.st10 {
  fill: #ffffff;
  stroke: #1d2088;
  stroke-miterlimit: 10;
}
.aa10 {
  fill: #1d2088;
  stroke: #1d2088;
  stroke-miterlimit: 10;
}
.st11 {
  font-size: 18px;
  font-family: Arial, "Microsoft YaHei";
}
.st12 {
  font-size: 18px;
  color: #ffffff;
}
.st13 {
  display: none;
  fill: #f7b5ac;
  stroke: #ea553e;
  stroke-miterlimit: 10;
}
.st14 {
  fill: none;
  stroke: #ea5514;
  stroke-miterlimit: 10;
}
.st15 {
  fill: none;
  stroke: #ea5514;
  stroke-width: 2.5;
  stroke-miterlimit: 10;
}
.st16 {
  fill: #ffffff;
  stroke: #ea5514;
  stroke-miterlimit: 10;
}
.aa16 {
  fill: #ea5514;
  stroke: #ea5514;
  stroke-miterlimit: 10;
}
.st17 {
  display: none;
  fill: #a1def2;
  stroke: #409cf2;
  stroke-miterlimit: 10;
}
.st18 {
  fill: none;
  stroke: #00a0e9;
  stroke-miterlimit: 10;
}
.st19 {
  fill: #ffffff;
  stroke: #00a0e9;
  stroke-miterlimit: 10;
}
.aa19 {
  fill: #00a0e9;
  stroke: #00a0e9;
  stroke-miterlimit: 10;
}
.st20 {
  display: none;
  fill: #fad1a1;
}
.st21 {
  fill: none;
  stroke: #f39800;
  stroke-miterlimit: 10;
}
.st22 {
  fill: #ffffff;
  stroke: #f39800;
  stroke-miterlimit: 10;
}
.aa22 {
  fill: #f39800;
  stroke: #f39800;
  stroke-miterlimit: 10;
}
.st23 {
  display: none;
  fill: #a1d1b8;
  stroke: #00913a;
  stroke-miterlimit: 10;
}
.st24 {
  fill: none;
  stroke: #009944;
  stroke-miterlimit: 10;
}
.st25 {
  fill: none;
  stroke: #ff1768;
  stroke-miterlimit: 10;
}
.st26 {
  fill: none;
  stroke: #009944;
  stroke-width: 2.5;
  stroke-miterlimit: 10;
}
.st27 {
  fill: none;
  stroke: #231815;
  stroke-miterlimit: 10;
}
.st28 {
  fill: #ffffff;
  stroke: #009944;
  stroke-miterlimit: 10;
}
.aa28 {
  fill: #009944;
  stroke: #009944;
  stroke-miterlimit: 10;
}
.st29 {
  display: none;
}
.st30 {
  display: inline;
  fill: #bae2b4;
  stroke: #2dac8a;
  stroke-miterlimit: 10;
}
.st31 {
  fill: none;
  stroke: #81c97a;
  stroke-miterlimit: 10;
}
.st32 {
  fill: none;
  stroke: #71c264;
  stroke-width: 2.5;
  stroke-miterlimit: 10;
}
.st33 {
  fill: #ffffff;
  stroke: #22ac38;
  stroke-miterlimit: 10;
}
.aa33 {
  fill: #22ac38;
  stroke: #22ac38;
  stroke-miterlimit: 10;
}

.st40 {
  fill: #ffffff;
  stroke: #e4007f;
  stroke-miterlimit: 10;
}
.aa40 {
  fill: #e4007f;
  stroke: #e4007f;
  stroke-miterlimit: 10;
}

.jrsidebar {
  padding: 0;
}

.jrsidebar div {
  padding: 5px;
}

.jrsidebar a {
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  text-align: center;
  padding: 7px;
  border: thin solid #e0e0e0;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #333333;
}

.jrsidebar a:hover {
  background-color: #a62584;
  color: #ffffff;
}

.setjr {
  background-color: #a62584 !important ;
  color: #ffffff !important ;
}

.justline {
  height: 15px;
  border-bottom: thin #cccccc solid;
}

.hokkaido-a {
  color: #6ab05e !important;
  border-color: #6ab05e !important;
}

.hokkaido-a:hover {
  background-color: #6ab05e !important;
  color: #ffffff !important;
}
.sethokkaido {
  background-color: #6ab05e !important ;
  color: #ffffff !important ;
}

.east-a {
  color: #16783a !important;
  border-color: #16783a !important;
}

.east-a:hover {
  background-color: #16783a !important;
  color: #ffffff !important;
}
.seteast {
  background-color: #16783a !important ;
  color: #ffffff !important ;
}

.central-a {
  color: #d77b19 !important;
  border-color: #d77b19 !important;
}

.central-a:hover {
  background-color: #d77b19 !important;
  color: #ffffff !important;
}
.setcentral {
  background-color: #d77b19 !important ;
  color: #ffffff !important ;
}

.shikoku-a {
  color: #208fb9 !important;
  border-color: #208fb9 !important;
}

.shikoku-a:hover {
  background-color: #208fb9 !important;
  color: #ffffff !important;
}
.setshikoku {
  background-color: #208fb9 !important ;
  color: #ffffff !important ;
}

.kyushu-a {
  color: #c93a24 !important;
  border-color: #c93a24 !important;
}

.kyushu-a:hover {
  background-color: #c93a24 !important;
  color: #ffffff !important;
}
.setkyushu {
  background-color: #c93a24 !important ;
  color: #ffffff !important ;
}

.west-a {
  color: #0a5b9b !important;
  border-color: #0a5b9b !important;
}

.west-a:hover {
  background-color: #0a5b9b !important;
  color: #ffffff !important;
}
.setwest {
  background-color: #0a5b9b !important ;
  color: #ffffff !important ;
}

.jrcontent h1 {
  text-align: center;
  color: #a62584;
  font-size: 2rem;
  margin: 20px 0;
}

.hokkaido h1 {
  color: #6ab05e !important ;
}
.east h1 {
  color: #16783a !important ;
}
.central h1 {
  color: #d77b19 !important ;
}
.shikoku h1 {
  color: #208fb9 !important ;
}
.kyushu h1 {
  color: #c93a24 !important ;
}
.west h1 {
  color: #0a5b9b !important ;
}

.jrcontent h2 {
  text-align: center;
  color: #a62584;
  margin: 20px 0;
  font-family: "NotoSansTC-Medium";
  font-weight: 500;
  font-size: 1.4rem;
}

.hokkaido h2 {
  color: #6ab05e !important ;
}
.east h2 {
  color: #16783a !important ;
}
.central h2 {
  color: #d77b19 !important ;
}
.shikoku h2 {
  color: #208fb9 !important ;
}
.kyushu h2 {
  color: #c93a24 !important ;
}
.west h2 {
  color: #0a5b9b !important ;
}

.mytdcolor td {
  background-color: #fee6f8 !important ;
  border: thin solid #f58dda !important ;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.hokkaido-td td {
  background-color: #6ab05e !important ;
  border: thin solid #5b8f52 !important ;
  color: #ffffff;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.hokkaido-td2 td {
  background-color: #d5ecd1 !important ;
  border: thin solid #5b8f52 !important ;
  color: #333333;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}

.east-td td {
  background-color: #16783a !important ;
  border: thin solid #5b8f52 !important ;
  color: #ffffff;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.east-td2 td {
  background-color: #c0dbca !important ;
  border: thin solid #5b8f52 !important ;
  color: #333333;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}

.central-td td {
  background-color: #d77b19 !important ;
  border: thin solid #f8bb7a !important ;
  color: #ffffff;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}

.central-td2 td {
  background-color: #fbdec0 !important ;
  border: thin solid #f8bb7a !important ;
  color: #333333;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}

.shikoku-td td {
  background-color: #208fb9 !important ;
  border: thin solid #08678b !important ;
  color: #ffffff;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.kyushu-td td {
  background-color: #c93a24 !important ;
  border: thin solid #e87a6a !important ;
  color: #ffffff;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.kyushu-td2 td {
  background-color: #f6d6d1 !important ;
  border: thin solid #e87a6a !important ;
  color: #333333;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.west-td td {
  background-color: #0a5b9b !important ;
  border: thin solid #539dd7 !important ;
  color: #ffffff;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}
.west-td2 td {
  background-color: #afc8dc !important ;
  border: thin solid #539dd7 !important ;
  color: #333333;
  text-align: center !important ;
  vertical-align: middle !important ;
  font-weight: bold !important ;
}

@media (min-width: 1200px) {
  .myjrmap svg {
    width: 1120px !important ;
    height: 1120px !important ;
  }
  .col-lg-auto {
    float: left;
    width: 14.2%;
  }
}

@media (max-width: 1199px) {
  .myjrmap svg {
    width: 920px !important ;
    height: 920px !important ;
  }
}

@media (max-width: 991px) {
  .myjrmap svg {
    width: 700px !important ;
    height: 700px !important ;
  }
}

@media (max-width: 767px) {
  .jrbody {
    padding: 3px;
  }

  .jrsidebar a {
    padding: 5px 3px;
  }
  .jrcontent {
    padding: 0;
  }

  .myjrmap svg {
    width: 100% !important ;
    height: 100% !important ;
  }
}

.jrbg {
  background-image: url("/Public/images/jr-bg.png");
  background-repeat: repeat-y;
  background-position: center top;
  background-color: #ffffff;
}

.jrhead {
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  background-position: center top;
}

.getwest {
  background-image: url("/Public/images/jr-west.jpg");
}

.getkyushu {
  background-image: url("/Public/images/jr-kyushu.jpg");
}

.getshikoku {
  background-image: url("/Public/images/jr-shikoku.jpg");
}

.getcentral {
  background-image: url("/Public/images/jr-central.jpg");
}

.geteast {
  background-image: url("/Public/images/jr-east.jpg");
}

.gethokkaido {
  background-image: url("/Public/images/jr-hokkaido.jpg");
}

.getjrpass {
  background-image: url("/Public/images/jr-pass.jpg");
}

.getjrindex {
  background-image: url("/Public/images/jr-index.jpg");
}

.jrcontent a:hover {
  text-decoration: none;
  background-color: #fff000;
  color: #333333;
}

.jrpasslogo {
  padding: 10px;
}

.jrpasslogo a {
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .jrhead {
    height: 180px;
  }
  h1 {
    font-size: 1.4rem;
  }
  h2 {
    font-size: 1.2rem;
  }
}