@charset "utf-8";
/* 色 */
/* 
濃ピンク　#bb0322
ピンク　#dd3366
淡ピンク　#ffb6b9
淡淡ピンク　#ffe2e3
トップへ＆ハンバーガー　#66172d
リンク　#dd3366
リンク済み　#992233

濃グリーン　#009988
グリーン　#2db588
淡グリーン　#8dd9bf
淡淡グリーン　#d8e6d5
トップへ＆ハンバーガー　#17664c
リンク　#2db588
リンク済み　#229972

本文　#252525
	*/

/* 全体
----------------------------------------------------------- */
.mobile-br910{
	display:none;
}
.mobile-br460{
	display:none;
}
@media only screen and (min-width: 461px) and (max-width: 910px) {
	.mobile-br910{
	display:inline;
}
}
@media only screen and (min-width: 0px) and (max-width: 460px) {
	.mobile-br910{
	display:none;
}
	.mobile-br460{
	display:inline;
}
}
/* 
@media only screen and (min-width: 0px) and (max-width: 959px) {
.w960:before,
.w960:after {
content: " ";
display: table;
}
.w960:after {
	clear: both;
}
}
 */
@media only screen and (min-width: 481px) and (max-width: 959px) {
	.w960{
	width:100%;
	margin: 0px;
	padding: 0px;
}
p{
margin:0px 60px 40px 60px;
padding:0px;
text-align: left;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.w960{
	width:100%;
	margin: 0px auto;
	padding: 0px;
	word-break:break-all;
}
p{
margin:0px 15px 40px 15px;
padding:0px;
text-align: left;
}
.w960 p img{
margin:0 auto;
padding:0px;
width:100%;
height:auto;
}
}

/*テーブル
----------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 959px) {
table{
margin:0px 0px 40px 60px;
padding:0px;
text-align: left;
width : 88% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 75px) ;
width : calc(100% - 75px) ;
}
.place{white-space:nowrap;}
.name{width:15%;}
.meeting_box .date{width:5rem;}
.reading_box .date{width:5rem;}
.thesis_box .date{width:6rem;}
.meeting_box th , .thesis_box th , .reading_box th,
.meeting_box td , .thesis_box td , .reading_box td{
padding:10px 10px 10px 5px;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
table{
margin:0px 15px 40px 15px;
padding:0px;
text-align: left;
width : 90% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 30px) ;
width : calc(100% - 30px) ;
}
.meeting_box td , .thesis_box td , .reading_box td, .grant_box td , .patent_box td{
padding:5px;
display:block;
}
td.mobile-none , .meeting_box tr:first-child , .thesis_box tr:first-child , .reading_box tr:first-child, .patent_box tr:first-child{
display:none;
}
.meeting_box tr:last-child td , .thesis_box tr:last-child td , .reading_box tr:last-child td{
border-bottom:1px dotted #009988;
}
.meeting_box tr:last-child td:last-child , 
.thesis_box tr:last-child td:last-child , 
.reading_box tr:last-child td:last-child{
border-bottom:2px solid #009988;
}
.meeting_box tr td:nth-of-type(1)::before{
content: "日時：";
font-weight:bolder;
}
.meeting_box tr td:nth-of-type(2)::before{
content: "場所：";
font-weight:bolder;
}
.meeting_box tr td:nth-of-type(3)::before{
content: "内容：";
font-weight:bolder;
}
.meeting_box tr td:nth-of-type(4)::before{
content: "イベント：";
font-weight:bolder;
}

.thesis_box tr td:nth-of-type(1)::before{
content: "修了年月：";
font-weight:bolder;
}
.thesis_box tr td:nth-of-type(2)::before{
content: "氏名：";
font-weight:bolder;
}
.thesis_box tr td:nth-of-type(3)::before{
content: "タイトル：";
font-weight:bolder;
}

.reading_box tr td:nth-of-type(1)::before{
content: "日時：";
font-weight:bolder;
}
.reading_box tr td:nth-of-type(2)::before{
content: "文献：";
font-weight:bolder;
}
.reading_box tr td:nth-of-type(3)::before{
content: "担当：";
font-weight:bolder;
}
.meeting_box td:last-child , .thesis_box td:last-child  , .reading_box td:last-child {
border-bottom:2px solid #009988;
}
.meeting_box td:last-child , .thesis_box td:last-child  , .reading_box td:last-child {
margin-bottom:30px;
}

.grant_box tr:last-child td , .patent_box tr:last-child td{
border-bottom:none;
}
.grant_box td , .patent_box td{
border-top:1px dotted #bb0322;
}
.grant_box td:nth-of-type(1){
padding:10px 10px;
width:100%;
text-align: left;
}
.grant_box td:nth-of-type(2){
padding:10px 10px;
width:100%;
}
.grant_box td:nth-of-type(3){
padding:10px 10px;
width:100%;
}
.patent_box td:nth-of-type(1){
padding:10px 5px 10px 2em;
width:100%;
text-indent:-2em;
text-align: left;
}
.patent_box td:nth-of-type(2){
padding:10px 5px 10px 4em;
width:100%;
text-indent:-4em;
}
.patent_box td:nth-of-type(3){
padding:10px 5px 10px 3em;
width:100%;
text-indent:-3em;
}
.patent_box td:nth-of-type(4){
padding:10px 5px 10px 4em;
width:100%;
text-indent:-4em;
}
.patent_box td:nth-of-type(5){
padding:10px 5px 10px 3em;
width:100%;
text-indent:-3em;
}
.patent_box tr:last-child td:nth-of-type(5){
border-bottom:2px solid #bb0322;
}
.patent_box tr td:nth-of-type(1)::before{
content: "項：";
font-weight:bolder;
}
.patent_box tr td:nth-of-type(2)::before{
content: "出願日：";
font-weight:bolder;
}
.patent_box tr td:nth-of-type(3)::before{
content: "番号：";
font-weight:bolder;
}
.patent_box tr td:nth-of-type(4)::before{
content: "発明者：";
font-weight:bolder;
}
.patent_box tr td:nth-of-type(5)::before{
content: "内容：";
font-weight:bolder;
}

}
/* 見出し
----------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 959px) {
h1{width:100%;}
h1 .top-h1{
width: 95%;
width:-webkit-calc(100% - 15px);
width:calc(100% - 15px);
margin: 0px 0px -25px 0px;
font-size:40px;
font-size:4rem;
}
h1 .top-h1-small{
width: 95%;
width:-webkit-calc(100% - 15px);
width:calc(100% - 15px);
margin: 0px auto -15px 0px;
font-size:30px;
font-size:3rem;
}
h1 .bottom-h1{
width: 95%;
width:-webkit-calc(100% - 15px);
width:calc(100% - 15px);
margin: 0px auto 0px 0px;
font-size:20px;
font-size:2rem;
}
h2 , h2 a{
font-size:18px;
font-size:1.8rem;
}
h3{
margin-right:15px;
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
h1{width:100%;}
h1 .top-h1{
width: 95%;
width:-webkit-calc(100% - 15px);
width:calc(100% - 15px);
margin: 0px 0px -25px 0px;
font-size:40px;
font-size:4rem;
}
h1 .top-h1-small{
width: 95%;
width:-webkit-calc(100% - 15px);
width:calc(100% - 15px);
margin: 0px auto -15px 0px;
font-size:30px;
font-size:3rem;
}
h1 .bottom-h1{
width: 95%;
width:-webkit-calc(100% - 15px);
width:calc(100% - 15px);
margin: 0px auto 0px 0px;
font-size:20px;
font-size:2rem;
}
h2{
position: relative;
margin:0px 0px 20px 0px;
padding:0px 0px 0.5rem 15px;
text-align: left;
line-height:1.2;
}
h2, h2 a {font-size:18px;font-size:1.8rem;}

h3{
margin:0px 15px 20px 15px;
}
.w960 p img{
margin:0 auto;
padding:0px;
width:100%;
height:auto;
}
}

/*リスト
----------------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width: 480px) {
ul{
margin:0px 20px 40px 15px;
padding:0px;
text-align: left;
}
ol{
margin:0px 25px 40px 45px;
padding:0px;
text-align: left;
}
.list li ul{
margin:0px ;
padding:10px 0px 0px 1.2em;
position: relative;
text-align: left;
}
}
/*ヘッダー
----------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 959px) {
.head-h1{
	width:100%;
	margin: 0px;
	padding: 20px 20px 0px 15px;
}
.header-sub .head-h1{
padding: 10px 10px 0px 15px;
}
.lang-en{
	margin: 0px;
	padding: 76px 20px 35px 0px;
	font-size: 12px;
}
.header-sub .lang-en{
padding: 84px 20px 0px 0px;
}
.head-h1 img{
	width: 400px;
}
.header-sub .head-h1 img{
width: 320px;
}
.breadcrumb{
width:100%;
margin: 27px auto -11px  0px;
padding: 0px 0px 0px 10px;
}

.head-lab-h1{
	width:100%;
	margin: 0px;
	padding: 20px 20px 0px 15px;
}
.header-lab-sub .head-lab-h1{
padding: 25px 10px 0px 15px;
}
.lang-en-lab{
	margin: 0px;
	padding: 35px 20px 35px 0px;
	font-size: 12px;
}
.header-lab-sub .lang-en-lab{
padding: 65px 20px 0px 0px;
}
.head-lab-h1 img{
	width: 400px;
}
.header-sub .head-h1 img{
width: 320px;
}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
.head-h1 , .header-sub .head-h1{
	width:100%;
	margin: 0px;
	padding: 20px 20px 0px 15px;
}
.lang-en , .header-sub .lang-en{
	margin: 0px;
	padding: 62px 15px 20px 0px;
font-size:14px;
font-size:1.4rem;
}
.head-h1 img , .header-sub .head-h1 img{
	width: 270px;
}
.breadcrumb{
width:100%;
margin: 10px auto -11px  0px;
padding: 0px 0px 0px 15px;
font-size:14px;
font-size:1.4rem;
}
.head-lab-h1 , .header-lab-sub .head-lab-h1{
	width:100%;
	margin: 0px;
	padding: 35px 20px 0px 15px;
}
.lang-en-lab , .header-sub .lang-en-lab{
	margin: 0px;
	padding: 49px 15px 20px 0px;
font-size:14px;
font-size:1.4rem;
}
.head-lab-h1 img , .header-lab-sub .head-lab-h1 img{
	width: 270px;
}
}
/*フッター
----------------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width: 640px) {
.footer {
margin: 40px 0px 30px 0px;
padding: 15px 15px;
font-size: 12px;
font-size:1.2rem;
}
#gotoTop {
	position: fixed;
	bottom: 5px;
	right: 20px;
	font-size: 12px;
}
}
/*トップページ
----------------------------------------------------------- */
@media only screen and (min-width: 0px) and (max-width: 640px) {
.contents__top{
padding: 40px 0px 20px 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 399px) {
.contents__topphoto img{
			width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
			width : -webkit-calc(100% - 30px) ;
			width : calc(100% - 30px) ;}
}