@charset "utf-8";

/* テーマカラーボタン */
.c__main-button {
  display: inline-block;
  background-color: var(--theme-sub-color);
  border: 1px solid var(--theme-sub-color);
  color: #fff;
  font-size: var(--md-body-large-font-size);
  font-weight: var(--noto-font-weight-bold);
  border-radius: 30px;
  line-height: var(--md-body-large-font-size);
  text-align: center;
  text-decoration: none;
  transition-duration: 500ms;
  padding: 1.25rem 2rem;
}

.c__main-button:hover {
  background-color: #fff;
  color: var(--theme-sub-color);
  text-decoration: none;
}
@media (min-width: 992px) {
  .c__main-button {
    padding: 1.25rem 2rem;
  }
}

/* オルタナテーマカラー用ボタン */
.c__main-button.t__alt {
  background-color: var(--sub-theme-deep-color);
  border-color: var(--sub-theme-deep-color);
}
.c__main-button.t__alt:hover {
  background-color: #fff;
  color: var(--sub-theme-deep-color);
}

/* プロフィールからの問い合わせ用ボタン */
.c__main-button.t__gray {
  background-color: var(--sub-theme-deep-color);
  border-color: #666;
}
.c__main-button.t__gray:hover {
  background-color: #fff;
  color: var(--sub-theme-deep-color);
}

/* 記事内ボタン */
.s__single .b__article-content .wp-block-button__link {
  display: inline-block;
  background-color: var(--theme-sub-color);
  border: 1px solid var(--theme-sub-color);
  color: #fff;
  font-size: var(--md-body-large-font-size);
  font-weight: var(--noto-font-weight-bold);
  border-radius: 30px;
  line-height: var(--md-body-large-font-size);
  text-align: center;
  text-decoration: none;
  transition-duration: 500ms;
  padding: 1.25rem 2rem;
}
.s__single .b__article-content .wp-block-button__link:hover {
  background-color: #fff;
  color: var(--theme-sub-color);
  text-decoration: none;
}
@media (min-width: 992px) {
  .s__single .b__article-content .wp-block-button__link {
    padding: 1.25rem 2rem;
  }
}