@charset "UTF-8";

/* グリーン NEWS 論文　 rgba(0,191,117,1); */
/* オレンジ MEDIA 掲載　rgba(255,133,108,1); */
/* 水色 INFO プレスリリース　 rgba(83,202,255,1); */
/* パープル 共同研究論文　 rgba(151,96,180,1); */
/* 黄緑 その他　 rgba(122,211,78,1); */
/* イエロー 受賞　 rgba(255,169,78,1); */

/* トップページのおしらせ */
p.top-topics {
margin: 0;
padding: 0px;
text-align:right;
}
dl.top-text{
height:300px;
overflow-y:scroll;
overflow-x:hidden;
}
dl.top-text-arc {
height:auto;
overflow:auto;
}
dl.top-text{
margin: 5px 0px 0px 0px;
padding: 0px;
}
.top-text dd img {
vertical-align: text-top;
}
.top-text dt {
margin: 0;
padding: 10px 0px 10px 0px;
list-style: none;
border: none;
}
.top-text dd	{
margin: 0px ;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #ccc;
}
.top-text dd:nth-last-of-type(1){
border-bottom: none;
padding-bottom:30px;
}
.top-photo img{
width: 100%;
}
.top-photo p{
padding-top:10px;
padding-right:0px;
text-align:center;
}
@media only screen and (min-width: 641px){
.top-text dt {
margin: 0;
padding: 10px 0px 10px 20px;
}
.top-text dd {
margin: -34px 0px 0px 0px ;
padding: 0px 10px 10px 120px;
}
.top-photo img{
width: 100%;
}
}

/* TOPICSページ*/
dl.topics-text {
padding:10px 20px;
}
.topics-text dt {
	margin: 0px;
	padding: 40px 0px 4px 0px;
	border-top: none;
	border-bottom: solid 1px #ccc;
	color: #005c00;
	line-height:1.5;
}
.topics-text dt img {
vertical-align: text-top;
}
.topics-text dt:first-child {
	padding: 0px 0px 4px 0px;
}
.topics-text dt span {
	font-size: smaller;
	color: #000;
}
.topics-text dt a {
	color: #005c00;
	text-decoration: none;
}
.topics-text dd {
	margin: 0px;
	padding: 10px 0px ;
}
/* スマホ用 / 480px以上 */
@media only screen and (min-width: 480px){
dl.topics-text {
padding:10px 50px;
}
.topics-text dd {
	margin: 0px;
	padding: 10px 0px 10px 20px;
}
}
/* アクセスのページ */
.map-text{
text-align:left;
padding-left:5em;
text-indent:-5em;
text-align:left;
}
/* スマホ用 / 480px以上 */
@media only screen and (min-width: 480px){
.map-text{
text-align:left;
text-align:center;
}
}

/* 研究活動 */
.cap {
width:80%;
margin:10px auto;
	padding: 0px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #26a275;
}
/* 研究活動の機器紹介 */
.card {
margin-top: 0px;
padding: 0px;
}

.card-item {
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px;
background: #fff;
color: #333;
text-decoration: none;
-moz-box-shadow: rgba(102, 102, 102, 0.9) 0px 0px 3px 0px;
-webkit-box-shadow: rgba(102, 102, 102, 0.9) 0px 0px 3px 0px;
box-shadow: rgba(102, 102, 102, 0.9) 0px 0px 3px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.card-item:hover, .card-item:focus {
background: white;
-moz-box-shadow: rgba(102, 102, 102, 1) 0px 0px 4px 1px;
-webkit-box-shadow: rgba(102, 102, 102, 1) 0px 0px 4px 1px;
box-shadow: rgba(102, 102, 102, 1) 0px 0px 4px 1px;
}
.card-image {
display:block;
margin:0px;
padding:5px;
height:200px;
overflow:hidden;
}
.card-image img{
margin:0px auto;
text-align:center;
width:100%;
}
.card-inst {
margin-top: 0px;
padding: 0px;
}
.card-inst .card-title{
height:50px;
}
.card-title , .card-title-txt14{
display:block;
height:100px;
margin:5px 0px 0px 0px;
padding:15px 10px 10px 10px;
text-align:center;
background: url(../images/h3-line.png) no-repeat -150px 0px;
overflow:hidden;
}
.card-title span  , .card-title-txt14 span{
font-size:smaller;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
.card-item:nth-of-type(2n+1) {
/* 奇数だけに適用されるCSS */
float:left;
width: calc( 50% - 5px );
margin: 0px 5px 20px 0px;
padding: 0px 0px;
}
.card-item:nth-of-type(2n) {
			/* 偶数だけに適用されるCSS */
float:left;
width: calc( 50% - 5px );
margin: 0px 0px 20px 5px;
padding: 0px 0px;
}
.card-title-txt14{
font-size:14px;
font-size:1.4rem;
}
}
@media only screen and (min-width: 960px) {
.card-item:nth-of-type(2n+1) , .card-item:nth-of-type(2n) {
/* 奇数偶数に適用されたものをキャンセル */
width: auto;
margin: 0px;
padding: 0px;
}
.card-item:nth-of-type(3n+1) {
/* 3の倍数+1(＝1,4,7……)番目だけに適用されるCSS */
float:left;
width: calc( 33.3% - 5px );
margin: 0px 5px 20px 0px;
padding: 0px 0px;
}
.card-item:nth-of-type(3n+2) {
			/* 3の倍数+2(＝2,5,8……)番目だけに適用されるCSS */
float:left;
width: calc( 33.3% - 10px );
margin: 0px 5px 20px 5px;
padding: 0px 0px;
}
.card-item:nth-of-type(3n) {
/* 3の倍数(＝3,6,9……)番目だけに適用されるCSS */
float:left;
width: calc( 33.3% - 5px );
margin: 0px 0px 20px 5px;
padding: 0px 0px;
}
.card-image img{
width:auto;
}
.card-title-txt14{
font-size:14px;
font-size:1.4rem;
}
}
* {
-moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
-o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
-webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
/* 研究紹介 */
h4.res , h4.res-topic  {
	margin: 40px 0px 10px;
	padding: 20px 10px;
		background-image: none;
background: #a5ef7b; /* Old browsers */
background: -moz-linear-gradient(top, rgba(165,239,123,1) 0%, rgba(236,255,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(165,239,123,1) 0%,rgba(236,255,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(165,239,123,1) 0%,rgba(236,255,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
color: #005c00;
	font-size: 20px;
	font-size: 2.0rem;
text-align:center;
}
h4.res span , h4.res-topic span {
display:block;
margin-top:10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
h4.res:after , h4.res-topic:after{
content: "";
display: block;
margin-top:0px;
height: 0px;
background: none;
}
h4.res-topic  {
	margin: 10px 0px 10px;
}
.res-H5{
margin-top:20px;
border-bottom: 2px dotted #00a653;
}
.res-website{
background-color: #00a653;
padding:5px 16px 5px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.res-website{
color: #fff;
text-decoration: none;
}
a.res-website img{
width: 20px;
height: auto;
vertical-align: text-top;
}
.res-prof{
float:left;
width:100%;
margin-bottom:20px;
}
.res-photo{
float:left;
width:30%;
}
.res-name{
float:left;
width:calc( 70% - 10px );
padding:20px 0px 0px 10px;
}
.res-name br{
display: none;
}
.res-photo img{
width:100%;
height:auto;
-webkit-box-shadow: 0px 0px 2px #bbb; /* webkit */
-moz-box-shadow: 0px 0px 2px #bbb; /* FireFox */
box-shadow: 0px 0px 2px #bbb;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* スマホ用 / 560px以上 */
@media only screen and (min-width: 560px){
.res-H5{
margin-top:-20px;
}
.res-prof{
float:left;
width:33.3%;
margin-bottom:50px;
}
.res-photo{
width:35%;
}
.res-name{
width:calc( 65% - 10px );
}
.res-name br{
display: inline;
}
}
/* 研究活動の研究成果・受賞 */
.res-ul ,.res-ul2{
margin: 0px 20px 20px;
padding: 0px;
font-size: 16px;
font-size: 1.6rem;
text-align:left;
}
.res-ul li{
margin-left:1em;
margin-bottom:1em;
list-style-type:disc;
}
.res-ul2 li{
margin-left:1em;
margin-bottom:0.5em;
list-style-type:disc;
}

/* スマホ用 / 480px以上 */
@media only screen and (min-width: 480px){
.res-ul,.res-ul2{
margin: 0px 40px 20px;
padding: 0px;
}
}
/*タブ切替表示*/
.tab-wrap {
display: flex;
flex-wrap: wrap;
}
.tab-wrap:after {
content: '';
width: 100%;
height: 0px;
background: rgba(0,0,0,0.4); /*タブ下線色*/
display: block;
order: -1;
box-shadow: 0.5px 0px 3px rgba(0,0,0,0.4);
}
.tab-label,.tab-label-news,.tab-label-media,.tab-label-info,.tab-label-papar,.tab-label-etc,.tab-label-award{ /*ラベル*/
color: #fff; /*文字色*/
background: rgba(204,204,204,1); /*非アクティブタブの色*/
font-weight: bold;
white-space: nowrap;
text-align: center;
padding: 10px .5em;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 5px 5px 0 0;
flex: 1;
box-shadow: 0.5px 0px 3px rgba(0,0,0,0.4);
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-wrap label:hover { /*タブラベル　ホバー色*/
background:rgba(204,204,204,0.3);
}
.tab-switch:checked+.tab-label-etc { /*選択タブの色*/
background: rgba(122,211,78,1);
}
.tab-switch:checked+.tab-label-award { /*選択タブの色*/
background: rgba(255,169,78,1);
}
.tab-switch:checked+.tab-label-papar { /*選択タブの色*/
background: rgba(151,96,180,1);
}
.tab-switch:checked+.tab-label-info { /*選択タブの色*/
background: rgba(83,202,255,1);
}
.tab-switch:checked+.tab-label-news { /*選択タブの色*/
background: rgba(0,191,117,1);
}
.tab-switch:checked+.tab-label-media { /*選択タブの色*/
background: rgba(255,133,108,1);
}

.tab-switch { /*ラジオボタン非表示*/
display: none;
}
.tab-wrap .tab-body > div {
display: none;
}
.tab-body { /*コンテンツ内容部分*/
width: 100%;
padding:10px;
}
/*タブのコントロール*/
.tab-wrap #tab1:checked ~ .tab-body > .body1 {
display: block;
}
.tab-wrap #tab2:checked ~ .tab-body > .body2 {
display: block;
}
.tab-wrap #tab3:checked ~ .tab-body > .body3 {
display: block;
}
.tab-wrap #tab4:checked ~ .tab-body > .body4 {
display: block;
}
.tab-wrap #tab5:checked ~ .tab-body > .body5 {
display: block;
}
.tab-wrap #tab6:checked ~ .tab-body > .body6 {
display: block;
}
/*タブのデザイン*/
.tab-body {
margin-bottom:40px;
padding-top: 40px;
background-color:#fff;
-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); /* webkit */
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6); /* FireFox */
box-shadow: 0.5px 0.5px 3px rgba(0,0,0,0.4);
}
/* センター概要 */
.amao-photo{
margin:0px auto 20px auto;
padding: 0px;
width: 100%;
}

dl.outline{
margin:20px 0px;
}

.outline dt{
padding-top:6px;
padding-bottom:5px;
border-top:1px solid #ccc;
border-bottom:1px dotted #ccc;
}
.outline dd{
padding-top:5px;
padding-bottom:40px;
}
.outline dd:nth-last-of-type(1){
border-bottom:1px dotted #aaa;
}
/* タブレット用 / 640px以上 */
@media only screen and (min-width: 321px){
.amao-photo{
margin:0px auto 20px auto;
padding: 0px;
width: 60%;
}
}
/* タブレット用 / 640px以上 */
@media only screen and (min-width: 640px){
.amao-photo{
margin:0px 40px 40px 0px;
padding:0px;
float:left;
width:280px;
font-size:14px;
font-size:1.4rem;
}dl.outline{
margin:20px 0px;
}

.outline dt{
padding-top:12px;
padding-bottom:10px;
border-top:1px solid #ccc;
border-bottom:none;
}
.outline dd{
display:block;
margin-top:-34px;
padding-top:0px;
padding-left:10em;
padding-bottom:10px;
}
.outline dd:nth-last-of-type(1){
border-bottom:1px solid #ccc;
}
}
/* メンバーのボックス */
.member-box{
margin: 0px auto 10px auto;
padding:10px;
}
/* メンバーのテーブル */
.table-member{
margin: 10px auto;
}
@media only screen and (min-width: 835px){
.member-oneline{
padding:22px 10px;
}
}
/* パンフレットのテーブル */
div.newsletter-img-cell{
width:100%;
padding:0px;
margin:20px 0px ;
}
div.newsletter-img-cell img{
-webkit-box-shadow: 0px 0px 2px #666; /* webkit */
-moz-box-shadow: 0px 0px 2px #666; /* FireFox */
box-shadow: 0px 0px 2px #666;
margin-bottom:10px;
}
/* タブレット用 / 480px以上 */
@media only screen and (min-width: 480px){
div.newsletter-img-cell{
float:left;
width:30%;
width: calc( 33.3% - 20px );
padding:0px;
margin:20px 10px ;
}
}
/* 共同研究 */
.ol-res li{
margin:0px 5px 20px 2em;
list-style-type: decimal;
}
.ol-res li img{
margin:0px 0px 20px  0px ;
display:block;
}
/* プロフィールのリスト */
.profile{margin-bottom: 100px;}
.profile ol.num-deci, ul.li-disc {
  margin: 20px 1em 20px 3em; }

.profile ol.num-deci {
  list-style-type: decimal; }

.profile ul.li-disc li {
  padding-bottom: 10px;
  list-style-type: disc; }

.profile ol.num-deci li {
  padding-bottom: 15px;
  line-height: 1.5; }
.profile ol.num-deci li em, .profile ol.num-deci li strong {
    color: #a40000; }
.profile ol.num-deci li em.jan{
font-size: 16px;
font-size: 1.6rem;
font-weight: bolder;
font-style: italic;
    color: #a40000; }

.profile dl.dl-line {
  margin: 20px 1em; }
  .profile dl.dl-line dt {
    font-weight: bold;
    color: #3399ff;
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #bbb; }
.profile .left-right-margin-20{
margin-left: 20px; margin-right: 20px;
}