/* ==========================================================================
   九星気学ランキング：背景とタイトルをTOPページ（心の天気予報）に合わせる
   ranking.css の後に読み込み、背景とタイトル部分だけを上書きします。
   ========================================================================== */

/* 背景（TOPと同じ） */
body.kyusei-ranking-page{margin:0;color:#4b3a2f;background:#fdf8e9 url(/images/motherN_bg.png) repeat top left/600px auto;}

/* 戻るリンク */
.kyusei-ranking-page .kyusei-back{display:inline-block;margin-bottom:8px;font-family:"Kosugi Maru","モトヤ丸アポロ",sans-serif;font-size:.9375rem;letter-spacing:.06em;color:#4b3a2f;text-decoration:none;}
.kyusei-ranking-page .kyusei-back:hover{text-decoration:underline;}

/* タイトル（TOPの「今日の占いランキング」と同じ見た目） */
.kyusei-ranking-page .kyusei-page-title{margin:0 0 28px;padding:0;background:none;border:0;text-align:center;font-family:"Kosugi Maru","モトヤ丸アポロ",sans-serif;color:#4b3a2f;}
.kyusei-ranking-page .kyusei-title-brand{display:flex;flex-direction:column;align-items:center;margin:0 0 10px;font-size:.8125rem;letter-spacing:.4em;}
.kyusei-ranking-page .kyusei-title-brand span{font-family:"Libre Baskerville",serif;font-style:italic;font-weight:bold;font-size:1.75rem;line-height:1.1;letter-spacing:0;color:#5a3a26;}
.kyusei-ranking-page .kyusei-page-title h1{display:inline-block;position:relative;margin:0;padding:0 62px;font-family:"Zen Antique Soft","Kosugi Maru",serif;font-size:2.625rem;font-weight:normal;letter-spacing:.06em;line-height:1.3;color:#4b3a2f;}
.kyusei-ranking-page .kyusei-page-title h1::before,.kyusei-ranking-page .kyusei-page-title h1::after{content:'';position:absolute;top:50%;transform:translateY(-50%);background:center/contain no-repeat;}
.kyusei-ranking-page .kyusei-page-title h1::before{left:0;width:48px;height:62px;background-image:url(/images/motherN01-star-left.png);}
.kyusei-ranking-page .kyusei-page-title h1::after{right:0;width:52px;height:80px;background-image:url(/images/motherN01-star-right.png);}

/* 動物イラストと日付（イラストはタイトルの下に並べ、文字と重ならないようにする） */
.kyusei-ranking-page .kyusei-title-illust{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px;}
.kyusei-ranking-page .kyusei-title-illust img{display:block;flex-shrink:1;min-width:0;height:auto;}
.kyusei-ranking-page .kyusei-title-cat{width:220px;}
.kyusei-ranking-page .kyusei-title-birds{width:246px;}
.kyusei-ranking-page .kyusei-title-illust time{flex:1;align-self:center;display:block;font-size:1.0625rem;letter-spacing:.1em;white-space:nowrap;}

/* スマホ */
@media (max-width:599px){
.kyusei-ranking-page .kyusei-page-title{margin-bottom:20px;}
.kyusei-ranking-page .kyusei-title-brand{margin-bottom:6px;font-size:.6875rem;}
.kyusei-ranking-page .kyusei-title-brand span{font-size:1.375rem;}
.kyusei-ranking-page .kyusei-page-title h1{padding:0 26px;font-size:1.375rem;letter-spacing:.04em;}
.kyusei-ranking-page .kyusei-page-title h1::before{width:22px;height:30px;}
.kyusei-ranking-page .kyusei-page-title h1::after{width:24px;height:36px;}
.kyusei-ranking-page .kyusei-title-illust{gap:6px;}
.kyusei-ranking-page .kyusei-title-cat{width:120px;}
.kyusei-ranking-page .kyusei-title-birds{width:132px;}
.kyusei-ranking-page .kyusei-title-illust time{font-size:.8125rem;letter-spacing:.04em;}
}