@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){
  /*必要ならばここにコードを書く*/
}

.header, .site-header {
  background-color: #fbfaf7;
  background-image: url("https://www.transparenttextures.com/patterns/paper-fibers.png");
  background-repeat: repeat;
  border-bottom: 1px solid #d8c9a3;
}


/* サイト名だけ和風に */
.site-title,
.site-title a {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #3a2f24;
}

/* メニューは軽く和風寄り（やりすぎない） */
.navi-in a {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
 /* font-weight: normal;*/
  letter-spacing: 0.03em;
}


.navi-in a:hover {
  color: #8b6f47;
  text-decoration: none;
}


body {
  background-color: #f6f2e9;
  background-image: url("https://www.transparenttextures.com/patterns/paper-fibers.png");
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
  /*  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;*/
}


/* コンテンツを“和紙の上に置いた感じ”にする */
#content {
  background: transparent;
}

#main,
.content-in,
.entry-content {
  background: rgba(255, 253, 248, 0.92);
  padding: 28px;
  border-radius: 6px;
}



/* 見出しは少し“墨っぽく” */
h2 {
  border-bottom: 1px solid #c9b98f;
  padding-bottom: 6px;
  margin-top: 40px;
  color: #3a2f24;
}

h3 {
  color: #4a3a2a;
}

/* リンクは抑えめの茶 */
a {
  color: #7a5a3a;
}

a:hover {
  color: #9a7448;
}