@charset "utf-8";
/* CSS Document */
.pointchart_table {
  margin: 2rem auto 2rem;
}
.taStyle01 td, .taStyle01 th, .taStyle02 td, .taStyle02 th {
  border: 2px solid #ccc;
  text-align: center;
}
.taStyle01 td, .taStyle01 th, .taStyle02 td, .taStyle02 th {
  vertical-align: middle;
}
.card img {
  width: 60%;
  margin-top: 0.5rem;
  min-width: 130px;
}
.num {
  color: #e70a0a;
  font-size: 2rem;
  font-weight: 700;
}
.taStyle02 th {
  background: #fff8f9 none repeat scroll 0 0;
  font-size: 1.6rem;
}
.border {
  border: 4px solid #e70a0a;
}
.title {
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.6rem;
}
.title_nomal {
    white-space: nowrap;
    font-size: 1.6rem;
}
.v_m_logo {
  width: 45%;
  text-align: center;
  margin: auto;
}
.tokyu_logo {
  margin: auto;
  margin-top: 0.5rem;
}
.tokyu_logo img {
  width: 20%;
}
.new {
  position: relative;
}
.new::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -2rem;
  width: 75px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}
.new::before {
  background-image: url("../images/new.png");
  transform: rotate(-15deg);
}
.sub_title {
  background: #fff8f9!important;
  font-size: 1.4rem;
  font-weight: bold;
}
.border_r {
    border-right: 4px solid #e70a0a!important;
  }
@media screen and (min-width:660px) and (max-width:1024px){
.new::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -1.5rem;
  width: 65px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}

}
@media only screen and (max-width: 659px){
.new::before {
  z-index: 1;
  left: 0px;
  top: -1.8rem;
  width: 76px;
  height: 45px;
}
.general-table.scroll .taStyle02 {
    width: 75rem;
  }
  .pointchart_table {
  margin: 1rem auto 2rem;
}
  .v_m_logo {
  width: 45%;
}
.card img {
  max-width: 135px;
  min-width: 135px;
}
.border {
  border: 4px solid #e70a0a!important;
  }

    .general-table {
    margin: 0 0 1rem;
  }
}