/*
Theme Name: famous-child
Theme URI: https://ih-e.jp
Description: TCD FAMOUS 蟄舌ユ繝ｼ繝� (IH Enterprise 繝�じ繧､繝ｳ繝ｪ繝九Η繝ｼ繧｢繝ｫ逕ｨ)
Author: IH Enterprise
Author URI: https://ih-e.jp
Template: famous_tcd064
Version: 1.1.0
*/

/* ===========================
   Google Fonts 窶� Noto Sans JP
   =========================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* ===========================
   繧ｫ繝ｩ繝ｼ螟画焚
   =========================== */
:root {
  --color-primary:     #1a2e4a;   /* 繝阪う繝薙� */
  --color-primary-dark:#111e30;   /* 繝阪う繝薙��域ｿ�ｼ� */
  --color-accent:      #e8a020;   /* 繧｢繝ｳ繝舌� */
  --color-accent-dark: #c8851a;   /* 繧｢繝ｳ繝舌��域ｿ�ｼ� */
  --color-text:        #2d2d2d;
  --color-text-light:  #666666;
  --color-bg-light:    #f5f6f8;
  --color-white:       #ffffff;
  --color-border:      #dde1e8;
}

/* ===========================
   繝吶�繧ｹ繝輔か繝ｳ繝�
   =========================== */
body,
input,
textarea,
select,
button {
  font-family: 'Noto Sans JP', sans-serif !important;
  color: var(--color-text);
}

/* ===========================
   繝倥ャ繝€繝ｼ
   =========================== */
#header,
.l-header {
  background-color: var(--color-primary) !important;
  border-bottom: 3px solid var(--color-accent) !important;
}

/* 繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン */
#nav > ul > li > a,
.l-header__nav a {
  color: var(--color-white) !important;
  font-weight: 500;
  transition: color 0.2s;
}

#nav > ul > li > a:hover,
.l-header__nav a:hover {
  color: var(--color-accent) !important;
}

/* 繝峨Ο繝��繝€繧ｦ繝ｳ */
#nav ul ul {
  background-color: var(--color-primary-dark) !important;
}
#nav ul ul li a {
  color: var(--color-white) !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
#nav ul ul li a:hover {
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
}

/* ===========================
   繝懊ち繝ｳ繝ｻCTA
   =========================== */
.btn,
.tcd-btn,
input[type="submit"],
button[type="submit"],
.wp-block-button__link {
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  transition: background-color 0.2s, transform 0.1s;
}

.btn:hover,
.tcd-btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: var(--color-accent-dark) !important;
  color: var(--color-white) !important;
  transform: translateY(-1px);
}

/* ===========================
   繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ隕句�縺暦ｼ�h2��
   =========================== */
.section_title,
.sec_title,
h2.ttl {
  color: var(--color-primary) !important;
  border-bottom: 3px solid var(--color-accent) !important;
  padding-bottom: 0.4em !important;
}

h2.ttl::after,
.section_title::after {
  background-color: var(--color-accent) !important;
}

/* ===========================
   繝医ャ繝励�繝ｼ繧ｸ 繝輔ぃ繝ｼ繧ｹ繝医ン繝･繝ｼ
   =========================== */
.front-page-catch,
.l-hero__catch,
.main_copy,
#fv .catch {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ===========================
   莠区･ｭ蜀�ｮｹ繧ｫ繝ｼ繝�
   =========================== */
.service_item,
.works_item {
  border-top: 4px solid var(--color-accent) !important;
  transition: box-shadow 0.2s;
}
.service_item:hover,
.works_item:hover {
  box-shadow: 0 6px 20px rgba(26,46,74,0.12) !important;
}

/* ===========================
   繝輔ャ繧ｿ繝ｼ
   =========================== */
#footer,
.l-footer {
  background-color: var(--color-primary-dark) !important;
  color: var(--color-white) !important;
}

#footer a,
.l-footer a {
  color: var(--color-accent) !important;
}

#footer a:hover,
.l-footer a:hover {
  color: var(--color-white) !important;
}

.footer_copy,
.l-footer__copy {
  background-color: #0b1420 !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 0.85em;
}

/* ===========================
   縺雁撫縺�粋繧上○繝輔か繝ｼ繝�
   =========================== */
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  border: 1px solid var(--color-border) !important;
  border-radius: 3px !important;
  font-family: 'Noto Sans JP', sans-serif !important;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  outline: 2px solid var(--color-accent) !important;
  border-color: var(--color-accent) !important;
}

/* ===========================
   豎守畑繝�く繧ｹ繝医�繝ｪ繝ｳ繧ｯ
   =========================== */
a {
  color: var(--color-primary);
  transition: color 0.2s;
}
a:hover {
  color: var(--color-accent);
}

/* ===========================
   閭梧勹繧ｹ繝医Λ繧､繝怜玄蛻�ｊ�医そ繧ｯ繧ｷ繝ｧ繝ｳ髢難ｼ�
   =========================== */
.bg_gray,
.bg-gray,
.section-bg {
  background-color: var(--color-bg-light) !important;
}