html, body {
  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif, 'Prompt';
  height: 100%;  /* ブラウザ画面の高さを目一杯使用する (footer 用) */
}

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body{
  padding-top: 3.5rem;  /* ナビの高さ分の余白 */
}

/* コンテンツ格納エリア (style.css を呼び出した時だけ） */
.container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

/* タイトルの文字サイズ */
.title {
    font-size: 25px;
    margin-bottom: 1rem;
}

@media (min-width: 768px){  /*  768px 以上 */
    .title {
	font-size: 40px;
    }
}

/* 上下に少し空間を作る */
.space {
    margin: 0.5rem 0;
}

/* インデント */
.indent {
    padding-left: 1em;
}

/* 配列エリア */
.seqarea {
    padding: 1em;
}

/* リストの先頭の文字を変更 */
li.alpha {
    list-style-type: upper-alpha;  /* リストの先頭をA, B, C にする */
}

/* スクロールエリア */
.scroll_area {
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    padding: 0.2rem 0.5rem 0.2rem 1rem;
    margin-top: 0.5rem;
}

/* footer */
.blog-footer {
    padding: 2.5rem 2rem;
    color: #727272;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
    bottom: 0;
}
.blog-footer p:last-child {
    margin-bottom: 0;
}

/* Grouping の赤線を入れる */
#top_double{
  border-top: double 2px #dc143c;
}

/* 見出し */
.heading {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-left: 0.25rem solid #00bfff;
    font-weight: bold;
    background-color: #d6eaff;
    color: #052c65;    
}

/* ページトップへ戻るボタン */
.pagetop {
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: .3s;
  background-color: #115582;
  color: #ffffff;
  
  /*   デフォルトは非表示 */
  opacity: 0;
}
.pagetop:hover {
    box-shadow: 0 0 10px #00A6C4;
}

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

td.tooltip_area {
    background-color: #f8f8ff;
    color: #4169e1;
    cursor: default;
}

td.gray {
    color: #333333;
    background-color: #d3d3d3;
}

/* 背景色を緑系にする */
.bg-lightgreen {
    background-color: #e0ebaf;  /* 若芽色 */    
    color: #006400; /* darkgreen */
}

/* ハイライト */
.highlight {
    background-color: #ffffe0;
}

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

/* 遺伝子ページのコンテンツごとの区切り */
.content-grp {
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 30px;
}

/***************** ここから不要 ***************/
/* トップページのタイトル文字装飾 */
.jumbotron {
    font-stretch: ultra-expanded;  /* フォントの幅; 最も幅広 */
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    background-color: #e0ebaf;  /* 若芽色 */    
    color: #008000;
    text-align: center;
}
@media (min-width: 576px){  /*  576px 以上 */
    .jumbotron {
	text-align: left;
	background-image: url(../img/titlepic.png);  /* 画像を表示 */
	background-repeat: no-repeat;
	background-position: 90% 65%;
	background-size: 160px 132px; /* 画像を小さく表示 */
    }
}
@media screen and (min-width: 768px) {  /* 768px 以上 */
    .jumbotron {
        background-size: auto;  /* 画像サイズはオリジナル (200 x 165px) */
	background-position: 90% 65%;	
    }
}

/* タイトルの文字サイズ */
.title-lg {
    font-size: 58px;
}
.title-sm {
    font-size: 26px;
}
@media (min-width: 768px){  /*  768px 以上 */
    .title-lg {
	font-size: 80px;
    }
    .title-sm {
	font-size: 37px;
    }
}