@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&family=Noto+Sans+JP:wght@400;500;700&display=swap");

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 合同会社対話教育研究所 デザイン設定
** A案「ひだまり」＋見出し Kiwi Maru（2026-09-30 決定）
************************************/
:root{
  --tk-bg:#FBF7F1;        /* 生成り：ページ背景 */
  --tk-surface:#FFFFFF;   /* 白：カード・本文面 */
  --tk-text:#4A3F38;      /* こげ茶：文字 */
  --tk-text-sub:#7A6C62;  /* うす茶：補足文字 */
  --tk-main:#B8664C;      /* テラコッタ：ボタン・リンク・見出し線 */
  --tk-main-soft:#E8BBA8; /* テラコッタ淡 */
  --tk-sub:#8FA98A;       /* セージ：アクセント */
  --tk-sub-soft:#DDE7DA;  /* セージ淡 */
  --tk-line:#EADFD3;      /* 罫線 */
  --tk-radius:16px;
  --tk-font-head:"Kiwi Maru", "Noto Sans JP", sans-serif;
  --tk-font-body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

/* 全体 */
body{
  background-color:var(--tk-bg);
  color:var(--tk-text);
  font-family:var(--tk-font-body);
  line-height:1.9;
  letter-spacing:.02em;
}
a{color:var(--tk-main);}
a:hover{color:#8F4A35;}

/* 見出し（Kiwi Maru） */
h1,h2,h3,h4,h5,h6,
.entry-title,.archive-title,.site-name-text,.logo-text{
  font-family:var(--tk-font-head);
  font-weight:500;
  color:var(--tk-text);
}
.article h2{
  background:var(--tk-surface);
  border:none;
  border-left:6px solid var(--tk-main);
  border-radius:var(--tk-radius);
  padding:.8em 1em;
}
.article h3{
  border:none;
  border-bottom:2px dotted var(--tk-main-soft);
  padding:.4em .2em;
}
.article h4{border:none;color:var(--tk-main);}

/* ヘッダー */
#header,.header{background-color:var(--tk-bg);}
.site-name-text{color:var(--tk-text);}
.tagline{color:var(--tk-text-sub);}

/* グローバルメニュー */
#navi,.navi,.navi-in>ul{background-color:var(--tk-surface);}
.navi-in a{color:var(--tk-text);font-family:var(--tk-font-head);}
.navi-in a:hover{background-color:var(--tk-sub-soft);color:var(--tk-text);}

/* 本文・サイドバーの面 */
.main,.sidebar{
  background-color:var(--tk-surface);
  border:none;
  border-radius:var(--tk-radius);
}

/* ボタン */
.btn,.wp-block-button__link,input[type="submit"],button[type="submit"]{
  background-color:var(--tk-main);
  color:#fff;
  border:none;
  border-radius:999px;
  padding:.7em 1.8em;
  font-weight:700;
}
.btn:hover,.wp-block-button__link:hover,input[type="submit"]:hover{
  background-color:#9E5540;color:#fff;
}

/* 表（会社概要など） */
.article table{border-collapse:collapse;}
.article th{background:var(--tk-sub-soft);color:var(--tk-text);font-weight:500;}
.article th,.article td{border:1px solid var(--tk-line);}

/* フッター */
#footer,.footer{background-color:#F3EBE1;color:var(--tk-text);}
.footer a{color:var(--tk-text);}
.copyright{color:var(--tk-text-sub);}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
  .article h2{padding:.6em .8em;}
}

/************************************
** トップページ用パーツ（tk-）
************************************/
.home .entry-title,.home .date-tags,.home .author-info,.home .breadcrumb,.home .eye-catch-wrap{display:none !important;}
.tk-hero{
  position:relative;
  background:#FBEFE6 url("/wp-content/uploads/2026/09/tk-hero-talk.webp") center center/cover no-repeat;
  border-radius:24px;
  overflow:hidden;
  padding:3.4em 2.2em !important;
  margin-bottom:2.4em;
  text-align:left;
}
/* 写真の上に、左から生成りを重ねて文字を読みやすくする */
.tk-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(251,247,241,.97) 0%,rgba(251,247,241,.93) 42%,rgba(251,247,241,.45) 70%,rgba(251,247,241,.08) 100%);
}
.tk-hero > *{position:relative;max-width:540px;margin-left:0 !important;margin-right:auto !important;}
.tk-hero-kicker{font-size:.9em;letter-spacing:.12em;color:var(--tk-text-sub);margin-bottom:.4em !important;}
.article h2.tk-hero-title{
  background:none;border:none;padding:0;margin:0 0 .8em;
  font-size:2em;line-height:1.5;color:var(--tk-text);
}
.tk-cards{gap:1.2em;margin-bottom:2.4em;}
.tk-card{
  background:var(--tk-surface);
  border:2px solid var(--tk-main-soft);
  border-radius:var(--tk-radius);
  padding:1.2em 1.2em .6em;
}
.tk-card-sub{border-color:var(--tk-sub-soft);}
.article .tk-card h3{border:none;padding:0;margin-top:0;color:var(--tk-main);}
.tk-card-sub h3{color:#5E7D59 !important;}
.tk-card-link{text-align:right;font-size:.9em;}
.tk-table th{width:28%;white-space:nowrap;}
.tk-note{
  background:#FBF3EC;border-radius:var(--tk-radius);
  padding:1em 1.4em !important;margin:1.6em 0;
}
.article .tk-note h4{margin-top:0;}
.tk-small{font-size:.9em;color:var(--tk-text-sub);}
.tk-disclaimer{font-size:.8em;color:var(--tk-text-sub);margin-top:3em !important;text-align:center;}
@media screen and (max-width: 480px){
  .article h2.tk-hero-title{font-size:1.5em;}
  .tk-hero{padding:11em 1.2em 1.6em !important;background-position:center top;}
  .tk-hero::before{background:linear-gradient(180deg,rgba(251,247,241,.05) 0%,rgba(251,247,241,.6) 35%,rgba(251,247,241,.97) 55%);}
  .tk-table th{white-space:normal;}
}

/* カードの写真 */
.tk-card-img{margin:0 0 1em !important;}
.tk-card-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;}

/* 本店の写真 */
.tk-place{gap:1.2em;max-width:640px;margin:1.2em 0 2em;}
.tk-place-img img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;display:block;}
.tk-place-img figcaption{font-size:.85em;color:var(--tk-text-sub);text-align:center;margin-top:.4em;}

/* メインコピー（対句を文ごとに改行） */
.tk-hero > *{max-width:620px;}
.article h2.tk-hero-title{font-size:1.65em;line-height:1.6;letter-spacing:.04em;}
.tk-nb{display:inline-block;}
@media screen and (max-width: 480px){
  .article h2.tk-hero-title{font-size:1.15em;}
}

/* ヒーロー：反転した写真、講師の位置に文字を重ねる */
.tk-hero{min-height:540px;display:flex;flex-direction:column;justify-content:center;}
.tk-hero::before{background:linear-gradient(90deg,rgba(251,247,241,.97) 0%,rgba(251,247,241,.93) 46%,rgba(251,247,241,.4) 68%,rgba(251,247,241,.05) 100%);}
@media screen and (max-width: 834px){
  .tk-hero{min-height:0;}
}

/* スマートフォン最終調整 */
@media screen and (max-width: 600px){
  .tk-hero{min-height:0 !important;padding:11.5em 1.1em 1.4em !important;background-size:100% auto !important;background-position:center top !important;}
  .tk-hero::before{background:linear-gradient(180deg,rgba(251,247,241,0) 0,rgba(251,247,241,.1) 140px,rgba(251,247,241,.97) 200px) !important;}
  .article h2.tk-hero-title{font-size:1.05em !important;letter-spacing:.02em;}
  .tk-hero > *{max-width:none !important;}
}

/* 社名を大きく */
.site-name-text{font-size:40px !important;letter-spacing:.08em;font-weight:500;}
.tagline{font-size:15px;letter-spacing:.06em;}
@media screen and (max-width: 600px){
  .site-name-text{font-size:24px !important;letter-spacing:.04em;}
  .tagline{font-size:12px;}
}