@charset "UTF-8";

/*
Theme Name: Cocoon Child Master (Uetsuhara Fix)
Template: cocoon
Version: 1.0.0
*/

/* =========================================
   上津原建築事務所 合格版CSS（2026-02）
   方針：
   ・ヘッダー/フッター：木目背景（repeat＋実寸固定、白スジ防止）
   ・本文：常に白
   ・境目：1px線
   ・リンク：青禁止（濃いグレー）
   ・問い合わせボタン：濃いグレー
   ========================================= */

/* 木目画像URL（必要ならここだけ差し替え）
   メディアURLが違う場合：
   メディア → IMG_7435 を開いて「ファイルのURL」をコピペして置換 */
:root{
  --wood-url: url("/wp-content/uploads/2026/01/IMG_7435.png");
  --line-color: #d8d8d8;
  --text-color: #222;
  --link-color: #444;
  --btn-bg: #444;
  --btn-bg-hover: #333;
}

/* 本文は常に白 */
body,
#content,
#main,
.main,
.content,
.content-in{
  background: #fff !important;
  color: var(--text-color);
}

/* =========================
   ヘッダー：木目（白スジ/左の線 対策込み）
   ========================= */

/* Cocoonはヘッダー周りの要素名が複数あるので “まとめて” 指定する */
#header-container,
#header-container-in,
#header,
.header-container,
.header-container-in,
.header{
  background-image: var(--wood-url) !important;
  background-repeat: repeat !important;
  /* “実寸固定”で白スジが出にくい（画像が1024x1024前提） */
  background-size: 1024px 1024px !important;
  background-position: left top !important;
  background-color: #fff !important;
}

/* 内側に別背景が入って2重になるのを防ぐ */
#header-container-in,
.header-container-in{
  background: transparent !important;
}

/* ヘッダーと本文の境目 1px */
#header-container,
.header-container{
  border-bottom: 1px solid var(--line-color) !important;
}

/* =========================
   フッター：木目が2重に見える問題の根本対策
   ========================= */

/* まず“内側”の背景を全部消す（木目が上に重なる原因を潰す） */
#footer *,
.footer *,
#footer-in,
.footer-in,
#footer-in *,
.footer-in *,
.footer-bottom,
.footer-bottom *{
  background-image: none !important;
  background-color: transparent !important;
}

/* 次に“外側（フッター本体）”だけに木目を貼る */
#footer,
.footer{
  background-image: var(--wood-url) !important;
  background-repeat: repeat !important;
  background-size: 1024px 1024px !important;
  background-position: left top !important;
  background-color: #fff !important;

  /* 2重表示に見える段差を抑える */
  box-shadow: none !important;
}

/* 本文とフッターの境目 1px */
#footer,
.footer{
  border-top: 1px solid var(--line-color) !important;
}

/* フッター内の文字などは通常表示 */
#footer,
.footer,
#footer a,
.footer a{
  color: var(--link-color) !important;
}

/* =========================
   リンク：青禁止（濃いグレー）
   ========================= */
a,
a:visited{
  color: var(--link-color) !important;
}
a:hover{
  color: #111 !important;
  text-decoration: underline;
}

/* =========================
   お問い合わせ系ボタン：濃いグレー
   （Cocoon/Contact Form 7など想定して広めに指定）
   ========================= */
input[type="submit"],
button,
.btn,
.btn-main,
a.btn,
.wp-block-button__link,
.wpcf7-submit{
  background: var(--btn-bg) !important;
  color: #fff !important;
  border: none !important;
}
input[type="submit"]:hover,
button:hover,
.btn:hover,
.btn-main:hover,
a.btn:hover,
.wp-block-button__link:hover,
.wpcf7-submit:hover{
  background: var(--btn-bg-hover) !important;
}

/* 余計な横はみ出しで“左の白い線”が出るのを抑える */
html, body{
  overflow-x: hidden;
}

/* フッターのコピーライト文字だけ小さくする（Cocoon用） */
#copyright,
.copyright,
.footer .copyright{
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* スマホはもう少し小さめ */
@media (max-width: 768px){
  #copyright,
  .copyright,
  .footer .copyright{
    font-size: 11px !important;
  }
}

@media (min-width: 769px) {
    #footer, .footer {
        background-size: 400px 400px !important;
    }
}

body {
    font-weight: 300 !important;
    line-height: 1.9 !important;
}