@charset "UTF-8";
/* Google Fonts 読み込み */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap');

/* サイト全体を軽い丸文字に統一 */
html, body, button, input, textarea, select {
  font-family: 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif !important;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}

/* 見出しは少し太めにしてメリハリ */
h1, h2, h3, h4, h5, h6,
.site-name, .entry-title, .widget-title {
  font-family: 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif !important;
  font-weight: 700;
  line-height: 1.4;
}
/*!
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){
  /*必要ならばここにコードを書く*/
}
/* 記事カードの角丸と影（数値はお好みで） */
.entry-card,
.article,
.sidebar,
.widget {
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
/* ページ全体の背景をクリーム色に */
html, body {
  background: #fff8e7 !important;  /* クリーム色 */
}

/* ラッパー側の白背景を透過（スキンの白塗りを打ち消す）*/
.wrap,
.container,
.l-container,
.l-wrap,
#container,
#content {
  background: transparent !important;
}
/* 見出しをふんわりデザインに */
h2 {
  border-left: 6px solid #f6b26b;
  padding-left: 10px;
  background: #fff3e0;
  border-radius: 5px;
}

h3 {
  border-bottom: 2px dashed #f6b26b;
  padding-bottom: 5px;
}
a {
  color: #d17b00;
}
a:hover {
  color: #ff9900;
  text-decoration: underline;
}
.site-footer {
  font-size: 13px;
  color: #666;
}
img {
  border-radius: 8px;
}
/* Google Fonts 読み込み */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap');

/* サイト全体を軽い丸文字に統一 */
html, body, button, input, textarea, select {
  font-family: 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif !important;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}

/* 見出しは少し太めにしてメリハリ */
h1, h2, h3, h4, h5, h6,
.site-name, .entry-title, .widget-title {
  font-family: 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif !important;
  font-weight: 700;
  line-height: 1.4;
}
/* 記事のボックスをふんわりカード風に */
.article {
  background: #ffffff;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  margin-bottom: 20px;
}

/* サイドバーのウィジェットも丸み */
.widget {
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  margin-bottom: 20px;
}