.bg_color1{
    background-color:#3854A5 ;
}
.bg_color2{
    background-color: rgba(56,84,165,0.15);
}
.bg_color3{
    background-color:#ABA461 ;
}
.txt_color1{
    color:#3854A5 ;
}
.border_color1{
    border-color: #3854A5;
}
/*アプリバナー*/
#appDLbnr{
    z-index: 999;
    right: 0;
    top: 30%;
    background-image: url('./Dup/img/bnrBack.jpg');
    background-position: center;
    border: solid 2px #DCBEC4;
    opacity: 0;
    transition-duration: 0.5s;
}
#appDLbnr.visible{
    opacity: 1;
    transition-duration: 0.5s;
    z-index: 99;
}
#appDLbnr:hover{
    transform: scale(1.05);
    transition-duration: 0.5s;
}
#appDLbnr a{
    writing-mode: vertical-lr;
    color: #fefefe;
    padding: 20px;
}
@media screen and (max-width: 667px){
    #appDLbnr {
        right: auto;
        bottom: 20px;
        width: 100%;
        top: auto;
        background-image:none;
        border: none;
    }
    #appDLbnr a{
        padding:20px;
        writing-mode: horizontal-tb;
    }
    #appDLbnr .bnrWrap{
        max-width: 80%;
        background-image: url('./Dup/img/bnrBack.jpg');
        background-position: center;
        margin: 0 auto;
        border: solid 2px #DCBEC4;
    }
}
/*header*/
#header #logo{
    transition-duration: 0.4s;
}
#header.active #logo{
    padding: 0;
    transition-duration: 0.4s;
}
#logo img{
    max-width: 110px;
}
#logo.toplogo img{
    max-width: 300px;
}
#header.active #logo img{
    max-width: 100px;
}
#nav_menu .shop_link{
    background-color: rgb(255 255 255 / 30%);
    backdrop-filter: blur(10px);
}
#nav_menu .button_container.bg_color1{
    background-color: rgb(56 84 165 / 30%);
    backdrop-filter: blur(10px);
    z-index: 9999;
}
#nav_menu a.hvr_txt_white:hover{
    color: #897d51;
}
#nav_menu a.txt_white{
    color:#333!important;
}
@media screen and (max-width: 667px){
    #header #logo{
        padding: 0;
    }
    #nav_menu.grid_6_sp {
    width: 60%!important;
    }
    #logo{
        max-height: 68px;
        max-width: 68px;
        padding-left: 20px;
    }
    #header .pd_20px_sp,.pd_t-15px_sp{
        padding: 0;
        padding-top: 0;
    }
    #header .pd_20px_sp{
        padding-left: 20px;
    }
}
@media screen and (max-width: 350px){
    #nav_menu.grid_6_sp{
        width: 70%!important;
    }
}
#nav_menu .home_link {
    background-color: rgb(191 177 0 / 30%);
    backdrop-filter: blur(10px);
}
/*nav*/
@media screen and (max-width: 667px){
    .overlay {
        font-size: 12px;
    }
    #nav_menu a.txt_white{
        color: #333;
    }
    #nav_menu .shop_link p{
        width: 100%;
    }
}
/*TOP*/
#intro .skincare{
    z-index: 0;
    font-size: 180px;
    transform: translate(-36px,-211px);
    opacity: 0.15;
}
#intro .skincare.txt_color4{
    color: #a2a2a2;
}
#contents1 .con_txt img,#contents2 .con_txt img,#contents3 .con_txt img{
    display: none;
}
#contents1 .con_img{
    margin: 0 auto;
}
#contents1 .con_img.grid_6{
    width: 80%;
}
#contents2 .con2_exb{
    flex-direction: row-reverse;
}
#contents_wrap h2 {
    padding-bottom: 7vh;
    font-weight:500 ;
}
#contents_wrap h2.font_49{
    font-size: 56px;
}
#contents_wrap .title_wrap h3.font_25{
    font-size: 28px;
    font-weight: 500;
}
#contents_wrap .tab_content .content3.box{
    top: 100px;
}
#contents_wrap h2 br,#contents1 h3 br,#contents2 h3 br,#contents3 h3 br{
        display: none;
    }
#top_cms2.pd_b-100px{
    padding-bottom: 0;
}
@media screen and (max-width: 768px){
    #contents_wrap .tab_content .box{
        display: block!important;
    }
}
@media screen and (max-width: 668px){
    #contents1 img{
        content: url('./Dup/img/TOP8sp.jpg');
        width: 100%!important;
        height: auto!important;
    }
    #contents2 .title_wrap.pd_t-50px,#contents3 .title_wrap.pd_t-50px{
        padding-top: 20px;
    }
    #contents2 .con_txt.pd_b-100px{
        padding-bottom: 0;
    }
    #contents_wrap .tab_content #contents3.box:last-of-type {
        padding-bottom: 50px;
    }
    #contents_wrap h2 br,#contents1 h3 br,#contents2 h3 br,#contents3 h3 br{
        display: block;
    }
    #contents_wrap h2{
        padding-bottom: 3vh;
    }
    #contents_wrap h2.font_35_sp {
    font-size: 35px;
}
}
@media screen and (max-width: 460px){
    #contents2 .title_wrap h3 br{
        display: none;
    }
}

/*Top-cms*/
@media screen and (min-width: 769px){
    #top_cms1 h3.font_24,#top_cms2 h3.font_24{
        font-size: 58px;
    }
    #top_cms1 .top_cms_title p, #top_cms2 .top_cms_title p{
        font-size: 160px;
        left: 38%;
    }
}
/*footer*/
#copyright{
    padding-bottom: 40px;
}
/*下層一般*/
#page_title h2 span.font_anim{
    height: 60px;
}
@media screen and (max-width: 768px){
    .cate{
    margin-top: 0;
    padding-top: 0;
    }
}

/*エクスビアンスについて*/
#cms_3-a .flex_top-center{
    align-items: center;
}