@CHARSET "UTF-8";
/* 外部公開画面共通スタイルシート */
/* ------------------------------------------------
  変更履歴
  2018.01.26	Q11_07.00.00.00 Q11_#60 スマートフォン/タブレット対応
  2016.10.03	Q10_06.04.00.00	KENKYU3699
*/
 
/* ----------------------------------
 * テーマカラー設定
 * ---------------------------------- */
/* ヘッダー帯の色はここで定義する */
.topic{
	background:rgba(63, 81, 181, 1);
    color: #fff;
}



body *{

	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",
		"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS P Gothic", Avenir, "Helvetica Neue", Helvetica, Arial,
		Verdana, sans-serif;
}
body {
	position: relative; /* For scrollyspy */
	min-width: 450px;
	background: #f1f2f6;
}

a{
	color:#428bca;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

}

@media ( max-width : 767px) {
	.home {
		background: none;
	}
}
/* ----------------------------------
 * docs
 * ---------------------------------- */
.docs-header {

}

.docs-header.header--noBackground {
	background: none;
}

@media ( max-width : 768px) {
	.docs-header {
		padding-top: 0;
	}
}
/* ----------------------------------
 * logo
 * ---------------------------------- */
.univ-logo {
	float: left;
	margin: 5px 15px;
}

.univ-logo img {
	height: 90px;
}
/* ----------------------------------
 * topic
 * ---------------------------------- */
.topic {
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 3px;
	padding: 0px 0 40px;
	margin-bottom: 15px;
}
.topic h3 {
	margin-top: 20px;
	font-size: 28px;
	font-weight: normal;
}

.topic h4 {
	text-indent: 1em;
	margin-top: 15px;
	font-weight: normal;
}

.topic .topic__infos {
	position: absolute;
	bottom: 0;
	padding-bottom: 9px;
	padding-top: 9px;
	background: rgba(255, 255, 255, 0.25);
	width: 100%;
	white-space: nowrap;

	box-shadow:0px 1px 1px -1px rgba(0, 0, 0, 0.2);
}

.topic .container {
	position: relative;
}

/* ----------------------------------
 * documents
 * ---------------------------------- */
.documents {
	margin-bottom: 20px;
	padding: 0;
	background: #FFFFFF;
}

/* ------------------------------------------------------- */
/* ------------------   共通定義   ------------------- */
/* ------------------------------------------------------- */
.clear {
	clear: both;
}

/* ------------------------------------------------------- */
/* ------------------   ヘッダー定義   ------------------- */
/* ------------------------------------------------------- */
/* ----------------------------------
 * 画面上部の空白
 * ---------------------------------- */
.header {
	height: 3px;
	width: 100%;
	background-color: #fff;
	text-align: right;
	position: fixed;
	top: 0px;
	z-index: 100;
}

/* ----------------------------------
 * 画面右上の情報(更新日、アクセスカウンタ、Google)
 * ---------------------------------- */
.header-info {
	text-align: right;
	white-space: nowrap;
}

.block-access-count {

}

.created-date {
	padding-top: 5px;
}

#sitesearch-google {
	padding-top: 10px;
	padding-bottom: 5px;
}

/* ----------------------------------
 * 言語切り替え
 * ---------------------------------- */
.language-select {
	text-align: right;
}

/* 日英切り替え, プロフィールに戻るリンク */
.language-select .select-lang, .profile-header-button .select-lang, .back-to-profile{ /* Mod Q11_#60 */
	font-weight:bold;
	color:white;
	border:1px solid white;
	padding:0 5px;
}
.language-select .select-lang:hover, .back-to-profile:hover, .language-select .select-lang:focus, .back-to-profile:focus{ /* Mod Q11_#60 */
	color:black;
	border:1px solid black;
	background:white;
}


/* ------------------------------------------------------- */
/* -----------------   コンテンツ定義   ------------------ */
/* ------------------------------------------------------- */
/* ----------------------------------
 * タブコンテンツ
 * ---------------------------------- */
.tab-content {
	padding: 20px;
	overflow: auto;
}

/* Add Start Q11_#60 */
/* ----------------------------------
 * タブコンテンツ(スマホサイズの場合)
 * ---------------------------------- */
.nav-tabs .dropdown-toggle, .nav-tabs .dropdown-toggle:focus, .nav-tabs .dropdown-toggle:hover, .nav-tabs li.dropdown.open .dropdown-toggle,
.nav-tabs>li.active>a.dropdown-toggle, .nav-tabs>li.active>a:focus.dropdown-toggle, .nav-tabs>li.active>a:hover.dropdown-toggle{
	background:#434a54 !important;
	color:white !important;
}
/* Add End Q11_#60 */

/* ----------------------------------
 * 画面上部にスクロールボタン
 * ---------------------------------- */
.top_move {
	background-color: black;
	border-radius: 100px;
	bottom: 5px;
	color: white;
	float: left;
	margin: 0 30px 40px;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 20px 23px;
	position: fixed;
	right: 0px;
	text-align: center;
	z-index: 4;
	cursor: pointer;
	display: none;
}

/* ----------------------------------
 * Loading イメージ
 * ---------------------------------- */
#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 66px;
	width: 66px;
	z-index: 3000;
	background-image: url("/images/loading.gif");
	background-position: center top;
	background-repeat: no-repeat;
}

/* ----------------------------------
 * フォーム設定
 * ---------------------------------- */
.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-bottom: 0px;
}
/* form-group bootstrap.min.cssの上書き */
.form-group{
	margin-bottom:0;
}

/* ----------------------------------
 * コンテンツの説明文 
 * ---------------------------------- */
.content-description {
	padding-bottom:10px;
}
/* ----------------------------------
 * 外部公開メッセージ
 * ---------------------------------- */
/* データ部分定義 */
.fixed-noti-title, .info-noti-title { /* 外部公開メッセージ：タイトル */
	text-align: center;
	text-decoration: underline;
	font-size: 18pt;
}

.fixed-noti-body, .info-noti-body { /* 外部公開メッセージ：本文 */
	margin-top: 20px;
	font-size: 12pt;
}

.fixed-noti-career, .info-noti-career { /* 外部公開メッセージ：発信者 */
	margin-top: 20px;
	text-align: right;
	font-size: 12pt;
}


/* ----------------------------------
 * キーワード検索
 * ---------------------------------- */
.input-keyword {
	white-space: nowrap;
	padding: 15px 0;
	width: 60%;
	padding: 15px 0;
}

/* ----------------------------------
 * 所属別一覧
 * ---------------------------------- */
/* 主たる所属のみかその他の所属を含めるか */
#main-only {
	padding: 10px 0 0 0;
	text-indent: 20px;
}

/* その他の所属が含まれる場合は、その他の所属をdivで囲むため、以下定義で文字サイズを小さくする */
#search-results tbody tr td div {
	padding-left: 1em;
	font-size: 0.8em;
}

/* 所属別一覧　その他所属を除外するチェックボックスの説明文 */
#main-only-description, #with-other-description {
	margin: 10px 0 0 0;
	text-indent: 2em;
}
/* 主たる所属のみの場合の説明文を初期状態で非表示にしておく */
#main-only-description {
	display: none;
}

/* ----------------------------------
 * アコーディオン設定
 * ---------------------------------- */
#affiliation-accordion, #bunya-accordion {
	padding: 0 20px;
}
.panel-group .panel-heading + .panel-collapse .panel-body{
	padding:5px 0;
}
.panel-default{
	padding-bottom:1px;
}
.panel-default > .panel-heading .badge{
	background:#fff;
	color:#434a54;
}
#affiliation-accordion .badge, #bunya-accordion .badge {
	font-size:11px;
}

.sub-affiliation-accordion, .sub-bunya-accordion {
	padding: 0 0 0 20px;
}

#affiliation-accordion ul, #bunya-accordion ul {
	padding-left: 80px;
	list-style:none;
}

#affiliation-accordion :not(li)>a:first-child, #bunya-accordion :not(li)>a:first-child {
	padding-left: 20px;
	padding-right: 20px;
}

#affiliation-accordion .panel-default>.panel-heading a, #bunya-accordion .panel-default>.panel-heading a
{
	font-size: 1.1em;
}

.panel-default>.panel-heading .badge {
	vertical-align: middle;
	margin-top: -0.25em;
}

.panel-default .panel-body .badge {
	vertical-align: middle;
	margin-top: -0.25em;
}

.accordion-button {
	padding-bottom: 5px;
}
.panel-group .panel-title a{
	display:inline-block;
}

/* ----------------------------------
 * 50音検索
 * ---------------------------------- */
.syllabary-box {
	height: 100%;
}

.syllabary-list-ja {
	padding-top: 0;
	padding-left: 20px;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	writing-mode: vertical-rl;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 300px;
	line-height: 1.0;
}
/* Add Start Q11_#60 */
.syllabary-list-ja-xs {
	padding-top: 0;
	padding-left: 0px;
	text-align:center;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 320px;
	line-height: 1.0;
}
.syllabary-list-ja-xs li.next-kana-empty {
	margin-right: 60px;
}
/* Add End Q11_#60 */


.syllabary-list-en {
	padding-top: 0;
	padding-left: 20px;
	list-style: none;
	display: block;
	height: 170px;
	line-height: 1.0;
}

.syllabary-list-ja li, .syllabary-list-ja-xs li,.syllabary-list-en li { /* Mod Q11_#60 */
	text-align: center;
	font-size: 18px;
	line-height: 1.0;
	background-color: #e6e9ed;
	border: 2px solid #fff;
	height: 60px;
	width: 60px;
}

/* Add Start Q11_#60 */
.syllabary-list-ja-xs li{
	float:left;
}
/* Add End Q11_#60 */

.syllabary-list-en li {
	float: left;
}

.syllabary-list-ja li.next-kana-empty {
	margin-bottom: 60px;
}

.syllabary-list-ja li:hover,.syllabary-list-ja-xs li:hover, .syllabary-list-en li:hover { /* Mod Q11_#60 */
	background-color: #f9f9f9;
}

.syllabary-list-ja li a,.syllabary-list-ja-xs li a, .syllabary-list-en li a { /* Mod Q11_#60 */
	padding: 18px;
	display: block;
}

/* ----------------------------------
 * 検索結果
 * ---------------------------------- */
/* ページ移動ボタン */
/* pagenationの色をデフォルトから変更(デフォルトは黄緑色で、すべての大学色にはマッチしない) */
.pager {
	text-align: right;
}

.pager li>a:active, .pager li>a:focus, .pager li>a:hover {
	color: #fff;
	background-color: #ccd1d9;
	border-color: #ccd1d9;
}

.pager li>a {
	margin: 0 5px;
	color: #333;
	background-color: #fff;
	border-color: #aab2bd;
}

/* プロフィール画面表示用リンクのアイコン */
.glyphicon-new-window {
	padding-left: 5px;
}

/* 表示件数切替セレクトボックス */
#results-form {
	padding-top: 10px;
}

/* 検索結果のヘッダ文字 */
#search-results p {
	font-weight: bold;
}

/* Add Start Q11_#60 */
/* ----------------------------------
 * window幅による影響を防ぐ
 * ---------------------------------- */
@media ( max-width : 767px) {
	.container {
		max-width: none !important;
	}
	body{
		min-width:200px;
	}
	.topic h3 {
		margin-top: 10px;
		font-size: 20px;
		font-weight: normal;
	}

	.topic h4 {
		text-indent: 1em;
		font-size: 16px;
		margin-top: 5px;
		font-weight: normal;
	}
	h3, h4{
		margin-bottom:5px;
	}

	.topic .topic__infos {
		font-size:80%;
	}
	.tab-content {
		padding: 10px;
	}
	#affiliation-accordion, #bunya-accordion {
		padding: 0;
	}
	.sub-affiliation-accordion, .sub-bunya-accordion {
		padding: 0 0 0 10px;
	}

	#affiliation-accordion ul, #bunya-accordion ul {
		padding-left: 40px;
		list-style:none;
	}

	#affiliation-accordion :not(li)>a:first-child, #bunya-accordion :not(li)>a:first-child {
		padding-left: 10px;
		padding-right: 10px;
	}

	#affiliation-accordion .panel-default>.panel-heading a, #bunya-accordion .panel-default>.panel-heading a
	{
		font-size: 1em;
	}


}

@media all and ( min-width : 768px) {
	.container {
		min-width: 768px;
	}
}

@media all and (min-width:768px) {
}
/* Add End Q11_#60 */