
/*==============================
header
============================*/
body{padding-top:7.3rem;}
header{background:#fff;border-bottom:2px solid #c2c2bd;position:fixed;top:0;left:0;width:100%;z-index:10;}
.header_inner {display: flex;max-width: 120rem;margin: auto;justify-content: space-between;align-items: center;height:7rem;}
header .logo{width:7.5rem;}
header nav{}
header nav ul{display:flex;}
header nav ul li{border-right:1px solid #000;}
header nav ul li:last-child{border-right:none;}
header nav ul li:last-child{}
header nav ul li a{display:block;font-size:1.5rem;padding:0 1.5rem;line-height:2rem;}

header .address_area{max-width: 30rem;width: 27%;position:relative;/* margin-left: 10px; */display:flex;justify-content: center;align-items: center;margin-right:15rem;}
header .address_area .input_form p,
header .address_input{width: 100%;border: 2px solid #CCCCCC;font-size: 1.4rem;padding: 0.5rem 1rem;}
header .address_area .input_form p a,
header .address_input::placeholder{color: #333333;font-size: 1.4rem;}
header .address_area .input_form{width:23.5rem;display:flex;position:relative;}
header .address_area .input_form.full{width:100%;}

header .address_area .q_icon{position:absolute;top:5px;right:8px;display:block;width:2.4rem;height:2.4rem;background:#ea781e;border-radius:30px;text-align:center;line-height: 2.4rem;color: #FFF;font-weight:bold;font-size:15px;cursor: pointer;z-index:1;/* display:none; */}
header .address_area .q_icon:hover:before{content:"";display:block;border-top:2px solid #ea781e;border-right:2px solid #ea781e;background:#FFF;width:1.5rem;height: 1.5rem;transform: rotate(-45deg);position: absolute;top: 129%;right: 5px;}

header .address_area .ar_icon{position: absolute;top: 1.2rem;right:1.2rem;display: block;width: 1rem;height: 1rem;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(135deg);cursor: pointer;z-index: 1;}
header .address_area .ar_icon_note,
header .address_area .q_icon_note{position:absolute;top:110%;left:0;width:100%;box-sizing:border-box;padding:1rem;border:2px solid #ea781e;border-radius:5px;display:none;box-shadow: 0 0 5px rgba(0,0,0,0.3);background:#FFF;}
header .address_area .ar_icon_note{display:none;border:none;}
header .address_area .ar_icon_note.on{display:flex;}
header .address_area .ar_icon_note .text{font-size:1.2rem;width:100%;padding:1rem 0;}
header .address_area .q_icon_note ul li{text-indent:-1em;padding:0 0 0 1em;font-size:1.3rem;line-height:1.3;}
header .address_area .address_btn{}
header .address_area .change_btn a,
header .address_area .address_btn a,
header .address_area .change_btn input[type="button"],
header .address_area .address_btn input[type="button"]{text-align: center;background:#707070;color:#fff;line-height:35px;width:70px;display: block;border:none;border-radius:5px;margin-left:5px;font-size:1.3rem;cursor: pointer;}
header .address_area .change_btn a,
header .address_area .change_btn input[type="button"]{line-height:3rem;font-size:1.2rem;}

header .icon_area{display: flex;align-items: center;position: relative;top: 5px;}
header .icon_area .icon{display: flex;align-items: center;justify-content: center;position: relative;width: 37%;flex-wrap:wrap;cursor:pointer;}
header .icon_area .icon:not(:last-child){margin-right: 1.5rem;}
header .icon_area .icon a{display: flex;align-items: center;justify-content: center;flex-wrap:wrap;}
header .icon_area .icon img{width:3.1rem;}
header .icon_area .icon .text{font-size: 1.3rem;margin-top: 0rem;white-space: nowrap;}
header .icon_area .icon.-person .text{}
header .icon_area .icon.-cart .text{position: relative;right: -4px;}
header .icon_area .icon .num{background:#EA5C1E;width: 2.3rem;height:2.3rem;color: #fff;font-size: 1.5rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;right: -1rem;top: -1rem;}
.wt-p-root-container{padding-top:0 !important}
.wt-p-heading-bar{display:none !important}
@media screen and (max-width: 47.96875em) {
body{padding-top:10rem;}
.header_inner{padding:1rem;flex-wrap:wrap;flex-wrap: wrap;align-items: flex-start;height:auto;}
header .logo{width:20%;max-width:6.5rem;}
header .address_area{width:15.5rem;margin:0;margin-right:12rem;}
header nav{width:100%;}
header .address_area .input_form{width:100%}
header .address_area .q_icon{display:none;}
header .icon_area{width:35%;position:absolute;top:1rem;right:1rem;justify-content: flex-end;}
header nav ul{display: flex;flex-wrap:wrap;padding: 1.5rem 0 0;}
header nav ul li a{font-size:1.3rem;padding:0 0.6rem 0 0.6rem;line-height:1;}
header .icon_area .icon:not(:last-child){margin-right:0.5rem}
.address_btn{display:none;}
header .address_area .input_form p, header .address_input{padding: 1rem 1rem;}
}
