/* =======================================================
* #sub_main
* ======================================================= */
#sub_main .sub_bg {
  background: url(../images/bg_service.jpg) no-repeat center/cover;
}

/* =======================================================
* sale
* ======================================================= */
.saleBox {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 30px 0;
}

.saleBox .sale_img {
  width: 30%;
  height: 200px;
}

.saleBox .sale_img.online {
  background: url(../../images/slide_03.jpg) no-repeat center/cover;
}

.saleBox .sale_img.shop {
  background: url(../images/ph_shop.jpg) no-repeat center/cover;
}

.saleBox .sale_img.sumire {
  background: url(../images/ph-sumire.jpg) no-repeat center/cover;
}

.saleBox .sale_txt {
  width: 70%;
  text-align: center;
  font-size: 1.4rem;
}

.saleBox .sale_txt div {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-size: 2rem;
}

.saleBox img {
  vertical-align: middle;
  margin-right: 10px;
}

.saleBox img.logo {
  width: 90px;
}

.saleBox img.shop {
  width: 70px;
}

.saleBox img.logoBig {
  width: 330px;
  margin: 10px 0;
}

.saleBox .linkMore {
  margin-top: 15px;
  color: var(--color-accent);
}

@media screen and (max-width:768px) {
  .saleBox .sale_img {
    width: 100%;
    height: 140px;
  }

  .saleBox .sale_txt {
    width: 100%;
    padding: 30px 0;
  }

  .saleBox .sale_txt div {
    font-size: 1.7rem;
  }

  .saleBox img.logo {
    width: 50px;
  }

  .saleBox img.shop {
    width: 50px;
  }

  .saleBox img.logoBig {
    width: 250px;
  }
}


/* =======================================================
* message
* ======================================================= */
#message .message_name {
  position: absolute;
  content: "";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  top: -10%;
  right: 4%;
  color: #fff;
  background: var(--color-accent);
  padding: 20px 5px;
  border-radius: 3px;
  font-weight: bold;
  font-size: 1.7rem;
}

#message .message_name span {
  font-size: 12px;
  margin-bottom: 15px;
}

@media screen and (max-width:768px) {
  #message .w30 {
    width: 65%;
    margin: 10px auto;
  }
}