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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*スマホコンテンツ上部余白*/
main.main, div.sidebar {
padding: 0px 20px;
margin: 10px 0;
border-width: 0;
}
}
/*.logo-text {
padding: 5px 0 5px;
}*/

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
.main {
padding: 6px 29px;
}
/*PR表記本文上左移動*/
.pr-label-l {
border: 0px solid;
font-size: .8em;
color: #fff;
background-color: #000;
padding: 0;
text-align: left;
border-radius: none;
margin-top: 0;
margin-bottom: 0;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
/* 見出しリセット */
/* 見出し1 */
.article-header h1{
border-bottom:none;
padding: 0;
background:none;
font-size: 1.5em;
}
/*  .article h2 {
padding: 5px;
font-size: 1.3em;
margin-bottom: 1.2em;
}
.article h3, .sidebar h2, .sidebar h3, .under-entry-content h2 {
padding: 1rem 1rem;
}
.article h3 {
font-size: 18px;
}*/
/*見出しの上に余白
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
margin-top: 2.0em;
}*/
/* カテゴリーラベル非表示 */
/*.entry-card .cat-label,
.related-entry-card .cat-label{
display: none;
}*/

[class$="card-thumb"] {
margin-top: 0;
margin-bottom: 0;
line-height: 0;
}
/*エントリーカードタイトル*/
.e-card-title {
font-size: 13px;
}
/*サイト太字
.site-name-text{
font-weight: 900;
}*/
/*タグリンクアイコン非表示*/
.tag-link .fa-tag:before {
display: none;
}
/*カテゴリ・タグ背景*/
.cat-link {
background-color: #222;
color: #dcdcdc;
margin: 3px;
padding: 1px 3px;
font-size: 16px;
}
.tag-link {
background-color: #222;
color: #dcdcdc;
border: 0px solid #222;
margin: 3px;
padding: 1px 3px;
font-size: 16px;
}
.cat-label {
line-height: 1.8;
}

/*検索窓丸く*/
.search-box .search-edit {
border-radius: 30px;
font-size: 14px;
}

/*パンくずリストのアイコンをまとめて非表示（Font Awesome 5）*/
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file {
display: none;
}
/*画像ホバーキャンセル*/
.wp-block-image :hover {
  opacity: 1;
}
/*全てのカード背景を黒*/
.a-wrap,
.widget_recent_entries ul li a {
background-color: #000;
 }
/*全てのコンテナ背景を黒*/
.header-container, 
.main, 
.sidebar, 
.footer {
background-color: #000;
}
/*記事のページネーション
.pager-links a span {
background-color: #000;
}
.pager-links span {
background-color: #757575;
}
.page-numbers:hover {
background-color: #757575;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08);
}*/
.sidebar-menu-content, .widget-entry-cards .a-wrap {
background-color: #000;
}
.rect-vertical-card .related-entry-card-title {
font-size: 14px;
}
.related-entry-card-title, .entry-card-title {
line-height: 1.4;
}
/*topページネーション*/
.pagination-next-link{
display:none;
}
.content-top {
margin-top: 0;
}
.logo-image a { 
display: block;
}
.logo-image img { 
vertical-align:top; 
}
#navi {
margin: 0 auto;
}
/*パンくずサイズ*/
.breadcrumb {
font-size:1.00em;
}
/*画像上余白拡げる
.article .wp-block-image img{
margin: 50px 0 0 0;
}*/
/*広告ラベル下に移動*/
.ad-area {
display: flex;
flex-direction: column-reverse;
}

/*サイドバーカテゴリ灰色マージン*/
.widget_categories ul li a {
padding: 2px 10px;
}
/*サイドバーカテゴリ余白*/
#sidebar ul li a {
margin: 4px;
}

/*固定ページ日付なし*/
.post-15677 .date-tags,
.post-525 .date-tags,
.post-262 .date-tags,
.post-5786 .date-tags,
.post-5790 .date-tags,
.post-18431 .date-tags {
display: none;
}

/*キャプション文字*/
.wp-block-image figcaption {
/*margin: 0;*/
color: #fff;
font-size: 0.9em;
/*text-align: center;*/
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
flex-grow: 0;
}

/*エントリーカードタイトル文字*/
.e-card-title {
font-size: 14px;
}
.entry-card-title {
font-weight: 500;
}
/*おすすめカードタイトル文字
.related-entry-card-title, .entry-card-title {
font-size: 16px;
margin: 0 0 5px;
line-height: 1.2;
font-weight: 500;
}*/
/*検索窓丸く*/
.search-box .search-edit {
border-radius: 30px;
font-size: 14px;
}

/*検索窓小さく*/
.search-box{
max-width:90%;
margin-left: auto;
margin-right: auto;
}
/*検索ボタン丸く*/
[type=submit].search-submit {
	top: 0;
	right: 0;
	height: 100%;
	padding: 8px 15px;
	background: #d98030; 
	color: #fff; 
	font-size: 16px;
	font-weight: bold;
	border: none;
	border-radius: 0 50px 50px 0;
	transition:0.3s;
}

/* ブログカードタイトル */
.body .blogcard-title {
font-size: 18px;
}

/* 画面幅480px以下 */
@media (width<=480px) {
.body .blogcard-title {
font-size: 16px;
}

.body .blogcard-snippet {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.entry-card-title {
font-size:12px;
font-weight: bold;
}
}

/* リストのマーカーを変更 */
.widget_recent_entries ul {
    list-style-type: none; /* デフォルトのマーカーを消す */
    padding-left: 0;
}

.widget_recent_entries li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

/* カスタムマーカーを追加 */
.widget_recent_entries li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #0073aa;
}

/* 最近の投稿ウィジェットの行間と文字間を調整 */
.widget_recent_entries ul {
    line-height: 1.2; /* 行間を狭く (1.2が標準、小さくするほど狭まる) */
}

.widget_recent_entries a {
    letter-spacing: -0.2px; /* 文字間を狭く (マイナス値で狭まる) */
    text-decoration: none; /* 下線を消す */
    display: block; /* ブロック要素にして余白を調整しやすく */
    padding: 4px 0; /* 上下の余白を調整 */
    transition: all 0.3s ease; /* ホバー時のアニメーション */
}

.widget_recent_entries a:hover {
    color: #0073aa; /* ホバー時の色変更 */
    transform: translateX(2px); /* ホバー時に少し右に移動 */
}

/************************************
** ブログカード
************************************/
/*内部ブログカードのフッター非表示*/
.internal-blogcard-footer{
display:none;
}
/*背景色*/
.blogcard-wrap {
background-color: #333333;
}
/*枠線なし*/
.blogcard{
border:none;
}
.blogcard-label {
top: 0px;
background-color: #ad1e1e;
}
.blogcard-thumbnail img {
width: 80%;
}
	
@media (min-width: 992px) {
.entry-content .video-block {
margin-left: 20px;
margin-right: 20px;
}
}

/* グリッドギャラリー */
.media-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    margin: 20px 0;
}

.media-gallery-grid .media-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.media-gallery-grid .media-gallery-item img:hover {
    transform: scale(1.05);
}