@charset 'utf-8';
/* カテゴリ用CSS */

/* タイトル帯コンテナクエリ仕込み */
div.title_container { container-type:inline-size; container-name:title_belt; }

/* タイトル帯 */
div.titlebelt { background-color:#34951a; color:#fff; }
div.titlebelt div.table { height:50px; }
div.titlebelt h1 { font-size:30px; font-weight:600; text-align:center; }

/* タイトル帯 */
div.titlebelt.newsbelt { background-color:#0187aa; }
div.titlebelt.mediabelt{ background-color:#cea91d; }


@container title_belt ( min-width:960px ) { /* PC幅 */

/* タイトル帯 */
div.titlebelt div.table { height:120px; }

}

/* メイン */
main { background-color:#f2f1e9; padding:30px 0; }

/* コンテナクエリ仕込み */
div.mokuji_container { container-type:inline-size; container-name:mokujiindex; }
div.genki_container { container-type:inline-size; container-name:genki; }

/* 目次 */
ul.cate_sub_menu { display:none; }
div.mokuji { background-color:#fff; padding:20px 15px; margin:0 20px; }
p.list_title { border-bottom:1px solid #555; font-size:20px; text-align:center; padding:0 0 20px 0; }
ul.news_list { padding:0 5px; }
ul.news_list li div.news_flex { display:flex; justify-content:flex-start; align-items:flex-start; margin:0 0 5px 0; }
ul.news_list li { border-bottom:1px solid #666; }
ul.news_list li p { font-size:15px; }
ul.news_list li a { display:block; padding:10px 0; }
ul.news_list li a:link, ul.news_list li a:visited { opacity:1; transition:.3s; }
ul.news_list li a:active, ul.news_list li a:hover { opacity:0.5; transition:.3s; }
ul.news_list li div.news_flex p.date { margin:0 10px 0 0; }
ul.news_list li div.news_flex p.news_cate span { display:inline-block; font-size:14px; padding:2.5px 5px;}
ul.news_list li p.kiji_title { color:#0068b7; line-height:1.61; }

/* 元気動画紹介 */
div.genki_syokai { padding:25px 0; margin:auto; width:85vw; }
div.genki_syokai h2 { font-size:24px; font-weight:600; margin:0 0 10px 0; }
div.genki_syokai iframe { aspect-ratio:16/9; margin:0 0 10px 0; height:auto; width:100%; }
div.genki_syokai a { color:#00f; text-decoration:underline; }

/* ページャー */
div.pager { padding:10px 0; }
#pagenation:after{content:".";display:block;clear:both;height:0;visibility:hidden;}#pagenation #pagenation-list li{float:left;background:none;list-style:none;padding:0;margin:0 5px 5px 0;}#pagenation #pagenation-list li:last-child{margin-left:0;}#pagenation #pagenation-list a,#pagenation #pagenation-list span{background:none;display:block;margin:0;padding:4px 9px;font-size:12px;line-height:1.5;text-align:center;}#pagenation #pagenation-list .current{background:#FCC800;color:#696969;border:1px solid #DDDDDD;}#pagenation #pagenation-list .omit{padding:4px 2px;color:#777777;}#pagenation #pagenation-list li a{color:#333333;border:1px solid #6B6B6B;text-decoration:none;}#pagenation #pagenation-list a:hover{background:#FCC800;color:#000000;border:1px solid #DDDDDD;text-decoration:none;}

@container genki ( min-width:960px ) { /* PC幅 */

/* 元気動画紹介 */
div.genki_syokai { max-width:960px; width:100% }

}

.genki_button{
width:80%;
	display:block;
	margin:20px auto 0;
}
@media (min-width:960px){
	.genki_button{
width:360px;
	margin:20px auto 0 0;
}
}

@container mokujiindex ( min-width:960px ) { /* PC幅 */

/* 目次 */
ul.cate_sub_menu { display:flex; justify-content:space-around; align-items:center; margin:30px auto 0 auto; max-width:960px; width:100%; }
ul.cate_sub_menu li { text-align:center; width:33.3333%; }
ul.cate_sub_menu li a { display:block; padding:10px 10px; color:#fff; width:100%; }
ul.cate_sub_menu li.sub_news a { background-color:#af0004; }
ul.cate_sub_menu li.sub_seimei a { background-color:#a39bc8; }
ul.cate_sub_menu li.sub_chosa a { background-color:#309316; }

/* 記事内部 */
div.mokuji { padding:50px 40px; margin:30px auto 50px auto; max-width:960px; width:100%; }
div.mokuji.news_mokuji { margin:0 auto 50px auto; }

/* ニュースループ */
ul.news_list li p { font-size:16px; }
ul.news_list li a { padding:15px 10px; }

/* ページャー */
div.pager { padding:20px 0 0 0; }


}

/* コンテナクエリ仕込み */
div.tag_list_container { container-type:inline-size; container-name:taglist; }

/* タグリスト */
div.tag_list { margin:20px auto 35px auto; padding:0 20px; }
div.tag_list ul { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
div.tag_list ul li { font-size:14px; margin:0 10px 10px 0; }
div.tag_list ul li a { background-color:#bee0ce; border-radius:5px; display:inline-block; padding:7px 10px; }
div.tag_list ul li a::before { content:''; background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url("../img/category/i_tag.svg"); display:inline-block; margin:0 5px 0 0; vertical-align:text-bottom; height:14px; width:14px; }

@container taglist ( min-width:960px ) { /* PC幅 */

/* タグリスト */
div.tag_list { padding:0; max-width:960px; width:100%; }
div.tag_list ul li { font-size:16px; }
div.tag_list ul li a::before { vertical-align:middle; height:16px; width:16px; }

}