/*
 * サイト全体の小さな調整（子テーマ）
 * 親テーマの CSS はこのファイルより後に読み込まれるため、:root を付けて詳細度を上げている。
 */

/* ロゴを小さくする
   親 header.css: PC height 6vh / SP 4vh を上書き。
   縦位置はヘッダー高さ 10vh の中央（5vh）にロゴの中心が来るようにする。 */
:root .logoarea {--logo-h: clamp(22px, 3vh, 32px); top: calc(5vh - var(--logo-h) / 2);}
:root .logoarea img {height: var(--logo-h); width: auto;}
@media (max-width: 896px){
	:root .logoarea {--logo-h: clamp(18px, 2.4vh, 24px);}
}

/* 「ご相談はこちら」ボタン
   最小フォント 14px にしたことで、PC の狭い幅（約 897〜1200px）では文字がボタン幅に収まらず、
   2行目がボタンの外にはみ出していた。ボタンの大きさは変えずに、2行になるときは
   「ご相談は／こちら」とバランスよく折り返してボタンの中央に収める。 */
@media (min-width: 897px){
	:root .menu .reservebtn a {display: inline-flex; align-items: center; justify-content: center; line-height: 1.3; text-wrap: balance;}
}

/* トップページのお知らせの日付
   親 index.css は日付の枠を width:7rem で固定している。7rem は画面幅に合わせて縮むのに、
   文字は最小 14px にしたので、PC の狭い幅やスマホで日付がタイトルに重なっていた。
   枠の幅を「7rem と 6.5文字分の大きい方」にして、日付とタイトルの間を必ず空ける。
   広い画面では 7rem の方が大きいので、今までと同じ見た目のまま。 */
:root .mainimgarea .topnews .news li a .date,
:root .newsarea .news li a .date {width: max(7rem, 6.5em);}