/* ===================================
    header
====================================== */
/* pc */
#headerwrap{position:sticky;top:0;left:0;right:0;bottom:auto;margin:auto;z-index:9999}
#headerwrap .container{max-width:1520px;width:90%;margin:0 auto;}
#headerwrap .pc_menuwrap{width:100%;background:#fff;}
#headerwrap .pc_menuwrap .logobox{width:15%;}
#headerwrap .pc_menuwrap .navbox{width:68%;text-align:center;}
#headerwrap .pc_menuwrap .navbox .menu .depth02{display:none;}
#headerwrap .pc_menuwrap .outloginbox{width:15%;text-align:right;justify-content:flex-end;}
#headerwrap .pc_menuwrap .outloginbox a{color:#e4d8c2;display:inline-block;margin-left:1.6rem;position:relative;}
#headerwrap .pc_menuwrap .outloginbox a:first-child{margin-left:0;}
#headerwrap .pc_menuwrap .outloginbox a:after{content:'';display:block;width:1px;height:1rem;background:#e4d8c2;position:absolute;top:0;bottom:0;left:-0.8rem;margin:auto;}
#headerwrap .pc_menuwrap .outloginbox a:first-child:after{display:none;}

#headerwrap .pc_menuwrap .menubar{height:100px;}
#headerwrap .pc_menuwrap .menu{width:calc(100% / 8);}
#headerwrap .pc_menuwrap .dropnavi{position:absolute;top:100%;left:0;width:100%;background:rgba(255,255,255,0.9);z-index:9999;padding:2.5rem 0;display:none;}
#headerwrap .pc_menuwrap .dropnavi .dropmenuwrap{width:68%;margin:0 auto;text-align:center;}
#headerwrap .pc_menuwrap .dropnavi .dropmenuwrap .depth02 li{margin-bottom:1.25rem;}
#headerwrap .pc_menuwrap .dropnavi .dropmenuwrap .depth02 li:last-child{margin-bottom:0;}
@media(max-width:1440px){
    #headerwrap .pc_menuwrap .logobox{width:100%;text-align:center;margin-bottom:2rem;}
    #headerwrap .pc_menuwrap .logobox a{display:inline-block;}
    #headerwrap .pc_menuwrap .logobox a img{height:3.75rem;margin:0 auto;}
    #headerwrap .pc_menuwrap .navbox{width:100%;}
    #headerwrap .pc_menuwrap .outloginbox{width:30%;position:absolute;top:3.3rem;right:5%;}
    #headerwrap .pc_menuwrap .menubar{display:block;height:auto;padding:2rem 0;}

    #headerwrap .pc_menuwrap .dropnavi .dropmenuwrap{width:100%;}
}

/* mobile */
@media(max-width:768px){
    .all_bg {position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;z-index:9999;}
}
#headerwrap .mo_menuwrap{width:100%;background:#fff;box-shadow:0 0 7px rgba(0,0,0,0.2);}
#headerwrap .mo_menuwrap .menubar{height:7.5rem;}
#headerwrap .mo_menuwrap .menubar .logobox img{height:3.5rem;}

#headerwrap .mo_menuwrap .dropnavi{position:fixed;top:0;right:-100%;bottom:0;width:100%;height:100%;background:#fff;z-index:9999;transition:all 0.4s ease;overflow-x:hidden;}
#headerwrap .mo_menuwrap .dropnavi .top{text-align:center;position:relative;padding:1.85rem 0;}
#headerwrap .mo_menuwrap .dropnavi .top a{display:inline-block;}
#headerwrap .mo_menuwrap .dropnavi .top a.closebtn{position:absolute;top:50%;left:5%;margin:auto;transform:translateY(-50%);}
#headerwrap .mo_menuwrap .dropnavi .top a img{height:3.5rem;}

#headerwrap .mo_menuwrap .dropnavi .outloginbox{background:#a47c42;padding:2rem 0;text-align:center;}
#headerwrap .mo_menuwrap .dropnavi .outloginbox ul{max-width:500px;margin:0 auto;}
#headerwrap .mo_menuwrap .dropnavi .outloginbox ul li{width:calc(100% / 3);border-left:1px solid #cfba9b;}
#headerwrap .mo_menuwrap .dropnavi .outloginbox ul li:first-child{border:none;}
#headerwrap .mo_menuwrap .dropnavi .outloginbox a{color:#fff;font-size:1.250rem;}
/* #headerwrap .mo_menuwrap .dropnavi .outloginbox a:first-child{margin-left:0;} */
#headerwrap .mo_menuwrap .dropnavi .outloginbox a img{height:7.1615vw;}
#headerwrap .mo_menuwrap .dropnavi .outloginbox a p{margin-top:1.5rem;}

#lnb ul.listwrap{display:block;}
#lnb .depth01{display:block;padding:2rem 2.5rem;position:relative;top:0;left:0;border-bottom:1px solid #f4f4f4;font-size:2.250rem;font-weight:700;color:#d9d9d9;}
#lnb .menu.act_plus .depth01{color:#000;}
#lnb .depth02{display:none;padding:2rem 0;border-bottom:1px solid #fff;background:#f4f4f4;font-size:1.750rem;}
#lnb .depth02 li a{display:block;padding:1rem 0;margin:0 4rem;position:relative;top:0;left:0;border-bottom:1px solid #fff;}
#lnb .depth02 li:last-child a{border-bottom:none;}
#lnb .depth02 li a:hover{background:rgba(0,0,0,0.1);}
#lnb .depth03{display:none;}
#lnb .depth03 li a{display:block;padding:15px 40px;position:relative;top:0;left:0;color:#fff;}
#lnb .depth03 li a:hover{background:rgba(0,0,0,0.1);}

#lnb .void_link:after{content:'+';display:block;font-family:var(--mainfont), sans-serif;font-size:3.750rem;font-weight:100;position:absolute;top:50%;right:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#818181;}
#lnb .menu.act_plus .depth01:after,
#lnb .depth02 li.act_plus .void_link:after{content:'-';font-size:6.250rem;color:#000;}

@media(max-width:500px){
    #headerwrap .mo_menuwrap .dropnavi .outloginbox a img{height:36px;}
    #lnb .depth01{padding:1.5rem 2rem;font-size:1.750rem;}
    #lnb .depth02{padding:1.5rem 0;font-size:1.250rem;}
    #lnb .depth02 li a{padding:0.5rem 0;margin:0 2rem;}
    #lnb .void_link:after{font-size:3rem;}
    #lnb .depth02 li.act_plus .void_link:after{font-size:6rem;}
}

/* quickmenu */
#quickwrap{position:fixed;bottom:20px;right:20px;margin:auto;z-index:9970;text-align:center;}
#quickwrap .quicklist{display:block;padding:2.5rem 0;border-radius:100px;overflow:hidden;background:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);}
#quickwrap .quicklist .list{margin-bottom:1.875rem;}
#quickwrap .quicklist .list:last-child{margin-bottom:0;}
#quickwrap .quicklist .list a{display:block;}
#quickwrap .quickmenubtn{width:5rem;height:5rem;border-radius:50%;background:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);margin-top:1.25rem;overflow:hidden;}
#quickwrap .quickmenubtn a{display:block;width:100%;height:100%;position:relative;}
/* #quickwrap .quickmenubtn a .flex-center{width:100%;height:100%;} */
#quickwrap .quickmenubtn a img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:1.813rem;}
#quickwrap .quickmenubtn a img.on{display:none;}
#quickwrap .quickmenubtn a.menuoff img{display:none;}
#quickwrap .quickmenubtn a.menuoff img.on{display:block;}
#top_btn{position:relative;bottom:auto;right:auto;line-height:1.2;font-size:1rem;border-radius:50%;width:5rem;height:5rem;border:none;display:flex;justify-content:center;align-items:center;background:#a47c42;color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.4);margin-top:1.25rem;}
#top_btn:hover{background:var(--pointcolor);}


/* ===================================
    footer
====================================== */
#footerwrap a{color:#fff;}
#footerwrap a:hover{color:var(--pointcolor);}
#footerwrap .wrap{width:100%;justify-content:space-between;flex-direction:row-reverse;}
#footerwrap .wrap .txt .linkswrap li{margin-right:1.25rem;}
#footerwrap .wrap .txt .linkswrap li:last-child{margin-right:0;}
#footerwrap .wrap .txt .infowrap{width:90%;}
#footerwrap .wrap .txt .infowrap li{margin-right:3.15rem; margin-top:.5rem;}
#footerwrap .wrap .txt .infowrap li:last-child{margin-right:0;}
@media(max-width:960px){
    #footerwrap .wrap{display:block;text-align:center;}
    #footerwrap .wrap .logo img{margin:auto auto 3rem;height:50px;}
    #footerwrap .wrap .txt .linkswrap{justify-content:center;}
    #footerwrap .wrap .txt .infowrap{justify-content:center;width:100%;}
}