@charset "UTF-8";

/*!
Theme Name: ファクタリングで資金調達デキタ
Description: Cocoon専用の子テーマ。デザイン規定v1.1準拠。見出し3種・カード4種・背景2段階で全ページを構成しています。
Theme URI: https://factoring-dekita.com/
Author: Factoring Dekita
Author URI: https://factoring-dekita.com/
Template:   cocoon-master
Version:    2.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************
  実際のスタイルは css/ 配下に分割し、functions.php から読み込んでいます。

  css/common.css   … 全ページ共通（トークン・ヘッダー・フッター・見出し・カード・会話・表・記事本文・サイドバー）
  css/top.css      … front-page.php（TOPページ）
  css/category.css … category.php / tag.php / search.php（カテゴリー・一覧）
  css/single.css   … single.php（投稿ページ）
  css/page.css     … page.php（固定ページ）

  CSSはこの5本だけ。新しいファイルや新しい型を足すときは、
  先にデザイン規定を更新してから足すこと（その場で足さない）。

  ★2026-09 の整理で、読み込まれていなかった旧CSS3本
    （front-page.css / archive.css / tag.css）と、
    別テーマ（賢威8.0）の残骸だった css/新しいフォルダー/ を削除しました。
    上の5本以外のCSSファイルは、この子テーマには存在しません。

  このファイルには、テーマ全体に効かせたい上書きだけを記述してください。
************************************/

/* Cocoon既定レイアウトの打ち消し（自前のヘッダー・コンテナを使用するため） */
.wrap,
#content,
#main,
.content,
.main {
  max-width: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

#container {
  max-width: none;
  width: auto;
}

/************************************
** 記事本文の行を横幅いっぱいまで使う
************************************
  text-wrap: balance / pretty が効いていると、ブラウザは「最後の行が短くなるのを避ける」ために
  段落の全行を均等に短くする。日本語は1文字単位で改行できるため影響が大きく、
  スマホでは段落の右側に大きな余白が出る（文字数によって出たり出なかったりする）。
  本文では通常の折り返しに戻す。見出し（h1〜h4）には影響しない。
  ★css/ 配下の指定より確実に優先されるよう、body を付けて詳細度を上げています。
************************************/
body .entry__body p,
body .entry__body li,
body .entry__body dd,
body .entry__body td,
body .entry__body blockquote,
body .entry__body .speech-balloon,
body .entry__body .talk__say {
  text-wrap: wrap;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}