@charset "UTF-8";
/*
 * トップページ（固定ページ22）のタイル・ピックアップ・プロフィール欄
 *
 * ★本文の <style> 3ブロックのうち1つ（.home .date-tags を隠す／
 *   .header-container のテキストシャドウ）は移していない。
 *   サイト共通CSSの body.page .date-tags{display:none} と
 *   #header .site-name-text{...} が同じことをより強い指定で既に行っているため。
 */

.cb-hero{margin:0 0 26px}
.cb-hero p{font-size:1.06em;line-height:1.9}
.cb-lead-strong{font-size:1.15em;font-weight:700;margin:0 0 10px}

.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 30px}
.cb-tile{display:flex;flex-direction:column;align-items:center;border:1px solid #e3e3e3;border-radius:9px;padding:12px 8px;text-decoration:none!important;color:#333!important;background:#fff;transition:.15s}
.cb-tile:hover{border-color:#bf0000;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.cb-tile img{width:92px;height:92px;object-fit:contain;background:#fafafa;border-radius:6px}
.cb-noimg{font-size:52px;line-height:92px}
.cb-tile-t{font-weight:700;font-size:.94em;margin-top:9px;text-align:center}
.cb-tile-n{font-size:.8em;color:#888;margin-top:2px}

.cb-h2{border-left:5px solid #bf0000;padding-left:12px;margin:34px 0 14px;font-size:1.25em}

.cb-pick{display:flex;gap:14px;border:1px solid #e8d9b0;background:#fffdf5;border-radius:9px;padding:16px;margin:0 0 18px}
.cb-pick img{width:150px;height:110px;object-fit:cover;border-radius:6px;flex:0 0 150px}
.cb-pick h3{margin:0 0 6px;font-size:1.06em}
.cb-pick p{margin:0;font-size:.92em;line-height:1.7;color:#555}
.cb-pick a{text-decoration:none}

.cb-author{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:center;background:#faf6f0;border-radius:14px;padding:20px;margin:2.6em 0 0;border:1px solid #e8ddcc}
.cb-author img{width:100%;border-radius:10px;display:block}
.cb-author h3{margin:0 0 .5em;font-size:1.12em;color:#3b2412}
.cb-author p{margin:0 0 .7em;font-size:.94em;line-height:1.95;color:#4a3a28}
.cb-author a.more{display:inline-block;background:#6b4423;color:#fff;padding:.55em 1.4em;border-radius:999px;text-decoration:none;font-size:.88em;font-weight:700}

@media(max-width:600px){
	.cb-pick{flex-direction:column}
	.cb-pick img{width:100%;flex:none}
}
@media(max-width:680px){
	.cb-author{grid-template-columns:1fr}
}