@charset "utf-8";

/* ----------------------------------------------------------------------- */
/* サイドバー「過去の記事」のアコーディオン
   開閉の基本スタイルは /asset/css/layout_common.css の .ui-accordion--* を使う。
   ここでは、見出し（トリガー）の中に収まるよう、余白だけを調整する */
/* ----------------------------------------------------------------------- */

.aside__legacy .ui-accordion--trigger {
	padding-right: 2.5em;
}

.aside__legacy .ui-accordion--trigger .aside__contents__title {
	margin: 0;
	padding: 0.6em 1em;
}

.aside__legacy .ui-accordion--contents {
	padding-top: 0.5em;
}

/* おしらせ: 「すべての過去記事を見る」「カテゴリ別」「年別」の間に間隔をあける */
.aside__legacy--news .aside__contents__list {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

/* おしらせ: 「カテゴリ別」「年別」の中のリンクにも、カテゴリ別一覧と同じ区切り線を付ける。
   共通CSS（.aside__archives .aside__contents__list li）で線と余白が消されているため、ここで戻す
   （ブログは page_blog.css で、年月を横並び・線なしにしているため対象外） */
.aside__legacy--news .aside__contents__list-item li {
	border-top: 1px solid rgba(0,0,0,0.2);
}

/* おしらせ: 共通CSSの右余白（margin-right: 20px）を、「過去の記事」の中のすべての項目で外す */
.aside__legacy--news .aside__contents__list li {
	margin-right: 0;
}

/* おしらせ: 「カテゴリ別」「年別」の見出しを、太字にして上に区切り線を付け、下の項目から少し離す（太さ 700 はサイドバーの見出しと同じ） */
.aside__legacy--news .aside__contents__list-item__title {
	font-weight: 700;
	display: block;
	padding-top: 0.75em;
	margin-bottom: 0.5em;
	border-top: 1px solid rgba(0,0,0,0.2);
}

/* 「すべての過去記事を見る」をボタン（button-state ghost-button）の見た目にする。
   サイドバーのリンク用の指定（余白・左寄せ）が優先されるため、ボタン用に戻す
   （ブログは page_blog.css が余白を !important で 0 にしているため、こちらも !important） */
.aside__legacy .aside__contents__list li a.button-state {
	justify-content: center;
	padding: 0.5em 1em !important;
	text-align: center;
}

/* ブログ: page_blog.css が .aside__archives の幅を calc(100% - 290px) !important で固定している（年月アーカイブを右列に置くため）。
   「過去の記事」にも同じクラスが付いているため、幅いっぱいにするには !important で上書きする */
.aside__legacy--blog {
	width: 100% !important;
	box-sizing: border-box;
}