/* 案件: 忠孝酒造株式会社 / DOKODEMO_ABISU-776 */
/* 対象: https://www.chuko-awamori.com/arayaki/preview */
/* 用途: 申込ボタン下のオンラインショップ導線と注釈 */
.up-d-shop {
  margin: 20px 0 0;
  padding: 0;
}

#content .up-d-shop .up-d-shop__note {
  margin: 0;
  padding: 0 5px;
  border: 1px solid #f00;
  border-radius: 3px;
  background-color: #ffefef;
  color: #f00;
  font-size: 16px;
  line-height: 32px;
}

.up-d-shop .up-d-shop__btn,
.up-d-shop .up-d-shop__btn:hover,
.up-d-shop .up-d-shop__btn:active,
.up-d-shop .up-d-shop__btn:visited {
  color: #fff;
  text-decoration: none;
}

.up-d-shop .up-d-shop__btn {
  display: block;
  box-sizing: border-box;
  width: fit-content;
  margin: 15px 0 0;
  padding: 16px 32px;
  background: #000 url("https://www.chuko-awamori.com/images/arrow_wh_s.png") no-repeat 100% 100%;
  font-family: Arial;
  font-size: 25.2px;
  line-height: normal;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .up-d-shop {
    margin: 0;
    padding: 5px 15px 30px;
  }

  #content .up-d-shop .up-d-shop__note {
    padding: 10px;
    font-size: 13px;
    line-height: 26px;
  }

  .up-d-shop .up-d-shop__btn {
    width: 100%;
    max-width: 350px;
    margin: 20px 0 0;
    padding: 15px;
    background: #111;
    font-size: 16px;
    letter-spacing: .05em;
    text-align: center;
  }
}