@charset "utf-8";
body.crie #header_left.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}

body.crie .pc_nav_sub.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}

body.crie#cc_menu .mn_heading.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}

body.crie#cc_menu .mn_shop_kensaku a.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}

body.crie .topic02.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}
body.crie .topic02.sp_topic01.new_logo p{
    color: #fff!important;
}

body.crie .day_flex p.press_info.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}

body.crie#cc_menu .mn_karada_txt p a.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}

body.crie.cc_calorie .top_cafe_h2_box.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}
body.crie.cc_app .app_ribbon.new_logo::after{
    border-top: 59px solid rgba(54, 26, 24, 1)!important;
    border-bottom: 58px solid rgba(54, 26, 24, 1)!important;
}
body.crie.cc_app .app_ribbon.new_logo::before{
    border-top: 59px solid rgba(54, 26, 24, 1)!important;
    border-bottom: 58px solid rgba(54, 26, 24, 1)!important;
}
body.crie.cc_app .app_ribbon.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}
.app_step_title_number.new_logo{
    background: rgba(54, 26, 24, 1)!important;
}
body.crie.cc_app .download_btn{
    background: rgba(54, 26, 24, 1)!important;
}
body.crie#cc_card .top_cafe_h2_box.app_faq_heading {
    padding: 15px 20px 15px;
    background: #684d3a!important;
}
.location__block-label.new_logo{
    background: rgba(54, 26, 24, 1)!important;

}

@media screen and (max-width: 1420px){
    body.crie.cc_app .app_ribbon.new_logo::after {
        border-top: 51px solid rgba(54, 26, 24, 1)!important;
        border-bottom: 51px solid rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_app .app_ribbon.new_logo::before {
        border-top: 51px solid rgba(54, 26, 24, 1)!important;
        border-bottom: 51px solid rgba(54, 26, 24, 1)!important;
    }
}



@media screen and (max-width: 1210px){
    body.crie header .header_inner .logo.new_logo {
        max-width: 270px;
    }
}

@media screen and (max-width: 1000px){
    body.crie header .header_inner .logo.new_logo img {
        width: 100%;
        height: auto;
    }
    body.crie header .header_inner.new_logo {
        padding: 0 20px;
    }
    body.crie .sp_header .sp_menu.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
    body.crie .sp_sub_menu.new_logo ul li{
        background: rgba(54, 26, 24, 1)!important;
        
    }
}

@media screen and (max-width: 890px){
    body.crie header .header_inner .logo.new_logo {
        max-width: 260px;
    }
    body.crie header .header_inner.new_logo {
        padding: 0 10px;
    }
}

@media screen and (max-width: 768px){
    body.crie footer.top_cafe_footer.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
    body.crie .official_sns_box01.sns_dark.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_app .app_ribbon.new_logo::after {
        border-top: 48px solid rgba(54, 26, 24, 1)!important;
        border-bottom: 48px solid rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_app .app_ribbon.new_logo::before {
        border-top: 48px solid rgba(54, 26, 24, 1)!important;
        border-bottom: 48px solid rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_app .top_cafe_h2_box.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
    body.crie#cc_card .top_cafe_h2_box.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_coffee .top_cafe_h2_box.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_happiness .top_cafe_h2_box.new_logo{
        background: rgba(54, 26, 24, 1)!important;
    }
}

@media screen and (max-width: 650px){
    body.crie.cc_app .app_ribbon.new_logo::after {
        border-top: 21px solid rgba(54, 26, 24, 1)!important;
        border-bottom: 21.5px solid rgba(54, 26, 24, 1)!important;
    }
    body.crie.cc_app .app_ribbon.new_logo::before {
        border-top: 21px solid rgba(54, 26, 24, 1)!important;
        border-bottom: 21.5px solid rgba(54, 26, 24, 1)!important;
    }
}





@media (max-height: 900px){
    body.crie #header_left.retouch header>ul > li > a{
        font-size:min(2.7vh,25px);
        padding: 0.3em;
    }
    body.crie #header_left.retouch header>ul > li a span{
        font-size:min(1.9vh,17px);
    }
    body.crie .retouch .sp_head_sns p{
        font-size:min(2vh,18px);
        margin-bottom: min(2vh,20px);
    }
    body.crie #header_left.retouch header>ul {
        padding-top: min(5vh,57px);
        margin-bottom: 0;
    }
    body.crie #header_left.retouch header>ul > li{
        margin-bottom: min(4vh,48px);
    }
    body.crie .retouch .sp_head_sns {
        bottom: 20px;
    }
    body.crie .retouch .sp_head_sns ul li img {
        max-width: 30px;
    }
    body.crie #header_left.retouch header>ul li ul li a{
        font-size:min(2vh,18px);
    }
    body.crie #header_left.retouch header>ul li ul li a{
        padding: 1em 0 1em 2em;
    }
    body.crie .retouch .sp_head_sns ul {
        margin: 20px auto 10px;
    }
    body.crie .retouch .pc_nav_sub::before{
        top: 3.2vh!important;
    }
}