@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* 見出しH1ボルドー */
.midashi-h1 {
  color: #bf1d0b;
}

/* 囲い枠 */
.simple-box {
  border: 6px solid #BF1D0B;  /* ボルドー色の太い枠線 */
  padding: 24px;
  border-radius: 0;           /* 角丸なし（完全な直角） */
  margin-bottom: 20px;
}

/* 囲い枠2 */
.simple-box2 {
  border: 6px solid #BF1D0B;
  padding: 24px;
  border-radius: 16px !important;
  margin-bottom: 20px;
  overflow: hidden;
}



/* FAQブロックのQ部分の背景色をやさしいベージュに */
.wp-block-swell-block-faq.is-style-faq-stripe .faq-q {
  background-color: #FEF6EE !important;
  color: #000000 !important;
}

/* /* alt属性が「〇〇」の画像だけ角丸20pxにする */
.wp-block-image img[alt="子犬2匹"] {
  border-radius: 20px !important;
}

/* /* スマホだけ改行 */
.sp-br {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-br {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .small-h1 {
    font-size: 20px !important;
  }
}

/*  スマホだけ文字小さめ */
@media screen and (max-width: 768px) {
  .sp-text-small * {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
}

/* スマホ用：見出しh1のサイズを22pxに調整 */
@media screen and (max-width: 768px) {
  h1.sp-h1-small {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }
}



@media screen and (max-width: 768px) {
  .equal-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .equal-box img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  .equal-box p {
    font-size: 15px;
    line-height: 1.4;
  }
}

/* /* スライダーあわせる */
@media screen and (min-width: 769px) {
  .center-align-row {
    display: flex;
    align-items: center;  /* 上下中央揃え */
    justify-content: center;  /* 左右中央揃え（必要に応じて） */
  }
}

.text-white-shadow {
  color: #000;
  text-shadow:
    -2px -2px 0 #fff,
     2px -2px 0 #fff,
    -2px  2px 0 #fff,
     2px  2px 0 #fff,
    -2px  0px 0 #fff,
     2px  0px 0 #fff,
     0px -2px 0 #fff,
     0px  2px 0 #fff;
}

.responsive-text {
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  .responsive-text {
    font-size: 14px;
  }
}

/* LINEボタン：通常時 */
.menu-btn-line a {
  background-color: #06C755;    /* LINEグリーン */
  color: #ffffff !important;    /* ← 白に固定 */
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

/* LINEボタン：ホバー時 */
.menu-btn-line a:hover {
  background-color: #A8DAB5;    /* くすみグリーン */
  color: #ffffff !important;    /* ホバー時も白文字 */
}



/* ▼ SWELLの“赤い下線”をLINEだけ無効化 */
.c-gnav .menu-item.menu-btn-line > a::after,
.l-header .menu-item.menu-btn-line > a::after {
  content: none !important;  /* 下線の疑似要素を消す */
}

/* ▼ 他メニューと高さを揃えたい場合（任意） */
.c-gnav .menu-item.menu-btn-line,
.l-header .menu-item.menu-btn-line {
  padding: 0 !important;  /* li 側の余白を打ち消す */
}


/* スマホの開閉メニュー内でもボタン表示 */
.l-drawer .menu-item.menu-btn-line > a,
#sp_menu .menu-item.menu-btn-line > a {
  display: block;
  background: #66CDAA;
  color: #fff !important;
  padding: 12px 18px;
  border-radius: 10px;
  margin: 8px 12px;
  text-align: center;
  font-weight: 700;
}
.l-drawer .menu-item.menu-btn-line > a:hover,
#sp_menu .menu-item.menu-btn-line > a:hover {
  background: #05b14b;
}

.line-button {
  display: inline-block;
  background-color: #06C755;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin-top: 12px;
  font-size: 16px;
  text-decoration: none;
}