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

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


/* ============================================================
   風間ゆみ専門サイト | Cocoon ダーク統合カスタムCSS
   2026-11-03 / 黒 + オレンジ / 固定ページ + 投稿記事
   子テーマ style.css の既存カスタムCSSと置換用。
   ※ style.css のテーマヘッダーや @import 等は消さない。
   ※ 以前の「明色統合CSS」と併用しない。
   ============================================================ */
:root {
  --yk-bg:#0d0d0f;
  --yk-paper:#171719;
  --yk-card:#222225;
  --yk-card-soft:#29292d;
  --yk-ink:#f1f1f3;
  --yk-muted:#c3c3c9;
  --yk-orange:#ff9900;
  --yk-orange-soft:#ffbd70;
  --yk-line:#39393f;
}
body {background:var(--yk-bg);color:var(--yk-ink)}
#content,#content-in,#main,.main,.article,.article-header,.article-footer,.entry-content,.content {
  color:var(--yk-ink);
}
#main,.main,.entry-content {min-width:0}
.article {background:var(--yk-paper);border:1px solid #29292d;border-radius:12px;padding:clamp(12px,2vw,26px);overflow-wrap:anywhere}
.entry-content {line-height:1.85;overflow-wrap:anywhere}
.entry-content p,.entry-content li,.entry-content ul,.entry-content ol {color:var(--yk-ink)}
.entry-content strong,.entry-content b {color:#fff}
.entry-content a {color:var(--yk-orange-soft);text-underline-offset:3px}
.entry-content a:hover {color:#ffd49f}
.entry-content img {max-width:100%;height:auto}
.entry-content iframe {max-width:100%}
.article-header h1,.entry-title {color:#fff;line-height:1.45}
@media(max-width:834px){.article{padding:14px 12px}.page-body{font-size:16px}}
@media(max-width:480px){.article-header h1{font-size:1.4rem}}

/* ヘッダー・ナビゲーション */
#header-container,.header-container-in {background:#101013;color:#fff}
#header-container {border-bottom:1px solid #303034}
.logo-header img,.logo-image img {box-shadow:none}
.logo-image {max-height:70px}
#navi {background:#19191c;border-bottom:3px solid var(--yk-orange)}
#navi .navi-in a {color:#efeff0;font-weight:700}
#navi .navi-in a:hover,#navi .navi-in .current-menu-item>a {color:var(--yk-orange-soft);background:#2a2a2e}
.navi-in>ul .sub-menu,.sub-menu .caption-wrap {background:#212125;color:#f5f5f5}
.navi-in>ul .sub-menu a {color:#eee}
.mobile-menu-buttons {background:#151518;box-shadow:none}
.mobile-menu-buttons .menu-button,.mobile-menu-buttons a {color:#eee}
.mobile-menu-buttons .menu-button:hover {background:#29292e}
.menu-drawer a {background:#202024;color:#eee;border-left:3px solid transparent}
.menu-drawer a:hover {background:#2c2c31;color:var(--yk-orange-soft);border-left-color:var(--yk-orange)}
.menu-drawer li {padding:0}

/* アピールエリアと共通CTA */
.appeal {background:#1a1a1e;border-bottom:2px solid var(--yk-orange);padding:0}
#appeal-in {padding:10px 16px;min-height:0}
.appeal-content {display:flex;align-items:center;justify-content:center;gap:14px;background:transparent}
.appeal-message {color:#eee;font-size:14px;line-height:1.55;margin:0}
a.appeal-button,.fanza-cta a,.entry-content a.cta-btn,.entry-content a[class*="cta-btn"] {
  display:inline-block;background:var(--yk-orange);color:#171717!important;font-weight:800;
  border-radius:999px;padding:12px 23px;text-align:center;text-decoration:none;
  box-shadow:0 3px 12px rgba(255,153,0,.18);
}
a.appeal-button:hover,.fanza-cta a:hover,.entry-content a.cta-btn:hover {background:#ffb43d;color:#171717!important;transform:translateY(-1px)}
.fanza-cta {text-align:center;margin:28px auto;max-width:400px}
.fanza-cta a {display:block;width:100%;max-width:400px}
.fanza-cta a *,.entry-content a.cta-btn * {color:#171717!important}
@media(max-width:600px){.appeal-content{flex-direction:column;gap:8px}.appeal-message{text-align:center;font-size:13px}a.appeal-button{width:min(90%,370px)}}

/* 投稿記事の見出し・目次・引用 */
.article .entry-content h2 {background:#242428;color:#fff;border:0;border-left:5px solid var(--yk-orange);border-radius:6px;padding:13px 16px;line-height:1.5}
.article .entry-content h3 {background:#1c1c20;color:#ffbd70;border:0;border-bottom:1px solid #444449;padding:10px 11px;line-height:1.5}
.article .entry-content h4 {background:transparent;color:#ffbd70;border:0;border-left:3px solid var(--yk-orange);padding:5px 10px}
.entry-content .toc {background:#202024;border:1px solid var(--yk-line);color:var(--yk-ink);border-radius:10px}
.entry-content .toc-title {color:#ffbd70;border-bottom:1px solid var(--yk-line)}
.entry-content .toc a {color:#e7e7eb}
.entry-content .toc a:hover {color:#ffbd70}
.entry-content blockquote,.entry-content .blogcard,.entry-content .blogcard-wrap {background:#222226;border-color:#424247;color:#e6e6e8}
.entry-content blockquote {border-left:4px solid var(--yk-orange)}
.entry-content .blogcard-title {color:#fff}
.entry-content .blogcard-snippet {color:#c5c5c9}
.tab-label-group .tab-label {background:#29292e;color:#e8e8eb;border:1px solid #44444a}
.tab-label-group .tab-label.is-active {background:var(--yk-orange);color:#161616;border-color:var(--yk-orange)}

/* プロフィール・作品スペック表 */
.entry-content table {width:100%;max-width:100%;border-collapse:collapse;background:#19191c;border:1px solid var(--yk-line);color:var(--yk-ink)}
.entry-content table th,.entry-content table td {padding:12px 14px;border:1px solid var(--yk-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:normal;color:var(--yk-ink)}
.entry-content table th {background:#28282d;color:#ffbd70;font-weight:700}
.entry-content table td,.entry-content table tr:nth-child(odd) td,.entry-content table tr:nth-child(even) td {background:#1a1a1d;color:#ededee}
.entry-content table.profile-table {table-layout:fixed;border-radius:8px;overflow:hidden}
.entry-content table.profile-table th {width:34%;background:#27272b;color:#ffbd70}
.entry-content table.profile-table td {background:#1a1a1d;color:#ededee}
.entry-content .ph-highlight {color:#ffbd70;font-weight:750}
@media(max-width:600px){.entry-content table th,.entry-content table td{padding:10px 9px;font-size:13px}}

/* 従来のインライン明色ボックスだけを暗色に変換（過去記事保護） */
.entry-content .w-block {background:transparent;color:#e9e9ec}
.entry-content div[style*="background-color: #fff8fa"],
.entry-content div[style*="background-color:#fff8fa"],
.entry-content div[style*="background-color: #fff0f5"],
.entry-content div[style*="background-color:#fff0f5"],
.entry-content div[style*="background-color: #fef6f8"],
.entry-content div[style*="background-color:#fef6f8"],
.entry-content div[style*="background-color: #f0f3f8"],
.entry-content div[style*="background-color:#f0f3f8"],
.entry-content div[style*="background-color: #fffdf9"],
.entry-content div[style*="background-color:#fffdf9"],
.entry-content div[style*="background-color: #fdfdfe"],
.entry-content div[style*="background-color:#fdfdfe"],
.entry-content div[style*="background-color: #f9f9f9"],
.entry-content div[style*="background-color:#f9f9f9"] {
  background:#232327!important;color:#eee!important;border-color:#414147!important;
  border-left:4px solid var(--yk-orange)!important;border-radius:8px;
}
.entry-content div[style*="background-color: #f1f8e9"] {background:#1c2a21!important;border-color:#32533a!important;color:#d5f0dc!important}
.entry-content div[style*="background-color: #fbe9e7"] {background:#2c2020!important;border-color:#603a3a!important;color:#ffd9d9!important}
.entry-content div[style*="background-color: #fff9e6"] {background:#2d281c!important;border-color:#635031!important;color:#ffe5ad!important}
.entry-content .w-block p[style*="color: #d81b60"],.entry-content p[style*="color: #1a237e"] {color:#ffb968!important}
.entry-content p[style*="color: #2e7d32"] {color:#91e3a0!important}
.entry-content p[style*="color: #c62828"],.entry-content p[style*="color: #d84315"] {color:#ff9991!important}
.entry-content div[style*="color: #b78103"] {color:#ffc078!important;border-left:4px solid var(--yk-orange);padding-left:10px;font-weight:700}
.entry-content div[style*="color: #b78103"]+ul {background:#1e1e22;border:1px solid var(--yk-line);border-radius:8px;padding:10px 18px;list-style:none}
.entry-content div[style*="color: #b78103"]+ul>li {padding:8px 0;border-bottom:1px solid var(--yk-line)}
.entry-content div[style*="color: #b78103"]+ul>li:last-child {border-bottom:0}

/* .fanza-article：既存の黒背景記事と同系統の配色 */
.entry-content .fanza-article {background:#161616;color:#eee;max-width:100%;overflow-wrap:anywhere}
.entry-content .fanza-article p,.entry-content .fanza-article li {color:#e9e9e9}
.entry-content .fanza-article h2 {background:#222!important;color:#ffbd70!important;border-left:5px solid var(--yk-orange)!important}
.entry-content .fanza-article h3 {color:#ffbd70!important}
.entry-content .fanza-article .fanza-table th {background:#29292d!important;color:#ffc27a!important}
.entry-content .fanza-article .fanza-table td {background:#19191b!important;color:#eee!important}
.entry-content .fanza-article .fanza-fit-good .fanza-fit-title {color:#99e877!important}
.entry-content .fanza-article .fanza-fit-bad .fanza-fit-title {color:#ff9b9b!important}
.entry-content .fanza-article .fanza-cta a {background:#ff9900!important;color:#111!important}
/* 720x480 iframe: 比率を維持し、外枠はスクロールさせない */
.entry-content .fanza-video-wrap {position:relative;display:block;width:100%;max-width:480px;aspect-ratio:3/2;margin:18px auto 24px;overflow:hidden;border-radius:8px;background:#000}
.entry-content .fanza-video-wrap iframe {position:absolute;inset:0;width:100%;height:100%;display:block;border:0;max-width:100%}
@media(max-width:767px){.entry-content .fanza-video-wrap{width:90%;max-width:400px}}

/* 商品カード・Cocoon記事一覧 */
.dmm-product {width:calc(50% - 12px);background:#1d1d20;border:1px solid var(--yk-line);border-radius:10px;overflow:hidden;text-align:center;transition:transform .2s,border-color .2s}
.dmm-product:hover {border-color:var(--yk-orange);transform:translateY(-2px)}
.dmm-product-image {display:block;width:100%;height:auto;box-shadow:none}
.dmm-product-title {background:#252529;color:#eee;padding:12px;font-size:14px;line-height:1.55;margin:0}
.dmm-product-rank {color:#ffbd70;font-weight:800}
@media(max-width:600px){.dmm-product{width:100%}}
.entry-cards .a-wrap,.new-entry-card-link {min-width:0}
.new-entry-card-title,.new-entry-card-title a {color:#f0f0f1}
.new-entry-card-snippet,.post-date {color:#bbbcc2}

/* サイドバー・タグクラウド */
#sidebar,.sidebar {background:transparent;color:#ececee}
#sidebar>.widget {background:#1b1b1e;border:1px solid #35353a;border-radius:10px;padding:14px;color:#eee}
#sidebar .widget-title,.sidebar .widget-title,#sidebar h3 {background:#252529;color:#fff;border:0;border-bottom:3px solid var(--yk-orange);padding:10px 12px;font-weight:750;border-radius:5px}
.sidebar .widget a {color:#ededee}
.sidebar .widget a:hover {color:#ffbd70}
.tagcloud a,.xili-tidy-tags a {display:inline-block;background:#29292e;color:#e9e9ed;border:1px solid #46464c;border-radius:6px;padding:5px 9px}
.tagcloud a:hover,.xili-tidy-tags a:hover {background:#45311f;color:#ffce91;border-color:#ff9900}

/* フッター */
#footer,#footer-in,.footer,.footer-in {background:#151518;color:#f2f2f4}
#footer {border-top:3px solid var(--yk-orange)}
#footer a,.footer a,#footer .copyright,.footer .copyright {color:#eee}
#footer a:hover,.footer a:hover {color:#ffbd70}
img {max-width:100%;height:auto}
.home.page .entry-title,.home.page .date-tags,.home.page .author-info {display:none}

/* ============================================================
   固定ページ専用：旧 .yk-home と新 .yk-dark-home の両方に対応
   ※ .yk-dark-home 側のページ内 <style> と配色を一致させる
   ============================================================ */
.yk-home,.yk-dark-home {
  --yk-ink:#f1f1f3;--yk-sub:#c3c3c9;--yk-line:#39393f;
  --yk-orange:#ff9900;--yk-white:#fff;
  max-width:1120px;margin:0 auto;padding:clamp(12px,2.5vw,26px);
  background:#141416;color:#f1f1f3;font-family:inherit;box-sizing:border-box;overflow-wrap:anywhere;
}
.yk-home *,.yk-dark-home * {box-sizing:border-box;min-width:0}
.entry-content .yk-home p,.entry-content .yk-dark-home p {color:#e4e4e7}
.entry-content .yk-home strong,.entry-content .yk-dark-home strong {color:#fff}
.yk-home a,.yk-dark-home a {color:#ffbd70;text-decoration:none}
.yk-home .yk-hero,.yk-dark-home .yk-hero {background:linear-gradient(125deg,#242429,#161619);color:#fff;border:1px solid #44444a;border-top:3px solid var(--yk-orange);border-radius:16px;padding:clamp(22px,4vw,42px)}
.yk-home .yk-eyebrow,.yk-dark-home .yk-kicker {color:#ffc27b;font-size:.78rem;font-weight:800;letter-spacing:.1em}
.entry-content .yk-home .yk-hero h1,.entry-content .yk-dark-home .yk-hero h1 {color:#fff!important;background:transparent!important;border:0!important;font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.35;padding:0!important}
.entry-content .yk-home .yk-hero p,.entry-content .yk-dark-home .yk-hero p {color:#e7e7eb!important}
.yk-home .yk-nav,.yk-dark-home .yk-nav {display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.yk-home .yk-nav a,.yk-dark-home .yk-nav a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:#303035;color:#fff!important;border:1px solid #55555b;font-weight:750}
.yk-home .yk-nav a:first-child,.yk-dark-home .yk-nav a:first-child {background:#ff9900;color:#181818!important;border-color:#ff9900}
.yk-home .yk-nav a:hover,.yk-dark-home .yk-nav a:hover {border-color:#ffbd70;background:#463423}
.yk-home .yk-section,.yk-dark-home .yk-section {margin:24px 0;padding:clamp(16px,2.5vw,26px);background:#1d1d20;border:1px solid #39393f;border-radius:14px}
.entry-content .yk-home h2.yk-heading,.entry-content .yk-dark-home h2.yk-heading {display:flex;align-items:center;gap:10px;background:transparent!important;border:0!important;border-bottom:1px solid #49494e!important;color:#fff!important;padding:0 0 12px!important;font-size:clamp(1.2rem,3vw,1.5rem)!important}
.yk-home .yk-heading::before,.yk-dark-home .yk-heading::before {content:"";width:5px;min-width:5px;height:26px;background:var(--yk-orange);border-radius:3px}
.entry-content .yk-home .yk-lead,.entry-content .yk-dark-home .yk-lead {color:#cfcfd4!important;line-height:1.85}
.yk-home .yk-links,.yk-dark-home .yk-choose {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.yk-home .yk-link-card,.yk-dark-home .yk-choose a {display:block;padding:17px;border-radius:12px;background:#29292d;border:1px solid #4a4a50;color:#fff!important}
.yk-home .yk-link-card strong,.yk-dark-home .yk-choose strong {color:#fff!important}
.yk-home .yk-link-card span,.yk-dark-home .yk-choose span {color:#d0d0d5!important}
.yk-home .yk-link-card:hover,.yk-dark-home .yk-choose a:hover {border-color:#ff9900;background:#34302a}
.yk-home .yk-tag-grid,.yk-dark-home .yk-tag-grid {display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}
.yk-home .yk-tag-grid a,.yk-dark-home .yk-tag-grid a {display:inline-flex;align-items:center;min-height:42px;border:1px solid #515157;background:#29292e;color:#f0f0f2!important;padding:9px 14px;border-radius:999px;font-size:.87rem;font-weight:700}
.yk-home .yk-tag-grid a:hover,.yk-dark-home .yk-tag-grid a:hover {border-color:#ff9900;color:#ffbd70!important}
.yk-home .yk-profile-table,.yk-dark-home .yk-profile-table {width:100%;border-collapse:collapse;table-layout:fixed;margin:16px 0 0;border:1px solid #46464b}
.entry-content .yk-home .yk-profile-table th,.entry-content .yk-dark-home .yk-profile-table th {width:34%;background:#29292e!important;color:#ffbd70!important}
.entry-content .yk-home .yk-profile-table td,.entry-content .yk-dark-home .yk-profile-table td {background:#1a1a1d!important;color:#f0f0f2!important}
.yk-home .yk-accent,.yk-dark-home .yk-accent {color:#ffbd70!important;font-weight:800}
.entry-content .yk-home .yk-small,.entry-content .yk-dark-home .yk-note {color:#c1c1c7!important}
/* Cocoon new_list / entry cards: 固定ページだけ2列→1列 */
#main .entry-content .yk-home .yk-list .new-entry-cards,
#main .entry-content .yk-home .yk-list .new-list,
#main .entry-content .yk-home .yk-list .entry-cards,
#main .entry-content .yk-dark-home .yk-post-list .new-entry-cards,
#main .entry-content .yk-dark-home .yk-post-list .new-list,
#main .entry-content .yk-dark-home .yk-post-list .entry-cards {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;max-width:100%;min-width:0;
}
.entry-content .yk-home .new-entry-card-link,.entry-content .yk-dark-home .new-entry-card-link,
.entry-content .yk-home .yk-list .a-wrap,.entry-content .yk-dark-home .yk-post-list .a-wrap {background:#26262a!important;border:1px solid #45454b!important;border-radius:12px;overflow:hidden;color:#f2f2f4!important;min-width:0}
.entry-content .yk-home .new-entry-card-title,.entry-content .yk-dark-home .new-entry-card-title,
.entry-content .yk-home .card-title,.entry-content .yk-dark-home .card-title {color:#f4f4f5!important;background:transparent!important;line-height:1.6}
.entry-content .yk-home .card-thumb img,.entry-content .yk-dark-home .card-thumb img {width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px) {
  .yk-home,.yk-dark-home{padding:11px}
  .yk-home .yk-links,.yk-dark-home .yk-choose{grid-template-columns:minmax(0,1fr)}
  #main .entry-content .yk-home .yk-list .new-entry-cards,
  #main .entry-content .yk-home .yk-list .new-list,
  #main .entry-content .yk-home .yk-list .entry-cards,
  #main .entry-content .yk-dark-home .yk-post-list .new-entry-cards,
  #main .entry-content .yk-dark-home .yk-post-list .new-list,
  #main .entry-content .yk-dark-home .yk-post-list .entry-cards{grid-template-columns:minmax(0,1fr)!important}
  .yk-home .yk-section,.yk-dark-home .yk-section{padding:15px 12px}
}
@media(prefers-reduced-motion:reduce){.yk-home a,.yk-dark-home a{transition:none}}