@charset "UTF-8";
/* ========================================
	リスト
========================================= */

/* プロジェクト研究題目リストproject_list.html*/
.borderlist1 li:nth-child(2n){
	background:#efefef;/* １行おき　偶数*/
}
.borderlist1 li{
	padding: 10px 8px;
}
/*プロジェクト研究タイトル年度タブ切り替え===================*/
.tab_container {
  padding-bottom: 0.5em;
  background-color: #fff;
  border:1px solid #099;
  margin: 0 auto;}
.tab_item {
  width: calc(100%/10);
  padding:4px 0;
  border-bottom: 3px solid #099 ;
  background-color: #ececec;
  text-align: center;
  color: #099 ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content,
#tab9:checked ~ #tab9_content,
#tab10:checked ~ #tab10_content,
#tab11:checked ~ #tab11_content,
#tab12:checked ~ #tab12_content,
#tab13:checked ~ #tab13_content,
#tab14:checked ~ #tab14_content


 {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #099 ;
  color: #fff;
}


/* news　バッックナンバー横並び=========================*/

ul.newsList {/* 四国経済事情----------------------------*/
	display: flex;
	flex-flow: row wrap;
	border-bottom: 1px dotted #999;
	padding: 0;
}

ul.newsList li {
	display: block;
	margin: 10px 5px;
}

ul.newsList li:nth-child(1) {/* ----最初の1つ--- */
	flex-basis: 160px;
}
ul.newsList li:nth-child(2) {/* ----2つめ--- */
	flex-basis: 100px;
 	height: 22px;
}
ul.newsList li:nth-child(2) {
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	background-color: #789;
}

ul.newsList li:nth-child(3) {
	flex-basis: 580px;
}


ul.newsList2 {/* 中小企業経済活性化-----------------------*/
	display: flex;
	flex-flow: row wrap;
	border-bottom: 1px dotted #999;
	padding: 0;
}

ul.newsList2 li {
	display: block;
	margin: 10px 5px;
}

ul.newsList2 li:nth-child(1) {/* ----最初の1つ--- */
	flex-basis: 160px;
}
ul.newsList2 li:nth-child(2) {/* ----2つめ--- */
	flex-basis: 100px;
 	height: 52px;
}
ul.newsList2 li:nth-child(2) {
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	background-color: #987;
}

ul.newsList2 li:nth-child(3) {
	flex-basis: 580px;
}



ul.newsList3 {/* トピックス----------------------------*/
	display: flex;
	flex-flow: row wrap;
	border-bottom: 1px dotted #999;
	padding: 0;
}

ul.newsList3 li {
	display: block;
	margin: 10px 5px;
}

ul.newsList3 li:nth-child(1) {/* ----最初の1つ--- */
	flex-basis: 160px;
}
ul.newsList3 li:nth-child(2) {/* ----2つめ--- */
	flex-basis: 100px;
 	height: 22px;
}
ul.newsList3 li:nth-child(2) {
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	background-color: #202f55;
	
}

ul.newsList3 li:nth-child(3) {
	flex-basis: 580px;
}



ul.newsList4 {/* 地域活性化と観光創造-----------------------*/
	display: flex;
	flex-flow: row wrap;
	border-bottom: 1px dotted #999;
	padding: 0;
}

ul.newsList4 li {
	display: block;
	margin: 10px 5px;
}

ul.newsList4 li:nth-child(1) {/* ----最初の1つ--- */
	flex-basis: 160px;
}
ul.newsList4 li:nth-child(2) {/* ----2つめ--- */
	flex-basis: 100px;
 	height: 52px;
}
ul.newsList4 li:nth-child(2) {
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	background-color: rgb(40, 99, 133);
}

ul.newsList4 li:nth-child(3) {
	flex-basis: 580px;
}

ul.newsList5 {/* 予備で作ったリスト-----------------------*/
	display: flex;  /**/
	flex-flow: row wrap;  /**/
	border-bottom: 1px dotted #999;  /*下線　ドット　色*/
	padding: 0;
}

ul.newsList5 li {
	display: block; /**/
	margin: 10px 5px; /*余白上下*/
}

ul.newsList5 li:nth-child(1) {/* ----最初の1つ---四国経済事情で言う日付 */
	flex-basis: 160px;
}
ul.newsList5 li:nth-child(2) {/* ----2つめ---四国経済事情 */
	flex-basis: 100px;
 	height: 22px;
}
ul.newsList5 li:nth-child(2) {
	color: rgb(5, 29, 43); /*文字の色*/
	font-size: 12px; /*文字サイズ*/
	padding: 5px 10px; /*余白たて✖️よこ*/
	text-align: center; /*文字位置*/
	background-color: rgb(30, 205, 214); /*背景の色*/
}

ul.newsList5 li:nth-child(3) {
	flex-basis: 580px;
}



/* backnoリスト ここまで*/



.boxmenu {/* テキスト横並びメニュー ここから*/
  padding-bottom:10px;
	border-bottom: 1px dotted #999;
}

ul.list01 {
display: flex;
justify-content: center;
list-style: none;
font-size: 12px;

}

ul.list02 {
display: flex;
justify-content: flex-start;
list-style: none;
font-size: 12px;
}

ul.list01 li {
  padding: 0 10px;
  border-right: #ddd 1px solid;
}

ul.list01 li:last-child {
  border-right: none;
}

ul.list02 li:after {
  padding: 0 10px;
	content: ">";
	color: crimson;
}

ul.list02 li:last-child::after {
    content: none;
}
/* テキスト横並びメニュー ここまで*/


/* かっこ付きリスト サイトポリシー追加時*/

ol.parent1 {
	margin-left: 3em; /* サイトに合せて調整 */
}

ol.parent1 li {
	list-style-type: none;
	counter-increment: cnt;
    padding-bottom: 1rem;
}

ol.parent1 li::before {
	content: "(" counter(cnt) ")";
	display:inline-block;
	margin-left:-3em; /* サイトに合せて調整 */
	width: 3em; /* サイトに合せて調整 */
}