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

/* 見出し上のmarginの大きさ*3を*1にした */
.body .article :is(h2, h3, h4, h5, h6) {
  margin: calc(var(--gap30) * 1.5) 0 var(--gap30) 0;
}



.widget-entry-card-date > span:nth-last-of-type(2) {
	display:none;
}

.popular-entry-card-update-date {
    display: none;
}

.popular-entry-card-post-date {
    display: none;
}

@media screen and (max-width: 768px) { /* SPの画面幅で表示 */
    .for-sp {
        display: block;
    }
}

@media (min-width: 768px) {
    .widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3カラムに設定 */
    }
}

#related-entries.related-entries.rect-mini-card {
    display: none;
}

/* エントリーカード右下アイコン変更 */
:root {
  --like-icon: '\f164';           /* Font Awesomeアイコン番号 */
  --like-icon-color: #e589a2;     /* クリックした時のアイコンの色 */
}

/* アイコン */
.hvn .like .button:before {
  content: var(--like-icon);
}

.hvn  .like .button.active:before {
  color: var(--like-icon-color);
}

.body .ad-area {
    margin-bottom: 0px; /* 下方向のマージンを0pxに設定 */
}




.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
  display: none;
}

.new-entry-card-content.widget-entry-card-content.card-content {
  margin-left: 0;
}

figure.entry-card-thumb.card-thumb.e-card-thumb {
  display: none;
}

.entry-card-content {
  margin-left: 0px;
}

.popular-entry-card-thumb,
.widget-entry-card-thumb,
.card-thumb {
  display: none !important;
}

.widget-entry-card-content {
  margin-left: 0px;
}

.widget-entry-cards.card-large-image .a-wrap {
  max-width: 100%;
}

.related-entry-card-content {
  margin-left: 0px;
}

.article p {
  margin-bottom: 0px;
}

.post-date {
  display: none !important;
}

.post-update {
  display: none !important;
}

.entry-categories-tags.ctdt-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* カテゴリーとタグの間隔 */
  margin-top: 5px;
}

.cat-link {
  font-size: 14px;
}

.tag-link {
  font-size: 14px;
}

.cat-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}


@media screen and (max-width: 767px) {
  .content {
    margin-top: 10px;
  }
}

#pc_ad-4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#mobile_ad-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#common_ad-4{
  margin-top: 20px;
  margin-bottom: 30px;
}

.centered-ad-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}


.body .article :is(h2,h3,h4,h5,h6) {
    margin: calc(var(--gap30) * 1) 0 var(--gap30) 0;
}

/* 投稿上のランダム */
.date-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* 必要に応じて折り返し */
    gap: 10px; /* 要素間の間隔 */
}

.random-post-link-wrapper {
    display: inline-block;
}

.random-post-link {
    display: inline-flex;
    align-items: center;
    font-size: 14px; /* 文字とアイコンのサイズ */
    color: #333; /* デフォルトの色 */
    text-decoration: none; /* 下線を削除 */
}

.random-post-link .fas.fa-random {
    margin-right: 5px; /* アイコンと文字の間隔 */
}

.random-post-link:hover {
    color: #0073aa; /* ホバー時の色 */
}

/* 投稿下のランダム、カテゴリー、タグ */
.entry-categories-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* 必要に応じて折り返し */
    gap: 10px; /* 要素間の間隔 */
}

.random-post-link-wrapper, .entry-categories, .entry-tags {
    display: inline-block;
}

.random-post-link, .entry-categories a.cat-link, .entry-tags a.tag-link {
    display: inline-flex;
    align-items: center;
    font-size: 14px; /* 文字とアイコンのサイズ */
    text-decoration: none; /* 下線を削除 */
    margin-right: 5px; /* リンク間の微調整 */
}

/* モバイルでも横並びを維持 */
@media (max-width: 768px) {
    .entry-categories-tags {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px; /* モバイルでは間隔を少し狭く */
    }
   }

/* タグボトムマージン */
.entry-categories-tags .entry-tags {
  display: flex;
  flex-wrap: wrap;
  gap:
5px;
  margin-bottom: 7.5px;
}

/* コメント欄カスタマイズ */
.comment-form-url {
  display: none;
}

.comment-form-cookies-consent {
  display: none;
}

.comment-form-email {
  display: none;
}

.entry-categories-tags.ctdt-inline {
    display: flex;
    justify-content: flex-end;
}

.cat-link {
  margin-right: 0px;
}