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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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

/* HOUSE Hanafuda Modern */
:root{
  --house-ivory:#f5f0e6;
  --house-ink:#28221d;
  --house-red:#8f2d21;
  --house-gold:#a77b3c;
  --house-green:#365a46;
}
body{background:var(--house-ivory);color:var(--house-ink);}
a{color:var(--house-red);}
a:hover{color:var(--house-green);}
.header-container,.footer{background:#efe6d7;}
.site-name-text{color:var(--house-ink);letter-spacing:.08em;}
.navi,.navi-in>ul{background:var(--house-ink);}
.navi-in a{color:#fffaf0;}
.navi-in a:hover{background:var(--house-red);}
.main{background:#fffdf8;border:1px solid #ded1bd;box-shadow:0 3px 16px rgba(40,34,29,.06);}
.article h2{border-left:6px solid var(--house-red);border-bottom:1px solid var(--house-gold);background:#f5ecdf;padding:.7em 1em;}
.article h3{border-bottom:2px solid var(--house-green);padding-bottom:.35em;}
.entry-card-wrap{border-bottom:1px solid #d9ccb8;}
.cat-label{background:var(--house-red);color:#fff;}
.footer{border-top:4px solid var(--house-red);}
@media screen and (max-width:834px){
  .main{border-left:0;border-right:0;box-shadow:none;}
}