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

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

.article h2::before {
border-top: none;
}
.article h2::after {
border-bottom: none;
}
.article h2{
border: none;
}
.article h2{
background: none;
}
.article h3::before {
border-top: none;
}
.article h3::after {
border-bottom: none;
}
.article h3{
border: none;
}
.article h4::before {
border-top: none;
}
.article h4::after {
border-bottom: none;
}
.article h4{
border: none;
}
.article h5::before {
border-top: none;
}
.article h5::after {
border-bottom: none;
}
.article h5{
border: none;
}
.article h6::before {
border-top: none;
}
.article h6::after {
border-bottom: none;
}
.article h6{
border: none;
}

/* Google Fontsの読み込み（Noto Serif JPを使う場合） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;     /* 太字解除 */
  color: #424242;          /* 黒文字に統一（好みに合わせて変更可） */
  text-transform: none;    /* 大文字変換なし */
  border: none;            /* 枠線削除 */
  padding: 0;              /* パディングなし */
  margin: 1em 0;           /* 上下にゆとりある余白 */
  background: none;        /* 背景色なし */
  box-shadow: none;        /* 影なし */
  letter-spacing: normal;  /* 文字間隔標準 */
  line-height: 1.4;        /* 行間を読みやすく */
  font-family: inherit;    /* 本文と同じフォントを継承（変更可） */
}

/* 個別のフォントサイズ設定 */
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/************************************
** SNSシェアボタン変更
************************************/
/*シェア&フォローの文字色変更*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}

/*ボタンを一列へ変更*/
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}

/*ボタンを丸く変更*/
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 8px; /*ボタン同士の間隔*/
}

/*丸型ボタン影つき変更*/
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*丸型ボタン影つき変更*/
.sns-share-buttons a {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 10); /*影*/
	}

/************************************
** SNSフォローボタン変更
************************************/
/*シェア&フォローの文字色変更*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}

/*ボタンを一列へ変更*/
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}

/*ボタンを丸く変更*/
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}

/*丸型ボタン横幅&高さ変更*/
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*丸型ボタン影つき変更*/
.sns-follow-buttons a {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 10); /*影*/
	}

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

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

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

/*エントリーカードアイキャッチ画像（サムネイル）の角を丸める*/
.card-thumb img{
  border-radius: 10px; /*サムネイルの角を丸める*/
  border: 1px solid #8195a2; /*サムネイルに囲い線をつける*/
}

.button, 
a.button, 
input[type="submit"],
input[type="button"], 
input[type="reset"] {
  border-radius: 12px; /* 角の丸みの大きさ */
}