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



/***********著者情報を消す***********/
.page .author-info {
display: none;
}
.post .author-info {
display: none;
}



/***********テキストリンク 下線 非表示***********/
a {
    text-decoration: none;
    border: none; /* 万が一、ボーダーで下線が表示されている場合に備える */
}



/***********フッター テキストリンク下線 非表示***********/
footer a {
    text-decoration: none !important;
	border: none !important; /* 万が一、ボーダーで下線が表示されている場合に備える */
}



/***********内部カード フッター 非表示***********/
.internal-blogcard-footer{
	display: none
}



/********** サイドバー内 画像 中央揃え＆エフェクト追加 ***********/
.sidebar img {
    display: block;                 /* ブロック化して中央寄せを有効に */
    margin-left: auto;              /* 左右のマージンをautoにして中央揃え */
    margin-right: auto;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); /* 通常時の影 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* アニメーション */
}
.sidebar img:hover {
    transform: translateY(-5px);    /* 上に5px浮き上がる */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3); /* 影を強調 */
}



/**********エントリーカード タイトル**********/
.entry-card-title {
	font-size: 18px;
}



/**********エントリーカード カテゴリーラベル非表示**********/
.cat-label {
  display: none !important;
}



/**********サイドバー**********/
#sidebar .widget{
  margin-top:34px; /*サイドバー上隙間設定*/
  margin-bottom: 45px; /*サイドバー下隙間設定*/
  line-height: 120%; /*行の高さ指定*/
}



/***********モバイルフッター 画像中央寄せ***********/
.footer-widgets-mobile .widget_media_image {
  text-align: center;
}



/***********関連記事タイトルサイズ***********/
.related-entry-card-title {
  font-weight: bold;
  font-size: 16px !important;
}

#main .button-caption {
	display: none; /*キャプション非表示*/
}



/***********記事内画像 キャプションのデザイン***********/
.wp-caption {
    border: none;
    border-radius: 0px;
    background-color: #fff;
	font-size: 12px;
    text-align: right;
}



/***********ヘッダーメニュー 区切り線***********/
#navi .navi-in > ul > li{
border-right: 1px solid #000000;
}
#navi .navi-in > ul > li:last-child{
border-right-width: 0;
}
.navi-in > ul > .menu-item-has-children > a::after{
right: 10px;
}



/***********記事ホバー時 背景色変更***********/
.a-wrap:hover {
background-color: #f6f6f6;
}



/***********アイキャッチ 2P以降非表示 10Pまで***********/
.single-paged-2 .eye-catch-wrap,
.single-paged-3 .eye-catch-wrap,
.single-paged-4 .eye-catch-wrap,
.single-paged-5 .eye-catch-wrap,
.single-paged-6 .eye-catch-wrap,
.single-paged-7 .eye-catch-wrap,
.single-paged-8 .eye-catch-wrap,
.single-paged-9 .eye-catch-wrap,
.single-paged-10 .eye-catch-wrap {
	display:none;
}



/***********アイキャッチ キャプション サイズ***********/
.eye-catch-caption {
    font-size: 75%;
}



/***********見出し下 余白***********/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
	margin-bottom: 1.0em;
}



/***********グローバルメニュー フォントサイズ***********/
#navi .navi-in > .menu-header .item-label{
	font-size: 14px;
}



/***********投稿一覧 タイトル モバイルは2行表示***********/
.entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
	


/***********関連記事一覧 タイトル 省略***********/
.related-entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}



/***********フッター 区切り線非表示***********/
#navi-footer li {
  border: none;
}



/*********** ヘッダーモバイルボタン 文字・背景色（強制適用） ***********/
.mobile-menu-buttons {
  color: #ffffff !important;        /* 文字色を強制 */
  background-color: #0cc9c8 !important; /* 背景色を強制 */
}



/***********固定ページ 投稿日 非表示***********/
.page .date-tags {
display: none;
}



/***********投稿ページ内 カテゴリーラベル 色変更（要反映）***********/
.cat-link {
	background: #0cc9c8 !important;
	color: #ffffff !important;
}



/***********関連記事一覧 カテゴリーラベル 色変更（要反映）***********/
.cat-label {
	background: #0cc9c8 !important;
	color: #ffffff !important;
}




/*************************************************************************************************************************
********************************************ここから下はモバイル**********************************************************
*************************************************************************************************************************/

	
	
	
/***********エントリーカード タイトル***********/
@media screen and (max-width:768px){
  .entry-card-title {
    font-size: 14px !important;
    margin-bottom: 0.25em;
  }
  .entry-card-snippet {
    font-size: 12px;
  }
}



/***********投稿一覧 タイトル モバイルは2行表示***********/
@media all and (max-width:768px){
.entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
	
	

/***********投稿一覧 スニペット モバイルは2行表示***********/
@media all and (max-width: 768px) {
  .entry-card-snippet {
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 行数制限：2行まで表示 */
    line-height: 1.4; /* 行間調整（任意） */
  }
}