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


/* 光回線サイト用カスタマイズ */
/* アイキャッチ（NO IMAGE）を非表示 */
.entry-thumb-wrap,
.cat-card-entry .card-thumb,
.card-thumb,
.post-list .cat-card-entry .card-thumb,
.no-image-thumbnail {
  display: none !important;
}
.cat-card-content,
.card-content {
  padding: 10px !important;
}
/* カードスタイルを整える */
.cat-card-entry {
  min-height: auto !important;
}

/* ロゴ画像を非表示にしてサイト名テキストを表示 */
.site-logo-image.header-site-logo-image {
  display: none !important;
}
.logo-image .site-name-text,
.logo-image .site-name {
  font-size: 22px !important;
  font-weight: bold !important;
  color: #333 !important;
  text-decoration: none !important;
}

/* サイト名テキストをヘッダーに表示（ロゴ代替） */
.logo-image .site-name-text::before {
  content: '光回線おすすめ比較ガイド';
  font-size: 20px;
  font-weight: bold;
  color: #1a73e8;
  text-decoration: none;
  letter-spacing: -0.5px;
}