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

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

/***********************************
 * 2024.06.19 D.shikasho
 * グローバルメニュー
************************************/
/*グローバルメニュー 文字の大きさを変更デフォルト16*/
#navi .navi-in > .menu-header .item-label{
	font-size: 16px;
}

/***********************************
 * 2022.02.21 D.shikasho
 * 見出しのデザイン設定
************************************/
/* 見出しのデザインリセット */
/*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;
}

/* 見出しのデザインセット */
/* H2 */
.entry-content h2{
	color: #000000; /* 文字色 */
	font-size: 2.0em; /* 文字サイズ */
	display: inline-block; /* アンダーラインを文字列長さへ */
	background: linear-gradient(transparent 70%, #BBBCED 70%);/*背景 藤色*/
	margin-top: 20px;

}

/* H3 */
.entry-content h3{
	color: #000000; /* 文字色 */
	font-size: 1.5em; /* 文字サイズ */
	padding-top:5px; /* 文字と上部の間隔 */
	padding-bottom:5px;/* 文字と下部の間隔 */
	padding-left:15px;/* 文字と左線の間隔 */
	display: inline-block; /* ラインを文字列長さへ */
	border-bottom: solid 5px #BBBCED;/*線の種類（実線） 太さ 藤色*/
	border-left: solid 10px #BBBCED;/*左線 藤色*/
	margin-top: 20px;
}
/* H4 */
.entry-content h4{
	color: #000000;/*文字色*/
	font-size: 1.2em; /* 文字サイズ */
	padding-top:5px; /* 文字と上部の間隔 */
	padding-bottom:5px;/* 文字と下部の間隔 */
	padding-left:5px;/* 文字と左の間隔 */
	border-top: solid 5px #BBBCED;/*上破線dashed 藤色*/
	border-bottom: solid 5px #BBBCED;/*下破線 藤色*/
	margin-top: 20px;
}

/* H5 */
.entry-content h5 {
	color: #000000;/*文字色*/
	font-size: 1.0em; /* 文字サイズ */
	padding-top:10px; /* 文字と上部の間隔 */
	padding-bottom:10px;/* 文字と下部の間隔 */
	padding-left:5px;/* 文字と左の間隔 */
	display: inline-block; /* 実線を文字列長さへ */
	border-bottom: solid 5px #BBBCED;/*実線 太さ 藤色*/
	margin-top: 20px;
}

/* H6 */
h6 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	margin-top: 20px;
}

h6:before, h6:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h6:before {
  left:0;
}
h6:after {
  right: 0;
}
.entry-content h6 {
	color: #000000;/*文字色*/
	font-size: 1.0em; /* 文字サイズ */
	background: linear-gradient(transparent 70%, #eebbcb 70%);/*背景 撫子色*/
}

/***********************************
 * 2022.02.21 D.shikasho
 * ページ上部余白なし
************************************/
.content { 
margin-top: 0; 
}

/***********************************
 * 2022.02.21 D.shikasho
 * 固定ページの件名を非表示
************************************/
.page .entry-title{
  display: none;
}
/***********************************
 * 2022.02.21 D.shikasho
 * 固定ページのみで、更新日、投稿日、投稿者情報の非表示
************************************/
.page .date-tags,
.page .author-info{
  display: none;
}

/***********************************
 * 2022.03.01 D.shikasho
 * 新着記事ウィジェット（ショートコード）で
 * 日付を表示させる
************************************/
.new-entry-card-date {
  display: block;
}
/***********************************
 * 2023.04.07 D.shikasho
 * 新着記事投稿ブロックで
 * タイトルの左横に投稿日を配置する。
************************************/
.wp-block-latest-posts__list li {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
}
/***********************************
 * 2022.02.21 D.shikasho
 * large-thumb-on　の
 * 新着記事表示　設定
************************************/
.new-entry-cards.large-thumb-on {
display: flex;
flex-wrap: wrap;
}
.new-entry-cards.large-thumb-on a {
width: 33%;
}

/***********************************
 * 2022.02.25 D.shikasho
 * ヘッダーロゴの上に出力をする
 * ※反映しないため、PHPバージョンアップ後に再検討
************************************/
/*
add_filter('wp_header_logo_before_open', 'add_header_contents');
 function add_header_contents() {
     dynamic_sidebar('add-header-contents');
 }
if (function_exists('register_sidebar')) {
    register_sidebar(array(
            'name' => 'ヘッダー上領域追加コンテンツ',
            'id' => 'add-header-contents',
            'description' => 'ヘッダー上の領域に追加コンテンツを表示するウィジェットです。',
            'before_widget' => '<div class="add-header-contents">',
            'after_widget' => '</div>',
    ));
}
*/

/*検索ボックスのカスタマイズ（一体型・丸縁）*/
/*ここから*/
/*入力欄*/
.search-box .search-edit {
	height: 32px;
	padding: 8px 16px;
	padding-right: 68px;
	border-color: #999;
	border-radius: 20px;
}
/*検索ボタン*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 32px;
	width: 60px;
	color: #fff;
	background-color: #999;
	border-radius: 0 20px 20px 0;
}
.search-box .fa-search {
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}
/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}
/*検索ボタンここまで*/

/*　パンくずリスト　*/
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	font-size: 11px;
	box-sizing: border-box;
	padding: 0.6em 1em 1.5em 1.5em;
}
/* パンくずリストのアイコン非表示 **/
.breadcrumb .fa-home, /* ホームアイコン */
.breadcrumb .fa-file-o, /* 固定ページアイコン */
.breadcrumb .fa-folder {display: none;}　 /* 投稿ページアイコン */

/*　パンくずリストここまで　*/

/*フッター調整*/
/* 上下に余白ゼロ */
.footer {
  padding: 0 0;
  margin-top: 10px; /*フッターとコンテンツの間に余白追加*/
}
/*フッター内上部の余白を詰める*/
.footer-bottom {
	margin-top: 0;
	padding-top:0;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/* 2022.02.21 D.shikasho
 * 新着記事表示　設定
 *  */
	.new-entry-cards.large-thumb-on a {
	width: 50%;
	}
}

/* 2022.03.28 D.shikasho
 * フッター余白設定
 *  */
.footer-widgets {
	margin: 10px auto 0;
}

.footer-bottom {
	margin-top: 0;
}
.footer-left,
.footer-center,
.footer-right,
.footer-mobile {
	padding: 10px;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/* 2022.02.21 D.shikasho
 * 新着記事表示　設定
 *  */
	.new-entry-cards.large-thumb-on a {
	width: 100%;
	}
}