@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
*/



/* ==========================================================================
   トレル探偵社 カラートーン統一＋表示崩れ修正  2026-07-21
   復旧: このブロック(BEGIN〜END)を削除。バックアップ: style-backup-20260721.css.css
   ========================================================================== */
/* ===== BEGIN toreru-tone-unify-20260721 ===== */

:root {
  --tr-navy:         #04384c;
  --tr-navy-dark:    #032a39;
  --tr-navy-deep:    #0a4c63;
  --tr-tint:         #f2f6f8;
  --tr-tint-strong:  #e8eef2;
  --tr-border:       #d6e1e7;
  --tr-text:         #333333;
}

/* 旧トーンの一括上書き（本文は変更しない） */
.post_content [style*="#f7f4ee"],
.post_content [style*="#F7F4EE"] { background-color: var(--tr-tint) !important; }

.post_content [style*="#e3ded4"],
.post_content [style*="#E3DED4"] { border-color: var(--tr-border) !important; }

.post_content [style*="background-color:#173f35"],
.post_content [style*="background-color:#173F35"],
.post_content [style*="background-color:#173f3a"],
.post_content [style*="background-color:#173F3A"] { background-color: var(--tr-navy-deep) !important; }

.post_content [style*="border-color:#173f35"],
.post_content [style*="border-color:#173F35"],
.post_content [style*="border-color:#173f3a"],
.post_content [style*="border-color:#173F3A"] { border-color: var(--tr-navy-deep) !important; }

.post_content [style*="#ffebcd"],
.post_content [style*="#FFEBCD"],
.post_content [style*="blanchedalmond"] {
  background-color: var(--tr-tint-strong) !important;
  color: var(--tr-text) !important;
}

/* /company/ 表の固定幅解除・日本語改行 */
.post_content table th[style*="%"],
.post_content table td[style*="%"] { width: auto !important; }

.post_content table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.post_content table th,
.post_content table td {
  border: 1px solid var(--tr-border) !important;
  padding: 0.75em 1em;
  vertical-align: top;
}

.post_content table th {
  background-color: var(--tr-tint-strong) !important;
  font-weight: 700;
  white-space: nowrap;
}

.post_content,
.post_content table td {
  word-break: normal;
  overflow-wrap: break-word;
  line-break: strict;
}

.post_content h1,
.post_content h2,
.post_content h3,
.post_content table td { word-break: auto-phrase; }

@media (max-width: 600px) {
  .post_content table,
  .post_content table tbody,
  .post_content table tr {
    display: block;
    width: 100%;
  }
  .post_content table th,
  .post_content table td {
    display: block;
    width: 100% !important;
    white-space: normal;
  }
  .post_content table th {
    border-bottom: none !important;
    padding-bottom: 0.4em;
  }
  .post_content table td {
    border-top: none !important;
    margin-bottom: 0.5em;
  }
}

/* 見出しの折り返し調整 */
.post_content h1,
.post_content h2 {
  font-size: clamp(1.35rem, 5.2vw, 2rem);
  line-height: 1.5;
}
.post_content h3 {
  font-size: clamp(1.1rem, 4.2vw, 1.4rem);
  line-height: 1.6;
}

/* スマホ左右余白と画像基本則 */
@media (max-width: 600px) {
  .post_content {
    padding-left: 18px;
    padding-right: 18px;
  }
  .post_content img {
    max-width: 100%;
    height: auto;
  }
}

/* /flow/(page-id-4113) 見出し帯のみ: VKカラークラス文字色とSWELL塗り帯の衝突解消 */
.page-id-4113 .post_content h2.has-vk-color-primary-color { color: #fff !important; }

/* ===== END toreru-tone-unify-20260721 ===== */

/* ==========================================================================
   本文コンテンツ領域の中央配置（PC 960px以上・対象3ページ限定）  2026-07-21
   原因: 空のサイドバー領域(-sidebar-on)が幅を占有し本文が左寄りになる
  対象: /reason/(3106) /price/(3921) /company/(1066) /flow/(4113) のみ
     復旧: 本ブロック(BEGIN〜END)を削除、またはバックアップで上書き
   ========================================================================== */
/* ===== BEGIN toreru-center-content-20260721 ===== */
@media (min-width: 960px) {
  .page-id-3106 #sidebar,
  .page-id-3921 #sidebar,
  .page-id-1066 #sidebar,  .page-id-4113 #sidebar { display: none !important; }
  .page-id-3106 #main_content,
  .page-id-3921 #main_content,
  .page-id-1066 #main_content,
  .page-id-4113 #main_content {
      width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* ===== END toreru-center-content-20260721 ===== */