/* =========================================================
   木曜日のエプロン 一覧ページ・トップのスタイル（2026-09-19）
   ・ランキング記事（mokuep-article.css）と同じ調子にそろえる
   ・スコープ: ランキング一覧（固定ページID 11 = .page-id-11）
   ・読み込み: 子テーマ functions.php（is_page(11) のとき）
   ========================================================= */
.page-id-11{
  --mk-ink:#1A1A1A; --mk-text:#2D2D2D; --mk-muted:#6B6B6B;
  --mk-cream:#F5EFE7; --mk-cream-light:#FAF7F2; --mk-white:#FFFFFF;
  --mk-beige:#C9A985; --mk-beige-dark:#A88863; --mk-accent:#75582F; --mk-cta:#8B6B47;
  --mk-line:rgba(201,169,133,.32); --mk-border:0 0 0 1px rgba(201,169,133,.32);
  --mk-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --mk-en:"Cormorant Garamond","Times New Roman","Noto Serif JP",serif;
  --mk-sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","游ゴシック Medium",YuGothic,Meiryo,sans-serif;
}

/* ---- ページタイトル（記事と同じ見せ方） ---- */
.page-id-11 .l-mainContent__inner{max-width:680px;margin-left:auto;margin-right:auto}
.page-id-11 .c-pageTitle{border:none!important;text-align:center;padding:28px 0 0;margin:0 0 8px}
.page-id-11 .c-pageTitle::before{content:"REVIEW";display:block;font-family:var(--mk-en);font-size:11px;letter-spacing:.4em;color:var(--mk-accent);font-weight:500;margin-bottom:18px;padding-top:17px;background:linear-gradient(var(--mk-beige-dark),var(--mk-beige-dark)) top center/40px 1px no-repeat}
.page-id-11 .c-pageTitle__inner{display:block;width:100%;text-align:center;border:none!important;padding:0!important;font-family:var(--mk-serif);font-weight:600;font-size:23px;line-height:1.7;letter-spacing:.08em;color:var(--mk-ink)}
.page-id-11 .c-pageTitle__inner::after{display:none!important}
.page-id-11 .post_content{font-family:var(--mk-sans);font-size:15px;line-height:1.9;color:var(--mk-text);margin-top:0}

.page-id-11 .mkh-lead{margin:10px 0 0;text-align:center}
.page-id-11 .mkh-lead p{margin:0;font-size:14px;line-height:1.95;color:var(--mk-text)}

/* ---- 見出し ---- */
.page-id-11 .post_content h2.mkh-hd{margin:56px 0 0;padding:16px 18px;background:var(--mk-cream);border:none;border-radius:8px;font-family:var(--mk-serif);font-weight:600;font-size:19px;line-height:1.6;letter-spacing:.06em;color:var(--mk-ink)}
.page-id-11 .post_content h2.mkh-hd::before,.page-id-11 .post_content h2.mkh-hd::after{display:none}

/* ---- ランキングのカード ---- */
.page-id-11 .mkh-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}
.page-id-11 .mkh-card{display:block;background:var(--mk-white);box-shadow:var(--mk-border);border-radius:8px;overflow:hidden;color:inherit;text-decoration:none;transition:opacity .2s}
.page-id-11 .mkh-card:hover{opacity:.85}
.page-id-11 .mkh-card__img{background:var(--mk-cream-light);aspect-ratio:16/9;overflow:hidden}
.page-id-11 .mkh-card__img img{display:block;width:100%;height:100%;object-fit:cover}
.page-id-11 .mkh-card__img--contain{background:var(--mk-white)}
.page-id-11 .mkh-card__img--contain img{object-fit:contain}
.page-id-11 .mkh-card__body{padding:10px 12px 12px}
.page-id-11 .mkh-card__cat{margin:0;font-size:11px;letter-spacing:.1em;color:var(--mk-accent);line-height:1.7}
.page-id-11 .mkh-pr{display:inline-block;margin-left:8px;padding:0 7px;border:1px solid var(--mk-muted);border-radius:3px;font-size:11px;letter-spacing:.06em;color:var(--mk-text);line-height:1.6}
.page-id-11 .post_content .mkh-card h3{margin:6px 0 0;padding:0;border:none;background:none;font-family:var(--mk-serif);font-weight:600;font-size:14px;line-height:1.6;letter-spacing:.02em;color:var(--mk-ink)}
.page-id-11 .post_content .mkh-card h3::before,.page-id-11 .post_content .mkh-card h3::after{display:none}
.page-id-11 .mkh-card__meta{margin:6px 0 0;font-size:11px;letter-spacing:.06em;color:var(--mk-muted);line-height:1.7}

/* ---- ランキングの作り方 ---- */
.page-id-11 .mkh-policy{margin:24px 0 0;counter-reset:mkp}
.page-id-11 .mkh-policy__item{counter-increment:mkp;position:relative;padding:18px 0 18px 44px;border-top:1px solid var(--mk-line)}
.page-id-11 .mkh-policy__item:last-child{border-bottom:1px solid var(--mk-line)}
.page-id-11 .mkh-policy__item::before{content:counter(mkp,decimal-leading-zero);position:absolute;left:2px;top:17px;font-family:var(--mk-en);font-size:19px;letter-spacing:.04em;color:var(--mk-accent);line-height:1.5}
.page-id-11 .mkh-policy__item .t{margin:0;font-weight:600;font-size:15px;line-height:1.7;color:var(--mk-ink)}
.page-id-11 .mkh-policy__item .d{margin:4px 0 0;font-size:14px;line-height:1.85;color:var(--mk-text)}

/* ---- カテゴリ ---- */
/* ---- カテゴリから探す（マイベスト型のタイル・2026-09-19） ---- */
.page-id-11 .post_content ul.mkh-cats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:20px 0 0;padding:0;border:none}
.page-id-11 .post_content ul.mkh-cats li{margin:0;padding:0;border:none}
.page-id-11 .post_content ul.mkh-cats li::before{display:none}
.page-id-11 .mkh-cat{display:flex;gap:10px;align-items:flex-start;padding:12px 6px;border-radius:8px;color:inherit;text-decoration:none;transition:background .2s}
.page-id-11 a.mkh-cat:hover{background:var(--mk-cream-light)}
.page-id-11 .mkh-cat .ic{flex:0 0 30px;width:30px;height:30px;margin-top:2px;background:var(--mk-accent);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.page-id-11 .mkh-cat .tx{display:block;min-width:0}
.page-id-11 .mkh-cat .n{display:block;font-weight:600;font-size:14px;color:var(--mk-ink);line-height:1.5}
.page-id-11 .mkh-cat .d{display:block;margin-top:2px;font-size:11.5px;color:var(--mk-muted);line-height:1.6}
.page-id-11 .mkh-cat .s{display:inline-block;margin-left:6px;padding:0 6px;border-radius:9999px;background:var(--mk-cream);font-size:10px;font-weight:400;letter-spacing:.06em;color:var(--mk-muted);line-height:1.8;vertical-align:1px}
.page-id-11 .mkh-cat.is-soon .ic{background:var(--mk-beige)}
.page-id-11 .mkh-cat.is-soon .n{color:var(--mk-muted)}
/* 絞り込み（押したカテゴリの記事だけ表示。JSは functions.php） */
.page-id-11 #mkh-list{scroll-margin-top:90px}
.page-id-11 .mkh-card[hidden]{display:none}
.page-id-11 .mkh-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 -8px;padding:10px 14px;background:var(--mk-cream-light);border-radius:8px;font-size:13px;color:var(--mk-text)}
.page-id-11 .mkh-filter[hidden]{display:none}
.page-id-11 .mkh-filter button{flex:none;padding:4px 12px;border:1px solid var(--mk-cta);border-radius:9999px;background:var(--mk-white);font-size:12px;color:var(--mk-cta);cursor:pointer}
.page-id-11 .ic-kitchen{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3z'/%3E%3Cpath d='M2 10h20M9 7h6M12 7V5'/%3E%3C/svg%3E")}
.page-id-11 .ic-clean{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Ccircle cx='12' cy='13.5' r='4.5'/%3E%3Cpath d='M4 7h16M7.5 5h.01M10 5h.01'/%3E%3C/svg%3E")}
.page-id-11 .ic-kids{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7.5'/%3E%3Cpath d='M9.5 12h.01M14.5 12h.01M9.5 15.5a3 3 0 0 0 5 0M12 5.5c0-1.8 1.4-2.5 2.8-2'/%3E%3C/svg%3E")}
.page-id-11 .ic-recipe{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M10 9.2v5.6l4.6-2.8z'/%3E%3C/svg%3E")}
.page-id-11 .ic-money{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18M7 14.5h3'/%3E%3C/svg%3E")}
.page-id-11 .ic-storage{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-4 9 4v9l-9 4-9-4z'/%3E%3Cpath d='M3 8l9 4 9-4M12 12v9'/%3E%3C/svg%3E")}
.page-id-11 .ic-food{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E")}

@media (min-width:641px){
  .page-id-11 .c-pageTitle__inner{font-size:28px}
  .page-id-11 .post_content{font-size:16px}
  .page-id-11 .mkh-lead p{font-size:15px}
  .page-id-11 .mkh-cards{gap:20px}
  .page-id-11 .post_content ul.mkh-cats{grid-template-columns:repeat(3,1fr);gap:8px 14px}
  .page-id-11 .mkh-cat .n{font-size:15px}
  .page-id-11 .mkh-cat .d{font-size:12px}
  .page-id-11 .mkh-card__body{padding:14px 16px 16px}
  .page-id-11 .post_content .mkh-card h3{font-size:15.5px;line-height:1.7}
  .page-id-11 .mkh-card__cat,.page-id-11 .mkh-card__meta{font-size:12px}
}