/* ============================================
   現代和風デザイン - 生成り色 × 深い藍色
   ============================================ */

:root {
  --color-kinari: #f5f0e6;
  --color-kinari-deep: #ede4d3;
  --color-ai: #1c2b4a;
  --color-ai-deep: #14213a;
  --color-ai-light: #2d4468;
  --color-accent: #a03d40;
  --color-text-main: #2a2a2a;
  --color-text-sub: #6b6558;
}

body {
  background: var(--color-kinari);
  color: var(--color-text-main);
}

/* ---------- header ---------- */
header {
  background: var(--color-kinari);
}

body:not(.home) header {
  background: var(--color-ai-deep);
}

@media screen and (max-width: 768px) {
  header {
    background: var(--color-ai-deep);
  }
}

header .global_nav > ul > li a {
  background: rgba(160, 61, 64, 0.9);
}

header .global_nav > ul > li > a {
  background: rgba(160, 61, 64, 0.9);
}

header .global_nav > ul li:before,
header .global_nav > ul li:last-of-type:after {
  background: rgba(245, 240, 230, 0.3);
}

header .global_nav .menu_icon a:before,
header .global_nav .menu_icon a:after,
header .global_nav .menu_icon a span {
  background: var(--color-ai);
}

/* ---------- h2 見出し ---------- */
h2 {
  color: var(--color-ai);
}

h2:before {
  background: none;
  content: '';
  width: 44px;
  height: 2px;
  background: var(--color-ai);
}

h2 a {
  color: var(--color-ai);
}

/* ---------- section backgrounds ---------- */
#section01 {
  background: var(--color-kinari) !important;
}

#section04 {
  background: var(--color-kinari-deep) !important;
}

/* ---------- buttons ---------- */
.button, .inquiry .wpcf7-submit,
.more a {
  background: var(--color-ai);
  border-color: var(--color-ai);
  color: var(--color-kinari);
}

.button:hover, .inquiry .wpcf7-submit:hover,
.more a:hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #fff;
}

.add_arrow:hover {
  border-color: var(--color-ai);
  color: var(--color-ai);
}

.add_arrow:hover:after {
  border-color: var(--color-ai);
}

/* ---------- news / dl highlight ---------- */
.news .news_bg,
.highlight,
.qa .question,
.shopinfo,
._table_line .news dl {
  background: rgba(28, 43, 74, 0.04);
}

.news dl dd {
  border-bottom: 1px solid rgba(28, 43, 74, 0.15);
}

.widget_wrap .widget_header {
  background: rgba(28, 43, 74, 0.05);
  color: var(--color-ai);
}

/* ---------- footer ---------- */
footer {
  background: var(--color-kinari-deep);
}

footer nav ul li:not(:first-child):before {
  color: var(--color-text-sub);
}

/* ---------- pagetop ---------- */
.pagetop a {
  background: rgba(28, 43, 74, 0.92);
}

/* ---------- top page custom sections ---------- */
.menu-card-overlay {
  background: linear-gradient(180deg, rgba(28,43,74,0) 40%, rgba(20,33,58,0.82) 100%) !important;
}

.menu-card-label-jp:after {
  background: var(--color-kinari) !important;
}

#section02 .content,
#section02 .content > div[style*="background:#0f2748"] {
  background: var(--color-ai-deep) !important;
}

#section02 .content > div[style*="linear-gradient"] {
  background: linear-gradient(120deg, rgba(20,33,58,0.94) 0%, rgba(20,33,58,0.88) 55%, rgba(20,33,58,0.75) 100%) !important;
}

.kodawari-btn {
  background: var(--color-kinari) !important;
  color: var(--color-ai) !important;
}

.kodawari-btn:hover {
  background: var(--color-ai) !important;
  color: var(--color-kinari) !important;
}

#section03 .content,
#section03 .content > div[style*="background:#f5efe3"] {
  background: var(--color-kinari-deep) !important;
}

#section03 .content > div[style*="linear-gradient"] {
  background: linear-gradient(120deg, rgba(237,228,211,0.94) 0%, rgba(237,228,211,0.88) 55%, rgba(237,228,211,0.75) 100%) !important;
}

.room-btn {
  background: var(--color-ai) !important;
  color: var(--color-kinari) !important;
}

.room-btn:hover {
  background: var(--color-kinari) !important;
  color: var(--color-ai) !important;
}

div[style*="background:#1c2b4a"] {
  background: var(--color-ai-deep) !important;
}

a[style*="background:#a03d40"] {
  background: var(--color-ai) !important;
}

a[style*="background:#a03d40"]:hover {
  background: var(--color-accent) !important;
}

/* sticky cta bar */
.sticky-cta-tel { background: var(--color-accent) !important; color: #fff !important; }
.sticky-cta-map { background: var(--color-ai-deep) !important; color: #fff !important; }
.sticky-cta-reserve { background: #5b7a6e !important; color: #fff !important; }
.sticky-cta-tel *, .sticky-cta-map *, .sticky-cta-reserve * { color: #fff !important; }

/* main visual catchcopy */
.main_visual_catchcopy_seal {
  border-color: rgba(28,43,74,0.85) !important;
  color: var(--color-ai) !important;
}

.main_visual_catchcopy_title,
.main_visual_catchcopy_body {
  color: var(--color-ai) !important;
}