@charset "UTF-8";

body {
    background-color: #edf6f8;
    color: #3d3d3d;
}

.table td {
    border-color: #cedade;
}


.nav-head select.select-language {
    background-color: #fff;
}

.header {
    background-color: #c8e8f0;
}

.nav ul li a {
    color: #3d3d3d;
}

.nav.open ul li a {
    color: #fff;
}

.login {
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #cedade, 0 1px 0 rgba(187, 199, 202, 0.1);
    box-shadow: inset 0 0 0 1px #cedade, 0 1px 0 rgba(187, 199, 202, 0.1);
}

    .login input[type="text"],
    .login input[type="password"] {
        background-color: #edf6f8;
        border: 1px solid;
        border-color: #cedade #cedade #cedade #cedade;
    }

.login-heading {
    color: #314663;
}

.login-foot {
    border-color: rgba(0, 30, 50, 0.08);
}

.btn,
input.btn,
button.btn {
    background-color: #314663;
    color: #fff;
    border: solid 1px;
    border-color: #314663 #314663 #314663 #314663;
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    input.btn:hover,
    input.btn:focus,
    input.btn:active,
    button.btn:hover,
    button.btn:focus,
    button.btn:active {
        color: #fff;
        background-color: #4f6481;
        border: solid 1px;
        border-color: #4f6481 #4f6481 #4f6481 #4f6481;
    }

    .btn.btn-primary {
        background-color: #ec971f;
        color: #fff;
        border-color: #ec971f #ec971f #EC971F #EC971F;
    }

        .btn.btn-primary:hover,
        .btn.btn-primary:focus,
        .btn.btn-primary:active {
            background-color: #f5a22e;
            color: #fff;
            border-color: #f5a22e #f5a22e #f5a22e #f5a22e;
        }

    .btn.btn-secondary {
        background-color: #5fc3d2;
        color: #fff;
        border-color: #5fc3d2 #5fc3d2 #5fc3d2 #5fc3d2;
    }

        .btn.btn-secondary:hover,
        .btn.btn-secondary:focus,
        .btn.btn-secondary:active {
            background-color: #85dfec;
            color: #fff;
            border-color: #85dfec #85dfec #85dfec #85dfec;
        }

    .btn.btn-line {
        background-color: #fff;
        color: #314663;
        border-color: #cedade #cedade #cedade #cedade;
    }

        .btn.btn-line:hover,
        .btn.btn-line:focus,
        .btn.btn-line:active {
            background-color: #fff;
            color: #4f6481;
            border-color: #4f6481 #4f6481 #4f6481 #4f6481;
        }


    /* 最上位階層に戻るボタン */
    .btn.btn-line-return-top {
        background-color: #fff;
        color: #314663;
        border-color: #cedade #cedade #cedade #cedade;
    }

        .btn.btn-line-return-top:hover,
        .btn.btn-line-return-top:focus,
        .btn.btn-line-return-top:active {
            background-color: #fff;
            color: #4f6481;
            border-color: #4f6481 #4f6481 #4f6481 #4f6481;
        }


h2,
h3 {
    color: #314663;
}

.index-link {
    background-color: #fff;
}

.li-link_index li a {
    border-color: #cedade #cedade #cedade #cedade;
    color: #E83929;
}

.index-info {
    background-color: #fafafb;
}

.index-calendar {
    background-color: #fff;
}

.li-info_index li a {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(4, 54, 70, 0.03), 0 4px 0 rgba(4, 54, 70, 0.03);
}

.info-day {
    color: #5fc3d2;
}

#index .footer {
    background-color: #fff;
}

#nav-toggle span {
    border-color: #314663 #314663 #314663 #314663;
}

.open #nav-toggle span {
    border-color: #fff #fff #fff #fff;
}

.nav.open {
    background-color: #314663;
}

.hero {
    background-color: rgba(200, 232, 240, 0.4);
}

.textbox-icon {
    color: #717171;
}

.ui-widget-header {
    background-image: none;
    background-color: #314663 !important;
    color: #fff !important
}
.pg-list-ttl {
    color: #111
}
.pg-thumb-btn_wc {
    background-color: #314663;
    color: #edf6f8;
}

    .pg-thumb-btn_wc:hover,
    .pg-thumb-item a:hover .pg-thumb-btn_wc {
        background-color: #4f6481;
        color: #fff;
    }

.pg-thumb-btn_fv {
    color: #fff;
    background-color: #5fc3d2;
}

    .pg-thumb-btn_fv:hover {
        background-color: #85dfec;
    }

.pg-thumb-delmethod {
    background-color: #edf6f8;
    color: #314663;
}

.pg-thumb-figure img {
    background-color: #fff;
}

.pg-thumb-heading {
    color: #314663;
}

.pg-thumb-ttl {
    color: #314663;
}

.pg-thumb-item a:hover .card {
    background-color: #f8f8f8;
}

.pg-body_col1 .pg-thumb-item .card h3.card-ttl {
    color: #111
}
.pg-body_col1 .pg-thumb-item .card a:hover h3.card-ttl {
    color: #999
}
.pg-thumb-day dt span {
    background-color: #edf6f8;
}
.pg-thumb-item .label--completed {
    background: #fff;
    color: #0070C0
}

.pg-list td.pg-list-label--b span,
.pg-list td.pg-list-label--m span,
.pg-list td.pg-list-label--t span,
.pg-body_col1 .pg-thumb-item .label--completed {
    background-color: transparent;
    color: #0070C0
}

.site-sidebar {
    background-color: #ece0cf
}

.sidenav-menu a,
.sidenav-video a,
.pgnav-menu a {
    /*border-color: #cedade #cedade #cedade #cedade;*/
    background: #fff;
    box-shadow: 0 0 0 1px rgba(9, 17, 46, 0.08), 0 4px 0 rgba(70, 50, 4, 0.12)
}

    .sidenav-menu a i,
    .sidenav-video a i,
    .pgnav-menu a i{
        color: #314663;
    }
    .sidenav-menu a.disabled,
    .sidenav-video a.disabled,
    .pgnav-menu a.disabled {
        background: #ddd;
        color: #ababab;
        box-shadow: none
    }

        .sidenav-menu a.disabled i, .sidenav-video a.disabled i, .pgnav-menu a.disabled i {
            color: #ababab;
        }
.card-header,
.card-footer {
    border-color: #cedade;
}

.card {
    box-shadow: 0 0 0 1px rgba(4, 54, 70, 0.03), 0 4px 0 rgba(4, 54, 70, 0.04);
    background-color: #fff;
}

.item-head {
    box-shadow: 0 0 0 1px rgba(4, 54, 70, 0.03), 0 4px 0 rgba(4, 54, 70, 0.04);
    background-color: #fff;
}

.item-heading {
    color: #314663;
}

.item-heading i {
    color: #314663 !important;
}

.item-ttl i {
    color: #314663 !important;
}

.item-head i {
    color: #5fc3d2;
}

.item-prof {
    color: #111111;
}

.item-prof li dl dt i {
    color: #314663 !important;
}

.chat-user {
    color: #cedade;
}

.chat-post--day {
    color: #717171;
}

.chat-item {
    box-shadow: 0 0 0 1px rgba(4, 54, 70, 0.03), 0 4px 0 rgba(4, 54, 70, 0.04);
}
/*movie control*/
/*自前ボタン背景色*/
.movie-control {
    background-color: #3d3d3d;
}

/*自前ボタン文字色*/
    .movie-btn i {
        color: #fff;
    }

.movie-btn:hover i {
    color: #5fc3d2;
}
/*pagination*/
.pagination .page-item a.page-link {
    background-color: #fff;
    color: #314663;
}

.pagination .page-item.disabled a.page-link {
    background-color: #ddd;
    color: #555;
}

.pagination .page-item.active a.page-link {
    background-color: #314663;
    color: #fff;
}

.pagination--select .btn-link:hover {
    color: #314663;
}

.pagination--select .btn-link.disabled {
    color: #555;
}

.pagination--select .btn-link.active {
    color: #314663;
    border-color: #314663;
}


/* トップ画面.イベント名 */
.event-ttl {
    color: #fffafa;
}

/* トップ画面.開催場所 */
.event-place {
    color: #fffafa;
}

/* トップ画面.開催期間 */
.event-date {
    color: #fffafa;
}

/* 会場投票ヘッダー */
.VenueHeader {
    background-color: #fff;
}

/*タイムバー*/
progress {
    -webkit-appearance: none;
    /*タイムバー　帯の太さ*/
    height: 8px;

    border-radius: 15px;
    border: 1px solid;
    border-color: #B2B2B2;
    margin-bottom: 2px !important;

    /*タイムバー　背景色　FireFox用*/
    background-color: #EFEFEF;
}

    /*タイムバー　背景色　Chrome Edge Safari 用*/
    progress::-webkit-progress-bar {
        background-color: #EFEFEF;
        border-radius: 15px;
    }


    /*タイムバー　前景色　Chrome Edge Safari 用*/
    progress::-webkit-progress-value {
        background-color: #0075FF;
        border-radius: 15px 0 0 15px;
    }
    /*タイムバー 前景色　FireFox用*/
    progress::-moz-progress-bar {
        background-color: #0075FF;
        border-radius: 15px 0 0 15px;
    }

/*タイムバー下のタイマー*/
.movie-timer {
    color: #3d3d3d;
}