@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
  /* font-size: 150%; */
  font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.navbar.navbar-default div.container{
  max-width: 1140px;
}

@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.navbar-brand{
  height:auto; 
  max-width:80%;
  font-size:140%;
}

.navbar-brand img{
  max-width:390px;
}

@media only screen and (max-device-width: 480px) {
  .navbar-brand img{
    max-width:290px;
  }
}

@media only screen and (max-device-width: 320px) {
  .navbar-brand img{
    max-width:240px;
  }
}

.navbar-nav li a {
    padding:0 15px;
    line-height:65px;    
}

#textdata_table td{
  line-height:200%;
}

#textdata_tbody, #vocabdata_tbody {
    display:block;
    height:500px;
    overflow:auto;
}

#textdata_thead, #textdata_tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

#vocabdata_thead, #vocabdata_tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

#textdata_thead, #vocabdata_thead {
    width: calc( 100% - 1em ); /* scrollbar is average 1em/16px width, remove it from thead width */
}

#textdata_table {
    width:100%;
    border-top: solid 2px lightgray;
    border-bottom: solid 2px lightgray;
}

#vocabdata_table {
    width:100%;
    border-bottom: solid 2px lightgray;
}

.navbar.navbar-default .container {
  max-width:1140px; 
  margin: 0 auto;
}

.navbar-nav li a {
 line-height :72px;
}

.biblio li {
   margin:0 0 10px 0;   
}