@charset "utf-8";


/* 本文 見出し
___________________________________________ */

h1{
	font-size: 1.5rem;
	color: #009;
	margin-bottom: 40px;
	padding-left: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #009;
}
h1.logo{
	margin-bottom: 20px;
	padding-left: 0px;
	border-left-style: none;
}
h2{
	font-size: 1rem;
	margin-top: 40px;
	margin-bottom: 40px;
}
h3 {
	font-size: 1rem;
	color: #000;
}
h4{
	font-size: 0
		0.8rem;
	margin: 0.5em 0;
	font-weight: normal;
}
h5{
	font-size: 0.55rem;
	margin: 0.8em 0;
}
h6{
	font-size: 0.8rem;
	margin: 0.5em 0;
}
p {
	line-height: 1.75;
	color: #333;
	font-size: 1rem;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
p.indent {
	text-indent: 2rem;
}


/* テキストサイズ　装飾
---------------------------------------- */
div.shiryou {
	margin-bottom: 2em;
}
div.shiryou p {
	line-height: 0.5;
	text-align: right;
}
main .txtRight {
	text-align: right;
	margin-bottom: 5px;
	font-size: 14px;
	margin-top: 5px;
}
main .txtCenter {
	text-align: center;
}
.txtCenter {
	text-align: center;
}
main .txtMiddle {
	vertical-align: middle;
}
main .txtS {
	font-size: small;
	font-weight: normal;
}
main .txtSS {
	font-size: x-small;
	font-weight: normal;
}
main .txtL {
	font-size: large;
}
td.txtMiddle {
	vertical-align: middle !important;
}



/* ＴＡＢＬＥ　レイアウト
---------------------------------------- */
.col-03 {
	width: 100%;
	padding-right: 0em;
	padding-left: 0em;
}
.col-03 div{
	vertical-align: top;/*上*/

	display: block;
}
.col-03 div img {
	margin-right: 10px;
}
.col-03 div p {
	text-align: left;
}
.col-03 div:first-child {
	width: 100%;    /*固定幅を指定する*/
	vertical-align: top;/*上*/
}

@media (min-width: 600px){
.col-03 {
	display: table;
	border-collapse:separate;
	border-spacing:10px 10px;  /*左右・上下*/
	padding: 0em;
}
.col-03 div{
	display: table-cell;
}
.col-03 div img {
	float: none;
	margin-right: 0px;
}

.col-03 div:first-child {
	width: 200px;    /*固定幅を指定する*/
}
}


/*  【研究者　内容】左画像200  +  右説明  ２カラム　→　１カラム  */
.col-2 {
	margin-bottom: 20px;
}

.description p {
	font-size: 0.9rem;	
}
p.kenkyusya {

	font-weight: bold;
	font-size: 1rem;
}
.projectarea p.kenkyusya-R {
	text-align: right !important;
}

.description-L p {
	font-size: 0.8rem;	
}

@media screen and (min-width: 600px) {	

.col-2 {
	display: flex;	
}
.photo {
	width: 20%;
	margin-right: 20px;
}
.photo img {
	width: 100%;
}
.description {
	width: 75%;
}

}



/* テーブル
---------------------------------------- */
table {
	margin-bottom: 10px;
	font-size: 14px;
}

/* テーブル　共通
------------------------------*/

th.txtCenter {
	text-align: center;
}
td.txtRight {
	text-align: right;
}

/* テーブル　基本(collapse)
------------------------------*/
main table {
	margin-bottom: 15px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

main table th, table td {
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	color: #333;
	font-size: 0.8rem;
	vertical-align: top;
}

main table th{
	line-height: 110%;
}


/* 　テーブル ２　*/

table.style1 {
	border-collapse: collapse;
	font-size: 0.8rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFBFBF;
}

table.style1 th {
	font-weight: normal;
	background-color: #F0F0F0;
	text-align: center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBFBF;
	font-size: 0.8rem;
	width: 8em;
	color: #000;
	vertical-align: middle;
}

table.style1 tr td {
	background-color: #FFFFFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBFBF;
	font-size: 0.8rem;
	line-height: 1.6;
}
table.style1 td {
	text-align: justify;
	color: #333;
}

table.koshiki , table.koshiki tr th, table.koshiki tr td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* 履歴
----------------------------------------------------------- */
.rireki	{
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-bottom: 40px;
}
.rireki th	{
	font-weight: normal;
	vertical-align: middle;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 30%;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2em;
}
.rireki td	{
	vertical-align: top;
	line-height: 1.3;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2em;
}
.rireki th.txt_right {
	text-align: right;
}

/* 著書
----------------------------------------------------------- */
.cyosyo	{
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-bottom: 40px;
}
.cyosyo th	{
	font-weight: bold;
	vertical-align: middle;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding: 4px;
	background-color: #eee;
}
.cyosyo td	{
	vertical-align: top;
	line-height: 1.3;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding: 4px;
}

/* 引用
----------------------------------------------------------- */

div.description .inyou ol li {
	font-size: 0.9rem;
	line-height: 1.75;
    color: #333;
}


/* インデックス　内容
----------------------------------------------------------- */
.naiyou	{
	border-collapse: collapse;
	margin-bottom: 20px;
}
.naiyou th	{
	font-weight: bold;
	vertical-align: middle;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding: 4px;
}
.naiyou td	{
	vertical-align: top;
	line-height: 1.3;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding: 4px;
}

@media screen and (max-width: 768px) {
.rireki  {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
.rireki th	{
	padding-left: 0em;
}
  .cyosyo  {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

/* 図版・画像キャプション
___________________________________________ */

figure {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
figure.gazouMigi {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
figure.gazouHidari {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 0px;
}
figcaption {
	color: #666;
	margin-top: 6px;
	font-size: x-small;
	position: relative;
}
figcaption p {
	margin: 0px;
	padding: 0px;
}
figcaption .shimei {
	font-size: x-large;
	font-weight: bold;
}

/* その他　文字　装飾
***********************************************************************/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #ddd;
}

/*PDF アイコン　整列
---------------------------------------- */ 

.iconPdf {
	margin-left: 20px;
	font-weight: normal;
}
i.fa-external-link {
	margin-left: 5px;
	font-weight: normal;
}

.iconRight {
	margin-left: 20px;
}
.iconRight2 {
	vertical-align: baseline;
	margin-right: 10px;
}
.iconRight a {
	border-bottom-style: none;
	border-bottom-width: 0px;
	color: #FF0000;
}

.iconMiddle {
	padding-right: 10px;
	vertical-align: middle;
}
.listmarkS1 {
	padding-right: 10px;
}



/*トピックス
___________________________________________ */
dl {
}
dt {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
dd {
	line-height: 150%;
}

section#topics {
	width: auto;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFF;
	margin-top: 40px;
}
section#topics h2 {
	margin-bottom: 14px;
	border-top-style: none;
	border-bottom: 1px solid #a9a9a9;
	font-family: Verdana, Geneva, sans-serif;
	color: #971E2D;
	background-image: none;
	padding: 5px;
	margin-top: 0px;
	font-size: 1rem;
}

section#topics dl dt {
	font-size: 0.85rem;
}
section#topics dd {
	font-size: 0.85rem;
}
@media (min-width: 600px){

section#topics {
	width: auto;
	position: relative;
	border: 1px dashed #666;
}

}

/*プロジェクト
___________________________________________ */
.project {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #007D7D;
	padding-left: 10px;
}
.fas.fa-pencil-alt {
	color: #900;
	margin-right: 10px;
	font-size: 1rem;
}


.projectarea h2 {
	color: #333;
	font-size: 1rem;
	letter-spacing: 0.1em;
}
.projectarea h2.houkoku {
	color: crimson;
}
.project p {
	letter-spacing: 0.1em;
}

p span.shimei {
	color: #000;
	margin-right: 10px;
	font-size: 80%;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	letter-spacing: 0.1em;
}
h3.projectmei {
	color: #007D7D;
	background-color: #eee;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	font-weight: bold;
}
span.projectmei2 {
	color: #FFF;
	background-color: #007D7D;
	margin-right: 10px;
	font-size: 70%;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	letter-spacing: 0em;
	border-radius: 10px;
	text-align: center;
}
span.syozoku {
	font-size: 90%;
	letter-spacing: 0em;
	font-weight: normal;
}