@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:#f0f8ff;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,0.06) 0 10px,transparent 10px 22px);font-family:Meiryo,"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;}
#main,.entry-content{color:#333333;}
.entry-content{background:#fcfcfc;padding-left:24px;padding-right:24px;}
.entry-content a{color:#4d0dfd;text-decoration:underline;}
.entry-content a:hover{color:#c5a8b4;}

/* --- ヘッダー＆メニュー --- */
#header-container,.header-container{background:#d8caca;}
.site-name-text,.logo-header a span{color:#54473a;}
#navi,.navi-in,#navi .navi-in>ul{background:#fdd8e7;}
#navi .navi-in a{color:#23242a;}
#navi .navi-in a:hover{background:#d5b5c2;color:#23242a;}

/* --- 記事タイトル --- */
.entry-title::before,.entry-title::after{content:none !important;display:none !important;}
.entry-title{color:#54473a;font-size:22px;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:0 0 .2em;text-decoration:none;border-bottom:3px dotted #fdd8e7;}

/* --- 本文 見出し --- */
.entry-content h2::before,.entry-content h2::after{content:none !important;display:none !important;}
.entry-content h2{color:#54473a;font-size:24px;font-weight:700;line-height:1.45;background:#fef4f8;border:none;border-radius:0;padding:.4em .75em;text-decoration:none;border-left:6px solid #fdd8e7;}
.entry-content h3::before,.entry-content h3::after{content:none !important;display:none !important;}
.entry-content h3{color:#54473a;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:3px dotted #fdd8e7;}
.entry-content h4::before,.entry-content h4::after{content:none !important;display:none !important;}
.entry-content h4{color:#54473a;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 #fdd8e7;}

/* --- リスト・引用・目次・ボタン --- */
.entry-content>ul li::marker,.entry-content>ol li::marker{color:#fdd8e7;}
.entry-content blockquote{margin:1.2em 0;padding:.8em 1.1em;color:#54473a;border-left:5px solid #fdd8e7;background:#fef4f8;border:none;border-left:5px solid #fdd8e7;border-radius:0 2px 2px 0;}
.toc{padding:.8em 1.1em;color:#54473a;border:1px solid #fdd8e7;background:#fef4f8;border-radius:2px;}
.toc .toc-title{color:#54473a;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:999px;background:#fdd8e7;color:#23242a;border:none;border-radius:999px;}
.entry-content .btn,.entry-content .wp-block-button__link:hover{opacity:.88;}

/* --- 記事カード（トップ/アーカイブ） --- */
#list{display:block;}
a.entry-card-wrap{display:flex;flex-direction:row;align-items:stretch;margin-bottom:14px;}
a.entry-card-wrap .entry-card-thumb{flex:0 0 38%;width:38%;min-height:96px;}
a.entry-card-wrap .entry-card-content{flex:1;min-width:0;}
a.entry-card-wrap{border:none;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);background:#fcfcfc;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:#54473a;}
.entry-card-snippet{color:#989189;}
.cat-label{background:#fdd8e7;color:#23242a;}

/* --- カテゴリ・アーカイブ見出し --- */
#archive-title::before,#archive-title::after{content:none !important;display:none !important;}
#archive-title{color:#54473a;font-size:undefinedpx;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:0 0 .2em;text-decoration:none;border-bottom:3px dotted #fdd8e7;}

/* --- サイドバー ウィジェット見出し --- */
.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:#54473a;font-size:undefinedpx;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:.35em 0;text-decoration:none;border-top:2px solid #fdd8e7;border-bottom:2px solid #fdd8e7;}

/* --- フッター --- */
#footer,.footer{background:#786a6f;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){
  /*必要ならばここにコードを書く*/
}