html{margin: 0px; padding: 0px; width: 100%; overflow-x: hidden;}
body{margin: 0px; padding: 0px; background-color: #fff; overflow-x: hidden;}

.relative{position: relative;}
.absolute{position: absolute;}

img.full{display: block; width: 100%;}

.box{display: -webkit-flex; display: flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-row-r{flex-direction: row-reverse;}
.flex-direction-column{flex-direction: column;}
.flex-direction-column-r{flex-direction: column-reverse;}
.flex-wrap-now{flex-wrap: nowrap}
.flex-wrap-wrap{flex-wrap: wrap}
.flex-wrap-wrap-r{flex-wrap: wrap-reverse}
.justify-content-start{justify-content: flex-start}
.justify-content-end{justify-content: flex-end}
.justify-content-center{justify-content: center}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.align-items-start{align-items: flex-start}
.align-items-end{align-items: flex-end}
.align-items-center{align-items: center}
.align-items-baseline{align-items: baseline}
.align-items-stretch{align-items: stretch}
.align-content-start{align-content: flex-start}
.align-content-end{align-content: flex-end}
.align-content-center{align-content: center}
.align-content-between{align-content: space-between}
.align-content-around{align-content: space-around}
.align-content-stretch{align-content: stretch}

.w1920{max-width: 1600px; width: 100%; margin: 0px auto;}
.w1218{max-width: 990px; width: 100%; margin: 0px auto;}

/* .w1218{height: 100%;} */

#wrap{max-width: 1280px; width: 100%; margin: 0px auto;}
.block{position: absolute; width: 64%; top: 0px; left: 50%; margin-left: -32%; height: 100%;}

@media (max-width:750px){
    .contentBlock{width: 150%; margin-left: -25%;}
}

#navbar .block{top: 0%; position: absolute;}
#bar{width: 100%; margin: 0px auto;}
#bar .block{width: 60%; margin-left: -30%;}

.menu{position: absolute; top: 0%; width: 94%; left: 3%;}
.menu a{padding: 0px 2%; display: block; position: relative;}
.menu a:hover{opacity: 1;}

.menu a .active{display: block; width: 100%;}
.menu a:hover .active{display: none;}

.menu a .hover{display: none; width: 100%;}
.menu a:hover .hover{display: block;}

._buuttonList{position: absolute; width: 40%; font-size: 0px;}
._buuttonList .button{display: inline-block; width: 50%; box-sizing: border-box; padding: 0px 2px; position: relative;}

#imgBlock01 ._buuttonList{top: 61%; left: 9%;}
#imgBlock02 ._buuttonList{top: 44%; left: 52.5%;}
#imgBlock03 ._buuttonList{top: 43%; left: 9%;}
#imgBlock04 ._buuttonList{top: 39%; left: 52.5%;}
#imgBlock05 ._buuttonList{top: 61%; left: 9%;}
#imgBlock06 ._buuttonList{top: 49%; left: 52.5%;}
#imgBlock07 ._buuttonList{top: 47%; left: 9%;}
#imgBlock08 ._buuttonList{top: 44%; left: 52.5%;}
#imgBlock09 ._buuttonList{top: 46%; left: 9%;}
#imgBlock10 ._buuttonList{top: 46%; left: 52.5%;}
#imgBlock11 ._buuttonList{top: 48%; left: 9%;}
#imgBlock12 ._buuttonList{top: 44%; left: 52.5%;}
#imgBlock13 ._buuttonList{top: 60%; left: 9%;}
#imgBlock14 ._buuttonList{top: 47%; left: 52.5%;}
#imgBlock15 ._buuttonList{top: 46%; left: 9%;}
#imgBlock16 ._buuttonList{top: 60%; left: 52.5%;}
#imgBlock17 ._buuttonList{top: 46%; left: 9%;}
#imgBlock18 ._buuttonList{top: 49%; left: 52.5%;}
#imgBlock19 ._buuttonList{top: 49%; left: 9%;}
#imgBlock20 ._buuttonList{top: 36%; left: 52.5%;}

.sub_buuttonList{width: 100%; position: absolute; top: 88%; padding-top: 4px; display: none; text-align: center;}
.sub_buuttonList a{margin: 5px 0px; display: block; height: auto;}
.sub_buuttonList a:hover{opacity: 1;}

#pcKv{display: block; position: relative;}
#mobileKv{display: none; position: relative;}

#pcKv .imgBlock{position: absolute; top: 0px; left: 0px; width: 64%; top: 0px; left: 50%; margin-left: -32%; height: 100%; display: flex;}
#pcKv .imgBlock .title,
#pcKv .imgBlock .chahua{padding: 0px 20px;}

@media (max-width:750px){
    #pcKv{display: none;}
    #mobileKv{display: block;}
    /* .sub_buuttonList{background-color: #fff; border: 1px solid #c38e64; border-radius: 10px; overflow: hidden; z-index: 100;} */
}

.menu-nav{display: block; position: absolute; top: 0px; width: 100%;}

.buttonBlock{display: block; width: 40%; position: absolute; top: 70%; left: 30%;}

#imgSwiper{width: 35%; position: absolute; top: 38%; left: 12%;}
#imgSwiper .imgSwiperItem{display: none; position: absolute; top: 0px; left: 0px; width: 100%;}

.erButtonList{position: absolute; height: 50%; top: 20%; width: 27%; left: 48%;}
.erButtonList .erButton{display: block; width: 33%; height: 100%; float: left;}

#erPop{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,0.8); z-index: 1000; display: none;}
.erPopBlock{width: 40%; left: 50%; margin-left: -20%; top: 50%; margin-top: -25%; position: absolute;}

.menuList{
    width: 60.677%;
    height: 79.54%;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -30.1085%;
}

.menuList a{
    display: block;
    width: 25%;
    float: left;
    height: 100%;
    position: relative;
}

.menuList a:hover{
    opacity: 1;
}

.menuList a span{
    display: inline-block;
    width: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    background-color: #e3c4c9;
    color: #000;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    position: absolute;
    bottom: -1px;
    left: 25%;
    text-align: center;
}

.menuList a:hover span{
    background-color: #c5000b;
    color: #fff;
}

@media (max-width:750px){
    .menuList a span{
        height: 14px;
        line-height: 14px;
        font-size: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
}

.back-to-top{
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.back-to-top svg{
    display: block;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
}

.back-to-top:hover{
    transform: translateY(-2px);
}

.back-to-top.is-hidden-by-footer{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width:750px){
    .back-to-top{
        right: 16px;
        bottom: 16px;
        width: 40px;
        height: 40px;
    }
}