@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.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ===== Mirage で作った Cocoon 用CSS ここから ===== */
/* 「外観→カスタマイズ→追加CSS」またはスキンの style.css に貼ってください。デザインを変える時は「ここから」〜「ここまで」の間を削除 */

/* --- 全体 --- */
body{background-color:#fdf4f7;font-family:Meiryo,"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;}
#main,.entry-content{color:#5b4a50;}
.entry-content{background:#ffffff;padding-left:24px;padding-right:24px;}
.entry-content a{color:#d6789c;text-decoration:underline;}
.entry-content a:hover{color:#a75e7a;}

/* --- ヘッダー＆メニュー --- */
#header-container,.header-container{background:#ffffff;}
.site-name-text,.logo-header a span{color:#5b4a50;}
#navi,.navi-in,#navi .navi-in>ul{background:#d6789c;}
#navi .navi-in a{color:#ffffff;}
#navi .navi-in a:hover{background:#b46583;color:#ffffff;}

/* --- 記事タイトル --- */
.entry-title::before,.entry-title::after{content:none !important;display:none !important;}
.entry-title{color:#5b4a50;font-size:26px;font-weight:700;line-height:1.45;background:#f9ecf1;border:none;border-radius:0;padding:.4em .75em;text-decoration:none;border-left:6px solid #d6789c;}

/* --- 本文 見出し --- */
.entry-content h2::before,.entry-content h2::after{content:none !important;display:none !important;}
.entry-content h2{color:#5b4a50;font-size:24px;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:0 0 .1em;text-decoration:none;border-bottom:.4em solid #d6789c;}
.entry-content h3::before,.entry-content h3::after{content:none !important;display:none !important;}
.entry-content h3{color:#5b4a50;font-size:20px;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:0 0 .2em;text-decoration:none;border-bottom:2px solid #d6789c;}
.entry-content h4::before,.entry-content h4::after{content:none !important;display:none !important;}
.entry-content h4{color:#5b4a50;font-size:18px;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:0 0 .2em;text-decoration:none;border-bottom:2px solid #d6789c;}

/* --- リスト・引用・目次・ボタン --- */
.entry-content>ul li::marker,.entry-content>ol li::marker{color:#d6789c;}
.entry-content blockquote{margin:1.2em 0;padding:.8em 1.1em;color:#9d9296;border-left:5px solid #d6789c;background:#f9ecf1;border:none;border-left:5px solid #d6789c;border-radius:0 3px 3px 0;}
.toc{padding:.8em 1.1em;color:undefined;border:1px solid #d6789c;background:#f9ecf1;border-radius:3px;}
.toc .toc-title{color:#5b4a50;font-weight:700;}
.entry-content .btn,.entry-content .wp-block-button__link{display:inline-block;padding:.6em 1.4em;text-decoration:none;font-weight:700;transition:opacity .15s;border-radius:3px;background:#d6789c;color:#ffffff;border:none;box-shadow:0 4px 0 #96546d;}
.entry-content .btn,.entry-content .wp-block-button__link:hover{opacity:.88;}

/* --- 記事カード（トップ/アーカイブ） --- */
#list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
a.entry-card-wrap{display:flex;flex-direction:column;}
a.entry-card-wrap .entry-card-thumb{width:100%;min-height:130px;}
a.entry-card-wrap{border:1px solid #efc9d7;border-radius:3px;box-shadow:none;background:#ffffff;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;text-decoration:none;color:inherit;}
a.entry-card-wrap:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.14);}
.entry-card-thumb,.entry-card-thumb img{border-radius:6px;}
.entry-card-title{color:#5b4a50;}
.entry-card-snippet{color:#9d9296;}
.cat-label{background:#d6789c;color:#ffffff;}

/* --- カテゴリ・アーカイブ見出し --- */
#archive-title::before,#archive-title::after{content:none !important;display:none !important;}
#archive-title{color:#5b4a50;font-size:undefinedpx;font-weight:700;line-height:1.45;background:#f9ecf1;border:none;border-radius:0;padding:.4em .75em;text-decoration:none;border-left:6px solid #d6789c;}

/* --- サイドバー ウィジェット見出し --- */
.widget-sidebar-title::before,.widget-sidebar-title::after,.sidebar h3::before,.sidebar h3::after{content:none !important;display:none !important;}
.widget-sidebar-title,.sidebar h3{color:#5b4a50;font-size:undefinedpx;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:.15em .7em;text-decoration:none;border-left:6px solid #d6789c;}

/* --- フッター --- */
#footer,.footer{background:#694553;color:#f2f2f2;}
#footer a{color:#f2f2f2;}
.footer-bottom,.copyright{color:#c6c6c6;}

/* ===== Mirage で作った Cocoon 用CSS ここまで ===== */
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}