@charset "UTF-8";

/*-----------------------------------------
base
-----------------------------------------*/
body {
    background-color: #fff4e1;
    color: #000;
}

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

.table th {
    background-color: #eee;
    border-color: #ddd;
}
/* header. */
.header {
    background-color: #fff;
}


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

.nav.open ul li a {
}

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

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

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

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

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

/* mv */
.hero {
}

/* login. */
.login {
    background-color: #fff;
}

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

.login-heading {
    color: #fff;
}

.login-txt {
    color: #fff;
}

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

.textbox-icon {
    color: #767676;
}

/* btn. */
.btn,
input.btn,
button.btn {
    background-color: #767676;
    color: #fff;
    border-color: #fff;
}

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

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

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

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

        .btn.btn-secondary:hover,
        .btn.btn-secondary:focus,
        .btn.btn-secondary:active {
            background-color: #fcaa00;
            color: #fff;
            border-color: #fcaa00;
            opacity: 0.8;
        }

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

    .btn-line:hover,
    input.btn-line:hover {
        color: #fcaa00;
        background-color: #fff;
        border: solid 1px #fcaa00;
        opacity: 0.8;
    }

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

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

.btn-outline-dark {
    border: solid 1px #767676;
    color: #767676;
    background-color: #fff;
}

    .btn-outline-dark:hover {
        border: solid 1px #767676;
        color: #767676;
        background-color: #fff;
        opacity: 0.8;
    }
.btn.btn-login,
.btn.btn-login:hover {
    border-color: #767676;
}
/* heading */
.title-free-4 {
}

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

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

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

.index-contact {
    background-color: #767676;
    color: #fff;
}

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

.index-free_01 {
    background-color: #fcaa00;
    color: #fff;
}

.index-free_02 {
    background-color: #3899be;
    color: #fff;
}
/* link */
.li-link_index li span a {
    background-color: #fcaa00;
    color: #fff;
    border-color: #fff;
}

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

    .li-link_index li span a:hover {
        background-color: #61c359;
        color: #fff;
        border-color: #61c359;
    }

        .li-link_index li span a:hover::after {
            background-color: #fff;
            color: #61c359;
        }

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

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

.id-organaize {
    background-color: #61c359;
    color: #fff;
}

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

/*-----------------------------------------
page
-----------------------------------------*/
.pg-head {
    background-color: #767676;
    color: #fff;
}
/*thumbnail*/
.pg-thumb-btn_wc {
    background-color: #fcaa00;
    color: #fff;
}

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

.pg-thumb-btn_fv {
    background-color: #61c359;
    color: #fff;
}

    .pg-thumb-btn_fv:hover {
        background-color: #61c359;
        opacity: 0.8;
    }

.pg-thumb-delmethod {
    background-color: #f1fffa;
    color: #fcaa00;
}

.pg-thumb-figure {
    border-color: #fcaa00;
}

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

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

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

.pg-thumb-item a:hover img {
    opacity: 0.8;
}

.pg-thumb-day dt span {
    background-color: #f1fffa;
}

.pg-list_v td {
    background: #fff;
}

.pg-list-btn_fv {
    background-color: #61c359;
    color: #fff;
}

    .pg-list-btn_fv:hover {
        background-color: #61c359;
        color: #fff;
        opacity: 0.8;
    }

.pg-main {
    background-color: #fff;
}

.container2 .site-main {
    background-color: #fff;
}

/* sidebar */
.site-sidebar {
    background-color: #767676;
    color: #fff;
}

.sidenav-ttl {
    border-color: #fff;
    color: #fcaa00;
}

.sidenav-menu a,
.sidenav-menu--info a,
.sidenav-menu--link a,
.sidenav-video a,
.pgnav-menu a {
    border-color: #fff;
    color: #fff;
}

    .sidenav-menu a:hover,
    .sidenav-menu--info a:hover,
    .sidenav-menu--link a:hover,
    .sidenav-video a:hover,
    .pgnav-menu a:hover {
        border-color: #61c359;
        color: #fff;
        background-color: #61c359;
    }

    .sidenav-menu a i,
    .sidenav-menu--info a i,
    .sidenav-menu--link a i,
    .sidenav-video a i,
    .pgnav-menu a i {
        color: #fcaa00;
    }

    .sidenav-menu a:hover i,
    .sidenav-menu--info a:hover i,
    .sidenav-menu--link a:hover i,
    .sidenav-video a:hover i,
    .pgnav-menu a:hover i,
    .sidenav-menu a:hover::after,
    .sidenav-menu--info a:hover::after,
    .sidenav-menu--link a:hover::after,
    .sidenav-video a:hover::after,
    .pgnav-menu a:hover::after {
        color: #fff;
    }

    .sidenav-menu a.disabled,
    .sidenav-menu--info a.disabled,
    .sidenav-menu--link a.disabled,
    .sidenav-video a.disabled,
    .pgnav-menu a.disabled {
        background: #ddd;
        color: #ababab;
    }

    .sidenav-menu a::after,
    .sidenav-menu--info a::after,
    .sidenav-menu--link a::after,
    .sidenav-video a::after,
    .pgnav-menu a::after {
        color: #fcaa00;
    }

    .sidenav-menu a.disabled i,
    .sidenav-menu--info a.disabled i,
    .sidenav-menu--link a.disabled i,
    .sidenav-video a.disabled i,
    .pgnav-menu a.disabled i,
    .pgnav-menu a.disabled::after,
    .sidenav-menu a.disabled::after,
    .sidenav-menu--info a.disabled::after,
    .sidenav-menu--link a.disabled::after{
        color: #ababab;
    }

.card-header,
.card-footer {
}

.card {
}

/* details */

.item-main {
    background-color: #fff;
}

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

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

.item-prof {
}

/* chat  */
.chat-user {
    color: #61c359;
}

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

.chat-item {
}
.chat-fieldset input[type="submit"], .chat-fieldset input[type="button"] {
    border-color: #767676
}
/*movie control*/
.movie-control {
    background-color: #767676;
}

.movie-btn i {
    color: #fff;
}

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

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

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

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

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

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

.pagination .page-item.disabled a.page-link {
    color: #767676;
    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: #767676;
    }

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

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

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

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

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

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

.event-detail {
    color: #fff;
}

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

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

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

/* トップ画面.開催期間 */
.event-date {
    color: #fff;
}
/* 会場投票ヘッダー */
.VenueHeader {
    background-color: #fff;
}
/* マイページ　サブタイトル */
.title-wrap {
    color: #fcaa00;
}

/* パスワードを忘れた場合はこちら */
.password-reset {
    text-align: center;
    background-color: #fff;
    padding-bottom: 10px;
}

.btn.btn-password-reset {
    background-color: #fff;
    color: #424242;
    border-color: #424242;
}

/*タイムバー*/
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;
}