@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 Cream Theme v3.0 - 生成り#FAF8F4 × 墨#1A1F2E × 銅#C97B5C 統一版 */
@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:#FAF8F4!important;color:#1A1F2E!important;font-family:'Noto Sans JP',sans-serif!important}

/* ヘッダー */
.header,.header-container-in{background:#FAF8F4!important}
.header .header-in{border-bottom:1px solid rgba(201,123,92,0.25)!important}
.site-name-text{color:#1A1F2E!important;font-family:'Cormorant Garamond',serif!important;letter-spacing:0.2em!important}
.tagline{color:#C97B5C!important}

/* ナビ */
.navi,.navi-in{background:#FAF8F4!important}
.navi a{color:#1A1F2E!important}
.navi a:hover{color:#C97B5C!important}

/* メインエリア */
.main,.content,.sidebar{background:transparent!important}
.article{background:#FFFFFF!important;border:1px solid rgba(26,31,46,0.08)!important;border-radius:4px!important}

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

/* 本文 */
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content dd{color:#1A1F2E!important;line-height:1.9!important}
.entry-content a{color:#C97B5C!important;text-decoration:underline;text-decoration-color:rgba(201,123,92,0.4)}
.entry-content a:hover{color:#A85E3E!important;text-decoration-color:#A85E3E}
.entry-content strong{color:#1A1F2E!important}
.entry-content em{color:#C97B5C!important;font-style:normal}
.entry-content blockquote{color:#1A1F2E!important;border-left:3px solid #C97B5C!important;background:rgba(201,123,92,0.06)!important;padding:16px 20px!important}
.entry-content hr{border-color:rgba(26,31,46,0.12)!important}

/* ウィジェット */
.widget{background:#FFFFFF!important;border:1px solid rgba(26,31,46,0.08)!important;border-radius:4px!important}
.widget-title,.widget h3{color:#1A1F2E!important;border-left:2px solid #C97B5C!important;padding-left:10px!important}
.widget,.widget p,.widget li{color:#1A1F2E!important}
.widget a{color:#1A1F2E!important}
.widget a:hover{color:#C97B5C!important}

/* 記事カード */
.entry-card-wrap,
.related-entry-card-wrap,
.category-entry-card-wrap{background:#FFFFFF!important;border:1px solid rgba(26,31,46,0.08)!important;border-radius:4px!important}
.entry-card-title,
.related-entry-card-title{color:#1A1F2E!important}
.entry-card-snippet{color:rgba(26,31,46,0.75)!important}
.entry-card-meta,
.post-date,
.post-update,
.entry-card-info{color:rgba(26,31,46,0.6)!important}
.cat-label{background:#C97B5C!important;color:#FAF8F4!important;font-weight:600!important}

/* フッター */
.footer{background:#FAF8F4!important;border-top:1px solid rgba(201,123,92,0.25)!important}
.footer,.footer p,.footer li{color:#1A1F2E!important}
.footer a{color:#1A1F2E!important}
.footer a:hover{color:#C97B5C!important}
.copyright{color:rgba(26,31,46,0.6)!important}

/* パンくず */
.breadcrumb{background:transparent!important;color:rgba(26,31,46,0.7)!important}
.breadcrumb a{color:#C97B5C!important}
.breadcrumb a:hover{color:#A85E3E!important}

/* ページネーション */
.pagination a,.page-numbers{background:#FFFFFF!important;color:#1A1F2E!important;border:1px solid rgba(26,31,46,0.15)!important}
.pagination a:hover,.page-numbers:hover{background:rgba(201,123,92,0.12)!important;color:#C97B5C!important}
.pagination .current,.page-numbers.current{background:#C97B5C!important;color:#FAF8F4!important;font-weight:600!important}

/* 目次 */
.toc{background:#FFFFFF!important;border:1px solid rgba(26,31,46,0.1)!important}
.toc-title{color:#1A1F2E!important}
.toc a,.toc li{color:#1A1F2E!important}
.toc a:hover{color:#C97B5C!important}

/* 検索ボックス */
.search-edit{background:#FFFFFF!important;color:#1A1F2E!important;border:1px solid rgba(26,31,46,0.2)!important}
.search-edit::placeholder{color:rgba(26,31,46,0.5)!important}

/* プロフィール */
.author-box{background:#FFFFFF!important;border:1px solid rgba(26,31,46,0.08)!important}
.author-box,.author-box p{color:#1A1F2E!important}
.author-name{color:#1A1F2E!important}

/* モバイルメニュー */
.mobile-menu-buttons{background:#FAF8F4!important;border-top:1px solid rgba(201,123,92,0.25)!important}
.mobile-menu-buttons a{color:#1A1F2E!important}
.mobile-menu-buttons a:hover{color:#C97B5C!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:#1A1F2E!important}

/* フォーム全般 */
input[type="text"],input[type="email"],input[type="tel"],textarea,select{
  background:#FFFFFF!important;
  color:#1A1F2E!important;
  border:1px solid rgba(26,31,46,0.2)!important
}
input::placeholder,textarea::placeholder{color:rgba(26,31,46,0.5)!important}
label{color:#1A1F2E!important}

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