/* -------------------------------------------------- */
/* お知らせ */
/* -------------------------------------------------- */

/* ベース */
section.contents.info { padding-top:80px; }

/* リスト */
.info ul { gap:32px; margin:0 20px 40px 20px; }
.info ul li { gap:8px; }
.info ul li div.sub-info { align-items:center; gap:24px; }
.info ul li div.sub-info time { font-size:16px; line-height:32px; }
.info ul li div.sub-info p.cat { font-size:14px; }
.info ul li div.sub-info p.cat a { align-items:center; aspect-ratio:100/30; background-image:url('../img/info/oshirase-back.png'); color:var(--wh); display:flex; gap:4px; justify-content:center; height:30px; width:100px; }
.info ul li div.sub-info p.cat a::before, .info ul li div.sub-info p.cat a::after { display:none; }
.info ul li div.sub-info p.cat.tayori a { background-image:url('../img/info/tayori-back.png'); }
.info ul li p.post-title { font-size:16px; line-height:32px; }

@container( min-width:561px ) {

/* リスト */
.info ul { margin:0 40px 40px 40px; }

}

/* -------------------------------------------------- */
/* タブ切り替え */
/* -------------------------------------------------- */

/* ラベル用ボタン */
.info ul.tab-buttons { align-items:stretch; gap:0; justify-content:center; }
.info ul.tab-buttons li { width:100%; }
.info ul.tab-buttons li a { align-items:center; border:1px solid var(--bk); border-radius:8px 8px 0 0; cursor:pointer; display:flex; flex:1; flex-direction:column; font-size:14px; gap:0; justify-content:flex-end; opacity:0.5; padding:8px; margin:0; width:100%; }
.info ul.tab-buttons li a:nth-child(2) { color:var(--bl); }
.info ul.tab-buttons li a:nth-child(3) { color:var(--or-2); }
.info ul.tab-buttons li img { height:auto; width:18px; }
.info ul.tab-buttons li.active a { opacity:1; }

/* 切り替え機能：デフォルトは非表示 */
.tab-contents .tab-content { display:none; }

/* 切り替え機能：アクティブで表示 */
.tab-contents .tab-content.active { display:block; }

@container( min-width:561px ) {

/* ラベル用ボタン */
.info ul.tab-buttons li a { flex-direction:row; font-size:16px; gap:4px; justify-content:center; }

}

/* -------------------------------------------------- */
/* 記事ページ */
/* -------------------------------------------------- */

/* ベース */
section.page article { gap:24px; }

/* 記事情報 */
div.post-head ul { gap:24px; margin:0; margin-bottom:8px; }
div.post-head ul li a { align-items:center; aspect-ratio:100/30; color:var(--wh); display:flex; gap:4px; justify-content:center; height:30px; width:100px; }
div.post-head ul li.oshirase { background-image:url('../img/info/oshirase-back.png'); }
div.post-head ul li.tayori { background-image:url('../img/info/tayori-back.png'); font-size:14px; }

/* 見出し */
section.page article h2 { font-size:16px; font-weight:700; line-height:200%; }

/* テキスト */
section.page article p { font-size:14px; font-weight:400; line-height:200%; }

/* 記事内容 */
.post-content ul li { list-style-type:disc; }
.post-content img { display:block; margin:15px auto; height:auto; width:auto; max-width:100%; }
.post-content a { text-decoration:underline; }
.post-content a:link, .post-content a:visited { color:#00f; } 
.post-content a:active, .post-content a:hover { color:#f59e00; }

@container( min-width:561px ) {

/* 見出し */
section.page article h2 { font-size:18px; }

/* テキスト */
section.page article p { font-size:16px; }

}