@charset "utf-8";
/* デフォルトフォントサイズを10px */
html {
	font-size:					62.5%;
	 -webkit-text-size-adjust:	100%;
	 -ms-text-size-adjust:		100%;
}
html,body{
     height:			100%;
}
BODY {
	background-color:	#FFFFFF;
	color:				#666666;
	font-family:		"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	margin:				0px;
	padding:			0px;
	text-align:			center;
}
* {
	line-height:		1.2;
}
TABLE {
	width: 100%;
	max-width: 1040px;
	margin-left:		auto;
	margin-right:		auto;
	overflow-x: auto;
}

/* 190801 */
/*
@media screen and (max-width: 375px) {
	BODY {
	width: 375px;
	}
}
*/

#container {
	display: block;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow: auto;
}
#screen {
	display: block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 4rem;
}

#header {
	padding-top:		8px;
/*	height:				70px;*/
/*	background-color:	#f5f5f5;*/
}
#contents {
/*	width:				100%;*/
/*	padding-bottom:		40px;*/
/*	margin-top:			100px;*/
/*	margin-left:		auto;*/
/*	margin-right:		auto;*/
/*	text-align:			left;*/
/*	padding-bottom:20px;*/
/*	overflow: hidden;*/
}
/* 0809 */
.contents {
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.contents {
		flex-direction: column-reverse;
	}
}
#footer {
/* containerからの絶対位置を定義 */
	position:			absolute;
	bottom:				0;
	width:				100%;
	height:				50px;
	text-align:			center;
/*	background-color:	#b12d40;*/
/*	color:				#FFFFFF;*/
/*	margin-left:		-400px;*/
/*	left:				50%;*/
}
a{
	outline: none;
}
a:focus{
	outline: none;
}
A:link,
A:visited
{
	color:				#999999;
}
A:hover {
	color:				#de4d8e;
	cursor:				pointer;
}
A:active {
	cursor:				pointer;
}
A.group_contents:link,
A.group_contents:visited
{
	display: block;
}
A.group_contents:hover {
	cursor:				pointer;
}
A.group_contents:active {
	cursor:				pointer;
}

/*	ヘッダ－上段 左 エリア */
.header-top-left {
	background-color:	#ffffff;
	text-align:			left;
}

/*	ヘッダ－上段 右 エリア */
.header-top-right {
	background-color:	#ffffff;
	text-align:			right;
}
/*	ヘッダ－中段 左 エリア */
.header-middle-left {
	background-color:	#ffffff;
	font-size: 1.8rem;
	text-align:			left;
	height:				82px;
}

.image_logo {
	height:				52px;
	width:				auto;
}
/*	ヘッダ－中段 右 エリア */
.header-middle-right {
	background-color:	#ffffff;
	text-align:			right;
	height:				82px;
}
/*	ヘッダ－下段 左 エリア*/
.header-bottom-left {
	background-color:	#ffffff;
	text-align:			left;
}
/*	ヘッダ－下段 右 エリア*/
.header-bottom-right {
	background-color:	#ffffff;
	text-align:			right;
}
@media screen and (max-width: 375px) {
	.header-bottom-right {
/*		text-align:		left;*/}
}
/*	ヘッダ－下段 右 フォント */
.header-bottom-right-font {
/*	color:				#FFFFFF;*/
	font-size: 1.28rem;
/*	text-decoration: underline;*/
}
/* エラーメッセージ エリア */
.error {
	background-color:	#FFCC99;
}
/* エラーメッセージ フォント */
.error-font {
	color:				#FF0000;
}

/**	k01 */
.search-bunya-font {
	font-size:			1.3rem;
}
.search-font {
	font-size:			1.3rem;
}
.search-cource {
	display:			inline-block;
}
.search-cource-body {
	font-size:			1.3rem;
	padding-left:		5px;
	display:			inline-block;
}
.left {
	text-align:			left;
}
.k01-title1,	/*	組織名 エリア */
.k02-title1,	/*	所属名 エリア */
.k03-title1,	/*	教員基本情報 エリア */
.k04-title1,	/*	教員基本情報 エリア */
.k05-title1,	/*	検索キーワード エリア */
.k06-title1
{
	background-color:	#ffffff;
	border-top: solid 2px #de4d8e;
    border-bottom: solid 1px #8c8c8c;
}

/*	組織名 フォント */
.k01-title1-font1 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}

.k01-title2,	/*	学部学科名 エリア */
.k02-title2,	/*	教員一覧 エリア */
.k05-title2		/*	教員一覧 エリア */
{
	background-color:	#ffffff;
	border: solid 1px   #8c8c8c;
}
/*	学部学科名 フォント */
.k01-title2-font1 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}

/* 子要素を下から上に配置 */
@media screen and (max-width: 896px) {
	.contents {
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: reverse;
		 -webkit-flex-direction: column-reverse;
		 -ms-flex-direction: column-reverse;
		 flex-direction: column-reverse;
	}
}
/**	k02 */

/*	所属名 フォント */
.k02-title1-font1 {
/**	color:				#FFFFFF;*/
	font-size: 1.6rem;
	font-weight:		bold;
}

@media screen and (max-width: 375px) {
	.k02-title1 {
  	text-align: center;
	}
}

/*	職名 フォント */
.k02-title2-font1 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	人数 フォント */
.k02-title2-font2 {
	font-size:			1.6rem;
/*	color:				#000000;*/
}
/* 氏名漢字 フォント */
.k02-title2-font3 {

}

/**	k03 */
.k03-title1-font1,	/*	教員カナ氏名 フォント */
.k03-title1-font3,	/*	教員所属職種 フォント */
.k04-title1-font1,	/*	教員カナ氏名 フォント */
.k04-title1-font3	/*	教員所属職種 フォント */
{
/*	color:				#FFFFFF;*/
	font-size:			1.28rem;
}
.k03-title1-font2,	/*	教員漢字氏名 フォント */
.k04-title1-font2	/*	教員漢字氏名 フォント */
{
	color:				#de4d8e;
	font-size: 			2.4rem;
	font-weight:		bold;
}
.k03-subtitle1-row {
	background-color:	#FFFFFF;
}
.k03-subgroup1-row {
	background-color:	#de4d8e;
	font-size:			1.6rem;
	font-weight:		bold;
	color:				#FFF;
}
/*	管理項目アイコン フォント */
.k03-subtitle1-font1 {
	color:				#de4d8e;
	font-size:			1.6rem;
}
/*	管理項目名 フォント */
.k03-subtitle1-font2 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	業績一覧 エリア*/
.k03-data-row {
	font-size: 1.3rem;
	background-color:	#ffffff;
}
.k03-font-size {
	font-size: 1.3rem;
}
/*	検索ヒットアイコン フォント */
.k03-search-hit {
	color:				#FF0000;
	font-weight:		bold;
}
/*	プレビュー時注意書き フォント */
.k03-preview-font {
	color:				#FF0000;
	font-size:			1.3rem;
}

TABLE.gyoseki {
/*	display:			inline-table;*/
	background-color:	#d0d0d0;
/*	margin:			10px;*/
/*	20210108追加iphone5でテーブルが画面幅よりはみ出す問題に対応*/
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
/*	ここまで*/
}
.detail-image {
	max-width:240px;
	max-height:240px;
}
.m42-atag{
	display:inline-block;
}
.m42-atag img{
	transition:0.3s;
	display:block;
	width:100%;
}
.m42-atag:hover img{
	cursor: zoom-in;
	opacity:0.8;
}
/**	k04 */
/*	管理項目アイコン フォント */
.k04-subtitle1-font1 {
	color:				#de4d8e;
}
/*	管理項目名 フォント */
.k04-subtitle1-font2 {
/*	color:				#0000FF;*/
	font-weight:		bold;
	background-color:	#FFFFFF;
}
.k04-data1-font1,	/*	標題・概要 フォント */
.k04-data2-font2	/*	入力情報 フォント */
{
/*	color:				#000000;*/
	font-size:			1.3rem;
	background-color:	#FFFFFF;
	word-break:			break-all;
}

/**	k05 */
/*	検索業績キーワード フォント */
.k05-title1-font1 {
/*	color:				#FFFFFF;*/
	font-size:			1.3rem;
}
/*	検索氏名キーワード フォント */
.k05-title1-font2 {
/*	color:				#FFFFFF;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	職名 フォント */
.k05-title2-font1 {
/*	color:				#000000;*/
	font-size:			1.28rem;
	font-weight:		bold;
}
/* 氏名漢字 フォント */
.k05-title2-font2 {
	color:				#de4d8e;
}

.boxA {
	/* width:50px; */float:left;
}
.boxB {
	/* width:420px; */float:left;
}
.boxAE {
	/* width:100px; */float:left;
}
.boxBE {
	/* width:50px; */float:left;
}
@media screen and (max-width: 896px) {
	.boxA {
	width:				auto;
	}
	.boxB {
	width:				auto;
	}
	.boxAE {
	width:				auto;
	}
	.boxBE {
	width:				auto;
	}
}
.clear {
	clear:both;
}
COL.dateYM {
	width:	65px;
}
COL.dateYMD {
	width:	85px;
}
COL.periodYM {
	width:	140px;
}
COL.periodYMD {
	width:	180px;
}
@media screen and (max-width: 414px) {
	COL.dateYM {
		width: initial;
		width:	auto;
	}
	COL.dateYMD {
		width: initial;
		width:	auto;
	}
	COL.periodYM {
		width: initial;
		width:	auto;
	}
	COL.periodYMD {
		width: initial;
		width:	auto;
	}
}
table.search_left th {
	padding: 5px; text-align: center;
}
table.search_bunya {
	margin: 0px auto; width: 100%;
}


#nameheader {
	margin: 10px 0px 0px 0px;
}


div.gyoseki03 {
	/* margin: 10px 0px 0px 140px; */
	margin: 10px 0px 10px 0px;
	/* margin-top: 10px; */
	/* height: 55vh; */
	/* width: 840px; */
	/* margin-left:	200px; */
	height: 55vh;
	overflow: auto;
}
/* top_0809 */
.search {
	flex-basis: 330px;
}
.search2 {
	flex-basis: 710px;
}
.faculty {
	background-color: #CCFFFF;
	list-style: none;
}
.flex-h {
	display: flex;
}
/*
@media screen and (max-width: 545px) {
	.flex-h {
		flex-direction: column;
	}
}
*/

.search-faculty {
	flex-basis: 540px;
}
@media all and (-ms-high-contrast: none) {
  .search {
  	max-width:	330px;
  	width:		100%;
    flex-basis: auto;
  }
  .search-faculty {
  	max-width:	540px;
  	width:		100%;
    flex-basis: auto;
  }
}
@media screen and (max-width: 896px) {
  	.search {
  		max-width:	100%;
  	}
  	.search-faculty {
  		max-width:	100%;
  	}
}

/* 0808追加 */
@media screen and (max-width: 768px) {
	div.gyoseki03 {
		margin: initial;
	}
}
/* /0808 */

[class^="gyoseki_contents"] {
  display: block; padding-top: 180px; margin-top: -180px;
}


div.side {
/*	position: fixed; */
	margin-top: 10px;
    margin-left: 0px;
	width: 200px;
	float: left;
}
div.detail {
	margin-top: 60px;
    height: 100%;
}
div.side_link {
	margin-left:	20px;
	font-size:		1.6rem;
}
div.side_link_index {
/*	background-color:	#de4d8e; */
	font-weight:		bold;
	color:				#FFF;
	font-size:			15px;
	padding: 5px 0px 3px 10px;
	border-top: solid 4px #de4d8e;
}

table.sidemenu {
	background-color:	#d0d0d0;
	margin:	0px auto;
	width:	100%;
}
table.sidemenu td {
	background-color: rgb(255, 255, 255);
}
.side-font-size {
	font-size:			1.3rem;
}

/* 印刷用 */
@media print{
#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow: visible;
}
#contents {
	width:				900px;
/*	padding-bottom:		40px;*/
/*	margin-top:			100px;*/
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
	padding-bottom:20px;
	overflow: visible;
}
	div.gyoseki03 {
		margin-top: 10px;
		height: 100vh;
		width: 700px;
		margin-left:	200px;
		overflow: visible;
	}
	div.footer {
		display: none;
	}

	HR.fline {
		display: none;
	}
	IMG.fimage {
		display: none;
	}
}

/*
@media screen and (max-width: 375px) {
	.k02-title2 thead {
		display: block;
	}
	.k02-title2 tr {
		display: block;
	}
	.k02-title2 td {
		display: block;
	}

}
*/

html{
	font-size:			62.5%; /* 10px */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* 0808 */
.children01 {
	flex-basis: 210px;
	/* width: 200px; */
}
  .children02 {
  	flex-basis: 830px;
 	/* flex: 1; */
 }
 @media screen and (max-width: 768px) {
 	.children01 {
 		flex-basis: initial;
 	}
 	.children02 {
  		flex-basis: initial;
 	}
 	.menu-container {
 		margin: initial;
 	}
 }
.tgyoseki {
	background-color:	#d0d0d0;
	/* width: 840px; */
}
.m_fixed {
	left: 0;
	position: fixed;
	top: 0;
}
/* ここから */
.name-container {
	display: flex;
}
.name {
	list-style: none;
}
/* /0808 */

/* 0807 */
.icon-hamburger {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  height: 40px;
  position: relative;
  width: 40px;
  display: none;
  /* margin-bottom: 0.4em; */
}

.icon-hamburger span {
  background: #cccccc;
  display: block;
  height: 16%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 84%;
}

.icon-hamburger span::before,
.icon-hamburger span::after {
  background: #cccccc;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  width: 100%;
}

.icon-hamburger span::before {
  margin-top: -38%;
}

.icon-hamburger span::after {
  margin-top: 19%;
}

/* メニュー
@media screen and (max-width: 768px) {
  .icon-hamburger {
    display: inline-block;
  }
}
*/

/* フレックスボックス */
.parent {
	display: flex;
	justify-content: center;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.parent {
	flex-direction: column;
	}
}
/* /フレックスボックス */

/* ここから */
.menu-container {
  margin: 10px 10px 0px 0px;
  /* width: 200px; */
}

.menu-container .menu {
  border: medium solid #d0d0d0;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-container .menu .menu-item {
  flex: 1;
}

.group_contents_font {
	font-size: 1.3rem;
}

.menu-container .menu .menu-item a {
  background: #fff;
  /* border-right: 1px solid #ccc;*/
  color: #333;
  display: block;
  /*padding: 0.6em 0.4em;*/
  text-align: left;
  text-decoration: none;
  margin-left: 20px;
}

.menu-container .menu .menu-item .group_contents {
	margin-left:initial;
	border-top: solid 4px #de4d8e;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 5px 0px 3px 10px;
}

.menu-container .menu .menu-item a:hover {
  background: #ccc;
  color: #000000;
}

.menu-container .menu .menu-item:last-child a {
  /*border-right: none;*/
}

@media screen and (max-width: 768px) {
  .menu-container {
    width: initial;
  }

  .menu-container .menu {
    display: none;
    width: 100%;
  }
  .menu-container .menu .menu-item a {
    border-bottom: 1px solid #ccc;
    border-right: none;
    padding: 0.6em 0.4em;
  }
  .menu-container .menu .menu-item:last-child a {
    border-bottom: none;
  }
}
/* /0807 */

/* 0813 */

/* radio non-display */
.add-control .radio {
	display: none;
}
/* button control */
.add-control #close:checked ~ .btn-close {
	display: none;
}

.add-control #close:checked ~ .btn-open {
	display: table;
}

.add-control #open:checked ~ .btn-close {
	display: table;
}

.add-control #open:checked ~ .btn-open {
	display: none;
}
/* content control */
.add-control #close:checked ~ .box {
	display: none;
}

.add-control #open:checked ~ .box {
	display: block;
}

/* button control */
.add-control #close2:checked ~ .btn-close {
	display: none;
}

.add-control #close2:checked ~ .btn-open {
	display: table;
}

.add-control #open2:checked ~ .btn-close {
	display: table;
}

.add-control #open2:checked ~ .btn-open {
	display: none;
}

.btn {
    background-color: #99CCFF;
    width: 95%;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0.5rem;
	margin: 1.0rem;
    display: table;
}
.btn:hover {
    cursor: pointer;
}
.btn:active {
    background: rgb(127, 194, 239);
}

.open-and-close {

}

/* k02 */
.sp-field2 {
	font-size: 1.3rem;
}
@media screen and (max-width: 40rem) {
	.sp-field {
	display: none;
	}
	.sp-field2 {
	font-size: 1.9rem;
	}
}
/* /0813 */