/*
Theme Name: SALUS
Theme URI: https://salus-official.jp/
Author: KANKETSU
Author URI: https://kanketsu.jp/
Description: salus-official.jp（Salus 日本代理店）専用テーマ。フローラディクス／マルチビタミンを扱うコーポレートサイト。旧 wp_theme_by_sekaikan（親）と child_by_sekaikan（子）を統合した単独テーマ。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: Proprietary
License URI: https://kanketsu.jp/
Text Domain: salus
*/

a {
  word-break: break-all;
}

/* reCAPTCHAv3 のバナー非表示 */

.grecaptcha-badge {
  visibility: hidden !important;
}

/* Form 送信ありがとうございました　メッセージ　contact form 7 */
.wpcf7-response-output {
  background: white;
  color: black;
  padding: 1rem !important;
  border-radius: 1rem;
}

/* components/add_templates/about_page/hero.php のテキストアニメーション 
*  text_anime.js と一緒に使用
*/
.eachTextAnime span {
  opacity: 0;
}
.eachTextAnime.appeartext span {
  animation: text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* === TOPへ戻るボタン === */
#page-top {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99;
}
#page-top a {
  background: #006f33;
  text-decoration: none;
  color: #fff;
  width: 50px;
  height: 50px;
  padding: 10px;
  text-align: center;
  display: flex;
  border-radius: 100px;
  opacity: 0.9;
  transition: all 0.3s ease;
  justify-content: center;
  align-items: center;
}
#page-top a:hover {
  text-decoration: none;
  opacity: 0.5;
}

/* ===== ページネーション ===== */
a.page-numbers {
  padding: 10px 20px;
  background: #f1f2f2;
}

span.page-numbers.current {
  padding: 8px 18px;
  border: #f1f2f2 2px solid;
  color: #d9d9d9;
}

.pagenation_page {
  display: block;
  margin: 1rem auto;
  width: 100%;
  text-align: center;
  height: 100%;
  padding: 2rem 0;
}

.btn_salus {
  color: white;
  background-color: rgb(88 147 103 / var(--tw-bg-opacity));
  border: 0px;
}

.btn_salus:hover {
  color: rgb(88 147 103 / var(--tw-bg-opacity));
  background-color: white;
  border: 2px solid rgb(88 147 103 / var(--tw-bg-opacity));
}