@charset "UTF-8";
/*
Theme Name: JIN:R Child - 船橋シーアクト法律事務所
Theme URI:
Description: 船橋シーアクト法律事務所（交通事故サイト）用の JIN:R 子テーマ。カラー定義・共通スタイル・構造化データ・カスタム投稿タイプを含みます。
Author: 船橋シーアクト法律事務所
Template: jinr
Version: 1.0.0
Requires at least: 5.9.1
Requires PHP: 7.0
*/

/* ============================================================
   カラー定義
   ============================================================

   参考サイトから抽出した実際の値を使用しています。
   色を変更する場合は、ここだけを書き換えてください。
   ============================================================ */

:root {
	/* 文字サイズの下限。これより小さい指定はしない（可読性の確保） */
	--ceact-font-min: 1.3rem;

	/* 主要色 */
	--ceact-main:    #2E5299;  /* 見出し・リンク */
	--ceact-sub:     #47B5ED;  /* 補助・図版 */
	--ceact-hover:   #1B367A;  /* ホバー・フッター */

	/* 強調色 */
	--ceact-orange:  #E6780B;  /* CTA・ラベル */
	--ceact-orange-tx: #A04E00;  /* 淡橙・淡黄の上に置く文字 */
	--ceact-red:     #DA5806;  /* 数値の強調 */
	--ceact-yellow:  #FFDD59;  /* マーカー・注意 */

	/* 背景 */
	--ceact-bg01:    #E8EFFF;  /* セクション背景・青 */
	--ceact-bg02:    #D2EFFA;  /* セクション背景・水色 */
	--ceact-bg03:    #E9F6FC;  /* セクション背景・淡水色 */
	--ceact-deco01:  #FCECDC;  /* 装飾・淡橙 */
	--ceact-deco02:  #FFF7D5;  /* 装飾・淡黄 */

	/* 基本 */
	--ceact-text:    #474747;  /* 本文 */
	--ceact-gray:    #737679;  /* 補足テキスト */
	--ceact-border:  #C7C8C9;  /* 罫線 */
	--ceact-line:    #06C755;  /* LINE */

	/* CTAのグラデーション */
	--ceact-cv: linear-gradient(to right, #2e5299 0%, #2e74d4 100%);
}


/* ============================================================
   本文の基本設定
   ============================================================ */

body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	color: var(--ceact-text);
	line-height: 2;
	letter-spacing: .1em;
}


/* ============================================================
   レイアウト崩れの防止
   ============================================================

   日本語は単語の途中で折り返せないため、長い語がグリッドや
   フレックスの子要素に入ると、幅指定を無視して要素が広がり、
   横スクロールが発生します。min-width: 0 がその対策です。
   ============================================================ */

*,
*::before,
*::after {
	box-sizing: border-box;
}


/* ============================================================
   パンくず
   ============================================================

   スマホで折り返せるようにします（JIN:R 既定は横スクロール）。
   ============================================================ */

@media screen and (max-width: 767px) {
	#breadCrumbInner {
		height: auto;
		overflow-x: visible;
		white-space: normal;
		line-height: 1.9;
	}
}


/* ============================================================
   ここから下は、必要に応じて追記してください
   ============================================================ */