.comonTitle {
 margin-left: 5%;
}
.grade {
  margin-top: 10px;
  margin-bottom: 5px;
 margin-left: 5%;
  padding: 2px 4px 2px 6px;
  border: 1px solid #333;
  color: #333;
  font-size: 1.4em;;
  font-weight: bold;
  letter-spacing: 3px;
  display: inline-block;
}
.grade_new {
  margin: 10px 0 5px 5px;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 3px;
 color: #cc0000;
}
.scroll {
  display: none;
}
.hasDashed .inner {
  border-bottom: 2px dashed #d8d8d8;
  padding-bottom: 20px;
}
.hasDashed .inner_box {
  margin-bottom: 30px;
}
table.special-red01 {
  width: 80%;
  border: 1px solid #ccc;
 margin: 0 auto;
}
table.special-red01 th {
  border: 1px solid #ccc;
  background: #0232a1;
  padding: 5px 8px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
 color: #fff;
 font-size: 1.2em;
}
table.special-red01 th:first-child {
  width: 20%;
}
table.special-red01 th:nth-child(2) {
  width: 50%;
}
table.special-red01 td {
  border: 1px solid #ccc;
  padding: 4px 8px;
  text-align: left;
  vertical-align: middle;
}
table.special-red01 td.line {
  border-bottom: 1px solid #fff;
}
.special-red01 {
  white-space: nowrap;
}
.table_wrap {
  overflow-x: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}
.inner_box p.description {
  font-size: 17px;
  margin: 5px auto 20px;
 line-height: 1.5;
 width: 81%;
}
.table_wrap h4 {
  font-size: 20px;
}
 
.kaijo {
 margin-left: 10%;
 font-weight: bold;
 }
 
.red {
 color: red;
 }
 
.dl_text {
 margin-top: 15px;
 font-size: 1.4em;
 font-weight: bold;
 text-align: center;
 }
 
.movie_w {
 width: 710px;
 height: 400px;
 }
 
.toppa {
 display: flex;
 justify-content: space-around;
 margin-top: 15px;
 }
 
.toppa_w {
 width: 45%;
 }
 
.comment {
 text-align: center;
 color: red;
 font-weight: bold;
}
 
 .special-red01 td:first-child{
  /* text-align: center; */
 }
.button {
  display: table;
  width: 100%;
  max-width: 400px;
  background: #ff6600;
  border: 1px solid #ff6600;
  color: #FFF;
  padding: 20px 80px;
  text-align: center;
  border-radius: 45px;
  margin: 60px auto;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
}
.button:hover {
  background: #FFF;
  color: #ff6600;
}
.sp {
 display: none;
}

@media screen and (max-width: 767px) {
.comonTitle {
 margin-left: 0%;
}
 .sp {
 display: inline;
 }
  .grade {
    margin-top: 10px;
    margin-bottom: 0px;
   margin-left: 0%;
    font-size: 20px;
  }
 .inner_box p.description {
  font-size: 17px;
  margin: 5px auto 20px;
 width: 100%;
}
 .kaijo {
 margin-left: 0%;
 }
 
.movie_w {
 height: 210px;
 width: 100%;
 }
 
.toppa {
 display: block;
 padding: 0px 5px;
 }
 
.toppa_w {
 width: 100%;
 margin: 10px 0px;
 }
  .scroll {
    display: block;
  }
  .hasDashed .inner {
    border-bottom: 2px dashed #d8d8d8;
    padding-bottom: 10px;
  }
}