@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/

/* ============================================
   GAMADAS brand (monochrome)  by Claude Code
   メイン #222222 / 地色 #F5F5F5 / 白 / 本文リンクは青 #026dd6
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700;800&display=swap');

body,
button, input, select, textarea,
.entry-content {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  letter-spacing: .02em;
}
body { color: #222222; background-color: #F5F5F5; }

/* 英数字は Inter */
.entry-meta, .post-date, time, .page-numbers { font-family: "Inter","Noto Sans JP",sans-serif; }

/* 見出しはモノクロ */
h1, h2, h3, h4, h5,
.entry-title, .entry-content h2, .entry-content h3, .entry-content h4 { color: #222222; }

/* 本文中リンクは普通の青リンク（ナビ・ヘッダー等は黒のまま） */
.entry-content a,
.article a,
.post_content a { color: #026dd6; }
.entry-content a:hover,
.article a:hover { opacity: .75; transition: opacity .2s; }

/* ============================================
   Landing page components (既存デザイン踏襲・モノクロ)
   ============================================ */
.gm-hero { padding: 56px 0 36px; }
.gm-hero__title { font-size: 2rem; font-weight: 800; line-height: 1.45; color:#222; }
.gm-hero__lead { font-size: 1.05rem; color: #444; margin-top: 1rem; line-height:1.9; }
.gm-sec { padding: 44px 0; border-top: 1px solid #ececec; }
.gm-eyebrow { font-family:"Inter",sans-serif; font-weight:600; letter-spacing:.18em;
  font-size:.78rem; color:#9a9a9a; margin-bottom:.5rem; }
.gm-h { font-size: 1.55rem; font-weight: 700; line-height:1.5; margin: 0 0 1.2rem; color:#222; }
.gm-sec p { line-height: 1.95; color:#333; }
.gm-list { list-style:none; padding:0; margin:1rem 0; }
.gm-list li { background:#fff; border:1px solid #ececec; padding:.9rem 1.1rem;
  margin-bottom:.5rem; border-radius:6px; }
/* 数字始まりのカード見出し（01 売れるサイト制作 等） */
.gm-sec p:has(+ p) { }

/* CTAボタン */
.gm-btn { display:inline-block; background:#222222; color:#fff !important; padding:.85rem 2.2rem;
  border-radius:6px; font-weight:700; text-decoration:none; margin-top:.5rem; }
.gm-btn:hover { opacity:.85; }
.gm-sec p strong { font-size:1.05rem; color:#222; }

/* lift移植ページ: STUDIO設計を全幅で表示（SANGOコンテナを突き破る） */
.gm-lift { width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }
/* lift本文ではブログ用の本文リンク青/見出し色上書きを無効化（STUDIO CSS優先） */
.gm-lift a { color:inherit; }
.gm-lift h1,.gm-lift h2,.gm-lift h3 { color:inherit; }
.page-template .single-contents,.page-template article { overflow-x:hidden; }