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

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


/*ヘッダー吹き出し変更*/
.logo-image {
    padding: 5px 0;
    font-size: inherit;
}

/*ヘッダー吹き出し変更*/
.tagline {
    position: relative;
    display: inline-block;
    margin: 10px auto;
    padding: .3em 1em;
    min-width: 100px;
    max-width: 100%;
    color: white;
    font-size: medium;
    background: #75c8d5;
    border-radius: 30px;
}

/*ヘッダー吹き出し下向き矢印*/
.tagline:before {
    content: "";
    position: absolute;
    top: 80%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #75c8d5;
}

/*ヘッダーロゴ下部スペース*/
.logo-image {
  padding-top: 0px;
  padding-bottom: 5px;
}

/*グローバルナビゲーションの現在位置アンダバー*/
.navi-in .current-page-ancestor a,
.navi-in .current-post-parent a,
.navi-in .current-post-ancestor a,
.navi-in .current-menu-item a {
border-bottom: 7px solid #f19dae;
}

/*グローバルナビゲーションの現在位置アンダバーの背景を白*/
.navi {
    background-color: #fff !important;
    border-bottom: 0px solid  #fff;
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

/*サイドバー親カテゴリのカスタマイズ*/

.widget_nav_menu ul li a {
  border-bottom: 1px dashed #d9d9d9;
}

.widget_nav_menu ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #2cb6bb82; /* アイコンの色 */
  padding-right: 6px;
}

.widget_nav_menu > ul > li > a:first-child{ 
  border-top: none;
}

/*サイドバー子カテゴリのカスタマイズ*/
.widget_nav_menu ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f114"; /* FontAwesomeのユニコード */
  color: #2cb6bb82; /* アイコンの色 */
  padding-right: 6px;
}

.sidebar .widget .post-date {
  margin-right: 8px;
  display: table;
}


/* グリッド全体 */
.my-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0;
    padding: 0;
    padding-bottom: 20px; /* 最下部余白 */
}

/* 個別カード */
.my-card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 6px;
    transition: box-shadow 0.3s;
}

.my-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* カード内サムネイル */
.my-card img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

/* タイトル */
.my-card h3 {
    font-size: 1.1em;
    margin: 0 0 10px 0;
}

/* 抜粋 */
.my-card .my-excerpt {
    font-size: 0.95em;
    color: #555;
    margin: 0;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1024px) {
    .my-grid {
        grid-template-columns: repeat(2, 1fr); /* タブレット2列 */
    }
}

@media screen and (max-width: 600px) {
    .my-grid {
        grid-template-columns: 1fr; /* スマホ1列 */
    }
}




/* =========================
   サイトマップ全体
========================= */
.sitemap-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9; /* 全体背景 */
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic Pro", sans-serif;
}

/* =========================
   親メニュー項目
========================= */
.sitemap-menu > li {
  margin: 10px 0;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 1.1em; /* 親メニュー大きめ */
  font-weight: bold;
  background-color: #e6f0ff; /* 薄いブルーで強調 */
  transition: background-color 0.3s, color 0.3s;
}

/* 親メニューリンクとタイトル */
.sitemap-menu > li > a,
.sitemap-menu > li > strong {
  text-decoration: none;
  color: #1a3e75; /* 親メニュー濃いブルー */
}

/* 親メニューのホバー */
.sitemap-menu > li:hover {
  background-color: #d0e0ff;
  color: #0f2850;
}

/* =========================
   サブリスト（記事一覧）
========================= */
.sitemap-posts {
  list-style: disc;
  margin: 8px 0 8px 25px; /* インデントで階層を表現 */
  padding: 8px 12px;
  background-color: #f0f8ff; /* 少し薄めのブルーで親との差別化 */
  border-radius: 6px;
  font-size: 0.9em; /* 小さくしてメリハリ */
  font-weight: normal;
  color: #4774B9; /* サブリンクカラー */
}

/* サブリストのリンク */
.sitemap-posts li a {
  text-decoration: none;
  color: #4774B9; /* サブ記事リンク */
  transition: color 0.3s;
}

/* サブリストリンクのホバー */
.sitemap-posts li a:hover {
  color: #355f91; /* ホバーで濃く */
  text-decoration: underline;
}

/* サブリストの階層間マージン */
.sitemap-posts li {
  margin: 4px 0;
}

/* =========================
   サブサブリスト（必要な場合）
========================= */
.sitemap-posts ul {
  margin-left: 20px;
  font-size: 0.85em;
}


/* Contact Form 7 */
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 3px 3px;
	background: #eea0aa; /* 背景色 */
	border-radius: 5px;
	font-size: 14px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 3px 3px;
	background: #83abd3; /* 背景色 */
	border-radius: 5px;
	font-size: 14px;
}


/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8; /* 枠線の色 */
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を見やすくする */
.wpcf7-validates-as-required {
	background: #eff1f500; /* 背景色 */
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%; /* 好みで60〜80%でもOK */
	height: 60px;
	background: #979797; /* ボタンの色 */
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 2px;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}

/*reCAPTCHAのバナーの非表示*/
.grecaptcha-badge { visibility: hidden; }

/*トップページの投稿日を非表示*/
.home .date-tags {
display: none;
}

/*シェアボタン色変更*/
.sns-buttons a {
    align-content: center;
    align-items: center;
    background-color:#909090;