﻿#video video {vertical-align: middle;}
#video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dott.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 3px auto;
    z-index: 1;
}

#header .tel_bt{display: none;}
#header-nav span.txt_color_nomal{font-weight: bold;}
#header-nav span.txt_color_nomal i{opacity:0.7;}

#top_contents1 .catch_txt h2 {

}
#top_contents1 .catch_txt h2 span{
    display: inline-block;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding: 10px 15%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg,#ff0600,#FF9E03 50%,#ff0600);
}
#top_contents1 .catch_txt p{
    font-size: 16px;
    max-width: 900px;
}

#top_contents2 .con_box .text_box{
    background-color: rgba(251,251,251,0.50);
}
#top_contents2 .con_box .text_box .before{background-image: linear-gradient(135deg,#ff0600,#FF9E03);}

.top_cms_title .cms_title_inner, .top_info_title .info_title_inner {
    display: block;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 20px 10px 20px;
}
.top_cms_title .cms_title_inner p, .top_info_title .info_title_inner p{
    padding: 0px 4px;
    margin-bottom: 10px;
}
.top_cms_title .before, .top_info_title .before{
    background-image: linear-gradient(135deg,#ff0600,#FF9E03);
    width: 5%;
    height: 4px;
    border:none;
}
.top_cms_title .after, .top_info_title .after{display:none;}
.top_cms_box  .more a {
    padding: 5px;
}

#top_contact_box .top .box, #top_contact_box .bottom .box {
    height: auto;
}
#top_contact_box .tel_bt, #top_contact_box .con_bt {
    max-width: 450px;
    height: auto;
    padding: 8px 10px;
    box-sizing: border-box;
    width: 80%;
    border-radius: 20px;
}

#footer_nav{
    border-top: 1px solid #e6e6e6;
    background-color: #F5F5F5;
    margin-bottom:0;
}
#footer::before {background: rgba(66,78,91,0.6);}

.cate_list li {
    max-width: 260px;
    width: 100%;
}
.cate_list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page_title::before {display: none;}
#page_title .title_box {
    background-image: url(./Dup/img/bg1.png);
    background-position: center;
}
#page_title .title_box p{color: #ff8430;font-weight: bold;}

#page10 .sitemap_wrap  .btn .txt{font-weight: normal;}
#page10 .btn a .a_before {width: 1px;}
#page10 .btn a span.txt .txt_before {width: 1px;}
#page10 .btn a span.txt .txt_after {height: 1px;}

#cms_6-a .box_wrap{
    background-image: url(./Dup/img/salon_point1.svg),url(./Dup/img/salon_point2.svg),url(./Dup/img/salon_point3.svg),url(./Dup/img/salon_point4.svg);
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 3% auto,3% auto,3% auto,3% auto;
    background-position: left 0 top 0 ,left 0 bottom 0 ,right 0 top 0 ,right 0 bottom 0;
}
#cms_6-a .cate_list {
    margin-bottom: 50px;
}

@media screen and (min-width:769px){
#top_contents1 .catch_txt h2{font-size: 30px;}
#top_contents2 .con_box .text_box{width: 56%;}
#fix_menu {background-color: #F5F5F5;border: 1px solid #e6e6e6;}
}

@media screen and (max-width: 768px){
.tb_logo{width: 90%!important;}
#fix_menu,.overlay.open{background-image: url(./Dup/img/bg1.png);}
#top_contents1 .catch_txt p {font-size: 15px;}
.top_cms_title .before, .top_info_title .before {width: 10%;}
.cate_list li {max-width: 220px;}
#cms_6-a .box_wrap {background-size: 4%;}
}

@media screen and (max-width: 667px){
#top_contents1 .catch_txt h2 span {padding: 9px 10%;}
#top_contents2 .pointnum b {font-size: 200%;}
.top_cms_title .before, .top_info_title .before {width: 18%;}
.footer_box {background-size: 200px auto;}
.cate_list li {max-width: 100%;}
#cms_6-a .box_wrap {background-size: 8%;}
}

@media all and (-ms-high-contrast:none){
#top_contents1 .catch_txt h2 span{background-image: none;padding: 15px 15% 7px;}
#top_cms .more a{padding: 8px 5px 2px;}
#top_contact_box .tel_bt, #top_contact_box .con_bt {padding: 11px 10px 5px;}
#page8 .mail_contact_tel{padding: 23px 20px 17px;}
#cms_6-a .box_wrap{background-size: 32px 32px,32px 32px,32px 32px,32px 32px;}
}

.page06_color .txt_color1,.page06_color .hvr_txt_color1:hover,.page06_color .txt_color1 .linkStyle{color: #FC6C6E;}
.page06_color .bg_color1,.page06_color .hvr_bg_color1:hover{background-color: #FC6C6E;}
.page06_color .bg_color2,.page06_color .hvr_bg_color2:hover{background-color: #FFFAF0;}
.page06_color .bg_color3,.page06_color .hvr_bg_color3:hover{background-color: #fcb26c;}
.page06_color .border_color1,.page06_color .hvr_border_color1:hover{border-color: #FC6C6E;}
.page06_color .border_color2,.page06_color .hvr_border_color2:hover{border-color: #FFEFD5;}

.pg-canvas{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}