/* =========================================================
   記事本文（白い紙面）。エディタでも同じ見た目になるよう editor.css からも読む。
   .egx（データ記事の部品）は記事内に自前のCSSを持っているので、ここでは触らない。
   ========================================================= */
.egg-content{--c-ink:#191c28;--c-ink2:#3d4256;--c-muted:#6b7187;--c-line:#dfe2ec;--c-soft:#eceef6;--c-cyan:#0098c7;--c-violet:#5b4bff;--c-cta:#ff6a00;
  color:var(--c-ink);font-size:16px;line-height:1.95;letter-spacing:.03em;word-break:normal;overflow-wrap:anywhere}
.egg-content>*:first-child{margin-top:0}
.egg-content p{margin:0 0 1.35em}
.egg-content a{color:var(--c-violet);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.egg-content a:hover{text-decoration-thickness:2px}
.egg-content strong,.egg-content b{font-weight:900}
.egg-content p strong{background:linear-gradient(transparent 62%,rgba(0,200,255,.28) 62%)}

/* 見出し（.egx の見出しは除く） */
.egg-content h2:not(.egh){position:relative;margin:2.6em 0 1em;padding:16px 18px 16px 22px;font-size:clamp(19px,4.8vw,23px);font-weight:900;line-height:1.5;color:#fff;background:#0e1020;border-radius:12px;overflow:hidden}
.egg-content h2:not(.egh)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#00c8ff,#9b30ff)}
.egg-content h2:not(.egh),.egg-content h3{word-break:auto-phrase}
.egg-content h3{margin:2.2em 0 .8em;padding:0 0 8px 14px;font-size:clamp(17px,4.4vw,20px);font-weight:900;line-height:1.55;border-left:4px solid #00c8ff;border-bottom:1px solid var(--c-line)}
.egg-content h4{margin:1.8em 0 .6em;font-size:17px;font-weight:900;line-height:1.6}
.egg-content h4::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:2px;background:#9b30ff;vertical-align:.15em}

/* リスト */
.egg-content ul,.egg-content ol{margin:0 0 1.5em;padding-left:1.5em}
.egg-content li{margin:.3em 0}
.egg-content li::marker{color:#5b4bff;font-weight:700}
.egg-content ul.is-style-egg-check{list-style:none;padding:16px 18px;background:#fff;border:1px solid var(--c-line);border-radius:12px}
.egg-content ul.is-style-egg-check li{position:relative;padding-left:28px}
.egg-content ul.is-style-egg-check li::before{content:"";position:absolute;left:2px;top:.55em;width:16px;height:16px;border-radius:50%;background:#00c8ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat}

/* 画像・図 */
.egg-content img{border-radius:10px;height:auto}
.egg-content figure{margin:1.8em 0}
.egg-content figcaption,.egg-content .wp-element-caption{font-size:12.5px;color:var(--c-muted);text-align:center;margin-top:8px;line-height:1.6}
.egg-content blockquote{margin:1.8em 0;padding:16px 20px;background:#fff;border-left:4px solid #9b30ff;border-radius:0 12px 12px 0;color:var(--c-ink2)}
.egg-content blockquote p:last-child{margin:0}
.egg-content hr,.egg-content .wp-block-separator{border:0;height:1px;background:var(--c-line);margin:2.4em 0}
.egg-content iframe{max-width:100%}

/* 表 */
.egg-content .wp-block-table{margin:1.8em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.egg-content table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.7;background:#fff;border:1px solid var(--c-line);border-radius:12px;overflow:hidden}
.egg-content th,.egg-content td{padding:11px 12px;border-bottom:1px solid var(--c-line);vertical-align:top;text-align:left}
.egg-content tr:last-child>*{border-bottom:0}
.egg-content thead th,.egg-content table tr:first-child th{background:#0e1020;color:#fff;font-weight:700}
.egg-content tbody th{background:var(--c-soft);font-weight:700;white-space:nowrap}
.egg-content .is-style-stripes tbody tr:nth-child(odd){background:#f7f8fc}
.egg-content .is-style-stripes{border:0}
.egg-content .is-style-egg-scroll table{min-width:640px}
.egg-content .egg-spec table th{width:38%}

/* ボタン（記事内はオレンジ＝購入・申込） */
.egg-content .wp-block-buttons{margin:1.4em 0}
.egg-content .wp-block-button__link{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:12px 22px;border-radius:999px;background:var(--c-cta);color:#fff!important;font-weight:900;font-size:15.5px;text-decoration:none!important;box-shadow:0 10px 24px -12px rgba(255,106,0,.8);transition:transform .2s,box-shadow .2s}
.egg-content .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(255,106,0,.9)}
.egg-content .wp-block-button{width:100%}
@media(min-width:768px){.egg-content .wp-block-button{width:auto;min-width:320px}}
.egg-content .is-style-outline .wp-block-button__link{background:transparent;color:var(--c-ink)!important;border:2px solid var(--c-ink);box-shadow:none}
.egg-content a.wp-block-button__link[href*="a8.net"]::after,.egg-content a.wp-block-button__link[href*="amazon.co.jp"]::after,.egg-content a.wp-block-button__link[href*="rakuten.co.jp"]::after{content:"PR";font-size:9px;font-weight:700;letter-spacing:.1em;border:1px solid rgba(255,255,255,.6);border-radius:3px;padding:1px 5px;margin-left:10px;line-height:1.4}

/* 目次 */
.egg-toc{margin:1.8em 0 2.2em;background:#fff;border:1px solid var(--c-line);border-radius:14px;overflow:hidden}
.egg-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px;cursor:pointer;list-style:none;font-weight:900;background:#0e1020;color:#fff}
.egg-toc summary::-webkit-details-marker{display:none}
.egg-toc summary::after{content:"＋";color:#00c8ff}
.egg-toc[open] summary::after{content:"－"}
.egg-toc ol{margin:0;padding:12px 18px 14px 2.2em;counter-reset:none;font-size:14.5px;line-height:1.7}
.egg-toc ol ol{padding:2px 0 4px 1.2em;font-size:13.5px}
.egg-toc li{margin:.35em 0}
.egg-toc a{color:var(--c-ink);text-decoration:none}
.egg-toc a:hover{color:var(--c-violet);text-decoration:underline}

/* ---------- パターン ---------- */
.egg-content .egg-note,.egg-content .is-style-egg-box{margin:1.8em 0;padding:16px 18px;background:#fff;border:1px solid var(--c-line);border-left:4px solid #9b30ff;border-radius:12px}
.egg-content .egg-note>*:last-child,.egg-content .is-style-egg-box>*:last-child{margin-bottom:0}
.egg-content .egg-note p:first-child strong{background:none}
.egg-content .egg-links{list-style:none;padding:0;border-top:2px solid var(--c-ink)}
.egg-content .egg-links li{margin:0;border-bottom:1px solid var(--c-line)}
.egg-content .egg-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;font-weight:700;color:var(--c-ink);text-decoration:none}
.egg-content .egg-links a::after{content:"→";color:#5b4bff;font-weight:900}
.egg-content .egg-source{margin:2.4em 0 0;padding:16px 18px;font-size:13px;color:var(--c-muted);background:var(--c-soft);border-radius:12px}
.egg-content .egg-source p strong{background:none}
.egg-content .egg-source a{color:var(--c-muted)}

/* ---------- Cocoon 子テーマから引き継いだ部品 ---------- */
.egg-content .eg-pc{display:grid;gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:12px;overflow:hidden;margin:20px 0}
@media(min-width:640px){.egg-content .eg-pc{grid-template-columns:1fr 1fr}}
.egg-content .eg-pc>div{background:#fff;padding:14px 16px}
.egg-content .eg-pc h4{margin:0 0 8px;font-size:14px;display:flex;align-items:center;gap:8px}
.egg-content .eg-pc h4::before{width:22px;height:22px;display:grid;place-content:center;color:#fff;font-size:13px;border-radius:50%;margin:0;vertical-align:0}
.egg-content .eg-pc .good h4::before{content:"+";background:#2e9d4b}
.egg-content .eg-pc .bad h4::before{content:"\2212";background:#d4472a}
.egg-content .eg-pc ul{margin:0;padding-left:18px;font-size:14px}
.egg-content .eg-spec{border:1px solid var(--c-line);border-radius:12px;overflow:hidden;margin:20px 0;background:#fff}
.egg-content .eg-spec-h{font-family:var(--disp,inherit);font-size:11px;letter-spacing:.14em;color:#fff;background:#0e1020;padding:9px 14px}
.egg-content .eg-spec-r{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 14px;border-bottom:1px solid var(--c-line);align-items:baseline}
.egg-content .eg-spec-r:last-child{border-bottom:0}
.egg-content .eg-spec-r:nth-child(even){background:#f7f8fc}
.egg-content .eg-spec-r .k{font-size:12.5px;color:var(--c-muted)}
.egg-content .eg-spec-r .n{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:#a85f00;text-align:right}
.egg-content .eg-spec-r .v{grid-column:1/-1;font-size:14px;font-weight:800}
.egg-content .eg-spec-r .p{grid-column:1/-1;font-size:11px;color:#3f8a00}
.egg-content .eg-cta{position:relative;margin:24px 0;padding:18px 18px 18px 22px;background:#fff;border:1px solid var(--c-line);border-radius:14px;overflow:hidden}
.egg-content .eg-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c-cta)}
.egg-content .eg-cta b{display:block;font-size:16px;font-weight:900;margin-bottom:4px}
.egg-content .eg-cta span{display:block;font-size:13px;color:var(--c-muted);line-height:1.75;margin-bottom:12px}
.egg-content .eg-cta p{margin-bottom:.4em}
.egg-content .eg-cta:has(a[href*="a8.net"]),.egg-content .eg-cta:has(a[href*="amazon"]),.egg-content .eg-cta:has(a[href*="rakuten"]){padding-top:34px}
.egg-content .eg-cta:has(a[href*="a8.net"])::after,.egg-content .eg-cta:has(a[href*="amazon"])::after,.egg-content .eg-cta:has(a[href*="rakuten"])::after{content:"PR";position:absolute;top:10px;right:12px;font-size:9.5px;letter-spacing:.14em;font-weight:700;color:var(--c-muted);border:1px solid var(--c-line);border-radius:3px;padding:2px 7px;line-height:1.4;background:#fff}
.egg-content .eg-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:12px 20px;border-radius:999px;background:var(--c-cta);color:#fff!important;font-weight:900;text-decoration:none!important}
.egg-content .eg-buy{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0}
@media(min-width:640px){.egg-content .eg-buy{grid-template-columns:1fr 1fr}}
.egg-content .eg-buy a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;border:1px solid var(--c-line);border-radius:999px;background:#fff;color:var(--c-ink)!important;text-decoration:none!important}
.egg-content .eg-buy a:hover{border-color:var(--c-ink)}
.egg-content .eg-buy a[href*="amazon"]::after,.egg-content .eg-buy a[href*="rakuten"]::after,.egg-content .eg-buy a[href*="a8.net"]::after{content:"PR";font-size:9px;font-weight:700;border:1px solid var(--c-line);color:var(--c-muted);border-radius:3px;padding:1px 5px;margin-left:9px;line-height:1.4}
.egg-content .eg-pr{display:inline-block;font-size:10.5px;letter-spacing:.1em;background:var(--c-soft);color:var(--c-muted);border:1px solid var(--c-line);border-radius:3px;padding:3px 8px;margin-bottom:12px}
.egg-content .eg-rank-card{border:1px solid var(--c-line);border-radius:14px;padding:18px;margin-bottom:26px;background:#fff}
.egg-content .eg-rank-header{display:flex;align-items:center;margin-bottom:15px;border-bottom:1px solid var(--c-line);padding-bottom:12px}
.egg-content .eg-rank-number{flex:none;display:grid;place-items:center;width:34px;height:34px;margin-right:12px;border-radius:10px;background:linear-gradient(135deg,#00c8ff,#9b30ff);color:#fff;font-weight:900}
.egg-content .eg-rank-title{font-size:17px!important;font-weight:900!important;margin:0!important;line-height:1.5!important;border:0!important;padding:0!important;background:transparent!important;color:var(--c-ink)!important}
.egg-content .eg-rank-title::before{display:none!important}
.egg-content .eg-rank-content{display:flex;flex-direction:column;gap:16px}
.egg-content .eg-rank-image{max-width:240px;margin:0 auto}
.egg-content .eg-rank-image img{width:100%;height:auto;border:1px solid var(--c-line)}
@media(min-width:640px){.egg-content .eg-rank-content{flex-direction:row}.egg-content .eg-rank-image{flex:0 0 180px;margin:0}}
.egg-content .eg-diag{border:1px solid var(--c-line);background:#fff;border-radius:14px;padding:18px 16px;margin:22px 0}
.egg-content .eg-diag>b{display:block;font-size:16px;font-weight:900;margin-bottom:4px}
.egg-content .eg-diag>span{display:block;font-size:12.5px;color:var(--c-muted);margin-bottom:12px}
.egg-content .eg-diag details{background:#f7f8fc;border:1px solid var(--c-line);margin-bottom:8px;border-radius:10px}
.egg-content .eg-diag details[open]{border-color:#5b4bff}
.egg-content .eg-diag summary{cursor:pointer;min-height:50px;display:flex;align-items:center;padding:8px 14px;font-weight:800;font-size:14.5px;list-style:none}
.egg-content .eg-diag summary::-webkit-details-marker{display:none}
.egg-content .eg-diag summary::before{content:"▸";margin-right:9px;color:#5b4bff;transition:transform .2s}
.egg-content .eg-diag details[open]>summary::before{transform:rotate(90deg)}
.egg-content .eg-diag .din{padding:4px 14px 14px}
.egg-content .eg-diag .ans{display:block;background:var(--c-cta);color:#fff!important;font-weight:900;font-size:14.5px;text-align:center;padding:14px;border-radius:999px;text-decoration:none!important;margin:8px 0 4px}
.egg-content .eg-diag .ans.alt{background:#5b4bff}
.egg-content .eg-diag .why{font-size:12px;color:#5f6a75;line-height:1.7;margin:0}

/* ブログカード（Cocoonが本文に書き出したもの） */
.egg-content .blogcard-wrap{display:block;margin:1.6em 0;text-decoration:none!important;color:var(--c-ink)!important}
.egg-content .blogcard{position:relative;display:grid;grid-template-columns:120px 1fr;gap:4px 14px;padding:14px;background:#fff;border:1px solid var(--c-line);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.egg-content .blogcard-wrap:hover .blogcard{border-color:#5b4bff;box-shadow:0 10px 30px -18px rgba(91,75,255,.7)}
.egg-content .blogcard-label{position:absolute;top:-10px;left:12px;font-size:11px;font-weight:700;padding:1px 10px;border-radius:999px;background:linear-gradient(90deg,#00c8ff,#9b30ff);color:#fff}
.egg-content .blogcard-label *{display:none}
.egg-content .blogcard-label::after{content:"あわせて読む"}
.egg-content .blogcard-thumbnail{grid-row:1/3;aspect-ratio:1200/630;border-radius:8px;overflow:hidden;background:#0e1020;margin:0;width:auto;float:none}
.egg-content .blogcard-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:0}
.egg-content .blogcard-content{margin:0;max-height:none}
.egg-content .blogcard-title{font-size:14.5px;font-weight:900;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.egg-content .blogcard-snippet{display:none}
.egg-content .blogcard-footer{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--c-muted);clear:none}
.egg-content .blogcard-favicon img{width:14px;height:14px;border-radius:2px}
.egg-content .blogcard-date{display:none}
@media(min-width:640px){.egg-content .blogcard{grid-template-columns:180px 1fr}.egg-content .blogcard-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--c-muted);line-height:1.6}}
.egg-content .ad-wrap{margin:1.8em 0;text-align:center}

/* 列の多い表はスマホで横スクロール（1文字ずつ折れないように） */
.egg-content th,.egg-content td{overflow-wrap:normal;word-break:auto-phrase}
.egg-content .wp-block-table:has(tr>*:nth-child(4)) table{min-width:600px}
.egg-content .wp-block-table:has(tr>*:nth-child(5)) table{min-width:720px}
.egg-content .wp-block-table:has(tr>*:nth-child(4)) th:first-child,.egg-content .wp-block-table:has(tr>*:nth-child(4)) td:first-child{position:sticky;left:0;z-index:1;background:#eceef6}
.egg-content .wp-block-table:has(tr>*:nth-child(4)) thead th:first-child,.egg-content .wp-block-table:has(tr>*:nth-child(4)) tr:first-child th:first-child{background:#0e1020}
.egg-content .wp-block-table:has(tr>*:nth-child(4))::after{content:"← 横にスクロールできます →";display:block;font-size:11.5px;color:var(--c-muted);text-align:center;margin-top:6px}
@media(min-width:900px){.egg-content .wp-block-table:has(tr>*:nth-child(4))::after{display:none}}