/* === 月詠美月の恋愛占いラボ - パステル優しいテーマ === */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

body {
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif !important;
  background: #FFFBF7 !important;
  color: #4A3D3D !important;
}

.site-name-text, .site-name-text a {
  font-family: 'Noto Serif JP', serif !important;
  color: #6B5478 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  font-size: 2.0em !important;
}
.tagline {
  font-family: 'Noto Sans JP', sans-serif !important;
  color: #FFFFFF !important;
  font-size: 0.85em !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6), 0 0 12px rgba(0,0,0,0.3) !important;
  letter-spacing: 0.05em !important;
  letter-spacing: 0.05em !important;
}

.header-container, .header-container-in, #header, .header {
  background: linear-gradient(180deg, #FFF8F2, #FDF5EE) !important;
  border-bottom: 1px solid rgba(184,160,200,0.15) !important;
}
.header-container-in.hlt-top-menu {
  background: transparent !important;
}

#navi, .navi, .navi-in {
  background: #F8F0FA !important;
}
.navi-in a {
  color: #5A4A60 !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.9em !important;
  transition: color 0.3s, background 0.3s !important;
}
.navi-in a:hover {
  color: #C4889A !important;
  background: rgba(196,136,154,0.08) !important;
}
.navi-in > .menu-header > .current-menu-item > a {
  border-bottom: 2px solid #C4889A !important;
  color: #C4889A !important;
}

.notice-area {
  background: linear-gradient(90deg, #F0E4F4, #F8E8EE) !important;
  border-bottom: 1px solid rgba(184,160,200,0.15) !important;
}
.notice-area a {
  color: #6B5478 !important;
  font-weight: 500 !important;
}

.content-in, .wrap {
  background: #FFFBF7 !important;
}
.main {
  background: #FFFBF7 !important;
  color: #4A3D3D !important;
}
#content {
  background: transparent !important;
}

.entry-card-wrap {
  background: #FFFFFF !important;
  border: 1px solid rgba(184,160,200,0.12) !important;
  border-radius: 12px !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  box-shadow: 0 2px 10px rgba(107,84,120,0.04) !important;
}
.entry-card-wrap:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(184,160,200,0.15) !important;
  border-color: rgba(196,136,154,0.25) !important;
}
.entry-card-title {
  color: #3D3040 !important;
  font-weight: 700 !important;
}
.entry-card-snippet { color: #7A6A7A !important; }
.entry-card-meta { color: #A090A0 !important; }
.cat-label {
  background: #C4889A !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
}

.article {
  background: #FFFFFF !important;
  color: #4A3D3D !important;
  border-radius: 12px !important;
  padding: 30px !important;
  box-shadow: 0 2px 10px rgba(107,84,120,0.04) !important;
}
.entry-title {
  font-family: 'Noto Serif JP', serif !important;
  color: #3D3040 !important;
  border-bottom: 2px solid #C4889A !important;
  padding-bottom: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.entry-content p {
  color: #4A3D3D !important;
  line-height: 2.0 !important;
  font-size: 16px !important;
}
.entry-content a { color: #9B7BAA !important; }
.entry-content a:hover { color: #C4889A !important; }

.entry-content h2 {
  font-family: 'Noto Serif JP', serif !important;
  color: #6B5478 !important;
  background: linear-gradient(90deg, rgba(184,160,200,0.08), transparent) !important;
  border-left: 4px solid #B8A0C8 !important;
  border-bottom: none !important;
  padding: 14px 18px !important;
  border-radius: 0 8px 8px 0 !important;
  font-weight: 600 !important;
  font-size: 1.35em !important;
  margin-top: 2.5em !important;
}
.entry-content h3 {
  font-family: 'Noto Serif JP', serif !important;
  color: #7A6080 !important;
  border-bottom: 1px solid rgba(196,136,154,0.25) !important;
  padding-bottom: 8px !important;
  font-weight: 600 !important;
}
.entry-content h4 { color: #6B5478 !important; font-weight: 600 !important; }

.entry-content, .entry-content *, .entry-content div[style], .entry-content div[style] *, .entry-content p[style], .entry-content span[style] {
  color: #4A3D3D !important;
}
.entry-content h2, .entry-content h2[style], .entry-content h2 * { color: #6B5478 !important; }
.entry-content h3, .entry-content h3[style], .entry-content h3 * { color: #7A6080 !important; }
.entry-content a, .entry-content a[style] { color: #9B7BAA !important; }

.entry-content div[style*="background:#1e1535"],
.entry-content div[style*="background-color:#1e1535"],
.entry-content div[style*="background: #1e"],
.entry-content div[style*="background:#0f0a1a"],
.entry-content div[style*="background-color: rgba(30"],
.entry-content div[style*="background: rgba(30"],
.entry-content div[style*="background:rgba(30"],
.entry-content div[style*="background: linear-gradient"] {
  background: #F8F2FA !important;
  border-color: rgba(184,160,200,0.2) !important;
}
.entry-content [style*="color: #f0e6ff"], .entry-content [style*="color:#f0e6ff"],
.entry-content [style*="color: #d0c4e0"], .entry-content [style*="color:#d0c4e0"],
.entry-content [style*="color: #e0d4f0"], .entry-content [style*="color:#e0d4f0"],
.entry-content [style*="color: #b8a8d0"], .entry-content [style*="color:#b8a8d0"] {
  color: #4A3D3D !important;
}
.entry-content [style*="color: #d4af37"], .entry-content [style*="color:#d4af37"] { color: #9B7BAA !important; }
.entry-content [style*="color: #333"], .entry-content [style*="color:#333"],
.entry-content [style*="color: #444"], .entry-content [style*="color:#444"],
.entry-content [style*="color: #555"], .entry-content [style*="color:#555"],
.entry-content [style*="color: #666"], .entry-content [style*="color:#666"],
.entry-content [style*="color: #1a1a2e"], .entry-content [style*="color:#1a1a2e"] {
  color: #4A3D3D !important;
}
.entry-content [style*="background-color: #f"], .entry-content [style*="background-color:#f"],
.entry-content [style*="background: #f"], .entry-content [style*="background:#f"] {
  background: #FAF6FC !important;
}
.entry-content [style*="background-color: #e"], .entry-content [style*="background-color:#e"],
.entry-content [style*="background: #e"], .entry-content [style*="background:#e"] {
  background: #F5EEF8 !important;
}
.entry-content [style*="border-color: #"],
.entry-content [style*="border: 1px solid #d"],
.entry-content [style*="border: 1px solid #e"],
.entry-content [style*="border: 2px solid #"] {
  border-color: rgba(184,160,200,0.2) !important;
}
.entry-content h2[style], .entry-content h3[style], .entry-content h4[style] { color: #6B5478 !important; }

.sidebar { background: transparent !important; }
.widget {
  background: #FFFFFF !important;
  border: 1px solid rgba(184,160,200,0.12) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(107,84,120,0.04) !important;
}
.widget-title {
  font-family: 'Noto Serif JP', serif !important;
  color: #6B5478 !important;
  border-bottom: 1px solid rgba(184,160,200,0.2) !important;
  padding-bottom: 8px !important;
  font-weight: 600 !important;
}
.widget a { color: #7A6080 !important; }
.widget a:hover { color: #C4889A !important; }

.eye-catch, .eye-catch-wrap, .wp-post-image, figure.wp-block-image { background: transparent !important; }
.eye-catch img { border-radius: 12px !important; border: 1px solid rgba(184,160,200,0.15) !important; }

.toc, .toc-content {
  background: #FAF6FC !important;
  border: 1px solid rgba(184,160,200,0.15) !important;
  border-radius: 12px !important;
}
.toc-title { font-family: 'Noto Serif JP', serif !important; color: #6B5478 !important; }
.toc a { color: #7A6080 !important; }
.toc a:hover { color: #C4889A !important; }

.sns-share-buttons a, .share-button { color: #7A6A7A !important; }

.related-entries { background: transparent !important; }
.related-entry-card-wrap {
  background: #FFFFFF !important;
  border: 1px solid rgba(184,160,200,0.12) !important;
  border-radius: 12px !important;
}
.related-entry-card-title { color: #3D3040 !important; }
.pagination a, .pagination span { color: #6B5478 !important; border-color: rgba(184,160,200,0.25) !important; }
.pagination .current { background: #B8A0C8 !important; color: #FFFFFF !important; }

#footer {
  background: #F5EEF8 !important;
  border-top: 1px solid rgba(184,160,200,0.15) !important;
  color: #7A6A7A !important;
}
#footer a { color: #6B5478 !important; }
.footer-bottom { background: #F0E8F4 !important; }

.mobile-menu-buttons { background: #FFF8F2 !important; border-top: 1px solid rgba(184,160,200,0.15) !important; }
.mobile-menu-buttons .menu-button > a { color: #6B5478 !important; }

#respond.comment-respond { position: static !important; }
.comment-form-wrap { position: relative !important; }

.pv-count, span.post-count, .entry-card-snippet .post-count,
.widget_popular_entries .popular-count, .widget-entry-card-pv,
.sns-share .share-count, .sns-follow .follow-count { display: none !important; }

.posts-not-found h2, .posts-not-found p { color: #4A3D3D !important; }
.posts-not-found h2 { color: #6B5478 !important; font-family: 'Noto Serif JP', serif !important; font-size: 1.5em; }

.breadcrumb { color: #A090A0 !important; }
.breadcrumb a { color: #7A6080 !important; }
.date-tags, .post-date, .post-update, .entry-date { color: #A090A0 !important; }

.entry-content blockquote {
  border-left: 3px solid #C4889A !important;
  background: #FDF5F8 !important;
  color: #5A4A5A !important;
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0 !important;
}

.author-box { background: #FAF6FC !important; border: 1px solid rgba(184,160,200,0.15) !important; border-radius: 12px !important; }
.author-box .author-name { color: #6B5478 !important; font-family: 'Noto Serif JP', serif !important; }
.author-box .author-description { color: #5A4A5A !important; }

.go-to-top-button { background: #B8A0C8 !important; color: #FFFFFF !important; border-radius: 50% !important; }


/* === Cocoon管理者アクセスカウンター非表示 === */
.admin-panel,
.admin-pv {
  display: none !important;
}


/* === ヘッダーデザイン強化（ロゴエンブレム＋背景画像） === */

/* ヘッダー背景画像 */
.site-header-logo,
#header .header-in,
.header {
  background-image: url('https://uranainosusume.com/wp-content/uploads/2026/04/header_background.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 120px !important;
}

#header .header-in {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 120px !important;
  padding: 15px 20px !important;
}

/* ロゴエンブレム（::before疑似要素） */
.logo-header .site-name-text::before,
.site-name-text::before {
  content: '\263E' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  background: linear-gradient(135deg, #7B5DA0 0%, #5A3D80 100%) !important;
  border-radius: 50% !important;
  font-size: 34px !important;
  color: #FFFBF7 !important;
  margin-right: 14px !important;
  vertical-align: middle !important;
  box-shadow: 0 3px 15px rgba(90,61,128,0.5), 0 0 0 3px rgba(255,251,247,0.7) !important;
  text-shadow: 0 0 10px rgba(255,251,247,0.8) !important;
  flex-shrink: 0 !important;
  border: 2px solid rgba(255,251,247,0.6) !important;
}

/* サイトタイトルの装飾 */
.site-name-text {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 2.0em !important;
  font-weight: 700 !important;
  color: #6B5478 !important;
  text-shadow: 1px 1px 3px rgba(255,255,255,0.8), 0 0 8px rgba(255,251,247,0.6) !important;
  display: inline-flex !important;
  align-items: center !important;
  letter-spacing: 0.05em !important;
}

/* サイトタイトルリンクの装飾 */
.site-name-text a {
  color: #6B5478 !important;
  text-decoration: none !important;
}

/* キャッチフレーズの装飾 */
.tagline {
  color: #8B7A96 !important;
  font-size: 0.85em !important;
  text-shadow: 1px 1px 2px rgba(255,255,255,0.7) !important;
  text-align: center !important;
  margin-top: 4px !important;
}

/* ヘッダー通知バーとの間隔調整 */
.notice-area {
  margin-top: 0 !important;
}

/* モバイル対応 */
@media (max-width: 768px) {
  .site-header-logo,
  #header .header-in,
  .header {
    min-height: 90px !important;
  }
  #header .header-in {
    min-height: 90px !important;
    padding: 10px 15px !important;
  }
  .logo-header .site-name-text::before,
  
  .site-name-text {
    font-size: 1.5em !important;
  }
}

/* === ヘッダーデザイン強化ここまで === */


/* === ヘッダー背景画像修正 === */
#header-in, .header-in {
  background-color: transparent !important;
}
#header {
  background: none !important;
}
/* ロゴh1タグもtransparent */
h1.logo-header {
  background: transparent !important;
}
/* タイトルリンクも透明 */
a.site-name-text-link {
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
}


/* === ロゴエンブレム表示修正 === */
.site-name-text {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}