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

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

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

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

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

/************************************
** アスオラまとめ速報 — ヘッダー画像（本体幅1256px）
************************************/
.header {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
.header-in.wrap {
    max-width: 1256px !important;
    margin: 0 auto !important;
    background-image: url(/wp-content/uploads/2026/05/asuora-header-1.jpg?v=20260505a) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    aspect-ratio: 1915 / 661;
    height: auto !important;
    min-height: unset !important;
    width: 100% !important;
    padding: 0 !important;
}
.logo-header.logo-text,
.tagline,
#header .site-name-text {
    display: none !important;
}
.navi {
    margin-top: 0 !important;
}
@media screen and (max-width: 1256px) {
    .header-in.wrap {
        max-width: 100% !important;
    }
}


/************************************
** 海外の反応カテゴリ ツリー表示
** 追加日: 2026-05-06
** 関連: docs/overseas-reaction-guideline.md
************************************/

/* レスのベース枠 */
.overseas-reply {
    background: #f6f6f6;
    border-left: 3px solid #cccccc;
    padding: 10px 14px;
    margin: 12px 0;
    border-radius: 4px;
    line-height: 1.6;
}

/* レス番号 */
.overseas-reply .reply-num {
    color: #557799;
    font-weight: bold;
    font-size: 0.92em;
    margin-right: 6px;
}

/* "海外の反応" ラベル */
.overseas-reply .reply-name {
    color: #008b8b;
    font-size: 0.9em;
    font-weight: bold;
}

/* アンカー (>>1 等) */
.overseas-reply .reply-anchor {
    color: #1166aa;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.92em;
}
.overseas-reply .reply-anchor:hover {
    text-decoration: underline;
}

/* レス本文 */
.overseas-reply .reply-body {
    margin: 1px 0 0 0;
    color: #333;
}

/* 親レス引用ミニ枠 (Chmate風) */
.overseas-reply .reply-quote {
    background: #ffffff;
    border-left: 2px solid #b8b8b8;
    padding: 4px 10px;
    margin: 4px 0 8px 0;
    font-size: 0.88em;
    color: #666;
    border-radius: 3px;
}

/* 階層別インデント＆背景色 (Chmate風) */
.overseas-reply.depth-1 { margin-left:  20px; background: #f0f4f8; border-left-color: #99bbcc; }
.overseas-reply.depth-2 { margin-left:  40px; background: #eaf0f6; border-left-color: #88aacc; }
.overseas-reply.depth-3 { margin-left:  60px; background: #e4ecf4; border-left-color: #7799bb; }
.overseas-reply.depth-4 { margin-left:  80px; background: #dee8f2; border-left-color: #6688aa; }
.overseas-reply.depth-5 { margin-left: 100px; background: #d8e4f0; border-left-color: #557799; }

/* スマホ向け：インデント幅を縮小 */
@media screen and (max-width: 768px) {
    .overseas-reply.depth-1 { margin-left:  8px; }
    .overseas-reply.depth-2 { margin-left: 16px; }
    .overseas-reply.depth-3 { margin-left: 24px; }
    .overseas-reply.depth-4 { margin-left: 32px; }
    .overseas-reply.depth-5 { margin-left: 40px; }
    .overseas-reply { padding: 8px 10px; }
}

/* 強調レス：通常の strong はネイビー（落ち着いた強調） */
.overseas-reply .reply-body strong {
    color: #1a3a5c;
    font-weight: bold;
}
/* 特別強烈な強調： <strong class="hot"> で赤 */
.overseas-reply .reply-body strong.hot {
    color: #c0392b;
    font-weight: bold;
}

/* レス本文のフォントを少し大きく */
.overseas-reply .reply-body {
    font-size: 1.05em;
    line-height: 1.65;
}

/************************************
** 管理人注（編集部注）脚注スタイル
** 改修日: 2026-05-06
************************************/

/* レス本文中の脚注番号 *1 *2 */
.note-ref {
    color: #999;
    font-size: 0.78em;
    margin: 0 1px;
    vertical-align: super;
    line-height: 1;
    font-weight: normal;
}

/* レス末尾の脚注集約ブロック */
.reply-notes {
    margin: 6px 0 0 0;
    padding: 4px 0 0 0;
    border-top: 1px dashed #d8d8d8;
    font-size: 0.74em;
    line-height: 1.5;
    color: #999;
}
.reply-notes .note-item {
    display: block;
    color: #888;
    margin: 1px 0;
}
.reply-notes .note-item .note-num {
    color: #aaa;
    margin-right: 3px;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
    .reply-notes { font-size: 0.7em; }
}

/* レス内ラベルと本文の間の余白詰め */
.overseas-reply .reply-num,
.overseas-reply .reply-name,
.overseas-reply .reply-anchor {
    line-height: 1.2;
}
.overseas-reply .reply-quote {
    margin: 3px 0 4px 0;
}

/************************************
** wpautop による自動<p>挿入の余白打ち消し
** 追加日: 2026-05-06
************************************/
.overseas-reply p {
    margin: 0 !important;
    padding: 0 !important;
    display: inline;
}
.overseas-reply > p {
    display: block;
    margin: 0 !important;
}
/* spanの直後に挿入される空のpタグも消す */
.overseas-reply br {
    display: none;
}