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


/* スマホでもフッターウィジェットを表示する */
@media (max-width: 768px){
  .footer-widgets {
    display: block !important;
  }
  .footer-widget-area {
    display: block !important;
  }
}

/* ページ送りナビ 前の記事（左）に「古い記事」ラベルを追加 */
.prev-post-title::before {
    content: "古い記事";
    display: block;
    font-size: 0.75em;
    color: #666;
    margin-bottom: 4px;
}

/* ページ送りナビ 次の記事（右）に「新しい記事」ラベルを追加 */
.next-post-title::before {
    content: "新しい記事";
    display: block;
    font-size: 0.75em;
    color: #666;
    margin-bottom: 4px;
}


/* 記事上部にシンプルな前後ナビを追加 にて文字色とセンタリングを指定 (ここから) */
.simple-prev-next {
    display: flex;
    justify-content: center; /* 全体を中央寄せ */
    gap: 4em; /* ←→ の間にスペースを作る（4文字相当） */
    font-size: 0.9em;
    margin-bottom: 20px;
}

.simple-prev-next .prev a,
.simple-prev-next .next a {
    text-decoration: none;
    color: inherit;
}

.simple-prev-next a {
    color: -webkit-link !important;
    text-decoration: underline;
}

.simple-prev-next a:visited {
    color: -webkit-visited-link !important;
}
/* 記事上部にシンプルな前後ナビを追加 にて文字色とセンタリングを指定 (ここまで) */