@charset "UTF-8";

/* メニューバーなど */
.bg-nav-bar {
    background-color: #bb9200;
}
#headMenuArea button {
    font-size: 0;
}
#headMenuArea .chuo_form:before {
    font-size: 1rem;
    content: 'ショールーム見学ご予約';
}

#chuoLogo {
    position: fixed;
    top: 0;
    right: 0;
    height:3rem;
    /* z-index:1031; */
}
#chuoLogo img {
    height: 100%;
}
.chuo_form {
    display: block !important;
}

.btn-blue {
    background: #36B5C9;
}
.btn-primary {
    background: #36B5C9 !important;
}
.btn-green {
    background: #52b986;
}
.btn-red {
    background: #BB9200;
}
.btn-yellow, .select_bgm_btn {
    background: #E3C000;
}

.btn-tour0 {
    background: #36B5C9 !important;
    border-color: #36B5C9 !important;
}
.btn-tour1 {
    background: #52b986 !important;
    border-color: #52b986 !important;
}
.btn-tour2 {
    background: #BB9200 !important;
    border-color: #BB9200 !important;
}
.btn-tour3 {
    background: #E3C000 !important;
    border-color: #E3C000 !important;
}

.tags-popup-outer {
    top: 6rem;
}

.chuo-form-btn-outer {
    position:fixed;
    top: 20vh;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); 

}
.chuo-form-btn-message {
    font-size: 1.5em;
    background-color:rgb(250, 250, 250, 0.6);
    backdrop-filter: blur(5px);
    padding: 0.5em;
}
.chuo-form-btn {
    font-size: 1em;
}

@media screen and (orientation: landscape) and (min-width: 768px) {
    .tags-popup-outer {
        top: 5vh;
    }

    .chuo-form-btn-message {
        font-size: 3em;
    }
    .chuo-form-btn {
        font-size: 1.5em;
    }
}