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


.sidebar h3{
  background-color:#4b6251;/*好きな背景色にする*/
  color:#b9c9c9;/*文字の色を変える*/
  line-height: 1.0;
  margin:10px 0;
}

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

/*カテゴリの行間とフォントを小さくする*/
.widget_categories ul li a{
	line-height: 0.8;
	border-bottom: 1px dashed #CCCCCC; /*下線の種類*/
	font-size: 12px;
}

.st-comment-content p{
	font-size: 14px;
	line-height: 20px; /* コメント本文のサイズ・行間調整 */
}

/* コメント送信ボタンの文字色・背景色が見えにくいので修正 */
.comment-form .form-submit input {
  background-color: #4b6251;
  //border-color: #72c7e6;
  //border: 1px solid #ddd;
  color: #b9c9c9;
}

.st-comment-meta .avatar{
	float: left !important;
	border-radius: 27.5px; /* アイコンを丸く切り抜く */
	margin-right: 0.5em;
}

.comment-author{
	font-style: normal; /* 斜体の解除 */
}

.commets-list .children{
	margin-left: 10px;
	padding-left: 6px !important;
	border-left: 2px solid #eee; /* 入れ子コメントの左側に線を表示 */
} 

.commets-list .comment-body, .commets-list .st-comment-body{
	margin-bottom: .5em; /* コメントの間隔を狭める */
}

.comment-reply-link{
	font-size: .5em; /* 「返信」ボタンを小さく */
}

div table th, 
div table td {
    font-size: 12px; /* 表のフォントサイズを小さく */
	line-height: 1.2; /*行間*/
	margin: 0 0 1.2em; /*改行幅*/
}

.article h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #1a274b;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #4b6251;/*左線*/
/*  border-bottom: solid 3px black;*/
}
	
.article h3 {
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  border:none;
  border-left:solid 3px #b9c9c9
}

.article h4 {
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  border:none;
  border-bottom:solid 2px #b9c9c9
}

/* フッターの背景 */
#footer {
background-image: url( https://me-yoh.com/wp-content/uploads/2023/04/B42-scaled.jpg );
}

/* サーチ窓の設定 */
.search-box{
	margin: 1em;
}

.search-edit{
	height: 40px;
	border-radius: 40px;
}

.search-submit{
	line-height: 0;
	top: 0;
	bottom: 0;
}

.search-edit:focus{
	outline: none;
	border-color: #4b6251; /* フォーカス時の枠色 */
}

/*記事一覧アイキャッチ画像の角丸め*/
.e-card img{border-radius: 5px;}

/*タイトル部変更*/
.e-card-title{
color:#4b6251;/*文字の色*/
}

/*ラベルの設定*/
.cat-label{
background-color:#1a274b;/*カテゴリーラベルの色変更*/
}
.e-card{border: 1px solid #ccc; /*枠線の太さ、形状、色*/
border-radius: 5px;padding: 6px;} /*角の丸み*/

/* ブログカードの設定「記事を読む」追加 */
.internal-blogcard-footer{
	display: none
}
.blogcard{
	position: relative
}
.internal-blogcard:after{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-family: 'Font Awesome 5 free';
	content: '記事を読む \f101';
	font-size: 90%;
	font-weight: bold;
	background-color: #3E9CF1;
	color: #FFF; 
	padding: 0.2em 2em;
	border-radius: 2px
}

.blogcard-snippet{
display:none;
}

*トップページのタブ（選択前）*/
.index-tab-button{
color: #1a274b;/*文字色*/
font-size: 16px!important;/*文字の大きさ*/
background: #b9c9c9!important;/*背景色*/
border: solid 1px #66a6ff!important;/*枠線の種類・太さ・色*/
}
/*トップページのタブ（選択後）*/
#index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1],
#index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2],
#index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3],
#index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4]{
color: #b9c9c9;/*選択後の文字色*/
font-size: 17px!important;/*文字の大きさ*/
background: #1a274b!important;/*選択後の背景色*/
font-weight: 500;/*文字の太さ*/
}