@charset "UTF-8";

.appeal-content {
  font-weight: 600;
}

.appeal-button {
  color: var(--white);
  background-color: #CD6C29;
  font-weight: 600;
}

.hover-opacity {
  transition: opacity 0.5s;
}

.hover-opacity:hover {
  opacity: 0.7;
}

.page .date-tags {
  display: none;
}

nav {
  margin-left: auto; /* メニューを右寄せ */
}

.article h2::before {
  display: block;
  content: "";
  width: 30%;
  border-bottom: solid 4px #0071BC;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 1;
}

.skin-grayish .appeal-title {
  font-size: 3.2em;
  letter-spacing: 0.32em;
}

.apdt-pc-only {
  display: none;
}

.footer-bottom-logo {
  float: none;
  position: static;
}

.footer-bottom-content {
  float: none;
  text-align: center;
}

.skin-grayish .footer-bottom-logo img {
  height: auto;
  width: min(30%, 200px);
}

.skin-grayish .footer {
  background-color: #EAEAEA;
  overflow-x: hidden;
  margin-top: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.skin-grayish .mobile-menu-buttons .menu-button,
.skin-grayish .mobile-menu-buttons .menu-button > a,
.skin-grayish .sidebar-menu-content .sidebar-menu-close-button {
  color: #0071BC;
}

.logo-text {
  padding: 0;
  font-size: 1em;
}

.tagline {
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 1023px) {
  .skin-grayish.front-top-page .container .header-container .header {
    background-image: url(https://www.torch-biz.jp/wp-content/uploads/2024/11/torch_14_1-scaled.jpg);
    background-position: center center;
  }
}

/* ============================================================
 * レスポンシブ改善 (2026-05-17)
 * 親テーマCocoonの基本デザインを維持しつつ
 * モバイル/タブレットでの可読性・レイアウトを改善
 * ============================================================ */

/* 画像はみ出し防止（全体ガード） */
img,
.wp-block-image img,
figure img {
  max-width: 100%;
  height: auto;
}

/* PC（≥1024px）: ヘッダーロゴをやや拡大 */
@media screen and (min-width: 1024px) {
  .skin-grayish .header-site-logo-image {
    max-height: 64px;
    width: auto;
  }
}

/* タブレット以下 (≤1023px): タイトル類の可変化 */
@media screen and (max-width: 1023px) {
  /* ページタイトル */
  .article-header .entry-title {
    font-size: clamp(22px, 4.2vw, 34px);
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  /* インライン font-size:75px の "TorcH." H1 を上書き */
  .entry-content h1.wp-block-site-title {
    font-size: clamp(40px, 8vw, 75px) !important;
    line-height: 1.2 !important;
  }
  /* appeal-title 巨大化対策 */
  .skin-grayish .appeal-title {
    font-size: clamp(1.6em, 5vw, 3.2em);
    letter-spacing: 0.12em;
  }
}

/* 834px以下 (タブレット縦〜大型スマホ) */
@media screen and (max-width: 834px) {
  /* WPカラムの内側余白を縮小 */
  .wp-block-columns.is-layout-flex {
    padding-top: 24px !important;
    padding-right: 16px !important;
    padding-bottom: 24px !important;
    padding-left: 16px !important;
    gap: 1em;
  }
  /* H2 サイズ・装飾線 */
  .article h2 {
    font-size: clamp(20px, 4.6vw, 28px);
    line-height: 1.45;
  }
  .article h2::before {
    width: 45%;
  }
  /* tagline */
  .tagline {
    font-size: clamp(14px, 3.4vw, 18px);
  }
  /* FAQ ブロックの余白・行間 */
  .cocoon-block-faq .faq-question-content,
  .cocoon-block-faq .faq-answer-content {
    padding: 12px 14px;
    line-height: 1.65;
  }
}

/* 480px以下 (スマホ) */
@media screen and (max-width: 480px) {
  /* "TorcH." H1 さらに縮小 */
  .entry-content h1.wp-block-site-title {
    font-size: clamp(32px, 11vw, 56px) !important;
    letter-spacing: 0.02em;
  }
  /* 資料請求・無料相談ボタン: 縦並び・フル幅・最低タップ高44px */
  .button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 0 16px;
  }
  .button-wrapper .custom-btn {
    min-height: 44px;
    font-size: 15px;
    padding: 12px 18px;
    width: 100% !important;
    box-sizing: border-box;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* H2 装飾線をさらに拡大 */
  .article h2::before {
    width: 60%;
    border-bottom-width: 3px;
  }
  /* 大きすぎる Spacer を圧縮 */
  .wp-block-spacer[style*="height:100px"] { height: 56px !important; }
  .wp-block-spacer[style*="height:70px"]  { height: 36px !important; }
  .wp-block-spacer[style*="height:60px"]  { height: 32px !important; }
  /* カラム内パディングさらに縮小 */
  .wp-block-columns.is-layout-flex {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  /* 料金カード画像をフル幅化 */
  .wp-block-column .wp-block-image img {
    width: 100% !important;
    height: auto;
  }
  /* tagline */
  .tagline {
    font-size: 14px;
    padding: 0 12px;
  }
}

/* ============================================================
 * 以下、旧コメント（参考用に保持）
 * ============================================================ */

/*
media screen and (max-width: 480px){
　.site-logo-image{
		visibility: hidden;
　}
　.logo-menu-button.menu-button{
		background-image: url(https://www.torch-biz.jp/wp-content/uploads/2024/11/torch_14-scaled.jpg);
		background-position: center;
		background-repeat: no-repeat;
　　　　background-size: auto 20px;
　}
}
*/