@charset 'utf-8';
/* 汎用CSS */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
汎用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* リンク */
a.opacity { opacity:1; transition:.3s; }
a.opacity:hover { opacity:0.7; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 汎用 */
header { box-sizing:border-box; border-bottom:1px solid #ccc; background-color:#fff; width:100%; }
p.news_cate span { background-color:#34951a; color:#fff; }
p.news_cate span.cat_news { background-color:#af0004; }
p.news_cate span.cat_seimei-kenkai { background-color:#a39bc8; }
p.news_cate span.cat_news-press { background-color:#0187aa; }
p.news_cate span.cat_media, p.news_cate span.cat_genki, p.news_cate span.cat_iryou, p.news_cate span.cat_shinbun { background-color:#cea91d; }

/* 最上部 */
div.header_top_in { container-type:inline-size; container-name:t_header; }
div.header_top { display:none; }

/* ヘッダー下部 */
div.h_logo div.table { height:60px; width:auto; }
div.h_logo div.table h1 img { padding:0 0 0 20px; height:auto; width:175px; } 

@container t_header ( min-width:960px ) { /* PC幅 */

/* 汎用 */
header { position:static; }

/* 最上部 */
div.header_top { background-color:#34951a; display:block; }
div.header_top div.table { overflow:hidden; padding:0 20px 0 0; height:40px; }
div.header_top ul { display:flex; justify-content:flex-end; align-items:center; margin:auto; max-width:1200px; }
div.header_top ul li { margin:0 0 0 20px; }
div.header_top ul li a { font-weight:500; color:#fff; }
div.header_top ul li.search { border-right:1px solid #fff; padding:0 10px 0 0; }
div.header_top ul li.search input[type="text"] { background-color:#fff; border-radius:2.5px; margin:0 0 2.5px 0; height:100%; width:200px; }
div.header_top ul li a img { height:30px; width:auto; }

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 汎用 */
footer { background-color:#34951a; color:#fff; }

/* コンテナクエリ仕込み */
div.footer { container-type:inline-size; container-name:footer; }

/* フッター全体 */
div.in_footer { padding:50px 0 10px 0; }

/* フッター上部 */
div.footer_top { margin:0 0 50px 0; }
div.footer_main_box { padding:0 0 20px 0; }
div.footer_main_box ul li { font-weight:600; margin:20px 0; }
div.footer_main_box input[type="checkbox"] { display:none; }
ul.add_footer_menu { display:none; margin:0 0 30px 0; transition:.3s; height:0; }
div.footer_main_box ul.list_main_box li ul li { font-size:14px; font-weight:400; line-height:2; }
div.footer_main_box hr { border:none; border-top:1px solid #fff; margin:50px auto auto auto; width:150px; }
div.footer_side_box ul li { text-align:center; margin:25px 0; }
div.footer_side_box ul li.member a { border:1px solid #fff; border-radius:10px; display:inline-block; margin:auto; padding:10px 25px; width:200px; }
div.footer_side_box ul li.english a { border:1px solid #fff; display:inline-block; margin:auto; padding:10px 25px; width:200px; }
div.footer_side_box ul li.member a img { margin:0 10px 0 0; height:15px; width:15px; }
div.footer_side_box ul li img { height:auto; width:36px; }
div.footer_main_box ul.list_main_box li label.list_row { cursor:pointer; }

/* スマホ版動かす */
#footerac01:checked ~ ul.add_footer_menu { display:block; transition:.3s; height:auto; }
#footerac02:checked ~ ul.add_footer_menu { display:block; transition:.3s; height:auto; }
#footerac03:checked ~ ul.add_footer_menu { display:block; transition:.3s; height:auto; }
#footerac04:checked ~ ul.add_footer_menu { display:block; transition:.3s; height:auto; }
#footerac05:checked ~ ul.add_footer_menu { display:block; transition:.3s; height:auto; }

/* フッター最下層 */
div.footer_bottom { padding:0 20px; }
div.footer_bottom::after { content:''; background-size:contain; background-position:center center; background-repeat:no-repeat; background-image:url("../img/footer/fotter_illust.svg"); display:block; text-align:center; margin:auto; height:100px; width:120px; }
div.footer_bottom p { text-align:center; line-height:1.8; }
div.footer_bottom p.copy { font-size:13px; margin:0 0 10px 0; }
div.footer_bottom p img { height:auto; max-width:200px; }

@container footer ( min-width:960px ) { /* PC幅 */

/* フッター全体 */
div.in_footer { padding:20px 0 10px 0; margin:auto; max-width:1200px; width:100%; }

/* フッター上部 */
div.footer_top { display:flex; justify-content:space-around; align-items:flex-start; margin:auto; width:100%; }
div.footer_main_box { padding:0 20px; max-width:calc( 100% - 220px ); }
div.footer_main_box ul.list_main_box { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
div.footer_main_box ul.list_main_box li { box-sizing:border-box; margin:0 50px 30px 0px; width:250px; }
div.footer_main_box ul.list_main_box li.center.list_row { text-align:left; }
div.footer_main_box ul.list_main_box li label.list_row { border-bottom:1px solid #fff;  cursor:default; font-size:18px; display:block; padding:15px 0; margin:0 0 10px 0; }
/* div.footer_main_box ul.list_main_box li ul.sub_flex { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } */
div.footer_main_box ul.list_main_box li ul li { margin:0; width:100%; }
div.footer_main_box ul.list_main_box li ul.sub_flex li { width:100%; }
div.footer_side_box { width:220px; }
div.footer_main_box hr { display:none; }
ul.add_footer_menu { display:block; height:auto; }
ul.add_footer_menu li { font-weight:400; text-align:left; }

/* フッター最下層 */
div.footer_bottom { display:flex; justify-content:left; align-items:center; padding:0; }
div.footer_bottom::after { display:none; }
div.footer_bottom p { text-align:left; }
div.footer_bottom p.copy { margin:0 0 0 10px; }
div.footer_bottom p.copy br { display:none; }

}

.pc { display:none; }
.sp { display:block; }

@media screen and (min-width:960px) { /* PC幅（メディアクエリ） */

.pc { display:block; }
.sp { display:none; }

}

/* 元気動画のタイトル処理 */
.spbr{
	display:block;
}

@media (min-width:960px){
	.spbr{
	display:none;
}
}
.genki_title{
	font-size:20px
		line-height:30px;
}

@media (min-width:960px){
.genki_title{
	font-size:30px
}
}

