@charset "UTF-8";

/*-----------------------------------------
base
-----------------------------------------*/
body {
    background-color: #fafafb;
    color: #1a2e3b;
}

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

/* header. */
.header {
    background-color: #000000;
}

/* nav. */
.nav ul li a {
    color: #1a2e3b;
}

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

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

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

/*-----------------------------------------
top
-----------------------------------------*/
/* responsive toggle */
#nav-toggle span {
    border-color: #1a2e3b #1a2e3b #1a2e3b #1a2e3b;
    background-color: #1a2e3b;
}

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

.nav.open {
    background-color: #44658D;
}

/* mv */
.hero {
    background-color: rgba(0, 0, 0, 0.25);
}

/* login. */
.login {
    background-color: rgba(0, 0, 0, 0.5);
}

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

.login-heading {
    color: #fff;
}

.login-txt {
    color: #fff;
}

    .login-txt a {
        color: #fff;
    }

.textbox-icon {
    color: #717171;
}

/* btn. */
.btn, input.btn, button.btn {
    background-color: #33b3f2;
    color: #fff;
    border: solid 1px;
    border-color: #33b3f2 #33b3f2 #33b3f2 #33b3f2;
}

    .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: #2694cb;
        border: solid 1px;
        border-color: #2694cb #2694cb #2694cb #2694cb;
    }

    .btn.btn-primary {
        background-color: #1a2e3b;
        color: #fff;
        border-color: #1a2e3b #1a2e3b #1a2e3b #1a2e3b;
    }

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

    .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-line, input.btn-line {
    border: solid 1px #33b3f2;
    color: #33b3f2;
    background-color: #fff;
}

    .btn-line:hover, input.btn-line:hover {
        color: #2694cb;
        background-color: #fff;
        border: solid 1px #2694cb;
    }


/* 最上位階層に戻るボタン */
.btn-line-return-top, input.btn-line-return-top {
    border: solid 1px #33b3f2;
    color: #33b3f2;
    background-color: #fff;
}

    .btn-line-return-top:hover, input.btn-line-return-top:hover {
        color: #2694cb;
        background-color: #fff;
        border: solid 1px #2694cb;
    }


/* heading */
.title-free-4 {
    color: #fff;
}

/* container */
.index-info {
    background-color: #fff;
}

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

.index-bottom {
    background-color: #1a2e3b;
    color: #fff;
}

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

/* link */
.li-link_index li span a {
    border-color: #fff;
    color: #4b6a87;
}

    .li-link_index li span a::after {
        border-color: #4b6a87;
        color: #44658D;
    }

    .li-link_index li span a:hover {
        background-color: #4b6a87;
        color: #fff;
    }

        .li-link_index li span a:hover::after {
            border-color: #fff;
            color: #fff;
        }

/* info */
.li-info_index li a {
    border-color: #c6ccd4;
}

.id-all {
    background-color: #44658D;
    color: #fff;
}

.id-organaize {
    background-color: #5fc3d2;
    color: #fff;
}

.ui-widget-header {
    background-image: none;
    background-color: #33b3f2 !important;
    color: #fff !important
}

/*-----------------------------------------
page
-----------------------------------------*/
.pg-head {
}
/*thumbnail*/
.pg-thumb-btn_wc {
    background-color: #33b3f2;
    color: #f1f8ff;
}

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

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

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

.pg-thumb-delmethod {
    background-color: #f1f8ff;
    color: #33b3f2;
}

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

.pg-thumb-heading {
    color: #33b3f2;
}

.pg-thumb-ttl {
    color: #33b3f2;
}

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

.pg-thumb-day dt span {
    background-color: #f1f8ff;
}
.pg-thumb-item .label--completed {
    background: transparent;
    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
}

/* sidebar */
.site-wrapper .site-sidebar:after {
    background-color: #eee;
}

.sidenav-menu a, .sidenav-video a,
.pgnav-menu a{
    border-color: #c6ccd4
}

    .sidenav-menu a i, .sidenav-video a i, .pgnav-menu a i {
        color: #33b3f2;
    }
    .sidenav-menu a.disabled,
    .sidenav-video a.disabled,
    .pgnav-menu a.disabled {
        background: #ddd;
        color: #ababab;
      
    }
        .sidenav-menu a.disabled i, .sidenav-video a.disabled i, .pgnav-menu a.disabled i {
            color: #ababab;
        }

.card-header, .card-footer {
}

.card {
}

/* details */
.item-head, .item-chat, .item-main, .item-movie, .item--quest {
    border-color: #c6ccd4;
}

.item-heading {
    border-color: #c6ccd4;
}

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

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

.item-head div:first-child i {
    background-color: #1a2e3b;
    color: #fff;
}

.item-prof {
    color: #111111;
}

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

/* chat  */
.chat-user {
    color: #f1f8ff;
    background-color: #33b3f2;
}

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


.chat-item {
}
/*movie control*/
/*自前ボタン背景色*/
.movie-control {
    background-color: #1a2e3b;
}

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

.movie-btn:hover i {
    color: #33b3f2;
}

/*pagination*/
.pagination .page-item a.page-link {
    background-color: #fff;
    border-color: #ddd;
    color: #1a2e3b;
}

    .pagination .page-item a.page-link:focus {
        color: #1a2e3b;
    }

    .pagination .page-item a.page-link:hover {
        background-color: #1a2e3b;
        color: #fff;
    }

.pagination .page-item:first-child a, .pagination .page-item:last-child a {
    background-color: transparent;
    color: #1a2e3b;
}

    .pagination .page-item:first-child a:hover, .pagination .page-item:last-child a:hover {
        background-color: transparent;
        color: #1a2e3b;
    }

.pagination .page-item.disabled a.page-link {
    color: #1a2e3b;
    background-color: #eee;
}

.pagination .page-item.disabled:first-child a, .pagination .page-item.disabled:last-child a {
    background-color: transparent;
}

    .pagination .page-item.disabled:first-child a:hover, .pagination .page-item.disabled:last-child a:hover {
        background-color: transparent;
        color: #1a2e3b;
    }

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

.pagination--select .btn-link:hover {
    border-bottom: solid 1px #1a2e3b;
    color: #1a2e3b;
}

.pagination--select .btn-link:focus {
    color: #111;
}

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

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

/* =======================================================
EVENT-DETAIL
======================================================= */

.event-detail {
  color:#fff
}


@media (max-width: 1023px) {
    .site-wrapper .site-sidebar {
        background-color: #eee;
    }
}


/* トップ画面.イベント名 */
.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;
}