@charset "UTF-8";

/*************************************************
	ヘッダー
**************************************************/
#grade_1 .header {
    background-image: url(../img/hd_grade_1.png);
    color: #fff;
}

#grade_pre1 .header {
    background-image: url(../img/hd_grade_pre1.png);
}

#grade_2 .header {
    background-image: url(../img/hd_grade_2.png);
    color: #fff;
}

#grade_pre2plus .header {
    background-image: url(../img/hd_grade_pre2plus.png);
    color: #fff;
}

#grade_pre2 .header {
    background-image: url(../img/hd_grade_pre2.png);
    color: #fff;
}

#grade_3 .header {
    background-image: url(../img/hd_grade_3.png);
    color: #fff;
}

#grade_4 .header {
    background-image: url(../img/hd_grade_4.png);
    color: #fff;
}

#grade_5 .header {
    background-image: url(../img/hd_grade_5.png);
    color: #fff;
}

/*************************************************
  ボタン
**************************************************/
#grade_1 .special_link,
.grade_item.grade_1 {
    background: #00943d;
}

#grade_pre1 .special_link,
.grade_item.grade_pre1 {
    background: #76b52f;
}

#grade_2 .special_link,
.grade_item.grade_2 {
    background: #487cbb;
}

#grade_pre2plus .special_link,
.grade_item.grade_pre2plus {
    background: #A54B96;
}

#grade_pre2 .special_link,
.grade_item.grade_pre2 {
    background: #0094da;
}

#grade_3 .special_link,
.grade_item.grade_3 {
    background: #ec7619;
}

#grade_4 .special_link,
.grade_item.grade_4 {
    background: #df0b1f;
}

#grade_5 .special_link,
.grade_item.grade_5 {
    background: #e24b83;
}

/*************************************************
	文字色
**************************************************/
#grade_1 .page_ttl,
#grade_1 .login_ttl,
#grade_1 .link_txt {
    color: #009342;
}

#grade_pre1 .page_ttl,
#grade_pre1 .login_ttl,
#grade_pre1 .link_txt {
    color: #89a91d;
}

#grade_2 .page_ttl,
#grade_2 .login_ttl,
#grade_2 .link_txt {
    color: #6a8cd8;
}

#grade_pre2plus .page_ttl,
#grade_pre2plus .login_ttl,
#grade_pre2plus .link_txt {
    color: #A54B96;
}

#grade_pre2 .page_ttl,
#grade_pre2 .login_ttl,
#grade_pre2 .link_txt {
    color: #00a1e9;
}

#grade_3 .page_ttl,
#grade_3 .login_ttl,
#grade_3 .link_txt {
    color: #fda63d;
}

#grade_4 .page_ttl,
#grade_4 .login_ttl,
#grade_4 .link_txt {
    color: #f9584d;
}

#grade_5 .page_ttl,
#grade_5 .login_ttl,
#grade_5 .link_txt {
    color: #f77298;
}

@media screen and (max-width: 768px) {
    #grade_1 .sec_ttl {
        color: #009342;
    }

    #grade_pre1 .sec_ttl {
        color: #89a91d;
    }

    #grade_2 .sec_ttl {
        color: #6a8cd8;
    }

    #grade_pre2plus .sec_ttl {
        color: #A54B96;
    }

    #grade_pre2 .sec_ttl {
        color: #00a1e9;
    }

    #grade_3 .sec_ttl {
        color: #fda63d;
    }

    #grade_4 .sec_ttl {
        color: #f9584d;
    }

    #grade_5 .sec_ttl {
        color: #f77298;
    }
}

/*************************************************
	ボタン色
**************************************************/
#grade_1 .login_btn {
    background: #009342;
}

#grade_pre1 .login_btn {
    background: #b9d559;
    color: #333;
}

#grade_2 .login_btn {
    background: #6a8cd8;
}

#grade_pre2plus .login_btn {
    background: #A54B96;
}

#grade_pre2 .login_btn {
    background: #00a1e9;
}

#grade_3 .login_btn {
    background: #fda63d;
}

#grade_4 .login_btn {
    background: #f9584d;
}

#grade_5 .login_btn {
    background: #f77298;
}

@media screen and (max-width: 768px) {
    .login_box {
        width: 100%;
    }
}

/*************************************************
	自動採点サービスボタン色
**************************************************/
#grade_1 .special_item.attention .special_ttl {
    background: #009342;
}

#grade_pre1 .special_item.attention .special_ttl {
    background: #404f0b;
}

#grade_2 .special_item.attention .special_ttl {
    background: #1a243b;
}

#grade_pre2plus .special_item.attention .special_ttl {
    background: #1c313b;
}

#grade_pre2 .special_item.attention .special_ttl {
    background: #1c313b;
}

#grade_3 .special_item.attention .special_ttl {
    background: #42311c;
}

#grade_4 .special_item.attention .special_ttl {
    background: #49221f;
}

#grade_5 .special_item.attention .special_ttl {
    background: #401b26;
}

/*************************************************
	WEB特典トップボタン色
**************************************************/
#grade_1 .btn {
    background: #00943d;
    border-color: #015025;
}

#grade_1 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_pre1 .btn {
    background: #76b52f;
    border-color: #404f0b;
}

#grade_pre1 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_2 .btn {
    background: #487cbb;
    border-color: #1a243b;
}

#grade_2 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_pre2plus .btn {
    background: #A54B96;
    border-color: #1c313b;
}

#grade_pre2plus .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_pre2 .btn {
    background: #0094da;
    border-color: #1c313b;
}

#grade_pre2 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_3 .btn {
    background: #ec7619;
    border-color: #42311c;
}

#grade_3 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_4 .btn {
    background: #df0b1f;
    border-color: #49221f;
}

#grade_4 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

#grade_5 .btn {
    background: #e24b83;
    border-color: #401b26;
}

#grade_5 .btn.non-event {
    background: #ccc;
    border-color: #999;
    pointer-events: none;
}

/*************************************************
	WEB特典トップナビゲーション帯色
**************************************************/
#grade_1 .optional-nav {
    background: #015025;
}

#grade_pre1 .optional-nav {
    background: #404f0b;
}

#grade_2 .optional-nav {
    background: #1a243b;
}

#grade_pre2plus .optional-nav {
    background: #1c313b;
}

#grade_pre2 .optional-nav {
    background: #1c313b;
}

#grade_3 .optional-nav {
    background: #42311c;
}

#grade_4 .optional-nav {
    background: #49221f;
}

#grade_5 .optional-nav {
    background: #401b26;
}

#grade_1 .optional-btn {
    color: #015025;
}

#grade_pre1 .optional-btn {
    color: #404f0b;
}

#grade_2 .optional-btn {
    color: #1a243b;
}

#grade_pre2plus .optional-btn {
    color: #1c313b;
}

#grade_pre2 .optional-btn {
    color: #1c313b;
}

#grade_3 .optional-btn {
    color: #42311c;
}

#grade_4 .optional-btn {
    color: #49221f;
}

#grade_5 .optional-btn {
    color: #401b26;
}

.btn-grade.grade_1 {
    background: #00943d;
    border-color: #015025;
}

.btn-grade.grade_pre1 {
    background: #76b52f;
    border-color: #404f0b;
}

.btn-grade.grade_2 {
    background: #487cbb;
    border-color: #1a243b;
}

.btn-grade.grade_pre2plus {
    background: #A54B96;
    border-color: #1c313b;
}

.btn-grade.grade_pre2 {
    background: #0094da;
    border-color: #1c313b;
}

.btn-grade.grade_3 {
    background: #ec7619;
    border-color: #42311c;
}

.btn-grade.grade_4 {
    background: #df0b1f;
    border-color: #49221f;
}

.btn-grade.grade_5 {
    background: #e24b83;
    border-color: #401b26;
}