@charset "utf-8";

/* body */
#content-wrapper {
  padding-top: 20px;
}
.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}
.page-title {
  border-bottom: solid 2px #666;
  color: #666;
}

/* header */
.loginname_block {
  height: 25px;
  border: none;
  background: #EAE3E3;
}
#header-help-nav .btn {
  margin: 5px;
  line-height: 1.5;
}
.us_login_btn {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;  
}
.btn-login {
  min-height: 37px;
  min-width: 188px;
/*background: #800000;*/
  background: #644B4F;
  border: none;
  font-size: 14px;
}
.btn-login:hover ,
.btn-login:active ,
.btn-login:active:hover ,
.btn-login:focus {
  background: #644B4F;
  opacity: 0.8;
}
.btn-login.active {
  background: #DD9400;
}
.btn-login.active:hover {
  background: #DD9400;
  opacity: 0.8;
}
.btn-login .icon-mmd_login {
  font-size: 22px;
  color: #FFF;
}
.btn-login .icon-mmd_logout {
  font-size: 22px;
  color: #FFF;
}
#nav-english {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 55px;
  color: #644B4F !important;
}
#nav-english:hover {
  opacity: 0.8;
}
.icon-mmd_english {
  padding-top: 2px;
  font-size: 22px !important;  
}
#header {
  border-top: solid 6px #595757;
}
#header .container-fluid {
  height: 107px;
}
#header div.row {
  position: relative;
}
#logo {
  position: relative;
  width: 320px;
  height: 100px;
  margin: 0px !important;
}
#logo::after {
  position: absolute;
  left: 8px;
  bottom: 3px;
  font-size: 18px;
}
body.re #logo::after ,
body.re2 #logo::after {
  content: "Research & Education Resources";
}
body.sc #logo::after ,
body.sc2 #logo::after {
  content: "Special Collections";
}
#logo img {
  margin-top: 1px;
  margin-bottom: 2px;
}
#logo a span.title {
  font-size: 36px;
  padding: 20px;
  color: #3e3e4e;
  text-decoration: none;
}
#logo a:hover,
#logo a:focus,
#logo a:active {
  text-decoration: none !important;
}
#logo > a {
  display: flex !important;
  min-height: 86px;
}
#logo > a > img {
  display: block !important;
  width: 300px;
}
#logo > a > span {
  display: block !important;
  flex: 1 1 auto;
  padding: 8px 20px !important;
  margin: auto;
}
#univ-logo {
  position: absolute;
  top: 0px;
  right: 10px !important;
  height: 43px;
  margin: 10px;
}
#univ-logo img {
  height: 43px;
}
@media (max-width: 1000px) {
  #logo > a > span {
    font-size: 28px !important;
  }
}
@media (max-width: 600px) {
  #univ-logo {
    display: none;
  }
}
@media (max-width: 500px) {
  #logo > a > span {
    font-size: 23px !important;
  }
}
body.re #global-nav ,
body.re2 #global-nav {
  margin-bottom: 1px !important;
  border-top: none;
  background: #801102 !important;
}
body.sc #global-nav ,
body.sc2 #global-nav {
  margin-bottom: 1px !important;
  border-top: none;
  background: #336699 !important;
}
#global-nav span[class^="icon-mmd_"] {
}
#global-nav.navbar-inverse {
  border-top: none;
  border-bottom: none;
}
#global-nav .mmd-left-menu ,
#global-nav .mmd-right-menu {
  border-left: dashed 1px #FFF;
}
#global-nav .mmd-left-menu .navbar-brand ,
#global-nav .mmd-right-menu a {
  border-right: dashed 1px #FFF;
}
#global-nav a.navbar-brand-btn ,
#global-nav a.navbar-brand-btn span ,
#global-nav.navbar-inverse .navbar-nav > li > a {
  color: #FFF !important;
}
body.re #global-nav a.navbar-brand-btn:hover,
body.re #global-nav a.navbar-brand-btn:focus,
body.re #global-nav a.navbar-brand-btn.active ,
body.re #global-nav.navbar-inverse .navbar-nav > li > a:hover,
body.re #global-nav.navbar-inverse .navbar-nav > li > a:focus,
body.re2 #global-nav a.navbar-brand-btn:hover,
body.re2 #global-nav a.navbar-brand-btn:focus,
body.re2 #global-nav a.navbar-brand-btn.active ,
body.re2 #global-nav.navbar-inverse .navbar-nav > li > a:hover,
body.re2 #global-nav.navbar-inverse .navbar-nav > li > a:focus {
  background: #9f2211 !important;
}
body.sc #global-nav a.navbar-brand-btn:hover,
body.sc #global-nav a.navbar-brand-btn:focus,
body.sc #global-nav a.navbar-brand-btn.active ,
body.sc #global-nav.navbar-inverse .navbar-nav > li > a:hover,
body.sc #global-nav.navbar-inverse .navbar-nav > li > a:focus ,
body.sc2 #global-nav a.navbar-brand-btn:hover,
body.sc2 #global-nav a.navbar-brand-btn:focus,
body.sc2 #global-nav a.navbar-brand-btn.active ,
body.sc2 #global-nav.navbar-inverse .navbar-nav > li > a:hover,
body.sc2 #global-nav.navbar-inverse .navbar-nav > li > a:focus {
  background: #4477AA !important;
}
#global-nav .dropdown-menu {
  top: 115%;
  left: -5px;
  padding: 20px;
  border: none;
  background: #E4E4E4;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.175);
}
#global-nav .dropdown-menu li a:hover ,
#global-nav .dropdown-menu li a:focus {
  background: #E4E4E4;
  text-decoration: underline;
}
#global-nav .dropdown-menu li > a::before {
  content: "";
}
#content-wrapper {
  border: 4px solid #DDD;
  /*border-top: 1px solid #801102;*/
}

/* search box */
.headerMsgBox {
  margin: 5px;
}
.headerMsgBox .header_icon {
  display: none;
}
#search #msg ul , 
#search #msg li {
  list-style-type: disc !important;
}
input.search-simple-input {
  min-width: 65%;
}
.btn-primary {
  width: 90px;
}
#advance_panel .search-condition {
  width: 85%;
}
#advance_panel .search-condition .sc-l {
  width: 65px;
}
#advance_panel .search-condition .sc-m {
  width: 70%;
}
#advance_panel .search-condition .sc-r {
  width: 18%;
}
#advance_panel #search_code_table {
  margin-bottom: 20px;
}
#advance_panel .row .search-condition + div {
  width: 100%;
}
#advance_panel .btn-primary {
  width: 170px;
}
#advance_panel #search_code_table .search_code_field {
  display: block;
  line-height: 30px;
}
#advance_panel #search_code_table .search_code_title {
  min-width: 71px;
  padding: 0;
}
#advance_panel #search_code_table .search_code_data.checkbox ,
#advance_panel #search_code_table .search_code_selectbox {
  margin: 2px 0;
}
#advance_panel #search_code_table .search_code_data.checkbox input {
  position: relative; 
  margin-right: 5px;
}
.search-condition input[type="text"].option-year {
  width: 5em;
}
#advance_panel .search-condition {
  display: flex;
  flex-flow: column nowrap;
}
#advance_panel .search-condition ul.list-inline:nth-child(1) {
  order: 1;
}
#advance_panel .search-condition ul.list-inline:nth-child(2) {
  order: 2;
}
#advance_panel .search-condition ul.list-inline:nth-child(3) {
  order: 3;
}
#advance_panel .search-condition .year-field {
  order: 4;
}
#advance_panel .search-condition #search_code_table {
  order: 5;
}
#advance_panel .search-condition .field_padding_top {
  order: 999;
}
.year-field {
  width:100%;
}
.year-field .label-title {
  display:inline-block;
  min-width: 70px;
  margin:0;
  font-weight: bold;
}
.year-field .label-msg {
  display:inline-block;
}
@media (max-width: 480px) {
  .year-field .label-title,
  .year-field .label-msg {
    width:100%;
  }
  .year-field .label-title,
  .year-field .label-msg {
    margin:.3em;
  }
}

.search_category_block .schemaLabel {
  font-size: 16px;
  font-weight: bold;
}

/* messages */
#top-msg {
  display: flex;
  flex-flow: column nowrap;
}
#top-msg ul li {
  margin-left: 13px;
  list-style: disc !important;
}
#top-msg .panel {
  margin: 0 0 10px 0;
  border-radius: 4px;
  background: #FFF;
}
body.re #top-msg .panel ,
body.re2 #top-msg .panel {
  border: 1px solid #801102;
}
body.sc #top-msg .panel ,
body.sc2 #top-msg .panel {
  border: 1px solid #336699;
}
#top-msg .panel .title {
  padding: 6px 15px;
  font-size: 16px;
  color: #FFF;
}
body.re #top-msg .panel .title ,
body.re2 #top-msg .panel .title {
  background: #801102;
}
body.sc #top-msg .panel .title ,
body.sc2 #top-msg .panel .title {
  background: #336699;
}
#top-msg .panel .contents {
  margin: 12px 20px;
}
#top-msg .icon::before {
  font-family: 'Font Awesome 5 Free' !important;
  margin-right: 7px;
}
#top-msg #info.icon::before {
  content: "\f05a" !important;
}
#top-msg #faq.icon::before {
  content: "\f059" !important;
}


/* search result */
.categoryBox dl dt {
  color: #666;
}
.categoryBox .cate_high > div {
  float: left;
}
.categoryBox .cate_high > div + div {
  margin-left: 5px;
}
.categoryBox .cate_high > div + div::before {
  content: "　＞　";
  font-weight: bold;
  color: #666;
}

.categoryBox .cate_high {
  float: left;
  padding: 5px 0px;
}
.categoryBox .cate_high + .cate_name::before {
  content: "　＞　";
  font-weight: bold;
  color: #666;
}
.categoryBox .cate_name {
  float: left;
  padding: 5px 0px;
}
.categoryBox .cate_high + .cate_low::before ,
.categoryBox .cate_name + .cate_low::before {
  content: "　＞　";
  font-weight: bold;
  color: #666;
}
.categoryBox .cate_low {
  float: left;
}
.categoryBox .cate_logo,
.categoryBox .cate_intro {
  float: left;
  width: 100%;
  /*display: none;*/
}
.search-column:nth-child(1) {
  left: 27vw !important;
}
#cate_browse h3.page-title {
  position: relative;
  font-size: 0;
}	
#cate_browse h3.page-title .icon-mmd_library {
  font-size: 33.6px;
}
#cate_browse h3.page-title::after {
  content: "収録コンテンツ";
  position: absolute;
  top: 7px;
  left: 45px;
  font-size: 22px;
}
body.mmd_en #cate_browse h3.page-title::after {
  content: "Contents";
}
#cate_browse .search-column:nth-child(1) {
  left: 0 !important;
}
#cate_browse > div > .search-column {
  width: 45vw;
  padding-right: 0px;
}
.cate_img {
  padding-left: 10px;
}
.cate_main {
  padding-left: 20px;
}

.search-column #facet {
  width: 25vw !important;
  max-width: 390px !important;
}
.search-column #search-results {
  width: 67vw !important;
}
.pagination > li.disabled a {
  border-radius: 5px !important;
  background: #DDD !important;
  font-weight: bold;
  color: #2A004A !important;
}
.search-results-pager .pagination > li > a:hover,
.search-results-pager .pagination > li > span:hover,
.search-results-pager .pagination > li > a:focus,
.search-results-pager .pagination > li > span:focus {
  border-radius: 4px;
  background-color: #EEE;
}
.result-book-title a:hover ,
.result-book-title a:focus {
  text-decoration: none;
}
.schemanm_space::after {
    content: "　/　";
    font-size: 12px;
}
.btn-ordinary.cateBtn {
  height: 26px;
  min-width: 30px;
  padding: 0px 10px;
  background: #DADADA;
  font-size: 13px;
  color: #777;
}
.btn-ordinary.cateBtn:hover {
  background: #EAEAEA;
}
.jtitle_box th {
  background: #F5F5F5 !important;
  font-size: 90%;
}


/* details */

.handleURL {
  max-width: 800px;
  margin: 20px auto;
  padding: 3px;
  background: #EEE;
  text-align: center;
}
.doiURL + .handleURL {
  display: none;
}
.content_detail h3 {
  color: #666;
}
.content_detail .export_btn_space {
  float: left;
}
.content_detail h3 .icon-mmd_thesis {
  display: none;
}
table.dataTable > tbody > tr.child ul {
  width: 100%;
}
.panel-body.panel-button {
  padding: 5px 0 0 5px;
}
.panel-body.panel-button button {
  margin: 0 5px 5px 0;
}
.s_name_space {
  margin-bottom: 0px;
}
.export_btn_space {
  float: right;
  margin: 0 0 5px;
}
table.simple_data_block th ,
table.detail_data_block th {
  word-break: keep-all !important;
}
table.dataTable thead .sorting_disabled ,
table.simple_data_block th,
table.detail_data_block th {
  background-color: #f5f5f5;
}
.metadata_block .child_data_label {
  padding-left: 0px !important;
  background: none !important;
  font-size: 14px !important;
  font-weight: bold;
  color: #cccccc;
}
.metadata_block .child_data_label.value_exist {
    color: #4d4d4d !important;
}
table.simple_data_block th,
table.detail_data_block th {
  background: none;
}
.simple_data_block tbody tr th {
  vertical-align: middle !important;
}
.simple_data_block,
.simple_data_block tbody tr th ,
.simple_data_block tbody tr td {
  border-left: 0px !important;
  border-right: 0px !important;
}
#etc {
  font-size: 0;
}
#etc::after {
  content: attr(alt);
  font-size: 14px;
}
.lower_link_info {
  margin: 0;
  padding: 5px;
}
.lower_link_info li {
  padding-bottom: 3px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
  list-style-position: inside;
}
.lower_link_info li .simplebib {
  display: inline-block;
  width: 92%;
  
}
.lower_link_info li::marker {
  vertical-align: top;
  font-weight: bold;
  color: #CCC;
}
.metadata_block .child_data_label {
  padding-left: 0px !important;
  background: none !important;
  font-size: 14px !important;
  font-weight: bold;
}
.metadata_block .child_data_label::after {
  content: ":";
}
.metadata_block.depth2,
.archive_table .depth2 {
  margin-left: 0px;
}
.metadata_block.depth3,
.archive_table .depth3 {
  margin-left: 0px;
}
.metadata_block .child_data_label {
  padding: 1px 7px;
  font-size: 11px;
  margin-left: 0px;
}
.metadata_block .child_data_value {
  padding: 0 10px !important;
}
.metadata_block.depth2 {
    float: left;
    width: 100%;
}
.metadata_block.depth2 div {
    float: left;
}
#hri {
  font-size: 0;
}
#hri::before {
  content: "Researchers Info.";
  margin-left: 5px;
  padding: 1px 5px;
  background: #A01102;
  font-size: 11px;
  font-family: century;
  color: #FFF;
}

/* footer */
#footer {
  background: #595757;
  color: #FFF;
}
#footer_link {
  text-align: center;
  padding: 10px 0px 0px 0px;
}
#footer_link a {
  color: #FFF !important;
  text-decoration: none !important;
  margin: 0px 20px;
}
#footer_link a:hover {
  color: #DDD !important;
}
#footer_link a::after {
  font-family: 'Font Awesome 5 Free' !important;
  content: "\f35d";
  margin-left: 7px;
}
#copyright {
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 13px;
  border-top: none;
  text-align: center !important;
}
#copyright p {
  padding: 0;
}
#copyright .pull-left {
  float: none !important;
}
#copyright .pull-right {
  display: none;
}
body > #facet {
  display: none;
}

/* link */
a ,
.result-book-title a {
  color: #3674C9;
}
a:hover ,
.result-book-title a:hover {
  color: #2240B0;
}
#cate_intro label.fold ,
#cate_intro label.fold_close {
  color: #3674C9;
}
#cate_intro label.fold:hover ,
#cate_intro label.fold_close:hover {
  color: #2240B0;
}

/* icon */
.icon-mmd_book-2 ,
div[class^="cate_indent"] span {
  color: #E3E1CA !important;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  src: url('../img/fa-solid-900.eot') format('embedded-opentype'),
       url('../img/fa-solid-900.ttf') format('truetype'),
       url('../img/fa-solid-900.woff') format('woff'),
       url('../img/fa-solid-900.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-mmd_english {
  font-size: 20px !important;
}
.icon-mmd_english::before {
  font-family: 'Font Awesome 5 Free' !important;
  content: "\f0ac" !important;
}
.icon-mmd_login ,
.icon-mmd_logout {
  font-size: 18px !important;
}
.icon-mmd_login::before ,
.icon-mmd_logout::before {
  font-family: 'Font Awesome 5 Free' !important;
  content: "\f2f6" !important;
}
.icon-mmd_search ,
.glyphicon-erase {
  font-size: 15px;
  margin-right: 5px;
}
.icon-mmd_search::before {
  font-family: 'Font Awesome 5 Free' !important;
  content: "\f002" !important;
}
.glyphicon-erase::before {
  font-family: 'Font Awesome 5 Free' !important;
  content: "\f12d" !important;
}

/* button */
body.re .btn-ordinary.emphasis.btnLogin ,
body.re .btn-primary ,
body.re .btn-more ,
body.re2 .btn-ordinary.emphasis.btnLogin ,
body.re2 .btn-primary ,
body.re2 .btn-more {
  background-color: #801102;
  border-color: #801102;
}
body.re .btn-ordinary.emphasis.btnLogin:hover ,
body.re .btn-ordinary.emphasis.btnLogin:focus ,
body.re .btn-primary:hover ,
body.re .btn-primary:focus ,
body.re .btn-more:hover ,
body.re .btn-more:focus ,
body.re2 .btn-ordinary.emphasis.btnLogin:hover ,
body.re2 .btn-ordinary.emphasis.btnLogin:focus ,
body.re2 .btn-primary:hover ,
body.re2 .btn-primary:focus ,
body.re2 .btn-more:hover ,
body.re2 .btn-more:focus {
  background-color: #9f2211;
  border-color: #9f2211;
}
body.sc .btn-ordinary.emphasis.btnLogin ,
body.sc .btn-primary ,
body.sc .btn-more ,
body.sc2 .btn-ordinary.emphasis.btnLogin ,
body.sc2 .btn-primary ,
body.sc2 .btn-more {
  background-color: #336699;
  border-color: #336699;
}
body.sc .btn-ordinary.emphasis.btnLogin:hover ,
body.sc .btn-ordinary.emphasis.btnLogin:focus ,
body.sc .btn-primary:hover ,
body.sc .btn-primary:focus ,
body.sc .btn-more:hover ,
body.sc .btn-more:focus ,
body.sc2 .btn-ordinary.emphasis.btnLogin:hover ,
body.sc2 .btn-ordinary.emphasis.btnLogin:focus ,
body.sc2 .btn-primary:hover ,
body.sc2 .btn-primary:focus ,
body.sc2 .btn-more:hover ,
body.sc2 .btn-more:focus {
  background-color: #4477AA;
  border-color: #4477AA;
}
.btn-clear {
  border-color: #595757;
  color: #595757;
}
.btn-clear:hover ,
.btn-clear:focus {
  background-color: #EAE9E8 !important;
  border-color: #595757;
  color: #595757;
}
#searchmode_tab li {
  background-color: #FFF;
  border-color: #595757;
}
#searchmode_tab li.selected ,
#searchmode_tab li.selected:hover ,
#searchmode_tab li.selected:focus {
  background-color: #595757;
  border-color: #595757;
}

/* responsive */
body {
  min-width: 321px !important;
}
#header .row {
  position: relative;
}
#header .row div:nth-child(1) {
  width: 87%;
  min-width: 360px;
}
#header .row div:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
}
#global-nav .mmd-right-menu {
  float: right;
}
#global-nav .mmd-right-menu li a {
  height: 45px;
}

@media (max-width: 767px) {
  .navbar-nav > li > a {
    padding: 13px 10px;
  }
  .panel-search .panel-body {
    padding: 20px;
  }
  .panel-body .nav-pills {
    margin-bottom: 20px;
  }
  .btn-primary {
    width: 45px;
  }
  #advance_panel .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  #advance_panel .row > div {
    padding: 0;
  }
  #advance_panel .search-condition {
    width: 100%;
    padding: 0;
  }
  #advance_panel .search-condition .sc-l {
    width: 55px;
  }
  #advance_panel .search-condition .sc-m {
    width: calc(73% - 80px);
  }
  #advance_panel .search-condition .sc-r{
    width: 85px;
  }
  #advance_panel #search_code_table div {
    float: left;
    width: 100%;
  }
  #advance_panel #search_code_table div .checkbox label {
    margin: 3px 10px 3px 0 !important;
    line-height: 15px;
  }
  #advance_panel #search_code_table div select {
    width: 85%;
  }
  .search-column:nth-child(1) {
    left: 0 !important;
  }
  .search-column #search-results {
    width: 90vw !important;
  }
  .sort-section .pull-right {
    float: right;
    width: 80%;
  }
  .sort-section .pull-right li {
    display: inline-block;
    float: right;
    margin-right: 15px;
  }
  .search-column #facet {
    width: 75vw !important;
    max-width: 290px !important;
  }
  .btn-facet-pull {
    position: absolute;
    top: 50px;
  }
  .btn-facet-pull a {
    padding: 10px 15px 10px 5px;
    border-radius: 0 3px 3px 0;
    background: #801102;
  }
  .btn-facet-pull a:hover {
    background: #69776A;
    color: #FFF;
  }
  .result-book-title {
    padding-bottom: 0;
  }
  table.simple_data_block,
  table.detail_data_block,
  table.simple_data_block tbody,
  table.detail_data_block tbody,
  table.simple_data_block tr,
  table.detail_data_block tr,
  table.simple_data_block th,
  table.simple_data_block td,
  table.detail_data_block th,
  table.detail_data_block td {
    display: inline-block;
    width: 100%;
  }
  .metadata_block .child_data_label,
  .metadata_block .metadata_value {
    display: table-cell;
  }
  .flinfo_include .size ,
  .flinfo_include .flintro ,
  .flinfo_include .flintro_caption {
    display: none !important;
  }
}