/*###################################################
#     キャンペーン
###################################################*/
.campaign.campaign-box {
  background: #3f1b2c;
  color:#fff;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 6px;
}

@media (max-width: 991px) {
  .campaign.campaign-box {
    border-radius: 0;
  }
}

.campaign.campaign-box p {
  font-size: 30px;
  line-height: 1.6;
}

/* Pickup Campaing */

.campaign.campaign-box.pickup {
  padding: 20px 1rem;
  margin-bottom: 0;
  color: #000;
  background: #ede8f6 url(../img/pickup/pickup_default.jpg) left top repeat;
  background-size: 71px 71px;
  position: relative;
}

.campaign.campaign-box.pickup p {
  font-size: 1.4rem;
}

.campaign.campaign-box.pickup.gold {
  background: #ede8f6 url(../img/pickup/pickup_gold.jpg) left top repeat;
  background-size: 71px 71px;
}

.campaign.campaign-box.pickup.silver {
  background: #ede8f6 url(../img/pickup/pickup_silver.jpg) left top repeat;
  background-size: 71px 71px;
}

.campaign.campaign-box.pickup.red {
  background: #ede8f6 url(../img/pickup/pickup_red.jpg) left top repeat;
  background-size: 71px 71px;
}

.campaign.campaign-box.pickup.blue {
  background: #ede8f6 url(../img/pickup/pickup_blue.jpg) left top repeat;
  background-size: 71px 71px;
}

.campaign.campaign-box.pickup.green {
  background: #ede8f6 url(../img/pickup/pickup_green.jpg) left top repeat;
  background-size: 71px 71px;
}

.campaign.campaign-box.pickup.pink {
  background: #ede8f6 url(../img/pickup/pickup_pink.jpg) left top repeat;
  background-size: 71px 71px;
}


/* Common */

.campaign .pricelist .service-time {
  text-align: right;
}

.campaign h3 {
  font-size: 36px;
  padding: 0 20px;
}

.campaign table,
.campaign td,
.campaign th {
  text-align: right;
}

.campaign.campaign-box table {
  width: 100%;
  margin-bottom: 0 !important;
}

.campaign.campaign-box table tr {
  border-top: 1px solid #000;
  border: none;
}


.campaign.campaign-box table th,
.campaign.campaign-box table td {
  border-color: #000;
  text-align: right;
  background-color: transparent !important;
  font-size: 36px !important;
  line-height: 1.5 !important;
  color: inherit !important;
}

.campaign.campaign-box table th {
  text-align: right;
}

@media screen and (max-width: 800px) {
      .campaign h3 {
        font-size: 24px !important;
        padding: 0 !important;
      }

      .campaign.campaign-box p,
      .campaign.campaign-box div {
        font-size: 23px !important;
        line-height: 1.6 !important;
      }

      .campaign.campaign-box   table thead {
          display: none;
        }

      .campaign.campaign-box   table th {
          font-size: inherit !important;
          line-height: inherit !important;
        }

      .campaign.campaign-box   table tr {
          border-top: 1px #000 solid;
          display: block;
          margin-bottom: 0.2em;
        }

      .campaign.campaign-box   table td {
        padding: 0px;
        border: none;
        display: block;
        text-align: right;
        font-size: inherit !important;
        line-height: inherit !important;
        }

        .campaign.campaign-box   table td .price {
          font-size: 1.1em;
          }

      .campaign.campaign-box   table td.service-time {
          padding-top: 0.2em;
          display: block;
          text-align: left;
        }

      .campaign.campaign-box   table td.service-time {
          padding-top: 0.2em;
          display: block;
          /*padding: 10px;*/
          text-align: left;
        }
}

/* Hide all table borders in campaign jumbotrons globally */
.campaign.jumbotron .table > thead > tr > th,
.campaign.jumbotron .table > tbody > tr > th,
.campaign.jumbotron .table > tfoot > tr > th,
.campaign.jumbotron .table > thead > tr > td,
.campaign.jumbotron .table > tbody > tr > td,
.campaign.jumbotron .table > tfoot > tr > td,
.campaign.jumbotron table,
.campaign.jumbotron tr,
.campaign.jumbotron td,
.campaign.jumbotron th {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* Custom font sizes for campaign units and limits */
.unit,
.limit {
  font-size: 60%;
}

span.description {
  font-size: 60%;
  line-height: 1.2;
}