@charset "UTF-8";
/*----------------------------------------------
    BASE
*/

body {
    background-color: #f7fbfd;
    color: #333333;
}

a {
    color: #333;
}

    a:hover {
        color: #333;
    }

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

.header {
    background-color: #fff;
    background-image: url(../../../../assets/img/header-parts-bl.png);
    background-repeat: no-repeat;
    background-position: left top;
    border-bottom: solid 1px #0067b3;
}

.nav ul li a {
    color: #0067b3;
}

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

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

    .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: #918c23;
        color: #fff;
        border: solid 1px #918c23;
    }

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

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

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

    .btn.btn-line {
        background-color: #fff;
        color: #40b0df;
        border-color: #40b0df;
    }

        .btn.btn-line:hover,
        .btn.btn-line:focus,
        .btn.btn-line:active {
            background-color: #ebfeff;
            color: #40b0df;
            border-color: #40b0df;
        }
    /* 最上位階層に戻るボタン */
    .btn.btn-line-return-top {
        background-color: #fff;
        color: #40b0df;
        border-color: #40b0df;
    }

        .btn.btn-line-return-top:hover,
        .btn.btn-line-return-top:focus,
        .btn.btn-line-return-top:active {
            background-color: #ebfeff;
            color: #40b0df;
            border-color: #40b0df;
        }

/*----------------------------------------------
    INDEX
*/

/*MV*/

/*HERO*/
.hero {
    color: #000;
    background-color: #dddddda1;
}

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

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

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

.mv-foot {
    border-color: #ffffff;
    display: flex;
}

    .mv-foot h3.title-free-4 {
        color: #fff;
        background: #53676c;
    }

.mv-description {
    background: #fff;
}
/*LOGIN*/
.login {
    background: rgba(255, 255, 255, 0.75);
}

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

.login-head {
    color: #fff;
}

/*title*/
.title-link,
.title-info,
.index-free .title-free-4 {
    background: #1c6e91;
    color: #fff;
}

    .title-link:before,
    .title-info:before,
    .index-free .title-free-4:before,
    .title-link:after,
    .title-info:after,
    .index-free .title-free-4:after {
        background-image: url("../../../../assets/img/title-parts-bl.png");
    }
/*index section */
.index-section {
    box-shadow: 2px 2px 4px rgba(201, 231, 240, 1);
    background: #fff;
}

    .index-section.index-free,
    .index-section.index-info {
        background-color: #ebfeff;
        box-shadow: 2px 2px 4px rgba(221, 221, 221, 1);
    }

.index-contact {
    background: #505455;
    color: #fff;
}
/*index link*/
.index-link li a {
    color: #fff;
    background-color: #de576d;
    border: #fff solid 1px;
}

.index-link li:nth-child(even) a {
    background-color: #40b0df;
    border: #fff solid 1px;
}

.li-link_index li a:hover {
    border: #918c23 solid 1px;
    background-color: #918c23;
}

.li-link_index li a:after {
    border: solid 1px #fff;
}
/*index info*/
.index-calendar {
    background-color: #fff;
}

.li-info_index li {
    border-bottom: solid 1px #707070;
}

    .li-info_index li a:hover {
    }

.info-id {
    color: #40b0df;
    border: solid 1px #40b0df;
    background: #fff;
}

/*index contact*/

.title-contact {
    border: solid 1px #fff;
}

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

/*index nav-toggle*/
#nav-toggle span {
    background-color: #40b0df;
}

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

.nav.open {
    background-color: #40b0df;
}

/*FORM*/
.textbox-icon {
    color: #333;
}
/*DIALOG*/
.ui-widget-header {
    background-image: none;
    background-color: #1c6e91 !important;
    color: #fff !important;
}

/*----------------------------------------------
    PAGE
*/
.site-main h2 {
    color: #40b0df;
}

.table td {
    background: rgba(230, 234, 227, 0.25);
}

.table tr:nth-child(even) td {
    background: rgba(230, 234, 227, 0.5);
}

.table th {
    background-color: #72848c;
    color: #fff;
}

/*MEIAN CONTENTS LIST*/
.pg-list-btn_fv {
    color: #fff;
    background-color: #de576d;
}

.pg-thumb-btn_wc {
    background-color: #40b0df;
    color: #fff;
}

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

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

    .pg-thumb-btn_fv:hover {
        opacity: 0.8;
    }

.pg-thumb-delmethod {
    background-color: #fff;
    color: #40b0df;
}

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

.pg-thumb-heading {
    color: #40b0df;
}

.pg-thumb-ttl {
    color: #40b0df;
}

.pg-thumb-item a {
}

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

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

/*SIDEBAR*/
.site-wrapper .site-sidebar {
    box-shadow: 2px 2px 4px rgba(221, 221, 221, 1);
    background-color: #ebfeff;
}

.sidenav-menu a,
.sidenav-video a,
.pgnav-menu a {
    background: #40b0df;
    color: #ffffff;
}

    .sidenav-menu a:hover,
    .sidenav-video a:hover,
    .pgnav-menu a:hover {
        background: #918c23;
    }

    .sidenav-menu a i,
    .sidenav-video a i,
    .pgnav-menu a i {
    }

.sidenav-menu--info li,
.sidenav-menu--link li {
    border-bottom: 2px solid #ffffff;
}

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

.sidenav-menu a.disabled,
.sidenav-video a.disabled,
.pgnav-menu a.disabled {
    background: #f3f3f3;
    color: #cccccc;
    box-shadow: none;
    border: 1px solid #cccccc;
}

    .sidenav-menu a.disabled i,
    .sidenav-video a.disabled i,
    .pgnav-menu a.disabled i {
        color: #cccccc;
    }

    .pgnav-menu a.disabled::after,
    .sidenav-menu a.disabled::after,
    .sidenav-video a.disabled::after {
        color: #cccccc;
        background: #f3f3f3;
    }

.sidenav-ttl {
    background: #1c6e91;
    color: #fff;
}

/*card*/
.card-header,
.card-footer {
}

.card {
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(201, 231, 240, 1);
    border: 1px solid #ebfeff;
}

.container2 .card {
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(201, 231, 240, 1);
    border: 1px solid #ebfeff;
}

/*VIEW*/
.item-heading {
    color: #40b0df;
}

.item-head i.fa {
    color: #72848c;
}
/*
.item-post--prof dt {
    color: #40B0DF;
}

.item-post--prof .heading {
    background-color: #c2f0fe;
}
*/
.prof-ttl {
    color: #40b0df;
}

.prof-heading {
    background-color: #c2f0fe;
}

.item-main {
    background-color: #fff;
    border: solid 1px #ebfeff;
    box-shadow: 2px 2px 4px rgba(201, 231, 240, 1);
}
/*chat*/
.chat-user {
    color: #bcb5b5;
}

.chat-post--day {
}

.chat-item {
    box-shadow: 0 0 0 1px rgba(4, 54, 70, 0.03), 0 4px 0 rgba(4, 54, 70, 0.04);
}

.chat-wrapper {
    background-color: #efefef;
}

/*movie control*/
.movie-control {
    background-color: #3d3d3d;
}

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

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

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

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

.pagination--select .btn-link:hover {
    font-weight: normal;
}

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

.pagination--select .btn-link.active {
}

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

/*form search*/

.pg-head-search {
    background-color: #fcfcf0;
    border-top: 2px dashed #f6ab52;
    border-bottom: 2px dashed #f6ab52;
}

.form-group-search .form-heading {
    background: #fff;
    color: #6c6a47;
}

/*検索ボタン*/
.btn.btn-search {
    background-color: #72848c;
    border-color: #72848c;
}
/*リセットボタン*/
.btn-line.btn-reset {
    color: #72848c;
    border-color: #72848c;
}

    .btn-line.btn-reset:hover {
        color: #fff;
        border-color: #72848c;
        background-color: #72848c;
    }
/*pg close btn*/
.btn-close span::before,
.btn-close span::after {
    /* 共通設定 */
    background-color: #40b0df;
}

/*pg toggle*/
.btn-toggle {
    background-color: #40b0df;
}

    .btn-toggle span,
    .btn-toggle span:after,
    .btn-toggle span:before {
        background-color: #fff;
    }

@media (max-width: 1023px) {
    .login {
        background-color: #fff;
    }
}

/* パスワードを忘れた場合はこちら */
.password-reset {
    text-align: center;
    margin-bottom: 20px;
}

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

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