@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.2.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* IZANA Dark Theme v2.0 - WCAG AAA 本文可読性強化版 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Noto+Serif+JP:wght@300;400;700&family=Noto+Sans+JP:wght@300;400;500&display=swap');

/* ベース */
body{background:#0d1b2a!important;color:#F0F4F8!important;font-family:'Noto Sans JP',sans-serif!important}

/* ヘッダー */
.header,.header-container-in{background:#0d1b2a!important}
.header .header-in{border-bottom:1px solid rgba(184,134,11,0.15)!important}
.site-name-text{color:#fff!important;font-family:'Cormorant Garamond',serif!important;letter-spacing:0.2em!important}
.tagline{color:#D4A017!important}

/* ナビ */
.navi,.navi-in{background:#0d1b2a!important}
.navi a{color:#E8EEF5!important}
.navi a:hover{color:#F2D27A!important}

/* メインエリア */
.main,.content,.sidebar{background:transparent!important}
.article{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(184,134,11,0.12)!important;border-radius:4px!important}

/* 記事タイトル・見出し */
.entry-title{color:#fff!important;font-family:'Noto Serif JP',serif!important}
.entry-content h2{color:#fff!important;background:transparent!important;border:none!important;border-left:3px solid #D4A017!important;padding:8px 16px!important}
.entry-content h3{color:#F2D27A!important;border:none!important}
.entry-content h4{color:#F2D27A!important}

/* 本文 - AAA対応 (15.74:1) */
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content dd{color:#F0F4F8!important;line-height:1.9!important}
.entry-content a{color:#F2D27A!important;text-decoration:underline;text-decoration-color:rgba(242,210,122,0.4)}
.entry-content a:hover{color:#FFE08A!important;text-decoration-color:#FFE08A}
.entry-content strong{color:#fff!important}
.entry-content em{color:#F2D27A!important;font-style:normal}
.entry-content blockquote{color:#fff!important;border-left:3px solid #D4A017!important;background:rgba(212,160,23,0.05)!important;padding:16px 20px!important}
.entry-content hr{border-color:rgba(184,134,11,0.2)!important}

/* ウィジェット */
.widget{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(184,134,11,0.12)!important;border-radius:4px!important}
.widget-title,.widget h3{color:#F2D27A!important}
.widget,.widget p,.widget li{color:#F0F4F8!important}
.widget a{color:#F0F4F8!important}
.widget a:hover{color:#F2D27A!important}

/* 記事カード */
.entry-card-wrap,
.related-entry-card-wrap,
.category-entry-card-wrap{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(184,134,11,0.12)!important;border-radius:4px!important}
.entry-card-title,
.related-entry-card-title{color:#fff!important}
.entry-card-snippet{color:#D5DDE6!important}
.entry-card-meta,
.post-date,
.post-update,
.entry-card-info{color:#B5BEC9!important}
.cat-label{background:#D4A017!important;color:#0d1b2a!important;font-weight:600!important}

/* フッター - #0a1520背景に対してAAA */
.footer{background:#0a1520!important;border-top:1px solid rgba(184,134,11,0.15)!important}
.footer,.footer p,.footer li{color:#F0F4F8!important}
.footer a{color:#F0F4F8!important}
.footer a:hover{color:#F2D27A!important}
.copyright{color:#B5BEC9!important}

/* パンくず */
.breadcrumb{background:transparent!important;color:#D5DDE6!important}
.breadcrumb a{color:#F2D27A!important}
.breadcrumb a:hover{color:#FFE08A!important}

/* ページネーション */
.pagination a,.page-numbers{background:rgba(255,255,255,0.03)!important;color:#F0F4F8!important;border:1px solid rgba(184,134,11,0.2)!important}
.pagination a:hover,.page-numbers:hover{background:rgba(212,160,23,0.15)!important;color:#F2D27A!important}
.pagination .current,.page-numbers.current{background:#D4A017!important;color:#0d1b2a!important;font-weight:600!important}

/* 目次 */
.toc{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(184,134,11,0.15)!important}
.toc-title{color:#F2D27A!important}
.toc a,.toc li{color:#F0F4F8!important}
.toc a:hover{color:#F2D27A!important}

/* 検索ボックス */
.search-edit{background:rgba(255,255,255,0.08)!important;color:#F0F4F8!important;border:1px solid rgba(184,134,11,0.3)!important}
.search-edit::placeholder{color:#B5BEC9!important}

/* プロフィール */
.author-box{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(184,134,11,0.12)!important}
.author-box,.author-box p{color:#F0F4F8!important}
.author-name{color:#fff!important}

/* モバイルメニュー */
.mobile-menu-buttons{background:#0d1b2a!important;border-top:1px solid rgba(184,134,11,0.15)!important}
.mobile-menu-buttons a{color:#F0F4F8!important}
.mobile-menu-buttons a:hover{color:#F2D27A!important}

/* その他 */
.pv-count,.post-views,.fa-eye+span{display:none!important}
.sns-share-buttons,.sns-follow-buttons{opacity:0.85}
.comment-area,.comments-area{color:#F0F4F8!important}

/* フォーム全般 */
input[type="text"],input[type="email"],input[type="tel"],textarea,select{
  background:rgba(255,255,255,0.08)!important;
  color:#F0F4F8!important;
  border:1px solid rgba(184,134,11,0.3)!important
}
input::placeholder,textarea::placeholder{color:#B5BEC9!important}
label{color:#F0F4F8!important}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){}
@media screen and (max-width: 834px){}
@media screen and (max-width: 480px){}