/* ==========================================================================
テーマカラー #2D287F
全体の背景#2D287F
メニュー #2A265C
ロゴ #555555
本文見出し1 #322BA6
本文見出し2 #131040
サイドバー見出し#908DB2
サイドバー背景 #D6D5E5
   ========================================================================== */
@font-face {
	font-family: 'Myanmar3';
	src: local('Myanmar3'),url('//www.library.osaka-u.ac.jp/fonts/Myanmar3.ttf');
}
@font-face {
	font-family: 'Padauk';
	src: local('Padauk'),url('//www.library.osaka-u.ac.jp/fonts/padauk.ttf');
}


body {
	font-family: Myanmar3,Yunghkio,Padauk;
	color: #333333;
	font-size: 12pt;
}
a {
	color: #0022cc;
}
a:hover {
	color: #005580;
}
.label,
.badge {
	padding: 3px 3px;
	font-size: 0.85em;
}
[class*="span"] {
	margin-top: 5px;
}
.row {
	margin-top: 10px;
}
/* 水平方向の位置のそろえ方を指定（20140707） */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.tooltip { /* ツールチップのfont-size大きく(20140707) */
	font-size: 0.9em;
	text-indent: 0;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before { /* リストに行頭アイコンを付ける時の余白調整(20150107) */
	text-indent: -1.5em;
}

/* ==========================================================================
   見出しの調整
   ========================================================================== */
h1 {
	font-size: 2em;
	margin: 0;
	padding: 20px 0;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
}
h1 small {
	font-weight: normal;
	font-size: -3.0em;
	color: inherit;
}
h2 {
	font-size: 1.2em;
	border-left: 4px solid #2d287f;
	background-color: #ddd;	/* IE9以下など古いブラウザ用 */
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
	line-height: 1.4em;
	padding: 5px 0 5px 10px;
	margin-bottom: 20px;
	clear: both;
}
h3 {
	font-size: 1.1em;
	border-bottom: 1px dotted #2d287f;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding: 0 0 3px;
	clear: both;
}
/* 各要素(前)とh2(後)が隣接している時のmargin-topを広げる(20150304) */
* + h2 {
	margin-top: 40px;
}
div.row + h2 {
	margin-top: 30px;
}
/* 各要素(前)とh3(後)が隣接している時のmargin-topを広げる(20150304) */
* + h3 {
	margin-top: 30px;
}
div.row + h3 {
	margin-top: 20px;
}
/* h2もしくはh3(前)とdiv.row(後)が隣接している時のmargin-bottomを狭める(20150304) */
h2 + div.row, h3 + div.row {
	margin-top: -15px;
}

/* ==========================================================================
   検索タブ
   ========================================================================== */
.search-unit {
	padding: 50px 30px 30px 30px;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: 200;
	line-height: 30px;
}
.guide-unit {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 30px;
}

/* ==========================================================================
  class="lead" のフォントサイズ
   ========================================================================== */
.lead {
  font-size: 1em;
  letter-spacing: -1px;
  font-weight: bold;
  line-height:1.4;
}

/* ==========================================================================
  class="small" のフォントサイズ
   ========================================================================== */
.small {
  font-size: 0.75em;
}

/* ==========================================================================
   Navbar の調整（20141007大幅に追加）
   ========================================================================== */
.navbar-inner {
	font-size: 1.0em;
}
.navbar .brand {
	font-size: 0.9em;
	padding: 10px 0px 10px 20px;
	font-weight: 400;
	letter-spacing: -1px;
}

.navbar { /* 20141007追加 */
	background: #fff;
}
.navbar-fixed-top .navbar-inner { /* 20141007追加 */
	padding: 0 5px;
}
@media (max-width: 979px) { /* 20141007追加 */
	.navbar-fixed-top {
    	margin-bottom: 0;
	}
}

/* ページ最上部のエリアの調整 (20141007) */
.logo_area {
	padding: 10px 0 10px 0;
}
@media (max-width: 979px) {
	.navbar .logo_area {
		padding: 10px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.navbar .logo_area {
		width: 724px;
	}
}
.logo_area a:hover img {
	filter:alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ナビゲーションの色等の調整 (20141007) */
.navbar-inverse .navbar-inner {
	border-top: 5px solid #fdd000;
	background: #131040; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #131040 0%, #322BA6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#131040), color-stop(100%,#322BA6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* IE10+ */
	background: linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131040', endColorstr='#322BA6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131040', endColorstr='#322BA6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	border-bottom: 0;
}
.navbar-inverse .nav > li > a {
	color :#fff;
}
.navbar-inverse .nav > li > a:hover {
	color: #fff;
	background: #000;
	text-shadow: 0 0 10px rgb(255,255,255);
}

/* 英語版へのリンク色の調整 (20141007) */
.navbar-inverse .nav > li.eng_link > a{
	color: #0022cc;
	background: none;
	text-shadow: none;
}
.navbar-inverse .nav > li.eng_link > a:hover {
	color: #005580;
}

/* ナビゲーションのアイコンのアニメーション (20141007) */
a.rotation i {
	display: inline-block;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
a.rotation:hover i {
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
.navbar-inverse .nav > li.eng_link > a i {
	display: inline-block;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.navbar-inverse .nav > li.eng_link > a:hover i {
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}

/* サイト内検索の検索ボックス内にアイコンを表示 (20141007) */
.site_search {
	position: relative;
}
.site_search .iconbox {
	padding-left: 25px;
}
.site_search .icon-search {
	position: absolute;
	top: 5px;
	left: 10px;
}
.site_search .iconbox:focus, .site_search .iconbox.focused {
	padding-left: 25px;
}

/*動作調整(20180413)*/
.container .in{
	height:auto !important;
}

/* ==========================================================================
   Sticky Footer
   ========================================================================== */
html,
body {
	height: 92%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	/*min-height: 92%; 20180207高さ調整*/
	min-height: 300px;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -20px;
	padding: 0 ;
}

/* Set the fixed height of the footer here */
#push,
#footer {
	height: 60px;
}
#footer {
	background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Custom page CSS
	Not required for template or sticky footer method.
	.container {
		width: auto;
		max-width: 680px;
	}
	.container .credit {
		margin: 20px 0;
	}
*/

/* ==========================================================================
   SPAM対策　例：<address>連絡先：<span class="backwards">pj.oc.niamod@egoh</span></address> まああまり使わないかな
   ========================================================================== */
address span.backwards {
	direction: rtl;
	unicode-bidi: bidi-override;
	font-style: italic;
}

/* ==========================================================================
   右ペイン画像の影　写真は320pxで用意すること
   http://www.html5-memo.com/webtips/boxshadow/
   ========================================================================== */
.shadow04{
	position: relative;
	padding: 10px 0 10px;
}
.shadow04:after{
	z-index: -1;
	position: absolute;
	content:'';
	bottom: 10px;
	left: 10px;
	width: 70%;
	top: 80%;
	max-width:320px;
	background: #8d8c8c;
	/*影を入れる*/
	-webkit-box-shadow: 0 15px 10px #8d8c8c;
	-moz-box-shadow: 0 15px 10px #8d8c8c;
	box-shadow: 0 15px 10px #8d8c8c;
	/*回転させる*/
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

/* ==========================================================================
　　クイックサーチのペイン
テーマカラー #2D287F
全体の背景#2D287F
メニュー #2A265C
ロゴ #555555
本文見出し1 #322BA6
本文見出し2 #131040
サイドバー見出し#908DB2
サイドバー背景 #D6D5E5
   ========================================================================== */
.search-pane {
	padding: 20px;
	font-size: 1.0em;
	font-weight: 150;
	line-height: 20px;
	color: inherit;
/* border: 2px solid #2d287f; */
	background-color: #fff; /* ffedcc */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
	color: #222222;
	background-color: #fff;
/*  border: 2px solid #2d287f; */
}

/* 検索ボックスの大きさ設定 (20141007) */
.input-append input.sbox {
	width: 65%;
}
@media (max-width: 767px) {
	.input-append input.sbox {
		width: 65%;
	}
}

@media (max-width: 979px) { /* 検索タブの幅調整 (20141007) */
	.nav-tabs > li > a, .nav-pills > li > a {
		padding-right: 9px;
		padding-left: 9px;
		margin-right: 1px;
	}
}
.input-append .btn,
.input-prepend .btn { /* 検索ボックスとボタンの上下位置がずれるのを防止 (20141007) */
	vertical-align: bottom;
}
.dblist_all { /* プルダウンとのmargin調整 (20141007) */
	margin-top: 10px;
}

/* ==========================================================================
　　トップの各館ボタンとラベル・バッジ （各館テーマカラーに合わせて修正 20130801）
   ========================================================================== */
.label-common, .badge-common {
	text-shadow: none;
	background: #131040; /* Old browsers */
	background: -moz-linear-gradient(45deg, #131040 0%, #322BA6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #131040), color-stop(100%, #322BA6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #131040 0%, #322BA6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #131040 0%, #322BA6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #131040 0%, #322BA6 100%); /* IE10+ */
	background: linear-gradient(45deg, #131040 0%, #322BA6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131040', endColorstr='#322BA6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.btn-sougou, .label-sougou, .badge-sougou {
	color: #fff;
	text-shadow: none;
	background: #23627C; /* Old browsers */
	background: -moz-linear-gradient(45deg, #23627C 0%, #58B9E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #23627C), color-stop(100%, #58B9E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #23627C 0%, #58B9E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #23627C 0%, #58B9E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #23627C 0%, #58B9E2 100%); /* IE10+ */
	background: linear-gradient(45deg, #23627C 0%, #58B9E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23627C', endColorstr='#58B9E2', GradientType=1); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.btn-sougou:hover {
	color: #fff;
	background: #23627C; /* Old browsers */
	background: -moz-linear-gradient(135deg, #23627C 0%, #58B9E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #23627C), color-stop(100%, #58B9E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(135deg, #23627C 0%, #58B9E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(135deg, #23627C 0%, #58B9E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(135deg, #23627C 0%, #58B9E2 100%); /* IE10+ */
	background: linear-gradient(135deg, #23627C 0%, #58B9E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58B9E2', endColorstr='#23627C', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.btn-seimei, .label-seimei, .badge-seimei {
	color: rgb(51, 51, 51);
	text-shadow: none;
	background: #f6a01a; /* Old browsers */
	background: -moz-linear-gradient(45deg, #f6a01a 0%, #ffbf00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f6a01a), color-stop(100%, #ffbf00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #f6a01a 0%,#ffbf00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #f6a01a 0%, #ffbf00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #f6a01a 0%, #ffbf00 100%); /* IE10+ */
	background: linear-gradient(45deg, #f6a01a 0%, #ffbf00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6a01a', endColorstr='#ffbf00', GradientType=1); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.btn-seimei:hover {
	background: #f6a01a; /* Old browsers */
	background: -moz-linear-gradient(135deg, #f6a01a 0%, #ffbf00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #f6a01a), color-stop(100%, #ffbf00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(135deg, #f6a01a 0%, #ffbf00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(135deg, #f6a01a 0%, #ffbf00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(135deg, #f6a01a 0%, #ffbf00 100%); /* IE10+ */
	background: linear-gradient(135deg, #f6a01a 0%, #ffbf00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf00', endColorstr='#f6a01a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.btn-rikou, .label-rikou, .badge-rikou {
	color: #fff;
	text-shadow: none;
	background: #064006; /* Old browsers */
	background: -moz-linear-gradient(45deg, #064006 0%, #11A611 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #064006), color-stop(100%, #11A611)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #064006 0%, #11A611 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #064006 0%, #11A611 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #064006 0%, #11A611 100%); /* IE10+ */
	background: linear-gradient(45deg, #064006 0%, #11A611 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064006', endColorstr='#11A611', GradientType=1); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.btn-rikou:hover {
	color: #fff;
	background: #064006; /* Old browsers */
	background: -moz-linear-gradient(135deg, #064006 0%, #11A611 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #064006), color-stop(100%, #11A611)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(135deg, #064006 0%, #11A611 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(135deg, #064006 0%, #11A611 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(135deg, #064006 0%, #11A611 100%); /* IE10+ */
	background: linear-gradient(135deg, #064006 0%, #11A611 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11A611', endColorstr='#064006', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.btn-gaikoku, .label-gaikoku, .badge-gaikoku {
	color: #fff;
	text-shadow: none;
	background: #460746; /* Old browsers */
	background: -moz-linear-gradient(45deg, #460746 0%, #AC11AC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #460746), color-stop(100%, #AC11AC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #460746 0%, #AC11AC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #460746 0%, #AC11AC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #460746 0%, #AC11AC 100%); /* IE10+ */
	background: linear-gradient(45deg, #460746 0%, #AC11AC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#460746', endColorstr='#AC11AC', GradientType=1); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.btn-gaikoku:hover {
	color: #fff;
	background: #460746; /* Old browsers */
	background: -moz-linear-gradient(135deg, #460746 0%, #AC11AC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #460746), color-stop(100%, #AC11AC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(135deg, #460746 0%, #AC11AC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(135deg, #460746 0%, #AC11AC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(135deg, #460746 0%, #AC11AC 100%); /* IE10+ */
	background: linear-gradient(135deg, #460746 0%, #AC11AC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AC11AC', endColorstr='#460746', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

/* ==========================================================================
共通ページ：
テーマカラー #2D287F
全体の背景#2D287F
メニュー #2A265C
ロゴ #555555
本文見出し1 #322BA6
本文見出し2 #131040
サイドバー見出し#908DB2
サイドバー背景 #D6D5E5
   ========================================================================== */
.common {
	position: relative;
	padding: 25px 0;
	color: #eee;
	text-align: left;
	text-shadow: none
	background: #131040; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #131040 0%, #322BA6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#131040), color-stop(100%,#322BA6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* IE10+ */
	background: linear-gradient(45deg,  #131040 0%,#322BA6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131040', endColorstr='#322BA6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131040', endColorstr='#322BA6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
header.common { /* 20141007追加 */
	color: #555;
	padding: 0;
	position: relative;
	text-align: left;
	text-shadow: none;
	background-color: #FAFAFA;
	background-image: linear-gradient(to bottom, #FFF, #F2F2F2);
	background-repeat: repeat-x;
	border-bottom: 1px solid #D4D4D4;
	box-shadow: none;
}

/* ==========================================================================
各館ページ：総合図書館　skyblue　#87ceeb
テーマカラー #61B1D2
全体の背景#87CEEB
メニュー #6D98AA
ロゴ #555555
本文見出し1 #58B9E2
本文見出し2 #23627C
サイドバー見出し#CAEBFA
サイドバー背景 #EDF8FD
   ========================================================================== */
.sougou {
	position: relative;
	padding: 25px 0;
	color: #eee;
	text-align: left;
	text-shadow: none
	background: #23627C; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #23627C 0%, #58B9E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#23627C), color-stop(100%,#58B9E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #23627C 0%,#58B9E2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #23627C 0%,#58B9E2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #23627C 0%,#58B9E2 100%); /* IE10+ */
	background: linear-gradient(45deg,  #23627C 0%,#58B9E2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23627C', endColorstr='#58B9E2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23627C', endColorstr='#58B9E2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}

/* ==========================================================================
各館ページ：生命科学図書館　yellow　#ffff00
テーマカラー #D9D92A
全体の背景#FFFF00
メニュー #B8B81C
ロゴ #555555
本文見出し1 #E6E617
本文見出し2 #808010  -> c4c419
サイドバー見出し#FFFFB6
サイドバー背景 #FFFFE7
   ========================================================================== */
.seimei {
	position: relative;
	padding: 25px 0;
	color: #000000;
	text-align: left;
	text-shadow: none;
	background: #f6a01a; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f6a01a 0%, #ffbf00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f6a01a), color-stop(100%,#ffbf00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #f6a01a 0%,#ffbf00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #f6a01a 0%,#ffbf00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #f6a01a 0%,#ffbf00 100%); /* IE10+ */
	background: linear-gradient(45deg,  #f6a01a 0%,#ffbf00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a01a', endColorstr='#ffbf00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a01a', endColorstr='#ffbf00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}

/* ==========================================================================
各館ページ：理工学図書館　green　#008000
テーマカラー #008000
全体の背景#008000
メニュー #0E5C0E
ロゴ #555555
本文見出し1 #11A611
本文見出し2 #064006
サイドバー見出し#7DB37D
サイドバー背景 #CFE6CF
   ========================================================================== */
.rikou {
	position: relative;
	padding: 25px 0;
	color: #eee;
	text-align: left;
	text-shadow: none
	background: #064006; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #064006 0%, #11A611 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#064006), color-stop(100%,#11A611)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #064006 0%,#11A611 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #064006 0%,#11A611 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #064006 0%,#11A611 100%); /* IE10+ */
	background: linear-gradient(45deg,  #064006 0%,#11A611 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064006', endColorstr='#11A611',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064006', endColorstr='#11A611',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}

/* ==========================================================================
各館ページ：外国学図書館　darkmagenta　#8b008b
テーマカラー #8B008B
全体の背景#8B008B
メニュー #640F64
ロゴ #555555
本文見出し1 #AC11AC
本文見出し2 #460746
サイドバー見出し#B982B9
サイドバー背景 #E8D1E8
   ========================================================================== */
.gaikoku {
	position: relative;
	padding: 25px 0;
	color: #eee;
	text-align: left;
	text-shadow: none
	background: #460746; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #460746 0%, #AC11AC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#460746), color-stop(100%,#AC11AC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #460746 0%,#AC11AC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #460746 0%,#AC11AC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #460746 0%,#AC11AC 100%); /* IE10+ */
	background: linear-gradient(45deg,  #460746 0%,#AC11AC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#460746', endColorstr='#AC11AC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#460746', endColorstr='#AC11AC',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}

/* ==========================================================================
   headerのpadding等調整 (20141007)
   ========================================================================== */
header.sougou, header.seimei, header.rikou, header.gaikoku  {
	padding: 0;
}
@media (max-width: 767px) {
	.common, .sougou, .seimei, .rikou, .gaikoku {
		margin: 0 -20px;
		padding: 0 15px 15px;
	}
	header.common,header.sougou, header.seimei, header.rikou, header.gaikoku  {
		padding: 0 15px;
	}
}

/* ==========================================================================
/*
パンくずリストのサンプル　TriangleBreadcrumbs.css　simpleを使う
http://rosea.jpn.org/demo/css3/TriangleBreadcrumbs.html
<div id="simple">
<ul class="simple">
<li><a href="#">Home</a></li>
<li><a href="#">Main section</a></li>
<li><a href="#">Sub section</a></li>
<li><a href="#">Sub sub section</a></li>
<li>The page you are on right now</li>
</ul>
</div>
   ========================================================================== */

/* ==========================================================================
   ヘッダとフッタ
   ========================================================================== */
.jumbotron a {
	color: #fff;
	-webkit-transition: all ease-in-out;
	-moz-transition: all ease-in-out;
	transition: all ease-in-out;
}
.jumbotron a:hover {
	color: #fff;
	text-shadow: 0 0 10px rgb(255,255,255);
}


.seimei h1 {
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
	color: #eee;
}

footer.seimei a {
	color: #13420c;
	text-shadow: none
}

.pager {
	font-size:0.8em;
}

/*
  MyWebFont for Myanmar script
*/
.padauk {
font-family:padauk,Yunghkio,Myanmar3,'Masterpiece Uni Sans';
}
.Myanmar3{
font-family:Myanmar3,Yunghkio,'Masterpiece Uni Sans';
}

/* ==========================================================================
   大阪大学のロゴ設定およびタブの強調設定（20130905） タブのborder色濃く（20141007追加）
   ========================================================================== */
.logo_ou {    /* 「大阪大学」ロゴ */
	text-align: right;
}
.nav-tabs { /* 20140707追加 */
	border-bottom: 1px solid #bbb
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover { /* 20140707追加 */
	border-color: #bbb #bbb transparent;
	font-weight: bold;
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover {    /* アクティブなタブ */
	border-bottom-width: 2px;
	border-bottom-color: #f90;
}

/* ==========================================================================
   フッターの修正（20141209）
   ========================================================================== */
footer h4 {
	margin-top: 0;
}
footer ul.unstyled > li { /* フッターのリスト */
	font-size: 0.8em;
	margin-left: 1em;
	display: block;
}
footer ul.unstyled > li a { /* フッターのリスト */
	text-decoration: underline;
}
footer ul > li > ul > li { /* フッターのリスト2階層目 */
	display: inline;
	margin-left: 0;
	padding-right: 5px;
	list-style: outside none none;
}
footer div.address { /* フッターのリストとアドレスの間の罫線 */
	border-top: 1px solid #eee;
}

/* ==========================================================================
   トップページのクイックリンク (20140707→20180927講習会・学習サポートを追加)
   ========================================================================== */
/* リンクボタン共通の設定 */
.pictogram {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) #ccc;
	border-radius: 8px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
	display: block;
	float: left;
	height: 75px;
	width: 49%;
	margin: 0 0 2%;
	padding: 4px;
	line-height: 1.2em;
	text-align: center;
	color: #333;
}
.quick_link_eng .pictogram {
	line-height: 1em;
}
/* 各ボタンの設定（日英共通部分：背景画像・マージンなど） */
#picto_book, #picto_book_eng {
	background: url('/img/pictgram/Book45.png') no-repeat center 10%;
	margin-right: 2%;
}
#picto_key, #picto_key_eng {
	background: url('/img/pictgram/Key45.png') no-repeat center top;
}
#picto_workshop, #picto_workshop_eng {
	background: url('/img/pictgram/Workshop45.png') no-repeat center top;
	margin-right: 2%;
}
#picto_ls, #picto_ls_eng {
	background: url('/img/pictgram/LS45.png') no-repeat center top;
}
#picto_lock, #picto_lock_eng {
	background: url('/img/pictgram/Lock45.png') no-repeat center top;
	margin-right: 2%;
}
#picto_message, #picto_message_eng {
	background: url('/img/pictgram/Message45.png') no-repeat center top;
}
#picto_ouka, #picto_ouka_eng {
	background: url('/img/pictgram/OUKA.png') no-repeat left 20%;
	height: 45px;
	width: 100%;
}


/* 各ボタンの調整（フォントサイズ） */
#picto_book, #picto_key, #picto_key_eng, #picto_message_eng, #picto_ouka, #picto_ouka_eng {
	font-size: 85%;	
}
#picto_book_eng, #picto_message, #picto_message_eng, #picto_workshop, #picto_workshop_eng, #picto_ls, #picto_ls_eng, #picto_lock_eng {
	font-size: 75%;	
}
#picto_lock {
	font-size: 70%;	
}


/* 各ボタンの調整（文字の上下・左右位置） */
.pictogram span {
	position: relative;
	top: 70%;
}
#picto_book_eng span, #picto_workshop_eng span,  #picto_lock span{
	top: 65%;
}
#picto_ouka span {
	top: 25%;
	left: 10%;
}
#picto_ouka_eng span {
	top: 35%;
	left: 10%;
}
/* 各ボタンのリンクホバー色設定（日英共通） */
#picto_book:hover, #picto_book_eng:hover, 
#picto_key:hover, #picto_key_eng:hover, 
#picto_lock:hover, #picto_lock_eng:hover, 
#picto_workshop:hover, #picto_workshop_eng:hover, 
#picto_ls:hover, #picto_ls_eng:hover,
#picto_message:hover, #picto_message_eng:hover, 
#picto_ouka:hover, #picto_ouka_eng:hover {
	background-color: #eee;
	text-decoration: none;
}
@media (min-width: 768px) and (max-width: 979px) {
	#picto_book, #picto_key, #picto_lock_eng {
		font-size: 85%;
	}
	#picto_book_eng, #picto_key_eng {
		font-size: 70%;
	}
	#picto_key_eng span {
		top: 60%;
	}
	#picto_lock {
		background-size: 48px 48px;
	}
	#picto_lock span {
		top: 50%;
	}
	#picto_message {
		font-size: 75%;
	}
	#picto_ouka {
		background-size: 40.5px 27px;
		font-size: 75%;
	}
	#picto_ouka_eng span {
		top: 10%;
		left: 10%;
	}
}
@media (max-width: 767px) {
	#picto_lock span {
		top: 75%;
	}
	#picto_ouka span {
		left: 0%;
	}
	#picto_ouka {
		background-position: 10% top;
	}
}

/* ==========================================================================
   トップページのお知らせ/Twitter/開館時間のペイン (20140729)
   ========================================================================== */
ul.newslist li {
	padding-left: 4.5em;
	text-indent: -4.5em;
}
ul.newslist li > span.badge-common,
ul.newslist li > span.badge-sougou,
ul.newslist li > span.badge-seimei,
ul.newslist li > span.badge-rikou,
ul.newslist li > span.badge-gaikoku {
	margin: 0;
	padding: 2px 5px;
	font-size: 0.75em;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	width: 4.5em;
}
ul.newslist_pin {
	margin-left: 25px;
}
.pubdate {
	font-size: 0.8em;
}
.news_archive {
	margin-bottom: 15px;
}

/* Twitterウェジェットをレスポンシブに(20141007) */
.TwitterWidget #twitter-widget-0 {
	width: 100% !important;
}

/* 開館時間のペインをレスポンシブに(20141007) */
iframe#libhour {
	max-width: 100%;
	height: 360px;
}
@media (min-width: 768px) and (max-width: 979px) {
	iframe#libhour {
		height: 410px;
	}
}

/* カレンダーの幅修正(20150123) */
.calendar {
	max-width: 100%;
	height: 660px;
}

/* ==========================================================================
   画像に関する設定
   ========================================================================== */

img.banner_ebook {	/* 電子ブックのページのバナー（大）(20140902) */
	max-width: 245px;
	max-height: 61px;
}

img.banner_ebook_2 {	/* 電子ブックのページのバナー（小）(20160914) */
	max-width: 61px;
	max-height: 61px;
}

.thumbnailop a:hover {	/* 動画サムネイル画像マウスオーバー時半透明(20190131) */
	opacity: 0.7;
}

.thumbnailborder {	/* 動画サムネイル画像囲い線(20190131) */
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: auto;
}

/* ==========================================================================
   Navbar の調整（20180406）
   ========================================================================== */


/* ==========================================================================
   Googleカレンダーのレスポシブ対応（20180914）
   参考記事：https://blanche-toile.com/tools/embed-google-calendar
   ========================================================================== */
   
.gc-wrap {
    max-width: 800px;
    margin: 3% auto;
}
 
.g-calendar {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70%;
}
 
.g-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media screen and (max-width:767px) {
 
    .g-calendar {
        padding-bottom: 90%;
    }
 
}

/* ==========================================================================
   ページ内リンクの移動位置padding調整（20200327）
   参考記事：https://y-com.info/contents/?p=5641
   ========================================================================== */

a.anchor{
    display: block;
    padding-top: 129px;
    margin-top: -129px;    
}