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

/************************************
** タイトル
************************************/
/*投稿ページのみ中央よせにする*/
.single .entry-title {
    text-align: center;
}

/************************************
** ヘッダー
************************************/
/* スマホの記事のヘッダー非表示 */
/*
.single #header-container { 
    display: none;
}
*/

/* サイト名非表示 */
.site-name-text {
    display: none;
}

/************************************
** モバイルヘッダー
************************************/
.mobile-menu-buttons {
    background: #40BA8D; /* 背景色 */
    color: #FFFFFB; /* 文字色 */
}

.mobile-menu-buttons .menu-button > a {
    color: #40BA8D; /* 背景色 */
}

/************************************
** ロゴ
************************************/
/* スマホ用ロゴ設定 */
@media screen and (max-width: 480px){
.logo-menu-button.menu-button{
    background-image: url("https://towanowakaba.online/wp-content/uploads/2025/06/モバイルヘッダー③.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100px;
	height: 80px;
}
}

/************************************
** メニューバー
************************************/
/* 背景の高さ */
.navi-in>ul li {
    height: 40px;
    line-height: 40px;
}

/* グラデーション */
.navi {
    background-color: #40BA8D; /* 単色の背景色 */
}
.navi-in .menu-header .item-label{
    font-size: 15px;
    font-weight: bold;
}

/************************************
** サイドバー
************************************/
/* 親カテゴリ */
.widget_categories ul li a{ 
    padding: 0;
    font-size: 15px;
    border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}
.widget_categories ul li a::before{
    font-family: "Font Awesome 5 Free";
    content: "\f4d8"; /* FontAwesomeのユニコード */
    color: #40BA8D; /* アイコンの色 */
	font-weight: 600;
    padding-right: 6px;
}
.widget_categories > ul > li > a:first-child{ 
    border-top: none;
}

/* 子カテゴリ */
.widget_categories ul li ul li a::before{
    font-family: "Font Awesome 5 Free";
    content: "\f4d8"; /* FontAwesomeのユニコード */
    color: #40BA8D; /* アイコンの色 */
	font-weight: 600;
    padding-right: 6px;
}

/* マウスホバー時 */
.widget_categories ul li a:hover {
    background: #FEEEED; /* ホバー時タグ背景色 */
    color: #40BA8D; /* ホバー時タグフォントカラー */
    transition: 0.5s;
}

/* 見出し */
.sidebar h3 {
    color:white;
    background: #40BA8D;
    padding: 0;
    font-size: 15px;
}

/* サイドバー背景色 */
.header-container,
.sidebar,
.footer {
    background-color: #fff;
}

/* プロフィール */
.author-box .author-thumb img{align-content
  height: 180px; /* アイコン高さ */
}
.nwa .author-box .author-thumb{
  width: 180px; /* アイコン横幅 */
}
.nwa .author-box .author-description {
font-size: 15px; /* プロフィール文字サイズ */
}
.nwa .author-box .author-name {
font-size: 15px;　/* プロフィール名前サイズ */
}

#slide-in-sidebar,
#slide-in-sidebar a {
	color: #40BA8D; /* スライドインサイドバー色 */
}

.menu-close-button {
  background: #40BA8D; /* 背景色 */
}

/************************************
** エントリーカード
************************************/
/* カードタイトルのスタイル設定 */
.entry-card-title {
  color: #0D0116;  /* 文字色 */
  font-size: 14px;  /* フォントサイズ */
  line-height: 1.4;  /* 行の高さ */
　font-weight: normal; /* 標準の文字の太さ */
  text-align: left;  /* 左寄せ */
  display: block;  /* ブロック表示 */
  overflow: visible;  /* はみ出し表示を許可 */
  white-space: normal;  /* 複数行で表示 */
  text-overflow: unset;  /* テキストの省略（…）を無効化 */
  -webkit-line-clamp: unset;  /* 行数制限を解除（モバイル対応） */
  -webkit-box-orient: unset;  /* ボックス方向の設定を解除 */
}

.entry-card-wrap {
    border-radius:　13px;
}

/* マウスオーバー時の背景色変更 */
.entry-card-wrap:hover {
    background-color: #40BA8D; /* お好みの色に変更 */
}

/* カテゴリラベルを非表示に */
.entry-card-wrap .cat-label {
    display: none !important; /* 優先順位を高くして確実に非表示に */
}

/************************************
** ブログカード
************************************/
/*説明文(スニペット) 非表示 */
.blogcard-snippet {
    display: none;
}

/************************************
** 見出し
************************************/
/* 見出しリセット */
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/* 見出し2 */
.article h2 {
    position: relative;
    background: #40BA8D;
    padding: 8px 30px 8px 30px;
    font-size: 18px;
    color: #474747;
	margin-right: 30px;
	left: 1.5em;
    border-radius: 0 10px 10px 0;
}
.article h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f4d8";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #40BA8D;
    font-weight: 900;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.7em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
    border-radius: 50%;
}

/************************************
** カテゴリー
************************************/
.archive-title .fa-folder-open:before {
    font-family: "Font Awesome 5 Free";
    content: "\f4d8";
    color: #40BA8D;
}
.archive-title {
    font-size: 15px; /* 文字の大きさ */
    font-weight: normal; /* 文字の太さ */
}

/************************************
** タグ
************************************/
.archive-title .fa-tags:before {
    color: #40BA8D;
}
.tagcloud .fa-tag:before {
    color: #40BA8D;
}
.tagcloud {
    padding: 0px 2px 0px 2px;
}
.tagcloud a {
    text-decoration: none;
    color: #F15B5B; /* タグフォントカラー */
    font-size: 15px; /* タグフォントサイズ */
    font-weight:bold;
    display: inline-block;
    background-color: #ABE1FA; /* タグ背景色 */
    padding: 2px 6px 0px 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 9px 3px;
    border: 0px;
    word-break: break-all;
}
.tagcloud a:hover {
    background: #F15B5B; /* ホバー時タグ背景色 */
    color: #ABE1FA; /* ホバー時タグフォントカラー */
    transition: 0.5s;
}

/************************************
** アイコン
************************************/
/* ホームボタン */
.mobile-menu-buttons .home-menu-button > a {
    color: #FFFFFB;
}

/* サイドバー */
.mobile-menu-buttons .sidebar-menu-button > a {
    color: #FFFFFB;
}

/* 前へボタン */
.mobile-menu-buttons .prev-menu-button > a {
    color: #FFFFFB;
}

/************************************
** 引用
************************************/
blockquote{
    background: #EFEFEF;
    border-radius: 5px;
}

/* 次へボタン */
.mobile-menu-buttons .next-menu-button > a {
    color: #FFFFFB;
}