/*
  Skin Name: 開業前ページPreOpening
  Description: 開業前ページ（Cocoon専用の子テーマ）
  Skin URI: https://wp-cocoon.com/
  Author: あべ
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/

/* =========================
   Color Variables
========================= */
:root {
    --main: #c7b997;
    --main-soft: #f3efe9;
    --text-main: #3f3a33;
    --text-sub: #6b6256;
    --border: #e2dbd1;
    --bg-base: #ffffff;
}

/* =========================
   Base
========================= */
body {
    background: var(--bg-base);
    color: var(--text-main);
}

a {
    color: var(--main);
    text-decoration: none;
}

a:hover {
    opacity: 0.8;
}

/* =========================
   Header / Nav
========================= */
#header {
    border-bottom: 1px solid var(--border);
}

#navi {
    background: var(--bg-base);
}

#navi a {
    color: var(--text-main);
    font-weight: 500;
}

#navi a:hover {
    color: var(--main);
}

/* =========================
   Heading
========================= */
.entry-content h2 {
    border-left: 4px solid var(--main);
    padding: 0.4em 0 0.4em 1em;
    margin: 2em 0 1em;
    background: linear-gradient(to right, var(--main-soft), transparent);
}

.entry-content h3 {
    color: var(--main);
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.3em;
}

/* =========================
   Button
========================= */
.btn,
.button,
.wp-block-button__link {
    background: var(--main);
    color: #fff;
    border-radius: 4px;
    padding: 0.7em 1.6em;
    font-weight: 600;
}

.btn:hover,
.button:hover,
.wp-block-button__link:hover {
    background: #b8aa8a;
}

/* =========================
   Article Card
========================= */
.a-wrap {
    border: 1px solid var(--border);
    transition: box-shadow 0.2s ease;
}

.a-wrap:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

/* =========================
   Sidebar
========================= */
.sidebar {
    border-left: 1px solid var(--border);
}

.widget-title {
    font-size: 0.95em;
    color: var(--main);
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.4em;
}

/* =========================
   Footer
========================= */
#footer {
    background: var(--main-soft);
}

#footer a:hover {
    color: var(--main);
}