@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
/************************************
** 投稿ナビ（前の記事・次の記事）
** サムネイルを外して、テキストだけにする（2026-08-18 本人指定）
************************************/
#pager-post-navi{
display: flex;
flex-direction: row;
align-items: stretch;
border-top: 1px solid rgba(0,0,0,.12);
border-bottom: 1px solid rgba(0,0,0,.12);
margin: 2.4em auto;
}
#pager-post-navi .prev-post-thumb,
#pager-post-navi .next-post-thumb{
display: none;
}
#pager-post-navi .prev-post,
#pager-post-navi .next-post{
width: 50%;
box-sizing: border-box;
padding: 1.2em 1em;
display: flex;
align-items: center;
gap: .6em;
min-width: 0;
}
#pager-post-navi .prev-post{
border-right: 1px solid rgba(0,0,0,.12);
}
#pager-post-navi .next-post{
flex-direction: row-reverse;
text-align: right;
}
#pager-post-navi .prev-post-title,
#pager-post-navi .next-post-title{
flex: 1 1 auto;
min-width: 0;
line-height: 1.5;
font-size: .95em;
}
#pager-post-navi .prev-post-title::before{ content: "前の記事"; }
#pager-post-navi .next-post-title::before{ content: "次の記事"; }
#pager-post-navi .prev-post-title::before,
#pager-post-navi .next-post-title::before{
display: block;
font-size: .78em;
opacity: .5;
margin-bottom: .3em;
}
#pager-post-navi .fa{
flex: 0 0 auto;
opacity: .4;
}
@media screen and (max-width: 480px){
#pager-post-navi .prev-post,
#pager-post-navi .next-post{
padding: 1em .7em;
gap: .35em;
}
#pager-post-navi .prev-post-title,
#pager-post-navi .next-post-title{
font-size: .85em;
line-height: 1.45;
}
}
/************************************
** 以下、Customizer「追加CSS」から移設（2026-08-18・共通化）
** 🚨 これ以降のCSSはこのファイルに書く。Customizerは使わない
************************************/
/* ===== オジ300 カスタム ===== */
/* 方針: noteのようにシンプルで読みやすく。ライト・無彩色（2026-08-17 本人指定） */
/* --- 行長を抑える ---
🚨 カラム(.main)は広いまま。中身だけ36emに揃える。
記事だけ狭めると、関連記事・コメントが広いままで横幅が食い違う（2026-08-17に踏んだ） */
.article .entry-header,
.article .entry-content,
.article .date-tags,
.article .footer-meta,
.under-entry-content,
.related-entries,
.comment-area,
.pager-post-navi,
.navi-footer{max-width:36em;margin-left:auto;margin-right:auto}
/* --- 文字組み --- */
/* 🚨 Cocoon の .entry-content > * {line-height:1.8} のほうが詳細度が高い。
段落まで指定しないと行間が効かない（2026-08-17に踏んだ） */
.entry-content{letter-spacing:.02em;color:#2b2b2b}
.entry-content > p{line-height:2}
.entry-content p{margin-bottom:2em}
/* タイトルは note と同じ 32px / 行間48px（2026-08-17 実測して合わせた） */
.entry-title{font-size:1.78em;line-height:1.5;letter-spacing:.01em;color:#1a1a1a}
/* 見出しは飾らない。細い線だけ
🚨 color を必ず指定する。Cocoonの既定h2は「色地＋白文字」なので、
背景だけ消すと白文字が白地に消える（2026-08-17に踏んだ） */
.entry-content h2{
font-size:1.2em;line-height:1.6;font-weight:700;
margin:3.2em 0 1.2em;padding:0 0 .5em;
background:none;border:none;
border-bottom:1px solid #ddd;
color:#1a1a1a
}
/* --- 余計なものを消す --- */
.main{border:none;box-shadow:none}
.author-info{display:none} /* 書き手は1人。設定では消えないのでCSSで */
.related-entries{border-top:1px solid #eee;padding-top:2em;margin-top:4em}
.related-entry-heading{font-size:1em;font-weight:700;color:#555}
/* --- モバイル下部メニュー：キーカラーの面塗りをやめる --- */
.mobile-menu-buttons{background-color:#fff;border-top:1px solid #e5e5e5}
.mobile-menu-buttons .menu-button,
.mobile-menu-buttons .menu-button-in,
.mobile-menu-buttons .menu-button a{background-color:#fff !important;color:#555 !important}
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption{color:#555 !important}
/* --- カテゴリ表示を消す（日記なのでカテゴリを使わない・「Uncategorized」がノイズ） --- */
.cat-label,
.entry-category,
.eye-catch-label{display:none !important}
/* --- アイキャッチは記事内でも16:9に固定 ---
本人指定（2026-08-17）「記事内で16:9にして、無駄な縦幅とりたくない」
🚨 CSSで切るので、4:3のまま上げた過去の画像もそろう。上げ直し不要 */
.eye-catch img,
.eye-catch-wrap img{
aspect-ratio:16/9;
object-fit:cover;
width:100%;
height:auto;
display:block
}
/* --- 記事下のプロフィール（誰が書いているかを毎回示す・2026-08-17） --- */
.oji-profile{
max-width:36em;margin:4em auto 0;padding:1.6em 0 0;
border-top:1px solid #e5e5e5;
font-size:.92em;line-height:1.85;color:#555
}
.oji-profile__name{font-weight:700;color:#1a1a1a;margin:0 0 .5em}
.oji-profile p{margin:0 0 .8em}
.oji-profile__links{margin-top:1.2em}
.oji-profile__links a{
display:inline-block;margin-right:1.4em;
color:#1a1a1a;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px
}
.oji-profile__links a:hover{border-bottom-color:#1a1a1a}
/* --- モバイル下部メニュー：サイドバーを消したので「サイドバー」ボタンも隠す --- */
.mobile-menu-buttons .sidebar-menu-button{display:none}
/* --- モバイル調整（2026-08-17） --- */
@media screen and (max-width:834px){
.entry-title{font-size:1.38em}
.mobile-menu-buttons .menu-icon{display:none !important}
.mobile-menu-buttons .menu-caption{font-size:.86em;line-height:1}
.mobile-menu-buttons .menu-button-in{padding:.9em 0}
}
.entry-title{font-variant-east-asian:proportional-width;text-indent:-.3em;padding-left:0;padding-right:0}
/* 商品カード（楽天アフィリエイト） 2026-08-17 */
.oji-link{margin:2.4em 0 0}
.oji-item{display:flex;align-items:center;gap:1em;margin:0 0 1em;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;text-decoration:none;color:#1a1a1a}
.oji-item__img{flex:0 0 140px;width:140px;height:140px;display:block}
.oji-item__img img{width:100%;height:100%;object-fit:contain;display:block;margin:0;padding:0;border:0}
.oji-item__txt{padding:.6em 1em .6em 0;line-height:1.55}
.oji-item__txt strong{display:block;font-size:1.02em}
.oji-item__txt em{font-style:normal;color:#888;font-size:.88em}
.oji-item:hover{border-color:#bbb;background:#fafafa;color:#1a1a1a}
.oji-item:hover strong{color:#1a1a1a}
.oji-item:hover em{color:#888}
.oji-pr{font-size:.8em;color:#888;margin:-.6em 0 2.4em}
/* プロフィール欄のレイアウト（旧: PROFILE_HTMLのインライン指定を共通化・2026-08-18） */
.oji-profile{display:flex;gap:1.1em;align-items:flex-start}
.oji-profile__photo{width:clamp(96px,26vw,156px);aspect-ratio:1;flex:0 0 auto;border-radius:50%;object-fit:cover;margin:0}
.oji-profile__body{flex:1 1 0;min-width:0}
\n/* --- フッターはクレジットだけにする（本人指定・2026-08-18「(C)2026 オジ300 だけにして」） ---\n Cocoonにロゴを消す設定は無い（表示タイプを変えてもロゴは残る）のでCSSで消す */\n.footer-bottom-logo{display:none}\n.footer .copyright{text-align:center}\n
/* カテゴリのラベルが記事上部に残っていたので消す（日記なのでカテゴリを使わない） */
.entry-categories,.entry-categories-tags,.category-link,.eyecatch-caption{display:none !important}
/* ================================
** ヘッダーのブランド（2026-08-18・本人がFigmaで作成）
** [ 296 ][ 日｜50代オジが / HYROX世界大会に / 出場までの300日 ] ナビ
** 数字＝Oswald Bold のテキスト（毎日変わる）／それ以外＝SVG
** ================================ */
@font-face{
font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;
src:url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUZiZSSUhiCXAA.woff2) format('woff2');
}
/* PCは「ブランド ／ ナビ」を横1行に。#header と #navi は兄弟 */
#header-container-in{
display:flex;align-items:center;justify-content:space-between;gap:24px;
max-width:1156px;margin:0 auto;padding:0 16px
}
#header-container-in > #header{flex:0 1 auto;width:auto!important;min-width:0;max-width:none!important}
#header-container-in > #navi{flex:0 0 auto;width:auto!important;min-width:0;max-width:none!important;border:none;background:none}
#header-in .oji-brand{width:fit-content}
#header-in{
display:block;padding:10px 0;margin:0;
min-height:0!important;height:auto!important;max-width:none
}
#header-in .tagline{display:none!important}
.oji-brand-on #header-in .logo-header{
position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap
}
.oji-brand{
display:flex;align-items:flex-end;gap:5px;
color:#1a1a1a;text-decoration:none;line-height:1
}
.oji-brand__num{
font-family:'Oswald',sans-serif;font-weight:700;
font-size:84px;line-height:.82;letter-spacing:-.05em; /* OGPの数字と同じ字間（-10px/200px） */
font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1
}
.oji-brand__tail{display:block;height:67px;width:200px;
background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgwIiBoZWlnaHQ9Ijk0IiB2aWV3Qm94PSIwIDAgMjgwIDk0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzIuNCA5NEgyNC45VjkyLjVINy42Vjk0SDBWNTUuNUgzMi40Vjk0Wk03LjYgODUuN0gyNC45Vjc3LjNINy42Vjg1LjdaTTcuNiA3MC41SDI0LjlWNjIuNEg3LjZWNzAuNVoiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBkPSJNNDEuNyA5NEg0MC4xVjBINDEuN1Y5NFoiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBkPSJNODYgNzIuNEg4OC40Vjc1LjlIODZWODIuN0M4Ni44IDgyLjMgODguNSA4MS40IDg4LjUgODEuNFY4MS43Qzg4LjUgODEuNyA5MC41IDgwLjkgOTEuOCA3OS4zSDg4LjlWNzYuNUgxMDUuN1Y3OS4zSDk1LjNMOTQuNCA4MC40SDEwNS4yQzEwNS4yIDkwLjggMTA0LjkgOTAuOCA5OS41IDkxLjFMOTguNiA4Ny44SDk5QzEwMS44IDg3LjggMTAxLjggODcuNyAxMDEuOSA4My4xSDEwMS4zQzk5LjkgODYuMyA5OCA4OS4xIDk0LjggOTEuMkw5Mi42IDg4LjVDOTUuMiA4NyA5Ni45IDg1LjMgOTguMSA4My4xSDk2LjZDOTUuNCA4NS4zIDkzLjEgODcuMyA5MC44IDg4LjhMODguOSA4NS45QzkwLjUgODUuMyA5Mi4yIDg0LjMgOTMuMyA4My4xSDkxLjhDOTAuOSA4My45IDg5LjggODQuNyA4OS44IDg0LjdMODguNSA4Mi4yVjg1LjJDODQuNiA4Ny41IDgwLjEgODguNiA4MC4xIDg4LjZMNzkuNSA4NC43Qzc5LjUgODQuNyA4MC43IDg0LjQgODIuNSA4My45Vjc1LjlIODAuMVY3Mi40SDgyLjVWNjUuN0g4NlY3Mi40WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik02NS4xIDczLjRINzEuM1Y2Ny4xSDc0LjhWNzYuOUg2NS4xVjg2SDcyLjNWNzguOEg3NS44VjkxLjFINzIuM1Y4OS41SDU0LjVWOTEuMUg1MVY3OC44SDU0LjVWODZINjEuNlY3Ni45SDUyVjY3LjFINTUuNVY3My40SDYxLjZWNjQuOUg2NS4xVjczLjRaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNzkgOTEuMUgyNzUuM1Y4OS41SDI2MC42VjkxLjFIMjU2LjlWNjUuNUgyNzlWOTEuMVpNMjYwLjYgODUuOEgyNzUuM1Y3OS4xSDI2MC42Vjg1LjhaTTI2MC42IDc1LjVIMjc1LjNWNjkuMkgyNjAuNlY3NS41WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTI1LjYgNjguMkgxMzMuNlY3MS41SDEyNS42VjczLjlIMTMzLjZWNzcuMkgxMjUuNlY4MC40QzEyOS4xIDgxLjUgMTMyIDgzLjIgMTMzLjggODQuM1Y4OC41QzEzMS44IDg3LjIgMTI4LjggODUuNCAxMjUuNiA4NC4xVjg0LjFDMTI1LjYgODkuNSAxMjEuNSA5MC44IDExNy44IDkwLjhDMTEzLjIgOTAuOCAxMTAuMiA4OC42IDExMC4yIDg0LjlDMTEwLjIgODEuNyAxMTIuNyA3OS4xIDExOC41IDc5LjFDMTE5LjYgNzkuMSAxMjAuNiA3OS4yIDEyMS43IDc5LjRWNzcuMkgxMTAuMlY3My45SDEyMS43VjcxLjVIMTEwLjJWNjguMkgxMjEuN1Y2NS42SDEyNS42VjY4LjJaTTExOC4xIDgyLjRDMTE1LjIgODIuNCAxMTMuOSA4My41IDExMy45IDg0LjlDMTEzLjkgODYuMyAxMTUuMyA4Ny4zIDExNy42IDg3LjNDMTIwLjUgODcuMyAxMjEuNyA4Ni4yIDEyMS43IDgzLjJWODIuOEMxMjAuNSA4Mi42IDExOS4zIDgyLjQgMTE4LjEgODIuNFoiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBkPSJNMTYxLjMgNzAuOUwxNTguNCA3MS4xQzE1MyA3MS40IDE0Ny4yIDc1LjUgMTQ3LjIgODBDMTQ3LjIgODUuMSAxNTIuNSA4Ni40IDE1OC43IDg2LjRWOTAuM0gxNTcuOEMxNDguMyA5MC4zIDE0My4zIDg2LjUgMTQzLjMgODAuNEMxNDMuMyA3Ni40IDE0NS44IDczLjEgMTQ4LjkgNzEuMUwxMzcuMyA3MS41VjY3LjdMMTYxLjMgNjcuMlY3MC45WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTc5LjEgNjYuNkMxODYuNyA2Ni42IDE5MSA3MS40IDE5MSA3Ny44QzE5MSA4Ni41IDE4NS4xIDkwIDE3OC44IDkwLjNWODYuNkMxODMgODYuMSAxODcuMSA4My43IDE4Ny4xIDc3LjZDMTg3LjEgNzQuMSAxODUuMSA3MS4yIDE4MSA3MC40QzE4MC4xIDc3LjIgMTc4LjcgODMuMSAxNzYuNSA4Ni40QzE3NS4yIDg4LjYgMTczLjQgODkgMTcyLjEgODlDMTY5LjIgODkgMTY1LjggODUuNyAxNjUuOCA3OS45QzE2NS44IDcyLjYgMTcxLjEgNjYuNiAxNzkuMSA2Ni42Wk0xNzcuMiA3MC4zQzE3Mi4zIDcxIDE2OS41IDc1LjMgMTY5LjUgNzkuOUMxNjkuNSA4My4xIDE3MS4xIDg1LjEgMTcyIDg1LjFDMTcyLjcgODUuMSAxNzMuNCA4NC42IDE3NC4zIDgyLjVDMTc1LjYgNzkuNiAxNzYuNyA3NC41IDE3Ny4yIDcwLjNaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTIwMi44IDY1LjZDMjA3LjQgNjUuNiAyMTAuMyA2OCAyMTAuMyA3MS41QzIxMC4zIDc0LjMgMjA4LjYgNzYuMiAyMDYuMSA3Ni43QzIwOC43IDc3LjEgMjExIDc5IDIxMSA4Mi42QzIxMSA4Ni44IDIwOC4yIDg5LjUgMjAyLjQgODkuNUMxOTcuOCA4OS41IDE5NSA4Ny40IDE5NC4xIDg0TDE5Ny44IDgyLjVDMTk4LjMgODQuNyAyMDAuMiA4NS45IDIwMi40IDg1LjlDMjA0LjcgODUuOSAyMDYuOCA4NC42IDIwNi44IDgyLjVDMjA2LjggODAuMiAyMDUuMiA3OC44IDIwMi4yIDc4LjhIMTk5LjRWNzUuMkgyMDEuOEMyMDQuMSA3NS4yIDIwNiA3My45IDIwNiA3Mi4xQzIwNiA3MC4yIDIwNC42IDY5LjEgMjAyLjYgNjkuMUMyMDAuNCA2OS4xIDE5OSA3MC40IDE5OC43IDcyLjFMMTk1IDcwLjlDMTk1LjYgNjguMSAxOTguMSA2NS42IDIwMi44IDY1LjZaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjMuMiA2NS42QzIyOS4xIDY1LjYgMjMxLjggNzAuNyAyMzEuOCA3Ny41QzIzMS44IDg0LjcgMjI5LjEgODkuNSAyMjMuMiA4OS41QzIxNy4yIDg5LjUgMjE0LjYgODUgMjE0LjYgNzcuNUMyMTQuNiA3MC44IDIxNy4yIDY1LjYgMjIzLjIgNjUuNlpNMjIzLjIgNjkuM0MyMjAuMyA2OS4zIDIxOC45IDcyLjYgMjE4LjkgNzcuNUMyMTguOSA4Mi43IDIyMC4zIDg1LjggMjIzLjIgODUuOEMyMjYgODUuOCAyMjcuNSA4Mi43IDIyNy41IDc3LjVDMjI3LjUgNzIuNyAyMjYgNjkuMyAyMjMuMiA2OS4zWiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQzLjMgNjUuNkMyNDkuMiA2NS42IDI1MS45IDcwLjcgMjUxLjkgNzcuNUMyNTEuOSA4NC43IDI0OS4yIDg5LjUgMjQzLjMgODkuNUMyMzcuNCA4OS41IDIzNC43IDg1IDIzNC43IDc3LjVDMjM0LjcgNzAuOCAyMzcuNCA2NS42IDI0My4zIDY1LjZaTTI0My4zIDY5LjNDMjQwLjQgNjkuMyAyMzkgNzIuNiAyMzkgNzcuNUMyMzkgODIuNyAyNDAuNCA4NS44IDI0My4zIDg1LjhDMjQ2LjEgODUuOCAyNDcuNiA4Mi43IDI0Ny42IDc3LjVDMjQ3LjYgNzIuNyAyNDYuMiA2OS4zIDI0My4zIDY5LjNaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTE1Ny45IDc3SDE1NS40VjcyLjhIMTU3LjlWNzdaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTE2MS41IDc3SDE1OS4xVjcyLjhIMTYxLjVWNzdaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMDQuNyA3NS41SDkwLjFWNjUuNUgxMDQuN1Y3NS41Wk05My42IDcyLjlIMTAxLjJWNzEuNkg5My42VjcyLjlaTTkzLjYgNjkuM0gxMDEuMlY2OC4ySDkzLjZWNjkuM1oiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5OC44IDQ1LjhIMTk0LjFDMTk1LjkgNDcuMSAxOTguMiA0OC4xIDIwMS4yIDQ4LjhMMTk5LjQgNTIuNUMxOTcuOCA1MS44IDE5Ni4zIDUxLjEgMTk1LjEgNTAuMlY1OS4xSDE5MS43VjQ5LjNIMTkzLjdDMTkyLjIgNDggMTkxLjEgNDcgMTkwLjEgNDUuOEgxODYuNEMxODUuOCA0Ni43IDE4NC41IDQ4LjEgMTgyLjkgNDkuM0gxODUuMUMxODUuMSA1My42IDE4NC42IDU2LjggMTgwLjIgNTkuMkwxNzcuNyA1Ni4yQzE4MS4xIDU0LjUgMTgxLjcgNTMuMiAxODEuNyA1MC4xQzE4MC4yIDUxLjMgMTc4LjkgNTIgMTc3LjIgNTIuN0wxNzUuNCA0OUMxNzguMiA0OC40IDE4MC40IDQ3LjQgMTgyLjQgNDUuOEgxNzcuOFYzMy4ySDE5OC44VjQ1LjhaTTE4MS4yIDQyLjlIMTg2LjRWNDAuN0gxODEuMlY0Mi45Wk0xODkuOCA0Mi45SDE5NS40VjQwLjdIMTg5LjhWNDIuOVpNMTgxLjIgMzguMUgxODYuNFYzNi4xSDE4MS4yVjM4LjFaTTE4OS44IDM4LjFIMTk1LjRWMzYuMUgxODkuOFYzOC4xWiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0yMTYuNSAzOS4xSDIyNi42VjQyLjlIMjE2LjlDMjE4LjQgNDkgMjIyLjYgNTMuMyAyMjcuMyA1NS42TDIyNS4yIDU5LjFDMjIwLjUgNTYuNSAyMTcuMSA1Mi43IDIxNC45IDQ3LjRDMjEzIDUyLjQgMjEwIDU2LjMgMjA0LjQgNTkuMUwyMDIgNTUuNkMyMDkgNTIuNyAyMTEuNyA0Ny45IDIxMi43IDQyLjlIMjAyLjdWMzkuMUgyMTNWMzIuNEgyMTYuNVYzOS4xWiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUzLjQgNDkuN0gyNDcuOUMyNDkuOCA1MS42IDI1MS43IDUzLjggMjUzLjcgNTYuNEwyNTAuOCA1OS4xQzI1MC4xIDU4LjIgMjQ5LjQgNTcuMiAyNDguNyA1Ni40QzI0Mi44IDU3LjQgMjM3LjUgNTggMjMwLjggNTguM0wyMzAgNTQuM0MyMzEuMSA1NC4zIDIzMi4xIDU0LjMgMjMzLjEgNTQuM0MyMzQuNCA1MyAyMzUuNyA1MS40IDIzNi44IDQ5LjdIMjI5LjhWNDYuMUgyNTMuNFY0OS43Wk0yNDEuMSA0OS43QzI0MC4xIDUxLjQgMjM5LjEgNTIuOSAyMzcuNyA1NC4xQzI0MC43IDU0IDI0NC4zIDUzLjYgMjQ2LjUgNTMuNEMyNDUuOSA1Mi42IDI0NS4zIDUxLjkgMjQ0LjYgNTEuMUwyNDYuOCA0OS43SDI0MS4xWiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYyLjEgMzguNUgxNjYuMlYzMi40SDE2OS45VjM4LjVIMTczLjdWNDEuOUgxNjkuOVY1MC43SDE1OC40VjQxLjlIMTU1VjUzLjZIMTczVjU3LjJIMTU1VjU5LjFIMTUxLjJWNDEuOUgxNDguM1YzOC41SDE1MS4yVjMzLjJIMTU1VjM4LjVIMTU4LjRWMzIuNEgxNjIuMVYzOC41Wk0xNjIuMSA0Ny4ySDE2Ni4yVjQxLjlIMTYyLjFWNDcuMloiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBkPSJNMjYyLjUgMzMuNkMyNjIuMSAzOC45IDI2MS43IDQ0IDI2MS43IDQ5LjVDMjYxLjcgNTIuMyAyNjEuOCA1NS4yIDI2MS45IDU4LjRIMjU4LjJDMjU4IDU1LjQgMjU4IDUyLjUgMjU4IDQ5LjZDMjU4IDQ0LjEgMjU4LjMgMzguOCAyNTguNyAzMy42SDI2Mi41WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0yNzAuNiA0NC4zQzI2OC44IDQ2LjIgMjY3LjMgNDguNCAyNjcuMyA1MC42QzI2Ny4zIDUyLjggMjY5LjUgNTMuNyAyNzMuMyA1My43QzI3NS43IDUzLjcgMjc4LjIgNTMuMyAyODAgNTIuOVY1Ni45QzI3OC4xIDU3LjMgMjc1LjUgNTcuNiAyNzMuMyA1Ny42QzI2NyA1Ny42IDI2My42IDU1LjQgMjYzLjYgNTFDMjYzLjYgNDguMyAyNjUgNDUuOCAyNjYuMiA0NC4zSDI3MC42WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTE4LjYgMzMuMkMxMjQuNyAzMy4yIDEyOC40IDM4LjMgMTI4LjQgNDUuM0MxMjguNCA1Mi41IDEyNC43IDU3LjUgMTE4LjYgNTcuNUMxMTIuNSA1Ny41IDEwOC44IDUyLjUgMTA4LjggNDUuM0MxMDguOCAzOC4zIDExMi41IDMzLjIgMTE4LjYgMzMuMlpNMTE4LjYgMzdDMTE1LjUgMzcgMTEzIDQwLjIgMTEzIDQ1LjNDMTEzIDUwLjQgMTE1LjMgNTMuNyAxMTguNiA1My43QzEyMS44IDUzLjcgMTI0LjIgNTAuNCAxMjQuMiA0NS4zQzEyNC4yIDQwLjIgMTIxLjkgMzcgMTE4LjYgMzdaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTU1LjcgNDMuMUg2NC40VjMzLjhINjguNlY1Ni45SDY0LjRWNDYuOEg1NS43VjU2LjlINTEuNVYzMy44SDU1LjdWNDMuMVoiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBkPSJNNzkuOCA0NC42TDg0LjggMzMuOEg4OUw4MS45IDQ4LjhWNTYuOUg3Ny43VjQ4LjhMNzAuNiAzMy44SDc0LjlMNzkuOCA0NC42WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOTkuMiAzMy44QzEwMy4zIDMzLjggMTA2LjIgMzYuMyAxMDYuMiA0MC40QzEwNi4yIDQ0LjIgMTA0LjYgNDYuMSAxMDIuMyA0Ni45TDEwNy43IDU2LjlIMTAyLjhMOTguNCA0Ny42SDk0LjVWNTYuOUg5MC40VjMzLjhIOTkuMlpNOTQuNSA0NC4ySDk4LjVDMTAwLjYgNDQuMiAxMDIgNDIuOSAxMDIgNDAuN0MxMDIgMzguNiAxMDAuNSAzNy41IDk4LjQgMzcuNUg5NC41VjQ0LjJaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTEzOC4yIDQxLjVMMTQyLjMgMzMuOEgxNDYuOUwxNDAuNSA0NC45TDE0Ny4zIDU2LjlIMTQyLjZMMTM4LjEgNDguN0wxMzMuNiA1Ni45SDEyOS4xTDEzNS44IDQ1LjFMMTI5LjQgMzMuOEgxMzRMMTM4LjIgNDEuNVoiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNiAzOS43SDE0LjZWNDIuMUg3LjZWNDIuN0M3LjkgNDIuNiA4LjMgNDIuNiA4LjcgNDIuNkMxMy40IDQyLjYgMTUuMSA0NC45IDE1LjEgNDcuNEMxNS4xIDUxLjMgMTIuMiA1Mi42IDguMyA1Mi42VjUwLjJMOC4zIDUwLjNDNy4yIDUxLjQgNS45IDUyLjIgNC4zIDUyLjJDMi43IDUyLjIgMS4xIDUxLjEgMS4xIDQ4LjRDMS4xIDQ2LjUgMi4yIDQ0LjMgNSA0My4yQzUgNDIuOSA1IDQyLjUgNSA0Mi4ySDEuNlYzOS43SDVWMzguNEg3LjZWMzkuN1pNMTEuMyA0NS40QzEwLjcgNDYuOSA5LjggNDguNyA4LjUgNTAuMUMxMC45IDQ5LjkgMTIuNCA0OS4xIDEyLjQgNDcuM0MxMi40IDQ2LjQgMTIgNDUuOCAxMS4zIDQ1LjRaTTUuMSA0NS43QzQuMiA0Ni4zIDMuNiA0Ny4yIDMuNiA0OC40QzMuNiA0OS4yIDQgNDkuNiA0LjYgNDkuNkM0LjkgNDkuNiA1LjMgNDkuNCA1LjcgNDkuMkM1LjQgNDguMyA1LjIgNDcuMiA1LjEgNDUuN1pNOC41IDQ0LjhDOC4yIDQ0LjggNy45IDQ0LjggNy42IDQ0LjhDNy42IDQ1LjkgNy43IDQ2LjcgNy43IDQ3LjRDOC4yIDQ2LjYgOC42IDQ1LjggOSA0NC44QzguOSA0NC44IDguNyA0NC44IDguNSA0NC44WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0yNS4xIDQyQzI3IDQxLjcgMjguOSA0MS42IDMwLjcgNDEuNVY0NC4yQzI1LjEgNDQuMiAyMC42IDQ1LjQgMjAuNiA0Ny42QzIwLjYgNDkuMSAyMi4zIDQ5LjggMjUuMiA0OS44QzI3IDQ5LjggMjguOSA0OS41IDMwLjggNDkuMlY1MkMyOS4zIDUyLjIgMjcuNSA1Mi40IDI1LjEgNTIuNEgyNUMxOS41IDUyLjQgMTcuNiA1MC4zIDE3LjYgNDcuOEMxNy42IDQ1LjIgMTkuNiA0My42IDIyLjMgNDIuN0MyMi4yIDQxLjYgMjEuOSAzOC42IDIxLjkgMzguNkgyNC44QzI0LjggMzguNiAyNSA0MC43IDI1LjEgNDJaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNDMuNyAzMi43QzI0Ni43IDM2IDI1MC4xIDM4LjEgMjU0LjUgMzkuNUwyNTIuOCA0My41QzI1MS4xIDQyLjggMjQ5LjYgNDIuMSAyNDguMiA0MS4zVjQ0SDIzNS4yVjQxLjJDMjMzLjggNDIuMSAyMzIuMyA0Mi44IDIzMC41IDQzLjVMMjI4LjggMzkuNUMyMzMuMiAzOC4xIDIzNi42IDM2IDIzOS42IDMyLjdIMjQzLjdaTTI0MS43IDM2QzIzOS45IDM3LjggMjM4LjIgMzkuMyAyMzYuMyA0MC41SDI0N0MyNDUuMSAzOS4zIDI0My40IDM3LjggMjQxLjcgMzZaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTI3OS40IDM5LjVIMjY0LjhWMzUuN0gyNzkuNFYzOS41WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xMDYuNiAwQzEwNi43IDIuNyAxMDcgNS42IDEwNy4zIDguNUwxMTUuOSA3LjRMMTE2LjMgMTEuMUwxMDcuOSAxMi4yQzEwOS4yIDE4LjQgMTExLjYgMjEuNyAxMTIuNCAyMS43QzExMyAyMS43IDExMy42IDIwLjYgMTE0LjQgMTcuN0wxMTcuMSAyMS4yQzExNS41IDI0LjkgMTEzLjkgMjYuMyAxMTIuNCAyNi4zQzEwOC45IDI2LjMgMTA1LjQgMTguNyAxMDQuMyAxMi43TDk4LjkgMTMuNEw5OC41IDkuN0wxMDMuNiA5QzEwMy4zIDYuMiAxMDMuMSAzLjIgMTAzIDBIMTA2LjZaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTEwMC43IDEuMUM5OS45IDMuNyA5OC44IDYgOTcuOCA3LjhWMjYuM0g5NC4yVjEyLjJDOTMuMiAxMy4xIDkyLjQgMTMuOCA5MS43IDE0LjNMOTAuNiA5LjhDOTIuOSA4IDk1LjcgNC4zIDk3IDBMMTAwLjcgMS4xWiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xNDAuNSA1LjJIMTQ1LjRWOC45SDE0MC41VjI1LjlIMTM2LjVWOC45SDEzNS4yQzEzMyAxNi45IDEyNy42IDIyLjkgMTIwLjggMjUuMlYyMS4yQzEyNS44IDE4LjggMTI5LjMgMTQuNyAxMzEuMSA4LjlIMTIxVjUuMkgxMzYuNVYwLjhIMTQwLjVWNS4yWiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xODguOSAxQzE4OC43IDIuNiAxODguNSA0LjEgMTg4LjIgNS42SDE5MUMxOTUuOCA1LjYgMTk3LjkgNi42IDE5Ny45IDEzLjZDMTk3LjkgMjIuNiAxOTYgMjUuNiAxOTEgMjUuNkMxODkuNCAyNS42IDE4Ny42IDI1LjIgMTg2LjYgMjQuOFYyMUMxODcuNiAyMS40IDE4OS4zIDIxLjkgMTkwLjUgMjEuOUMxOTMuMSAyMS45IDE5NCAxOS4xIDE5NCAxMy42QzE5NCA5LjkgMTkzLjQgOS4xIDE5MC43IDkuMUgxODcuNkMxODYuNCAxNSAxODQuOSAyMC41IDE4My4xIDI1LjVIMTc4LjdDMTgxIDIwLjQgMTgyLjYgMTQuOSAxODMuNyA5LjFIMTc4LjhWNS42SDE4NC4zQzE4NC42IDQgMTg0LjcgMi41IDE4NC45IDFIMTg4LjlaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTE3NC40IDUuOEMxNzMuMyAyMC4xIDE2NC43IDI1LjIgMTUxLjMgMjUuNFYyMS41QzE2My4zIDIxLjEgMTY5LjEgMTcgMTcwLjIgNS44SDE3NC40WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik02NS45IDVINTUuN0w1NS4xIDEwLjZMNTUuMSAxMC42QzU1LjkgOS42IDU3LjcgOC44IDU5LjcgOC44QzYzLjcgOC44IDY3LjQgMTEgNjcuNCAxNi42QzY3LjQgMjEuOCA2My44IDI0LjcgNTguOSAyNC43QzU0LjUgMjQuNyA1MS40IDIyLjUgNTAuNCAxOUw1NC40IDE3LjhDNTQuOSAxOS45IDU2LjggMjEgNTkgMjFDNjEuMSAyMSA2My4yIDE5LjYgNjMuMiAxNi42QzYzLjIgMTMuNCA2MS4xIDEyLjEgNTkgMTIuMUM1Ny4zIDEyLjEgNTUuNSAxMy4xIDU0LjkgMTQuNkw1MC45IDEzLjhMNTEuOSAxLjRINjUuOVY1WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzkgMC44Qzg1IDAuOCA4Ny42IDUuOSA4Ny42IDEyLjdDODcuNiAxOS44IDg1IDI0LjcgNzkgMjQuN0M3My4xIDI0LjcgNzAuNSAyMC4xIDcwLjUgMTIuN0M3MC41IDYgNzMuMSAwLjggNzkgMC44Wk03OSA0LjVDNzYuMiA0LjUgNzQuOCA3LjggNzQuOCAxMi43Qzc0LjggMTcuOCA3Ni4yIDIxIDc5IDIxQzgxLjkgMjEgODMuMyAxNy44IDgzLjMgMTIuN0M4My4zIDcuOSA4MS45IDQuNSA3OSA0LjVaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTIwMS45IDVDMjAzLjggOC41IDIwNC44IDEyLjcgMjA1LjIgMTYuNUgyMDEuM0MyMDAuOCAxMi40IDE5OS43IDguNiAxOTcuNiA1SDIwMS45WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xNTAuNyA5LjhDMTU0LjQgOS45IDE1OS40IDEwLjMgMTYzIDEwLjlWMTQuNkMxNTkuMiAxNC4xIDE1NC4yIDEzLjYgMTUwLjcgMTMuNVY5LjhaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTExMC45IDAuNEMxMTAuOSAwLjQgMTEzLjQgMi4xIDExNS41IDQuM0wxMTMuMiA2LjlDMTExLjIgNC43IDEwOC40IDIuNyAxMDguMyAyLjdMMTEwLjkgMC40WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xNTAuOSAxLjZDMTU0LjYgMS44IDE1OS41IDIuMiAxNjMuMyAyLjdWNi41QzE1OS42IDYgMTU0LjUgNS41IDE1MC45IDUuNFYxLjZaIiBmaWxsPSIjMWExYTFhIi8+PHBhdGggZD0iTTE3MC4zIDQuN0gxNjcuOVYwLjVIMTcwLjNWNC43WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xNzQgNC43SDE3MS41VjAuNUgxNzRWNC43WiIgZmlsbD0iIzFhMWExYSIvPjxwYXRoIGQ9Ik0xOTkuMiA0LjJIMTk2LjhWMC4ySDE5OS4yVjQuMloiIGZpbGw9IiMxYTFhMWEiLz48cGF0aCBkPSJNMjAyLjggNC4ySDIwMC40VjAuMkgyMDIuOFY0LjJaIiBmaWxsPSIjMWExYTFhIi8+PC9zdmc+") no-repeat left bottom/contain}
.oji-brand:hover{color:#1a1a1a;opacity:.75}
#navi .navi-in>ul{justify-content:flex-end}
#navi .navi-in>ul>li{width:auto}
#navi .navi-in>ul>li>a{padding:.6em .8em;font-size:.9em;color:#555;font-weight:400}
#navi .navi-in>ul>li>a:hover{background:none;color:#1a1a1a}
@media screen and (max-width:834px){
/* スマホ: ロゴを中央、メニューはその下（本人指定・2026-08-18） */
#header-container-in{flex-direction:column;align-items:center;gap:0;padding:0 14px}
#header-in{padding:11px 0 8px;width:100%}
#header-in .oji-brand{margin:0 auto}
.oji-brand__num{font-size:60px}
.oji-brand__tail{height:48px;width:143px}
/* Cocoonはモバイルでグローバルナビを隠すので、出し直す */
#header-container-in > #navi{display:block!important;width:100%!important;flex:0 0 auto}
#navi .navi-in{max-width:none}
#navi .navi-in>ul{display:flex!important;justify-content:center;flex-wrap:wrap}
#navi .navi-in>ul>li{width:auto;float:none}
#navi .navi-in>ul>li>a{padding:.55em .7em;font-size:.85em}
}
/* ===== トップの記事一覧（本人のFigma 368:61 / 368:105 準拠・2026-08-22） =====
ねらい: トップ511PVが記事に流れていない。カテゴリ表記を消し、抜粋を読ませ、
「Day1から読む」を黄色ボタンにして入口を1つに絞る。 */
/* 1) Uncategorized を消す（読者に英語の「未分類」が2か所見えていた） */
.entry-card .cat-label,
.entry-card .entry-card-categorys{display:none!important}
/* 2) 抜粋を読ませる。🚨 スマホでも出す（本人指定 B・2026-08-22）
Cocoonはモバイルで隠すので出し直し、行数でとめる */
.entry-card .entry-card-snippet{
display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden;
-webkit-line-clamp:3;color:#555;font-size:.92em;line-height:1.75;margin-top:.4em}
/* 3) カードの間を空ける */
.entry-card-wrap{margin-bottom:1.6em}
/* 4) 「Day1から読む」を黄色ボタンに。
🚨 Cocoonのナビは height:100% で縦いっぱいに伸びるので、
inline-block + line-height で高さを殺さないとバカでかいボタンになる（2026-08-22） */
#navi .navi-in>ul>li>a[href*="day000-intro"]{
display:inline-block;height:auto;line-height:1;
background:#ffed00;color:#111;font-weight:700;border-radius:6px;
padding:.6em 1em;margin:0 .3em}
#navi .navi-in>ul>li>a[href*="day000-intro"]:hover{background:#ffe600;color:#111}
#navi .navi-in>ul>li{display:flex;align-items:center}
/* 🚨 「Day1から読む」はナビの**右端**（本人指定・2026-08-22 / Figma 368:61・368:105）。
Cocoonのナビulは justify-content:center なので、左寄せに変えて
ボタンのliだけ margin-left:auto で右へ飛ばす。PC/SP共通。 */
/* 並びは「ホーム → オジについて → Day1から読む」。
🚨 メニューの実際の並びは ホーム→Day1→オジについて なので、order:99 で見た目だけ最後尾に回す。
🚨 PCで左寄せにすると**ロゴの下に潜って消える**（2026-08-22に踏んだ）。PCは右にまとめる。 */
#navi .navi-in>ul{justify-content:flex-end!important;align-items:center}
#navi .navi-in>ul>li:has(>a[href*="day000-intro"]){order:99}
@media screen and (max-width:834px){
/* 🚨 スマホは画像が上・文字が下に回り込む。Figmaは「画像左・文字右」なので横並びにする */
.entry-card-wrap .entry-card{display:flex;gap:.8em;align-items:flex-start}
/* サムネはもう少し大きく（本人指定・2026-08-22）。34%→42% */
.entry-card-wrap .entry-card-thumb{flex:0 0 42%;margin:0}
.entry-card-wrap .entry-card-content{flex:1 1 auto;margin:0;min-width:0}
.entry-card-wrap .entry-card-title{font-size:1em;line-height:1.5}
/* 🚨 スマホは抜粋を出さない（本人と確認・2026-08-22）。
文字欄が狭くて2行28文字ほどしか出ず、文の途中で切れて逆に伝わらない。
タイトルが十分に強いので、抜粋を消して**1画面に入る記事数を増やす**ほうが効く */
.entry-card .entry-card-snippet{display:none!important}
#navi .navi-in>ul>li>a[href*="day000-intro"]{padding:.5em .8em;font-size:.85em}
/* SPはロゴが上の行にあるので、左寄せ＋ボタンだけ右端でよい（Figma 368:105） */
#navi .navi-in>ul{justify-content:flex-start!important}
#navi .navi-in>ul>li:has(>a[href*="day000-intro"]){margin-left:auto}
}
/* ===== 一覧カードの「続きを読む」ボタン（本人指定・2026-08-22） =====
HTMLは触らず擬似要素で作る。
🚨 試して失敗した2つ:
・.entry-card-snippet::after → 抜粋は -webkit-line-clamp で行数を切っているので
擬似要素が行数計算に巻き込まれ、文字に重なる
・.entry-card-meta::before + width:100% → metaは幅が中身ぶんしかなく、
100%を当てると親を突き抜けてサムネイルに重なる
OK: テキスト欄を縦flexにして、::after を日付より前に並べる
order だけで位置が決まるので、幅も回り込みも計算不要 */
.entry-card .entry-card-content{display:flex;flex-direction:column}
.entry-card .entry-card-meta{order:1}
.entry-card .entry-card-content::after{
content:"続きを読む";
align-self:flex-start;
background:#111;color:#fff;font-weight:700;font-size:.9em;
padding:.5em 1.2em;border-radius:2px;letter-spacing:.02em;
margin:.6em 0 .2em}
.entry-card-wrap:hover .entry-card-content::after{background:#333}
@media screen and (max-width:834px){
/* スマホは文字欄が狭い（サムネ42%）。タイトル＋抜粋＋日付で手一杯なのでボタンは出さない。
カード全体が なので無くても押せる（本人と確認） */
.entry-card .entry-card-content::after{display:none}
}
/* --- 記事冒頭の固定リード（本人指定・2026-08-28） ---
通常のテキストより一回り小さく、丸写真つきのカードにする。
HTMLは scripts/post_article.py の wrap_lead() が出す（.oji-lead / __photo / __body） */
.oji-lead{
border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:1.1em 0;margin:1.4em auto 1.8em;
font-size:.88em;line-height:1.85;color:#333
}
.oji-lead__body p{margin:0}
@media screen and (max-width:480px){
.oji-lead{font-size:.80em;line-height:1.75}
}
/* --- PCだけ、右にサイドバーを出す（本人指定・2026-09-07） ---
記事もトップも Cocoonの #sidebar を使う。中身はウィジェット custom_html-2 ひとつだけ
（中身は scripts/post_article.py の profile_html() と同じHTML）。
🚨 本文HTMLの .oji-profile は PCでは display:none。スマホでは今までどおり本文の下に出す。
＝ 記事の書き換えは一切していない（profile_html() も refresh_profile.py もそのまま）
🚨 最初は .entry-content を Grid にして2列目へ送る形にしたが、サイドバーが本文の高さから始まり、
タイトルとカバー画像のぶん上に大きな空白ができた（本人指摘・2026-09-07）。
#sidebar を使えば main と横並びなので、タイトルと同じ高さから始まる
🚨 セレクタは #content-in（ID）。.content-in だと詳細度で負けて display:flex が効かない
🚨 POPULARのサムネは本文HTMLのインラインstyleが 128x72。インラインには !important でしか勝てない
🚨 ウィジェットの更新は REST の POST。PUT は ConoHa の WAF が403で弾く（2026-09-07 実測）
実測（1440px）: main 142..986（844）／本文 240..888（648・元のまま）／サイドバー x=1018・y=145 */
@media screen and (min-width:1080px){
/* 🚨 flex-wrap:nowrap を必ず書く。Cocoonが wrap にしているので、
書かないと main が100%のまま残ってサイドバーが下に落ちる（2026-09-07 トップで踏んだ） */
#content-in{display:flex;flex-wrap:nowrap;gap:0 32px;align-items:flex-start}
#content-in > main.main{width:auto;flex:1 1 auto;min-width:0}
#content-in > #sidebar{display:block;flex:0 0 280px;width:280px;padding:0;margin:0}
#sidebar .widget{margin:0}
#sidebar .oji-profile{
display:block;margin:0;padding:0;border-top:none;max-width:none;
font-size:.86em;line-height:1.7;position:sticky;top:24px
}
#sidebar .oji-profile__photo{width:88px;height:88px;margin:0 0 .9em}
#sidebar .oji-profile__links{margin-top:.9em}
/* 🚨 自己紹介と「よく読まれてる記事」を離す＋見出しを目立たせる（本人指定・2026-09-07）
どちらも本文HTMLのインラインstyleなので !important でしか勝てない */
#sidebar .oji-profile__popular{margin-top:2.4em!important}
#sidebar .oji-profile__popular > p:first-child{
margin:0 0 .9em!important;font-size:.95em!important;color:#1a1a1a!important;
font-weight:700!important;letter-spacing:.04em
}
/* 🚨 行間とカード間も広げる（本人指定・2026-09-07「行間も少し開けて」）
タイトルは本文HTMLに line-height:1.45 がインラインで入っているので !important */
#sidebar .oji-profile__popular a{gap:.6em!important;margin:0 0 1.05em!important}
/* 🚨 タイトルは2行で切る（本人指定・2026-09-07「２行表示で」）。
3行以上になるとカードの高さがバラつくため。あふれたぶんは … になる */
#sidebar .oji-profile__popular a > span:last-child{
line-height:1.7!important;
display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
#sidebar .oji-profile__popular a > span:first-child{
flex:0 0 84px!important;width:84px!important;height:48px!important
}
/* 本文の中のプロフィールはPCでは出さない（サイドバーと二重になるため） */
.article .entry-content > .oji-profile{display:none}
/* 🚨 PCでは本文の 36em 制限を外して、左カラムいっぱいに使う（本人指定・2026-09-07
「PCの記事ページの左カラムの左右余白が大きすぎです。余白や位置はホームと同じに」）。
→ 記事もトップも x=171 / 幅786px でそろう。スマホ側の 36em はそのまま */
.article .entry-content,
.article .entry-header,
.article .date-tags,
.article .footer-meta,
.under-entry-content,
.related-entries,
.comment-area,
.navi-footer,
.article #pager-post-navi{max-width:none;margin-left:0;margin-right:0}
}
/* --- 記事カードの要約は2行で切る（本人指定・2026-09-07） ---
🚨 Cocoonが .entry-card .entry-card-snippet{-webkit-line-clamp:3} を持っている（詳細度 0,2,0）。
.entry-card-snippet だけ（0,1,0）だと負けて3行のまま。必ず .entry-card を付ける
実測: 3行 87px → 2行 58px（2026-09-07） */
.entry-card .entry-card-snippet{-webkit-line-clamp:2}
/* --- 記事の中のカードリンク（本人指定・2026-09-07） ---
まとめ記事へ送る。本文の中盤と末尾の2か所に置く。
🚨 やり方は momonav に教わった（55記事で運用中・memory/reference-site.md）
🚨 PC/SPは 同じHTML＋@media だけで分ける。片方を display:none にしない（同じリンクが2回出る）
🚨 img に width/height 属性を書かない。属性が無ければ Cocoon に上書きされようがない
→ 2026-09-01 に踏んだ「本文中の img が幅0」は、属性を書き換えられる経路だった
🔥 末尾だけだと届かない。momonav の実測で 末尾のCTAは91%が到達前に離脱 */
.entry-content a.oji-card{
display:flex;align-items:center;gap:16px;padding:14px;margin:2.4em 0;
border:1px solid #e2e2e2;border-radius:10px;overflow:hidden;background:#fafafa;
text-decoration:none;color:inherit
}
.entry-content a.oji-card:hover{background:#f2f2f2;border-color:#ccc}
.entry-content a.oji-card > img{
display:block;width:38%;max-width:230px;height:auto;flex-shrink:0;
border:none;margin:0;border-radius:4px
}
.entry-content .oji-card__body{flex:1;min-width:0}
.entry-content .oji-card__label{
display:block;font-size:.72em;font-weight:700;letter-spacing:.06em;color:#888;margin-bottom:5px
}
.entry-content .oji-card__title{display:block;font-size:1.02em;font-weight:700;line-height:1.5;color:#1a1a1a}
.entry-content .oji-card__desc{display:block;font-size:.82em;line-height:1.6;color:#666;margin-top:7px}
@media screen and (max-width:639px){
.entry-content a.oji-card{flex-direction:column;align-items:stretch;gap:12px}
.entry-content a.oji-card > img{width:100%;max-width:none}
}