#wrapper {
  background: url(../common-img/bg_pc.jpg) repeat center top !important; }
  #wrapper .img-box {
    padding: 10px;
    background: #9ecc74;
    border: 3px solid #040000;
    box-sizing: border-box;
    margin-top: 25px; }
  #wrapper .date {
    color: #fe8bc4; }
  #wrapper h3.common-parts-ttl {
    background: #040000; }
  #wrapper hr {
    width: 100%;
    height: 3px;
    background: #040000;
    border: none; }
  #wrapper .h2-ttl {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #ffffff !important;
    background: #040000;
    border-radius: 10px;
    padding: 15px 40px;
    border: 7px #fff solid;
    margin: 0 auto -15px auto;
    display: table;
    color: #fff;
    box-shadow: 0 0 0 3px #040000;
    position: relative;
    z-index: 2; }
    #wrapper .h2-ttl span {
      font-size: 1.2rem;
      margin-left: 1rem; }
    #wrapper .h2-ttl:before {
      content: '';
      background: url(../common-img/h2-ttl_left.png) no-repeat center bottom;
      background-size: contain;
      width: 21px;
      height: 25px;
      display: inline-block;
      margin-right: 15px; }
    #wrapper .h2-ttl:after {
      content: '';
      background: url(../common-img/h2-ttl_right.png) no-repeat center bottom;
      background-size: contain;
      width: 21px;
      height: 25px;
      display: inline-block;
      margin-left: 15px; }
  #wrapper .h3-ttl-a {
    margin-top: 30px;
    font-size: 18px;
    background: #fdf5e3;
    padding: 10px 10px;
    margin-bottom: 10px;
    color: #040000 !important;
    border-radius: 6px; }
  #wrapper .h3-ttl-b {
    color: #040000 !important;
    background: #8dd0e2 !important;
    border: 3px solid #040000;
    font-size: 20px;
    padding: 12px 20px;
    margin-top: 30px;
    border-radius: 6px; }

body.top #wrapper .top-contents-box {
  padding: 40px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  border: 3px solid #000; }

#nav-wrap .api-nav-main > div {
  background: #000 !important; }
  #nav-wrap .api-nav-main > div a {
    color: #fdf872; }

    .program-bnr {
      margin: 5px -5px 0px -5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
  }

  .program-bnr a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 2);
    padding: 5px;
  }

  .cast-box {
    margin-top: 25px;
}

.bnr-youtube-channel {
  text-align: center;
  display: inline-block;
  margin: 25px auto 0;
  width: 100%;
}

.bnr-youtube-channel a {
  display: inline-block;
}

#program1 .program,
#program2 .program,
#program3 .program,
#program4 .program {
  margin-bottom: 60px;
  border-bottom: 3px solid;
  padding-bottom: 40px;
}

.program-nav {
  font-weight: 800;
}

.program-nav a:not(:first-of-type) {
  margin-left: 15px;
}