:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 0;
  padding-bottom: 0;
}

footer p {
  margin-bottom: .25rem;
}

.subtitle{
  background-color: #2e8b57;
  color: #ffffff;
  padding-left: 20px;
}

.card-text{
  text-align: center;
}

.card-left{
  padding: 3px;
  font-size: 12px;
  text-align: left;
  border-radius: 10px;
  border: solid 2px #343a40;
  color: #343a40;
  font-weight: bold;
}
.movie_num01 .head-title01{
  background-color: #8FC31F;
}
.movie_num02 .head-title01{
  background-color: #32B6A0;
}
.movie_num03 .head-title01{
  background-color: #9F8A41;
}
.movie_num04 .head-title01{
  background-color: #38A1DB;
}
.movie_num05 .head-title01,
.movie_num06 .head-title01,
.movie_num07 .head-title01{
  background-color: #ED6D34;
}
.movie_num08 .head-title01,
.movie_num09 .head-title01,
.movie_num10 .head-title01,
.movie_num11 .head-title01{
  background-color:#EB9500;
}
.movie_num12 .head-title01{
  background-color:#EC6D81;
}
.movie_num13 .head-title01,
.movie_num14 .head-title01,
.movie_num15 .head-title01{
  background-color:#69BD83;
}
.movie_num16 .head-title01{
  background-color:#8F82BC;
}
.movie_num17 .head-title01,
.movie_num18 .head-title01{
  background-color:#ACACAC;
}
.backtotop{
  background-color: #f8f9fa;
  text-align: center;
  padding:20px 0 60px;
}
.backtotop a{
    border: 2px solid #009944;
    border-radius: 50px;
    display: inline-block;
    padding: 15px 40px;
    min-width: 300px;
    text-decoration: none;
    -webkit-transition: 0.2s ease-out background;
    transition: 0.2s ease-out background;
    color: #009944;
    background:#fff;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    transition: 0.2s ease-out all;
}
.backtotop a:hover{
    background:#009944;
    color:#fff;
}
.head-title02.red span{
	border-left: 5px solid #ff0000;
}
.ank_link_area{
  display: flex;
  justify-content:left;
  font-size:16px;
}
.ank_link_area li{
    padding: 0 25px;
    border-right: 1px solid #999;
}
.ank_link_area li:first-child{
border-left: 1px solid #999;
}
.head-title03{
  background-color: #8F82BC;
  font-size: 22px;
      color: #fff;
      margin-top: 40px;
      margin-bottom: 0;
    padding: 15px 20px;
}
@media (max-width: 768px) {
  .ank_link_area{
  display: flex;
  justify-content:left;
  font-size:12px;
  }
  .ank_link_area li{
  padding: 0 5px;
  border-right: 1px solid #999;
  display: flex;
  align-items: center;
  line-height: 1.2;
  }
  .backtotop{
    padding-top: 0;
  }
}