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

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

/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/* 見出しのデザイン設定 */

/* H1 */
.entry-content h1{
font-size: 1.2em; /* 文字サイズ */
}

/* H2 */
.entry-content h2{
color: #222222; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
background-color: #D9E5FF; /* 背景色 */
padding-top:12px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:12px;/* 文字と下部の間隔 */
border-left: solid 10px #D9E5FF; /* 左側に実線・色*/
}

/* H3 */
.entry-content h3{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
background-color: #EEFFFF;/* 背景色 */
padding: 12px;
border-left: solid 10px #CCFFFF; /* 左側に実線・色*/
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-top: solid 1px #CCFFFF;/* 上側に実線・色 */
border-bottom: solid 1px #CCFFFF;/* 下側に実線・色*/
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #CCFFFF;/* 下側に点線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #CCFFFF; /* 左側に実線・色*/
}

.pagination-next a {
  margin: 0;
  background-color: white;   /* ボタンの背景色 */
  color: #333333;            /* 文字色 */
  border: 1px solid #ccc;    /* 枠線 */
}

.pagination-next a:hover {
  background-color: #e0e0e0; /* ホバー時の背景色 */
  color: #333333;            /* ホバー時の文字色 */
}

/*******
.cocoon-block-button__width-75 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;         /* 完全な円形 */
  padding: 0;
  background-color: #ffcc00;  /* お好みで変更 */
  color: #000;
  text-decoration: none;
}
*****/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* 「新着記事」を非表示にするCSS */
div#list-wrap .list-new-entries {
  display: none;
}
/* 20250324 ozaki add-s */

.daily-message {
    text-align: left;
    color: #ff6600;  /* 文字色をオレンジに変更 */
    font-size: 20px; /* 文字サイズを大きく */
    font-weight: bold; /* 太字にする */
    margin: 20px 0; /* 上下の余白を追加 */
}

.post-1685 .date-tags {
display: none;
}

/*ボックスメニューの表示設定 */
.box-menu {
text-align: center;
width: calc(100%/3);
}

/*ボックスメニューのアイコン表示設定 */
.box-menu-icon {
   display: none;
}

/*ジャンプ先のボタン */
.random-jump-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 1em 0;
  flex-wrap: nowrap;
}

.random-jump-buttons a {
  flex-shrink: 1;
  min-width: 70px;
  padding: 0.3em 0.6em;
  background-color: #ffffff;
  color: #666;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
}

/* 今日ボタンだけピンク枠 */
.random-jump-buttons a.today-button {
  border: 1px solid #f28db4;  /* ピンク */
}

/* ピンク文字 */
.random-jump-buttons a{
  color: #f28db4;             /* ピンク文字 */
}

/* ホバー時（全ボタン共通） */
.random-jump-buttons a:hover {
  background-color: #ffe6ee;  /* 薄ピンク背景 */
  color: #000;
  border-color: #000;
}

/* 目次のデザインを修正 */
#toc-title, .toc-title {
padding: 0;
font-size: 1em;
}

/* ランダム元リンク（画像＋タイトル） */
.rj-card {
  max-width: 300px;
  margin: 20px auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: .3s ease;
}

.rj-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.rj-card a {
  display: block;
  text-decoration: none;
  color: #000;
}

.rj-card img {
  width: 100%;
  height: auto;
  display: block;
}

.rj-card-title {
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

/* ランダム元リンク（横並び・単体） */
.random-jump-thumb {
  max-width: 320px;
}

.random-jump-thumb .rj-thumb-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
}

.random-jump-thumb .rj-thumb-img {
  width: 80px;
  height: auto;
  flex-shrink: 0;
}

.random-jump-thumb .rj-thumb-title {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  line-height: 1.4;
}
/* hover時にカードが少し浮く（このショートコード専用） */
.random-jump-thumb .rj-thumb-link {
  transition: transform .25s ease, box-shadow .25s ease;
}

.random-jump-thumb .rj-thumb-link:hover,
.random-jump-thumb .rj-thumb-link:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}
/* ランダムジャンプ小カード：枠線なし */
.random-jump-thumb .rj-thumb-link {
  border: none;
}

/* 20250324 ozaki add-e */