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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*---------------------------------
まとめくす「本文」
--------------------------------*/
.t_bky {
color: #dc143c;
}
.t_bky {
font-weight: bold;
}

/* 人間バグ・アーカイブ専用スクロールボックス */
.scroll-box-300 {
    max-height: 300px;        /* ボックスの最大高さ（お好みで調整） */
    overflow-y: auto;         /* 縦方向に中身が溢れたらスクロール */
    overflow-x: hidden;       /* 横スクロールは絶対に禁止 */
    word-wrap: break-word;    /* 長い英数字なども強制的に折り返し */
    padding: 15px;            /* 内側の余白 */
    background-color: #f9f9f9;/* ほんのりグレーで「資料感」を出す */
    border: 1px solid #ddd;   /* 境界線 */
    font-size: 0.9em;         /* 原文なので少し小さめがプロっぽい */
    line-height: 1.6;         /* 読みやすい行間 */
}

/* スクロールバーのデザイン（任意：お好みで） */
.scroll-box-300::-webkit-scrollbar {
    width: 8px;
}
.scroll-box-300::-webkit-scrollbar-thumb {
    background-color: #ccc;   /* バーの色 */
    border-radius: 10px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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