@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

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

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


/************************************
** デザインリニューアル 2026-07（考察ドシエ・スタイル）
** このブロックを削除すれば元のデザインに戻ります
************************************/
:root {
  --mm-dark: #16181f;
  --mm-dark2: #21242e;
  --mm-red: #c92a2a;
  --mm-line: #e6e7ea;
  --mm-bg: #f6f6f4;
}

/* ── 全体 ── */
body { background: var(--mm-bg); }

/* ── ヘッダー／グローバルナビ ── */
#header-container { background: var(--mm-dark); }
.header-container-in { background: var(--mm-dark); }
#header { padding: 18px 0 10px; }
#navi { background: var(--mm-dark); border-top: 1px solid rgba(255,255,255,.07); }
.navi-in > ul > li { border-bottom: none !important; }
.navi-in > ul .item-label { color: #f2f2f4; font-weight: 700; letter-spacing: .06em; }
.navi-in > ul .item-description { color: #9a9daa; font-size: 11px; }
.navi-in > ul > li > a { position: relative; transition: background .2s ease; }
.navi-in > ul > li > a::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 0; height: 3px; background: var(--mm-red); transition: all .25s ease; transform: translateX(-50%); }
.navi-in > ul > li > a:hover { background: var(--mm-dark2); }
.navi-in > ul > li > a:hover::after { width: 72%; }
.navi-in > ul > li:hover .item-label { color: #fff; }

/* ── 記事カード（パステル背景を廃止して白カードに統一） ── */
.a-wrap.entry-card-wrap, .a-wrap.related-entry-card-wrap {
  background: #fff !important;
  border: 1px solid var(--mm-line) !important;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(20,22,31,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  overflow: hidden;
}
.a-wrap.entry-card-wrap:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(20,22,31,.14); }
.entry-card-title, .related-entry-card-title { font-weight: 700; line-height: 1.5; }
.cat-label { background: var(--mm-dark); color: #fff; border: none; border-radius: 3px; letter-spacing: .05em; }

/* ── 記事内の見出し ── */
.article h2 {
  background: transparent;
  border-left: 6px solid var(--mm-red);
  border-bottom: 2px solid var(--mm-line);
  border-radius: 0;
  padding: .5em .75em;
  font-weight: 800;
}
.article h3 {
  border: none;
  border-left: 4px solid var(--mm-dark);
  border-bottom: 1px solid var(--mm-line);
  padding: .45em .75em;
  font-weight: 700;
}

/* ── サイドバー ── */
.sidebar h3 {
  background: var(--mm-dark);
  color: #fff;
  border-radius: 6px;
  padding: .65em 1em;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .05em;
}
.sidebar h3::before { display: none; }
.sidebar .widget { margin-bottom: 2em; }

/* ── フッター ── */
.footer {
  background: var(--mm-dark) !important;
  background-image: none !important;
  color: #b9bcc7;
  margin-top: 48px;
}
.footer a, .footer .powered-by, .footer .footer-bottom-content { color: #b9bcc7; }
.footer a:hover { color: #fff; }
.footer-bottom-logo img { max-height: 60px; }

/* ── ページネーション・小物のアクセント統一 ── */
.pagination .current .page-numbers, .pagination-next-link:hover { background: var(--mm-red); border-color: var(--mm-red); color: #fff; }
.go-to-top-button { background: rgba(22,24,31,.85); color: #fff; border-radius: 8px; }
.article blockquote { border-left: 4px solid var(--mm-red); background: #fafafa; }

/* ── 目次 ── */
.toc { background: #fff; border: 2px solid var(--mm-line); border-radius: 10px; }
.toc-title { font-weight: 800; letter-spacing: .05em; }

/* ── ヒーロー（アピールエリア）微調整 ── */
.appeal-message { text-shadow: 0 2px 14px rgba(0,0,0,.35); }

/* ── モバイル調整 ── */
@media screen and (max-width: 480px) {
  #header { padding: 12px 0 6px; }
  .navi-in > ul .item-label { font-size: 13px; letter-spacing: .02em; }
}


/************************************
** 記事内カラーをブランド（ダーク＋緋）に統一 2026-07
** このブロックを削除すれば元に戻ります
************************************/
/* 本文リンク → 緋色 */
.entry-content a:not(.btn):not([class*="cta"]):not(.wp-block-button__link):not(.blogcard-wrap):not(.cardlink):not(.a-wrap):not(.sns-button):not(.blogcard):not([style*="background"]):not([style*="color"]) {
  color: #b0202b;
  text-underline-offset: 2px;
}
.entry-content a:hover:not(.btn):not([class*="cta"]):not(.wp-block-button__link):not(.blogcard-wrap):not(.a-wrap):not(.sns-button):not(.blogcard):not([style*="background"]):not([style*="color"]) {
  color: #7e1219;
}
/* インディゴ見出しボックス（ネタバレ一覧など）→ ダーク */
.has-indigo-background-color { background-color: #16181f !important; }
.has-indigo-color { color: #b0202b !important; }
/* 目次 */
.toc-title { background: #16181f !important; color: #ffffff !important; }
.toc, .toc-content { border-color: #dcdce2 !important; }
.toc a { color: #b0202b !important; }
.toc a:hover { color: #7e1219 !important; }
/* 著者ボックス・アバターの枠線 */
.author-box { border-color: #16181f !important; }
.author-box .avatar, .author-thumb img.avatar { border-color: #c92a2a !important; }
/* テーブル：ヘッダー＝ダーク、ストライプ＝淡い緋グレー */
.entry-content table th { background-color: #16181f !important; color: #ffffff !important; border-color: #e6e7ea !important; }
.entry-content table td { border-color: #e9e9ec !important; }
.entry-content table tbody tr:nth-of-type(even) td { background-color: #faf6f6 !important; }
/* Cocoon既定の青アクセント（キーカラー由来）を緋に寄せる */
.article .catch-eye, .comment-box .comment-author { border-color: #c92a2a; }

/* Cocoonボタンの文字色を白に戻す（リンク緋色ルールの上書き対策） */
.entry-content .btn-wrap a, .entry-content .btn-wrap a:hover { color:#ffffff !important; }

/* ── 見出しの装飾重なりを解消 2026-07 ── */
.article h2::before, .article h2::after,
.article h3::before, .article h3::after,
.entry-content h2::before, .entry-content h2::after,
.entry-content h3::before, .entry-content h3::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
}
.article h2 { padding: .5em .8em !important; }
.article h3 { padding: .45em .8em !important; }

/* ── h4をブランド配色に統一（青装飾を排除）2026-07 ── */
.article h4::before, .article h4::after,
.entry-content h4::before, .entry-content h4::after {
  display: none !important; content: none !important; background: none !important;
}
.article h4, .entry-content h4 {
  border-bottom: 1px solid #e2e2e2 !important;
  border-left: 3px solid #9aa0a6 !important;
  border-top: none !important; border-right: none !important;
  padding: .4em .7em !important;
  color: #16181f;
}

/* ── VOD等のtealボタンをブランド緋色に 2026-07 ── */
.entry-content .btn-wrap-teal a,
.entry-content .btn-wrap-teal a:hover,
.entry-content .wp-block-cocoon-blocks-button-wrap-1.btn-wrap-teal a {
  background-color: #c92a2a !important;
  color: #fff !important;
}

/* teal(緑)背景ボタンを緋色に(has-teal-background-color対応) */
.entry-content .has-teal-background-color,
.entry-content .has-teal-background-color a,
.entry-content a.wp-block-cocoon-blocks-button-wrap-1.has-teal-background-color { background-color:#c92a2a !important; color:#fff !important; }

/* ── 目的別入口カード 2026-07 ── */
.mokuteki-nav{max-width:1040px;margin:30px auto 6px;padding:0 6px}
.mokuteki-nav .mn-head{color:#fff;font-weight:800;font-size:20px;margin:0 0 4px;letter-spacing:.03em}
.mokuteki-nav .mn-head small{display:block;color:#9aa0a6;font-size:12px;font-weight:400;margin:4px 0 14px}
.mokuteki-nav .mn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mokuteki-nav .mn-card{position:relative;display:block;background:#1a1d24;border:1px solid #2a2f38;border-radius:14px;padding:18px 16px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.mokuteki-nav .mn-card:hover{transform:translateY(-3px);border-color:#c92a2a;background:#20242c}
.mokuteki-nav .mn-card.feat{border-color:#c92a2a}
.mokuteki-nav .mn-ic{width:42px;height:42px;border-radius:10px;background:rgba(201,42,42,.14);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}
.mokuteki-nav .mn-card.feat .mn-ic{background:#c92a2a}
.mokuteki-nav .mn-t{color:#fff;font-weight:700;font-size:16px;margin:0 0 2px}
.mokuteki-nav .mn-s{color:#8a9099;font-size:12px}
.mokuteki-nav .mn-tag{position:absolute;top:14px;right:14px;font-size:10px;color:#e5544f;letter-spacing:.12em;font-weight:800}
@media(max-width:768px){.mokuteki-nav .mn-grid{grid-template-columns:1fr 1fr}}

/* ── 新トップ hxh-home 2026-07 ── */
.hxh-home{background:#0e1116;color:#e6ebf1;border-radius:16px;overflow:hidden;padding:0 0 44px;line-height:1.6}
.hxh-home a{color:inherit;text-decoration:none}
.hxh-home .hh-eyebrow{font-size:11px;letter-spacing:.22em;color:#e5544f;font-weight:700}
.hxh-home .hh-hero{position:relative;padding:56px 34px 48px;background:radial-gradient(560px 300px at 78% 24%,rgba(201,42,42,.14),transparent 70%)}
.hxh-home .hh-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;max-width:1000px;margin:0 auto}
.hxh-home .hh-hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:42px;line-height:1.25;margin:14px 0 0;color:#fff}
.hxh-home .hh-hero h1 em{font-style:normal;color:#e5544f}
.hxh-home .hh-hero p{color:#9aa6b4;font-size:15px;max-width:34ch;margin:18px 0 0}
.hxh-home .hh-cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;background:#c92a2a;color:#fff;font-weight:700;font-size:15px;padding:14px 26px;border-radius:10px;transition:.2s}
.hxh-home .hh-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(201,42,42,.5)}
.hxh-home .hh-hex{max-width:300px;margin:0 auto}
.hxh-home .hh-sec{max-width:1000px;margin:0 auto;padding:30px 34px}
.hxh-home .hh-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.hxh-home .hh-sechead h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:600;margin:0;color:#fff;border-left:5px solid #c92a2a;padding-left:14px}
.hxh-home .hh-sechead span{color:#6a7482;font-size:12.5px}
.hxh-home .mokuteki-nav{margin:0}
.hxh-home .hh-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}
.hxh-home .hh-chip{border:1px solid #38444f;border-radius:999px;padding:7px 16px;font-size:14px;color:#cfd6de;transition:.16s}
.hxh-home .hh-chip:hover{border-color:#c92a2a;color:#fff;background:#20242c}
.hxh-home .hh-zukan-all{display:inline-block;color:#e5544f;font-weight:700;font-size:14px}
.hxh-home .hh-kgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.hxh-home .hh-kcard{background:#f1ece0;color:#1a1613;border-radius:14px;padding:22px;transition:.2s;display:block}
.hxh-home .hh-kcard:hover{transform:translateY(-3px);box-shadow:0 16px 40px -14px rgba(0,0,0,.55)}
.hxh-home .hh-kb{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8f1e1e;font-weight:700}
.hxh-home .hh-kcard h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;line-height:1.5;margin:10px 0 14px;font-weight:600;color:#1a1613}
.hxh-home .hh-more{font-size:13px;font-weight:700;color:#c92a2a}
.hxh-home .hh-more::after{content:"→";margin-left:4px}
.hxh-home .hh-final{padding-top:8px}
.hxh-home .hh-band{display:flex;align-items:center;justify-content:space-between;background:#1a1d24;border:1px solid #2a2f38;border-radius:12px;padding:18px 24px;font-weight:700;color:#fff;transition:.2s}
.hxh-home .hh-band:hover{border-color:#c92a2a}
.hxh-home .hh-band b{color:#e5544f}
@media(max-width:768px){.hxh-home .hh-hero-in{grid-template-columns:1fr}.hxh-home .hh-hero h1{font-size:31px}.hxh-home .hh-hex{max-width:230px;order:-1}.hxh-home .hh-kgrid{grid-template-columns:1fr}.hxh-home .hh-sec,.hxh-home .hh-hero{padding-left:18px;padding-right:18px}}

/* hxh home fullwidth + chrome hide (page-id 11876 及び front) */
body.page-id-11876 #sidebar,body.home #sidebar{display:none!important}
body.page-id-11876 #main,body.home #main{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
body.page-id-11876 .entry-title,body.page-id-11876 .date-tags,body.page-id-11876 .toc,body.page-id-11876 .breadcrumb,body.page-id-11876 .ad-label,body.page-id-11876 .under-entry-content,body.page-id-11876 .entry-tags,body.home .entry-title,body.home .toc,body.home .ad-label{display:none!important}
body.page-id-11876 .article,body.page-id-11876 .entry-content,body.home.page .article,body.home.page .entry-content{padding:0!important;border:0!important;box-shadow:none!important}
body.page-id-11876 .hxh-home,body.home .hxh-home{border-radius:0}
body.page-id-11876 #main .content,body.home #main .content{margin:0!important}

/* ── hxh-home light（白基調に合わせる・ヒーローのみダーク）2026-07 ── */
.hxh-home{background:transparent!important;color:#1a1613}
.hxh-home .hh-hero{background:#13161c}
.hxh-home .hh-sechead h2{color:#16181f}
.hxh-home .hh-sechead span{color:#9aa0a6}
.hxh-home .mn-card{background:#fff;border:1px solid #e7e2d7}
.hxh-home .mn-card:hover{background:#fbf6f6;border-color:#c92a2a}
.hxh-home .mn-card.feat{border-color:#c92a2a}
.hxh-home .mn-ic{background:rgba(201,42,42,.10)}
.hxh-home .mn-t{color:#16181f}
.hxh-home .mn-s{color:#8a8f99}
.hxh-home .hh-chip{border-color:#dcdcdc;color:#444}
.hxh-home .hh-chip:hover{background:#fbf6f6;color:#c92a2a;border-color:#c92a2a}
.hxh-home .hh-band{background:#f6f6f7;border-color:#e7e2d7;color:#16181f}
.hxh-home .hh-band b{color:#c92a2a}
.hxh-home .hh-sec{padding-top:34px;padding-bottom:10px}

/* mn-ic svg color */
.hxh-home .mn-ic{color:#c92a2a}
.hxh-home .mn-ic svg{display:block}
.hxh-home .mn-card.feat .mn-ic{color:#fff}

/* hxh home footer hide (share/follow/author/header) */
body.page-id-11876 .sns-share,body.page-id-11876 .sns-follow,body.page-id-11876 .author-box,body.page-id-11876 .entry-header,body.page-id-11876 .date-tags,body.page-id-11876 .footer-author,body.home .sns-share,body.home .sns-follow,body.home .author-box,body.home .entry-header,body.home .footer-author,body.home .date-tags{display:none!important}

/* home appeal hide (旧ヒーロー重複を消す) */
body.home #appeal,body.home .appeal{display:none!important}
body.home .entry-content{margin-top:0!important}

/* home navicard + PR hide */
body.home .navi-entry-cards,body.home .pr-label,body.home .widget-entry-cards.no-icon{display:none!important}

/* ── 図鑑コンプ機構 2026-07 ── */
#hxh-zk-badge{position:fixed;right:16px;bottom:74px;z-index:9990;display:inline-flex;align-items:center;gap:8px;background:#16181f;color:#fff;border:1px solid #c92a2a;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px -6px rgba(0,0,0,.5);transition:transform .2s}
#hxh-zk-badge:hover{transform:translateY(-2px)}
#hxh-zk-badge b{color:#e5544f;font-size:16px}
#hxh-zk-badge svg{color:#e5544f;flex:0 0 auto}
.hxh-zk-toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%,16px);z-index:10000;background:#16181f;color:#fff;border-left:4px solid #c92a2a;border-radius:8px;padding:12px 22px;opacity:0;transition:opacity .3s,transform .3s;box-shadow:0 10px 30px -6px rgba(0,0,0,.55);text-align:center;pointer-events:none;max-width:90vw}
.hxh-zk-toast.show{opacity:1;transform:translate(-50%,0)}
.hxh-zk-toast b{display:block;color:#e5544f;font-size:12px;letter-spacing:.06em;margin-bottom:2px}
.hxh-zk-toast span{font-size:15px;font-weight:700}
a.hxh-collected::before{content:"✓";display:inline-block;background:#c92a2a;color:#fff;font-size:11px;font-weight:700;border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;margin-right:5px;vertical-align:middle}
/* === ハンター図鑑を本に 2026-07-10 === */ body.page-id-2531 .entry-content{background:radial-gradient(120% 100% at 50% 0,rgba(0,0,0,0) 58%,rgba(70,45,10,.10)),#f3ead4;padding:26px 16px 34px;border:1px solid #cdb894;border-radius:3px;box-shadow:inset 0 0 0 6px #fbf7ec,inset 0 0 0 7px rgba(201,42,42,.28),0 6px 24px rgba(40,25,5,.10);text-align:center;font-family:'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Noto Serif JP',serif} body.page-id-2531 .entry-content::before{content:'― ハンター図鑑 ―';display:block;text-align:center;letter-spacing:.34em;color:#1c1f28;font-size:20px;font-weight:700;padding:2px 0 14px;margin-bottom:18px;border-bottom:2px double #c92a2a} body.page-id-2531 .entry-content>p{text-align:left} body.page-id-2531 .entry-content .toc{text-align:left;background:#fbf7ec;border:1px solid #d8c9a2} body.page-id-2531 .entry-content h2.wp-block-heading{color:#f3ead4;background:#1c1f28;text-align:center;font-size:22px;font-weight:700;letter-spacing:.18em;margin:38px auto 22px;padding:15px 12px;max-width:780px;border-top:3px solid #c92a2a;border-bottom:3px solid #c92a2a;border-left:0;border-right:0;box-shadow:0 5px 14px rgba(30,20,5,.18)} body.page-id-2531 .entry-content h2.wp-block-heading span{color:inherit} body.page-id-2531 .entry-content h3.wp-block-heading{color:#1c1f28;background:none;text-align:center;font-size:17px;font-weight:700;letter-spacing:.12em;margin:26px auto 12px;padding:0 0 6px;max-width:520px;border:0} body.page-id-2531 .entry-content h3.wp-block-heading::after{content:'';display:block;width:46px;height:2px;background:#c92a2a;margin:7px auto 0} body.page-id-2531 .entry-content h4{text-align:center;color:#7a5a22;font-size:13px;letter-spacing:.1em;font-weight:700;margin:16px 0 8px} body.page-id-2531 .wp-block-media-text{display:inline-block;vertical-align:top;width:210px;margin:10px;padding:9px 9px 11px;background:#fbf7ec;border:1px solid #d8c9a2;border-radius:2px;text-align:center;box-shadow:0 2px 6px rgba(40,25,5,.10);position:relative;transition:transform .15s,box-shadow .15s,border-color .15s} body.page-id-2531 .wp-block-media-text:hover{transform:translateY(-3px);border-color:#c92a2a;box-shadow:0 8px 18px rgba(40,25,5,.20)} body.page-id-2531 .wp-block-media-text__media{margin:0} body.page-id-2531 .wp-block-media-text__media img{width:100%;height:150px;object-fit:cover;display:block;border:3px solid #1c1f28;outline:1px solid #c92a2a;outline-offset:-4px;border-radius:1px} body.page-id-2531 .wp-block-media-text__content{padding:0} body.page-id-2531 .wp-block-media-text__content p{margin:9px 0 0} body.page-id-2531 .wp-block-media-text__content a{font-family:'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Noto Serif JP',serif;font-weight:700;font-size:14px;color:#1c1f28;text-decoration:none;line-height:1.4} body.page-id-2531 .wp-block-media-text:hover .wp-block-media-text__content a{color:#b0202b} body.page-id-2531 .wp-block-media-text a.hxh-collected::before{display:none} body.page-id-2531 .wp-block-media-text:has(a.hxh-collected){box-shadow:0 0 0 2px #c92a2a inset,0 2px 6px rgba(40,25,5,.12)} body.page-id-2531 .wp-block-media-text:has(a.hxh-collected)::after{content:'収集済';position:absolute;top:7px;right:7px;z-index:2;background:#c92a2a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;padding:2px 7px;border-radius:2px;transform:rotate(7deg);font-family:'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Noto Serif JP',serif;box-shadow:0 1px 3px rgba(0,0,0,.3)} @media(max-width:560px){body.page-id-2531 .entry-content{padding:18px 8px 24px}body.page-id-2531 .wp-block-media-text{width:43%;margin:6px 2%;padding:6px}body.page-id-2531 .wp-block-media-text__media img{height:118px}body.page-id-2531 .entry-content h2.wp-block-heading{font-size:18px}} /* === /ハンター図鑑を本に === */ /* === 特設ページ(巻で探す12026/謎伏線12030)を没入化 2026-07-10 === */ body.page-id-12026 #sidebar,body.page-id-12030 #sidebar,body.page-id-12026 .pr-label,body.page-id-12030 .pr-label,body.page-id-12026 .sns-share,body.page-id-12030 .sns-share,body.page-id-12026 .sns-follow,body.page-id-12030 .sns-follow,body.page-id-12026 .author-box,body.page-id-12030 .author-box,body.page-id-12026 .comment-area,body.page-id-12030 .comment-area,body.page-id-12026 .footer-widgets,body.page-id-12030 .footer-widgets{display:none!important} body.page-id-12026 #main,body.page-id-12030 #main{width:100%!important;float:none!important;margin:0 auto!important} body.page-id-12026 .hxh-vol,body.page-id-12030 .hxh-cf{max-width:840px;margin:0 auto} /* === /特設ページ === */ /* === 図鑑: リンク有無で見た目を分ける 2026-07-11 === */ body.page-id-2531 .wp-block-media-text__content a{color:#b0202b} body.page-id-2531 .wp-block-media-text:not(:has(a[href])){opacity:.82} body.page-id-2531 .wp-block-media-text:not(:has(a[href])):hover{transform:none;border-color:#d8c9a2;box-shadow:0 2px 6px rgba(40,25,5,.10)} /* === /図鑑リンク === */ /* === 図鑑コンプ 進捗バー＆達成演出 2026-07-11 === */ .hxh-zk-prog{background:linear-gradient(160deg,#1c1f28,#0e0f14);border:1px solid #2a333f;border-radius:12px;padding:14px 18px;margin:2px 0 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;color:#e6ebf1}.hxh-zk-prog .zp-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.hxh-zk-prog .zp-l{font-family:'Yu Mincho',serif;font-weight:700;font-size:15px;letter-spacing:.08em;color:#f3ead4}.hxh-zk-prog .zp-n{font:600 14px/1 ui-monospace,monospace;color:#8a96a6}.hxh-zk-prog .zp-n b{color:#c92a2a;font-size:18px}.hxh-zk-prog .zp-track{height:10px;background:#0e0f14;border-radius:99px;overflow:hidden;border:1px solid #2a333f}.hxh-zk-prog .zp-fill{height:100%;background:linear-gradient(90deg,#8f1a1a,#c92a2a);border-radius:99px;transition:width .6s ease}.hxh-zk-prog .zp-done{margin-top:10px;text-align:center;font-family:'Yu Mincho',serif;font-weight:700;color:#f3ead4;font-size:14px;letter-spacing:.06em}.hxh-zk-cele{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(10,11,15,.72);opacity:0;transition:opacity .3s}.hxh-zk-cele.on{opacity:1}.hxh-zk-cele .zc-box{background:linear-gradient(160deg,#1c1f28,#0e0f14);border:2px solid #c92a2a;border-radius:16px;padding:34px 40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s}.hxh-zk-cele.on .zc-box{transform:scale(1)}.hxh-zk-cele .zc-t{font-family:'Yu Mincho',serif;font-weight:700;font-size:28px;color:#f3ead4;letter-spacing:.1em;margin-bottom:8px}.hxh-zk-cele .zc-s{color:#c9d2dd;font-size:14px;margin-bottom:18px}.hxh-zk-cele .zc-x{background:#c92a2a;color:#fff;border:0;border-radius:99px;padding:9px 26px;font-weight:700;font-size:13px;cursor:pointer} /* === /図鑑コンプ === */ /* === 六性図 回転＆色変化アニメ 2026-07-11 === */ @keyframes hhspin{to{transform:rotate(360deg)}} @keyframes hhhue{0%{fill:#e8a24c}16.66%{fill:#7f9cf5}33.33%{fill:#b98cf0}50%{fill:#e56d8a}66.66%{fill:#5dcaa5}83.33%{fill:#48dbc0}100%{fill:#e8a24c}} .hh-sweep{transform-box:view-box;transform-origin:150px 150px;animation:hhspin 10s linear infinite} .hh-sweep .hh-dot{animation:hhhue 10s linear infinite} .hh-sweep .hh-halo{animation:hhhue 10s linear infinite;opacity:.28} @media(prefers-reduced-motion:reduce){.hh-sweep{animation:none}.hh-sweep .hh-dot,.hh-sweep .hh-halo{animation:none;fill:#c92a2a}} /* === /六性図アニメ === */ /* === OGP用アイキャッチは表示しない(独自ヒーローのページ) 2026-07-11 === */ body.page-id-12026 .eye-catch-wrap,body.page-id-12030 .eye-catch-wrap,body.page-id-2531 .eye-catch-wrap,body.home .eye-catch-wrap{display:none!important} /* === /OGPアイキャッチ === */