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


/************************************
** 子テーマ用のスタイルを書く
************************************/

/* カテゴリーラベルを非表示 */
.cat-link {
display: none;
}

/*ウィジェット　コメント欄フォント*/

.recent-comment-date{
font-size: 0.7em;
}
/*タイトル*/
.recent-comment-article{
font-weight: 600;
}

/************************/
/*サイドバーのリスト*/
/************************/
#sidebar ul li a:before{
content: "●";
color:#66cdaa; /*●の色*/
padding-right:5px; /*余白*/
font-size:10px; /*●のサイズ*/
}

/*見出しと本文とのアキ*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
   margin: 2.4em 0 1em;/*上、左右、下方向*/
}

/*Cocoonの見出しデザインをCSSで変更*/
.article h2 {
border-left: 0px solid var(--cocoon-middle-thickness-color); 
border-right: 0px solid var(--cocoon-thin-color); 
border-top: 1.5px solid #00cc33;
border-bottom: 0px solid var(--cocoon-thin-color);
font-size: 22px;
color: #3cb371;
padding: 12px 20px;
background-color:#ffffff;
}

.article h3 {
border-left: 0px solid var(--cocoon-middle-thickness-color); 
border-right: 0px solid var(--cocoon-thin-color); 
border-top: 1.5px solid #00cc33;
border-bottom: 0px solid #00cc33;
font-size: 22px;
color: #3cb371;
padding: 12px 20px;
}



/*ページ送りボタン*/
.pager-prev-next a {
	display: none;
}

.author-box .sns-follow-buttons a.follow-button {
  background-color: #fff;
    color:black;
  border: 0px;
}
.author-box {
  border: 0px;
}

/*SNSシェアボタン*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

.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 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 35px; /*ボタンの横幅*/
	height: 35px; /*ボタンの高さ*/
}

/*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: 35px; /*ボタンの横幅*/
	height: 35px; /*ボタンの高さ*/
}


/* 画像キャプションを中央寄せにする処理 */
.wp-block-image figcaption {
	text-align: center;
}

.widget-entry-card {
    font-size: 12px;
}

/*サイドバー装飾する*/
.sidebar h3 {
    background-color: #66cdaa;
    padding: 7px 20px;
    margin: 40px 0 20px;
color: #fff; /*文字の色を変更*/
 border-radius: 7px ;/*角を丸くする*/
	font-size: .9em;
}

/*プロフィールフォント*/
.author-box p {
    margin-top: 0.3em;
    line-height: 1.7;
}
.author-box {
    font-size: 0.8em;
}
.nwa .author-box .author-description {
    text-align: center;
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: -0.4px;
}

/* Cocoon2.2.3.1 プロフィールボックス本文周りに増えた余白を元に戻す処理 */
.nwa .author-box .author-content {
	padding: 0;
}

@media screen and (max-width: 1023px){
.tagline {
font-size: 12px;
font-weight: 600;
}
}

/*ヘッダー　キャッチフレーズフォント*/
.tagline {
font-size: 15px;
font-weight: 600;
}

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

/*834px以下*/
 /*必要ならばここにコードを書く*/
}

/*480px以下*/
 /*必要ならばここにコードを書く*/
}


.cat-link {
 background-color: #fff;
 color: #222;
}

.nwa .author-box .author-description {
    text-align: center;
}


/* サイズ① 指定の幅より大きいデバイスのロゴ上下余白 */
.logo-header {
padding: 35px 0 30px 0;
}
/* サイズ② デバイスの幅を指定。それ以下のサイズのデバイスのロゴ上下余白 */
@media screen and (max-width: 1030px) {
.logo-image {
padding: 5px 0 35px 0;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
.site-name img {
	width: 260px;
	height :auto;
}
}

@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*---SNSボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}


/*1023px以下*/
@media screen and (max-width: 1023px){
.caption-box-label {
    padding: 0.7em 0.8em;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
.caption-box-label-text {
    line-height: 1.3;
	font-weight: 600;
}
}

/*鉛筆マークとterutoraを非表示*/
.pager-links span {
    background-color: #99ffcc;
}
.page-numbers {
    width: 28px;
    height: 28px;
  }
.page-numbers {
    width: 30px;
    height: 30px;
    line-height: 30px;
}


.fa-pencil:before {
    content: "\f040";
	display:none
}
.author-name.fn {
display:none
}

.widget-sidebar ul li a {
font-size: 0.8em;
}

/*新着記事のタイトル*/
.new-entry-card-title.widget-entry-card-title.card-title{
font-size: 14px;
}

/*コメント本文*/
.recent-comment-content {
    font-size: 0.75em;
 }
.recent-comments {
    line-height: 1.5;
}

/*コメント_リンク*/
.recent-comment-info, .recent-comment-article {
    font-size: 14px;
 line-height: 1.5;
}

/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}

/*最近の投稿　段落アキ*/
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
padding: 0px 0;
}

/*Capサイズ*/
.wp-block-image figcaption{
font-size: 14px;
}

/*サイトタイトル　行間*/
.article h1 {
    line-height: 1.3;
	font-size:30px;
}

/*枠線*/
 .wakusen {border: solid 1px #c3c3c3;} 

/* pager*/
.pager-links span {
    background-color: #ffd900;
}

/*ビジュアルエディターのスタイルを書く*/
.block-editor-writing-flow {
max-width: 900px;
}

/*---------------------------------
背景色はそのままで枠の色だけを変える
--------------------------------*/
.toc {
  border: solid 2px #8cfbe8; /*枠線の種類　太さ　色*/
}

.wp-caption-text {
	margin: 10 0 0px;
}

/*キャプション*/
.wp-block-image figcaption{
font-weight:400;
font-size:15px; 
line-height:1.6;
}

/*キャプション 画像とのアキ量*/
.wp-block-image figcaption {
    margin-top: 0.6em;
}


	
.author-box .sns-follow-buttons a.follow-button {
  background-color: #fff;
    color:black;
  border: 0px;
}
.author-box {
  border: 0px;
}
	
/* サイトタイトルの文字変更 */
/*480px以下*/
/*モバイル用見出し h2,h3*/
@media screen and (max-width: 1030px){
.article h3 {
	font-size: 18px
}
}

@media screen and (max-width: 1030px){
.article h2 {
	font-size: 18px
}
}

@media screen and (max-width: 1030px){
.article h1 {
	font-size: 24px
}
}

/* モバイル用本文 480px以下*/
@media screen and (max-width: 480px){
    p {
       font-weight: 600;
    }
}

/*---------------------------------
ウィジェット
--------------------------------*/
.sidebar h2 {
 background-color: #66cdaa;
    padding: 7px 20px;
    margin: 40px 0 20px;
    color: #fff;
    border-radius: 7px;
    font-size: .9em;
}

/*プロフィール　本文*/
.author-description{
  font-size: 10px;
}

/* モバイル用ウィジェット「新着記事」/*480px以下*/
@media screen and (max-width: 480px){
.widget-entry-card-content{
       font-weight: 600;
       font-size: 8px;
    }
}

/*ウィジェット「新着記事」本文　大きさ*/
.new-entry-card-title.widget-entry-card-title.card-title {
	font-size: 11.5px;
}

/*ウィジェット　コメント欄フォント*/
/*本文*/
.recent-comment-content {
    font-size: 0.7em;
}

/*ウィジェット「最近の投稿」本文 段落のアキ*/
.widget-sidebar ul li a {
    font-size: 0.8em;
    line-height: 1.2;
margin: 0em 0px;
}	

/*ウィジェット「アーカイブ」「カテゴリー」タイトル*/
#archives-dropdown-4{
font-size: 14px;
}
#cat.postform{
font-size: 14px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}


/*見出しh4*/
.article h4 {
border-left: 0px solid var(--cocoon-middle-thickness-color); 
border-right: 0px solid var(--cocoon-thin-color); 
border-top: 0px solid var(--cocoon-middle-thickness-color); 
border-bottom: 0px solid var(--cocoon-middle-thickness-color); 
font-size: 18px;
color: #3cb371;
padding-top: 0px;
padding-bottom: 0px;
background-color:#ffffff;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
line-height: 1.3;
}
}

/* モバイル用 見出しh4/*1020px以下*/
@media screen and (max-width: 480px){
.article h4 {
font-size: 10px;
 }
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* モバイル用 見出しh4/*1020px以下*/
@media screen and (max-width: 480px){
.article h4 {
font-size: 15px;
 }
}