/*----------------------------------------------------
  TV 扉
----------------------------------------------------*/
.basic-title,
.gold-title,
.stb-title,
.hikari-title,
.economy-title
{
  color:#fff !important;
  text-align: center;
  font-size: 24px;
  padding: 10px;
  font-weight: 800;
  border-radius: 10px 10px 0 0;
  position: relative;
}

.basic-title:before,
.gold-title:before,
.stb-title:before,
.hikari-title:before,
.economy-title:before
 {
  position: absolute;
  top: calc(50% - 7px);
  left: 14px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff !important;
}
.basic-title{
  background:#00aec6;
}
.gold-title{
  background:#f18700;
}
.stb-title{
  background:#0683c8;
}
.hikari-title{
  background:#ed6aa0;
}
.economy-title{
  background:#6c9bd2;
}

.basic-area,
.gold-area,
.hikari-area,
.economy-area
{
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 0 0 10px 10px;
}
.basic-area {
  background:rgba(0,174,198,0.1);
}
.gold-area {
  background:rgba(241,135,0,0.1);
}
.hikari-area {
  background:rgba(237,106,160,0.1);
}
.economy-area {
  background:rgba(108,155,210,0.1);
}
.gold-area p,
.basic-area p {
  margin-bottom: 0 !important;
}

.bspass {
  background: #ffffff;
  border: 1px solid #e3007f;
  color: #e3007f;
  padding:15px;
}

@media screen and (max-width: 767.98px) {
  .set-banner img{
    max-width: 100% !important;
  }

}
@media screen and (max-width: 575.98px) {

}