html, body {
  font-family: 'Nunito', sans-serif; /* https://fonts.google.com/specimen/Nunito */
}

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

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

/* トップページのタイトル */
.jumbotron {
    font-family: 'Purple Purse', cursive;
    margin-bottom: 1rem;
    padding: 2rem 0 2rem;  /* 上、左右、下 */
    text-align: center;
    background-color: #ffdead;
    color: #852e19;
}

@media (min-width: 576px){  /*  576px 以上 */
    .jumbotron {
	padding: 3rem;
	text-align: left;
	background-image: url(../images/onion.png);  /* 画像を表示 */
	background-repeat: no-repeat;
	background-position: 85% 65%;
	background-size: 198px 144px; /* 画像を小さく */
    }
}
@media screen and (min-width: 768px) {  /* 768px 以上 */
    .jumbotron {
	padding: 4rem;
	padding-left: 7rem;
	background-size: auto; /* 画像サイズはオリジナル (220 x 160) */
    }
}

/* Navi bar の色 */
.bg-brown {
    background-color: #e17b34;
}

.bg-lightbrown {
    margin-left: -5px;  /* alert の角の丸っこいのを取る */
    margin-right: -5px;    
    padding: 1.2rem;
    background-color: #ffdead;
    color: #852e19;
}

.content-grp {
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 30px;
}

th.fix, td.fix {
    white-space: nowrap;  /* 自動的な折り返しを禁止する */
}

.indent {
    margin-left: 25px;
}

footer {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/* ページトップへ戻るボタン */
.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;
}

/* セクション用の小見出し */
.heading {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;    
    padding: 0.5rem;
    font-weight: bold;
    font-size: 1.1rem;
    
    border-left: 0.5rem solid #e17b34;
    background-color: #ffdead;
    color: #852e19;
}