@charset "utf-8";
/* ================================================================================
色設定
================================================================================ */

/* タブ切り替え：タブリスト */
ul.tab_list li.list_item a { background-color:#d3e6c8; border-right:none;  border-left:2px solid #fff; display:block; }
ul.tab_list li.list_item:last-child a { border-radius:0 10px 10px 0; }
ul.tab_list li.list_item:first-child a { border-radius: 10px 0 0 10px; border-left:none}
ul.tab_list li.list_item.active a { background-color:#5b9737; color:#fff; }

/* ニュースリスト */
ul.news_list li div.samune_ph { border:1px solid #ccc; }

/* ================================================================================
汎用設定CSS
================================================================================ */

/* タブ切り替え：タブリスト */
ul.tab_list { display:flex; justify-content:space-around; align-items:center; margin:0 0 30px 0; }
ul.tab_list li { width:100%; }
ul.tab_list li a { box-sizing:border-box; cursor:pointer; display:block; padding:15px 0; text-align:center; width:100%; }

/* タブ切り替え：タブコンテンツ*/
div.tab_contents_item { display:none; }
div.tab_contents_item.show { display:block; } 

/* ニュースリスト */
ul.news_list li { display:flex; justify-content:flex-start; align-items:center; padding:5px 0; border-bottom:1px solid #ddd; }
ul.news_list li div.samune_ph { aspect-ratio:16/9; box-sizing:border-box;  overflow:hidden; width:80px; }
ul.news_list li div.samune_ph img { object-fit:cover; object-position:center center; height:100%; width:100%; }
ul.news_list li p.time, ul.news_list li p.tag { line-height:2; width:150px; }
ul.news_list li p.tag { padding:5px 0; background-image:url("../img/header_back.png"); color:#fff; }
ul.news_list li p.tag { font-size:14px; }
ul.news_list li p.list_txt { padding:0 20px; line-height:2; width:calc( 100% - 380px ); }