/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/* 透過画像の確認・調整用ユーティリティ  (C&S命名規約: .cs-) */
.cs-img--transparent {
  background: transparent !important; /* 親で背景が付いていた場合の保険。!importantはここだけ */
}

/* ヘッダーロゴ領域に背景色が入るのを防ぐ（必要なら適用） */
.cs-header-logo--no-bg,
.cs-header-logo--no-bg img {
  background: transparent !important; /* 恒久案は下のメモ参照 */
}

/* 透過を視認しやすくするためのデバッグ用（任意） */
.cs-bg-checker {
  background-image:
    linear-gradient(45deg, rgba(0,0,0,.08) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(0,0,0,.08) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(0,0,0,.08) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(0,0,0,.08) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

.cs-img--edge-smooth { image-rendering: auto; }

/* ===== CAILLAU バスバー レイアウト安定化（既存） ===== */
.cs-container{ width: min(100%, 1200px); margin-inline:auto; padding-inline: clamp(16px, 3vw, 32px); }
.cs-card-grid{ display:grid; grid-template-columns: 1fr; gap:1.5rem; }
@media (min-width: 600px){ .cs-card-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 960px){ .cs-card-grid{ grid-template-columns: repeat(3,1fr); } }
.cs-card__image{ width:100%; height:200px; object-fit:cover; }
/* .cs-table__th{ text-align:left; font-weight:700; } */
/* .cs-section{ margin-block: clamp(24px, 4vw, 48px); } */
/* .cs-hero__cta{ display:flex; gap:12px; flex-wrap:wrap; } */


/* ============================================================
   ▼ 追記：ブログ感を消すための 3 本柱
   1) タイトル視覚非表示（既存クラスを踏襲）
   2) 既定ヒーロー（アイキャッチ＋タイトル帯）非表示
   3) 本文ワイド化 + フルブリードユーティリティ
   ============================================================ */

/* 固定ヘッダーの実効高さ（前回と整合） */
:root{ --cs-header-h: 90px; }

/* 1) タイトルを視覚だけ非表示（DOM保持） */
.cs-hide-title h1.entry-title,
.cs-hide-title .entry-title,
.cs-hide-title .post .entry-title,
.cs-hide-title .p-entry-title,
.cs-hide-title .single-title,
.cs-hide-title .st-post .entry-title,
.cs-hide-title .post .title,
.cs-hide-title header .post-title,
.cs-hide-title .page .entry-title {
  position:absolute !important;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* 2) 既定ヒーロー（テーマのアイキャッチ帯など）を隠す */
.cs-hide-hero .st-eyecatch,
.cs-hide-hero .post .st-eyecatch,
.cs-hide-hero .eyecatch,
.cs-hide-hero .single .eyecatch,
.cs-hide-hero .single .post-image,
.cs-hide-hero .st-kaiwaimg,          /* 念のため */
.cs-hide-hero .entry-header-area,
.cs-hide-hero .single .entry-header {
  display:none;
}

/* 既定ヒーローを隠したときに上の余白を自然に */
.cs-hide-hero .site-main,
.cs-hide-hero #content,
.cs-hide-hero .main{
  padding-top: clamp(24px, 3.5vw, 48px);
}

/* 3) 本文ワイド化（トヨタ風に余白を使う） */
:root{
  --cs-article-max: 1280px;      /* 目安：トヨタのPC幅に近い */
  --cs-article-gutter: clamp(16px, 3.2vw, 40px);
}

/* AFFINGERの本文ラッパ候補を網羅しつつ、!importantは使わない */
.cs-article-wide .entry-content,
.cs-article-wide .post .entry-content,
.cs-article-wide .single .entry-content,
.cs-article-wide .main .entry-content,
.cs-article-wide .post,
.cs-article-wide .single,
.cs-article-wide #content,
.cs-article-wide .site-main{
  max-width: min(100%, var(--cs-article-max));
  margin-inline: auto;
  padding-inline: var(--cs-article-gutter);
}

/* 見出しアンカーの食い込み保護（固定ヘッダー対策） */
.cs-has-floating-header h1[id],
.cs-has-floating-header h2[id],
.cs-has-floating-header h3[id],
.cs-has-floating-header h4[id]{
  scroll-margin-top: calc(var(--cs-header-h) + 12px);
}

/* 任意ユーティリティ：セクションを左右端まで（フルブリード） */
.cs-fullbleed{
  width:100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.cs-fullbleed > img,
.cs-fullbleed > picture,
.cs-fullbleed video{ width:100%; height:auto; display:block; }

/* モバイルはヘッダー低め */
@media (max-width:599px){ :root{ --cs-header-h:72px; } }