/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    padding-top: 3.5rem;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif, 'Prompt';
}

/* トップページのタイトル文字装飾 */
.title {
    font-family: 'Purple Purse', cursive;
    background-color: #ffccd5;
    color: #6a1d0e;
}

/* 見出し項目 */
.headline {
    background-color: #ffccd5;
    color: #6a1d0e;
}

/* 背景色 */
.bg-garnet {
    background-color: #942343; /* ガーネット */
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #e1eaf2;
    color: #16181b;
    text-decoration: none;
}

/* テーブル */
th.fix, td.fix {
    white-space: nowrap;  /* 自動的な折り返しを禁止する */
}
th.middle, td.middle {
    text-align: center;
    vertical-align: middle;
}

/* 文字レイアウト */
.indent {
    margin-left: 20px;
}
.right {
    text-align: right;
}
.bold {
    font-weight: bold;
}

/* 配列を綺麗に表示する */
p.seqform {
    font-family:'Courier';
}

/* 遺伝子ページのコンテンツごとの区切り */
.content-grp {
    padding: 10px; 20px;
    margin-bottom: 10px;
}

/* 大きいテーブル(genome list) の領域の設定 */
.content-table {
    margin-left: 30px;
    margin-right: 30px;
}

/* 大きいテーブルの時は字を少し小さめに表示 */
.content-table table {
    font-size: 90%;
}


/* 領域をはみ出した時の処理 */
.modal-open {
  overflow: inherit;  /* 上位の要素の overflow 属性値を継承する */
}

/* スクロールバー (for BLAST databases)*/
.content-scroll {
  padding-top: 10px;    
  height:400px;
  overflow-y: scroll;
  background-color: #eff0f1;
}

/* ページ内ジャンプの調整 (BLAST list) */
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/* ページトップに戻るボタン */
#pagetop {
    position: fixed;
    bottom: 130px;
    right: 0px;
}
#pagetop a {
    background: #FFAA00;
    color: #fff;
    padding: 40px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;

}
#pagetop a:hover {
    background: #FFCC00;
}

footer {
    padding-bottom: 2em;
}