@charset "utf-8";

/*ヘッダー色*/
.navbar {
    background-color: #FFCC80;
}

/*フッター色*/
.nav {
    background-color: #FFCC80;
}

/*ナビバー固定余白*/
.container {
    margin-top: 130px;
}

/*!*ナビバー左余白*!*/
/*header img {*/
    /*margin-left: 30px;*/
/*}*/

/*ナビバー上下余白*/
.navbar-brand {
    padding-top: .8125rem;
    padding-bottom: .8125rem;
}

/*題名余白*/
.jumbotron {
    padding-top: 50px;
    padding-bottom: 40px;
}

/*フッター文字色*/
footer h6 {
    color: #FFF3E0;
}


/*モバイル版 メニュー非表示*/
.pure-toggle-label {
    display: none;
}
.pure-drawer {
    display: none;
}

/*モバイル版 概要非表示*/
#mobile_overview {
    display: none;
}

/*カード高さ 50文字程度*/
.card-body {
    height: 400px;
}

/*カードホバー時文字色*/
.moji a:hover h4 {
    color: #40AAEF;
}

/*リンクリスト文字色*/
.list-group a {
    color: #7C858E;
}

/*リンクリストホバー時文字色*/
.list-group a:hover {
     color: #40AAEF;
 }


/*モバイル版のみ設定*/
@media screen and (max-width: 480px) {
    /*ナビバー固定余白*/
    .container {
        margin-top: 100px;
    }

    /*ロゴ画像サイズ設定*/
    header img {
        width: 80%;
    }

    /*題名余白*/
    .jumbotron {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    /*モバイル版 メニュー表示*/
    .pure-toggle-label {
        display: block;
    }
    .pure-drawer {
        display: block;
    }

    /*メニュー内リンク色*/
    .pure-drawer a {
        color: #737373;
        text-decoration: none;
    }

    /*メニュー内リンクホバー*/
    .pure-drawer a:hover {
        color: #40AAEF;
    }

    /*PC版 概要非表示*/
    #pc_overview {
        display: none;
    }

    /*モバイル版 概要表示*/
    #mobile_overview {
        display: block;
    }

    /*h4 文字サイズ変更*/
    h4 {
        font-size: 22px;
    }
}

/*ロゴ画像オフセット設定*/
.logo_offset {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .logo_offset {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .logo_offset {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .logo_offset {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .logo_offset {
        max-width: 1140px;
    }
}