/*
Theme Name:  BIRTH Child
Theme URI:   https://lighter.suzukisangyo.co.jp//
Description: TCD BIRTH 子テーマ - 名入れライターサイト用
Author:
Template:    birth_tcd057
Version:     1.0.0
*/

/* =========================================
   CSS変数（全体カラー定義）
   ========================================= */
:root {
    --color-main: #003951;
    --color-sub:  #2a8b68;
    --color-btn:  #b70410;
    --color-text: #202020;
}


/* =========================================
   本文テキストカラー
   ========================================= */
body {
    color: var(--color-text);
}


/* =========================================
   見出し（h1〜h5）カラー・太字
   ========================================= */
h1, h2, h3, h4, h5,
.entry-title,
.page-title,
.widget-title {
    color: var(--color-main);
    font-weight: bold;
}


/* =========================================
   ヘッダー背景色・文字色
   ========================================= */
#header,
#header_inner {
    background-color: var(--color-main);
}

/* ロゴ・グローバルメニューの文字を白に */
#logo_text h2,
#logo_text a,
.pc #global_menu > ul > li > a {
    color: #fff;
}


/* =========================================
   パンくずリスト背景色
   テーマ本体に !important があるため !important で上書き
   ========================================= */
#bread_crumb {
    background: var(--color-sub) !important;
}


/* =========================================
   フッター 連絡先エリア背景色
   ========================================= */
#footer_contact_area {
    background-color: var(--color-main) !important;
}

.footer_contact_content {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}


/* =========================================
   フッター コンテンツエリア背景色
   ========================================= */
#footer_content {
    background-color: var(--color-main);
}


/* =========================================
   フッターメニュー背景色・文字色
   ========================================= */
#footer_menu {
    background-color: var(--color-main);
    border-top-color: rgba(255, 255, 255, 0.2);
}

#footer_menu li a {
    color: #fff;
    border-right-color: rgba(255, 255, 255, 0.4);
}


/* =========================================
   コピーライト背景色
   テーマ本体は background:#65989f（青緑）
   ========================================= */
#copyright {
    background-color: var(--color-main);
}


/* =========================================
   サイドバー見出し背景色
   テーマ本体は background:#afcfd2（水色）
   ========================================= */
.side_headline,
.widget_block .wp-block-heading {
    background-color: var(--color-main);
}


/* =========================================
   ボタン類の背景色・文字色
   テーマ本体は background:#afcfd2（水色）
   TCD詳細度が強いため全項目 !important
   ========================================= */

/* デザインボタン ラッパーの背景をリセット */
.design_button {
    background-color: transparent !important;
}

/* デザインボタン（リンク本体） */
.design_button a,
.design_button a:link,
.design_button a:visited {
    background-color: var(--color-btn) !important;
    border-color: var(--color-btn) !important;
    color: #fff !important;
}

.design_button a:hover {
    background-color: var(--color-btn) !important;
    border-color: var(--color-btn) !important;
    opacity: 0.85;
    color: #fff !important;
}

/* トップページ 3点ボックスのタイトルボタン */
#index_3box .title a {
    background-color: var(--color-btn) !important;
    color: #fff !important;
}

#index_3box .title a:hover {
    background-color: var(--color-btn) !important;
    opacity: 0.85;
}

/* スライダーボタン */
#header_slider .btn a,
#slider_btn a,
.slider_btn a {
    background-color: var(--color-btn) !important;
    border-color: var(--color-btn) !important;
    color: #fff !important;
}

/* 汎用ボタン・フォーム送信ボタン */
.btn,
a.btn,
input[type="submit"],
button[type="submit"],
.wp-block-button__link {
    background-color: var(--color-btn) !important;
    border-color: var(--color-btn) !important;
    color: #fff !important;
}

.btn:hover,
a.btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--color-btn) !important;
    border-color: var(--color-btn) !important;
    opacity: 0.85;
    color: #fff !important;
}

/* 購入・問い合わせCTAエリア背景色 */
#index_purchase,
#purchase,
.purchase_area,
#btn_area,
.btn_area {
    background-color: var(--color-main) !important;
}


/* ============================================
   投稿ページ サイドバー非表示・1カラム化
   ============================================ */
.single #side_col {
  display: none !important;
}
.single #left_col {
  width: 100% !important;
  float: none !important;
}
.single #main_col {
  display: block;
  overflow: hidden;
}