@charset "utf-8";
/************************************************************************
 * filename : sub_style5.css
 * description :JUNO HAIR > product > 서브 페이지
 * date : 2020.03.11
************************************************************************/

.prodcate {display:flex;flex-direction:row;flex-wrap:wrap;margin:70px 0 60px;box-sizing:border-box}
.prodcate a {width:16%;margin-bottom:20px;text-align:center;color:rgb(137,137,137)}
.prodcate a.active {color:#000;font-weight:600}
.prodlist {flex-direction:row;flex-wrap:wrap;display:flex;box-sizing:border-box}
.prodlist div {display:flex;flex-direction:column;box-sizing:border-box}
.prodlist .productbox {display:flex;flex-basis:32%;margin-bottom:38px;margin-right:2%;flex-direction:column;box-sizing:border-box;transition:all .3s ease .0s}
.prodlist .productbox:hover {box-shadow: rgba(0,0,0,0.25) 0px 6px 6px 0px}
.prodlist > div:nth-child(3n) {margin-right:0}
.productbox .prodthum {display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding-top:77%;height:77%;background-repeat:no-repeat; background-position:center center;-webkit-background-size:cover;
background-size:cover;background-color:rgb(221,221,221)}
.productbox .prodinfo {height:94px;padding:10px 24px;-webkit-box-pack:center;justify-content:center}
.productbox .prodinfo h4 {line-height:1.2;margin-bottom:8px;font-size:18px}
.productbox .prodinfo .price {color:rgb(177,177,177);font-size:17px}

.prodlistAll .ttl {margin-bottom:10px;font-size:24px;font-weight:800;line-height:1.5}
.prodlistAll .ttl.line {padding-bottom:2px;border-bottom:2px solid #3c3c3c;}
.prodlistAll .sectionbox {display:flex;flex-direction:row;box-sizing:border-box;margin-bottom:85px}
.prodlistAll .sectionbox .boxL {flex-basis:60%}
.prodlistAll .sectionbox .boxR {flex-basis:40%}
.prodlistAll .sectionbox .catenone {flex-basis:100%}
.prodlistAll .sttl {position:relative;margin-bottom:10px}
.prodlistAll .sttl:after {content:'';display:block;position:absolute;top:-10px;width:90%;height:2px;background:#3c3c3c}
.prodlistAll .sttl p {display:inline-block;height:28px;line-height:28px;text-align:center;font-size:16px;color:#fff;margin-bottom:10px;background:#3c3c3c}
.prodlistAll .sttl span:first-child {margin-right:10px}
.prodlistAll .sttl span:nth-child(2) {font-family:Minion;font-weight:300}
.prodlistAll .prodcont {display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box}
.prodlistAll .prodcont a {width:33.333%}
.prodlistAll .prodcont.catenone {flex-basis:100%}
.prodlistAll .prodcont.catenone a {width:20%}
.prodlistAll .boxR .sttl:after {width:100%}
.prodlistAll .boxR .prodcont a {width:50%}
.producthover .cnt {position:relative;display:flex;flex-direction:column;box-sizing:border-box}
.producthover .prodthum {width:100%;padding-top:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.producthover .prodthum_mo {display:none;width:100%;padding-top:77%;height:77%;-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.producthover .prodinfo {display:flex;flex-direction:column;box-sizing:border-box;position:absolute;top:0px;left:0;right:0;bottom:0;background:rgba(0,0,0,0);opacity:0;box-pack:center;box-align:center;align-items:center;justify-content:center;transition:all .4s ease .0s}
.producthover .prodinfo:hover {background-color:rgba(255,255,255,.7);opacity:1}
.producthover .prodinfo > div {display:flex;flex-direction:column;box-sizing:border-box}
.producthover .label {font-size:13px;font-weight:600;margin-bottom:10px;text-align:center;color:#3c3c3c}
.producthover .price {font-size:13px;text-align:center;color:rgb(137,137,137)}
.prodnewbox + .prodnewbox {padding-top:40px;border-top:1px solid rgba(224,224,224)}

.sdelivery_banner {position:relative;margin:50px auto 0;padding:50px 0 0 60px;width:1150px;height:150px;box-sizing:border-box;letter-spacing:-0.05em;background:url(/static_resources/images/junohair/sub/jmarket/shop_banner.jpg) no-repeat right center;}
.sdelivery_banner .ttl {font-size:28px;color:#fff}
.sdelivery_banner .ttl span {color:#ebbd6d;letter-spacing:-0.06em;}
.sdelivery_banner .desc {margin-top:20px;font-size:16px;color:#fff;opacity:0.7}
.sdelivery_banner .btn {position:absolute;bottom:25px;right:25px;width:146px;height:42px;line-height:41px;text-align:center;font-size:15px;color:#fff;border:1px solid #fff;box-sizing:border-box}
.sdelivery_banner .btn span {padding-right:15px;background:url(/static_resources/images/junohair/sub/jmarket/shop_banner_arr.png) no-repeat center right;-webkit-background-size:7px auto;background-size:7px auto;}

.shop_selfCheck {position:relative}
.shop_selfCheck a {position:absolute;display:block;width:18%;height:11%;right:5%;background-color:transparent}
.shop_selfCheck a.link01 {top:34%}
.shop_selfCheck a.link02 {top:47%}
.shop_selfCheck a.link03 {top:60%}
.shop_selfCheck a.link04 {top:73%}
.shop_selfCheck a.link05 {top:86%}
.shop_selfCheck img {width:100%;min-height:1px}


.prodviewInfo {box-sizing:border-box;margin-top:80px;}
.prodviewInfo:after {content:'';display:block;clear:both}
.prodviewInfo > div:nth-child(1) {position:relative;float:left;width:45%;border-bottom:1px solid rgb(224,224,224);box-sizing:border-box}
.prodviewInfo > div:nth-child(2) {float:right;width:45%;box-sizing:border-box}
.prodviewInfo .btnback {position:absolute;top:-34px;left:0;}
.prodviewInfo .btnback span {position:relative;padding-left:18px;font-size:14px;font-weight:700;color:rgb(137,137,137);}
.prodviewInfo .btnback span:after {content:'';display:block;position:absolute;top:1px;left:0;width:8px;height:14px;transform:rotate(180deg);background:url(/static_resources/images/junohair/sub/jmarket/sbtn_arr.png) no-repeat center center;}
.prodviewInfo .title {font-size:21px;font-weight:700;margin-bottom:14px;line-height:1.5;}
.prodviewInfo .price {margin-bottom:56px;font-size:17px;font-stretch:condensed;color:rgb(137,137,137)}
.prodviewInfo .txtbox {margin-bottom:100px}
.prodviewInfo .txtbox .sttl {line-height:2;font-size:13px;font-weight:700;margin-bottom:25px}
.prodviewInfo .txtbox pre {display:block;	word-break:keep-all;white-space:pre-wrap;overflow-wrap:break-word;font-size:12px;line-height:2}
.prodviewInfo .bottombtns {position:relative;margin-bottom:22px}
.prodviewInfo .bottombtns .sbtn_arr {position:absolute;bottom:0;right:0}
.prodviewInfo .btnbox {display:flex;flex-direction:row}
.prodviewInfo .btnbox .selectarr {display:flex}
.prodviewInfo .btnbox button {cursor:pointer}
.prodviewInfo .btnbox .btnbuy {display:flex;margin-left:12px;align-items:center;-webkit-box-align:center;-webkit-box-pack:center;justify-content:center;background:#fff}
.prodslideImg {position:relative;width:100%;box-sizing:border-box;}
.prodslideImg .img {position:relative;width:100%;-webkit-background-size:cover;
background-size:cover;background-position:center center;background-repeat:no-repeat;background:none}
.prodslideImg .img img {display:block;width:100%;max-width:100%;height:auto}
.prodslideImg .owl-controls {margin-top:20px;}
.prodslideImg .owl-dots {text-align:center;}
.prodslideImg .owl-dot {float:none;display:inline-block;width:8px;height:8px;border-radius:100%;margin:0px 3px;border:1px solid rgb(137,137,137);background:none;}
.prodslideImg .owl-dot.active {background:#000;border-color:#000;}
.prodviewEdit {padding-top:50px;}
.prodviewEdit img {width:100%;min-height:1px}
.mobile_prodviewEdit {display:none;}
.mobile_prodviewEdit img {width:100%;max-width:100%}

.pop_shopinfo {display:none;position:fixed;width:435px;max-height:470px;box-shadow: rgba(0,0,0,0.33) 0px 12px 12px 0px;background-color:#fff;z-index:1100;top:50%;transform:translateY(-50%);left:0;right:0;margin-left:auto;margin-right:auto;padding-top: 18px;overflow:scroll}
.pop_shopinfo .popinner {padding:0px 24px 18px}
.pop_shopinfo .btnclose {position:absolute;right:24px;top:17px;width:15px;height:15px;background:url(/static_resources/images/junohair/sub/jmarket/btn_close.png) no-repeat center center;-webkit-background-size:15px auto;
background-size:15px auto}
.pop_shopinfo h4 {font-size:18px;text-align:center;padding-bottom:15px;margin-bottom:20px;border-bottom:1.5px solid rgb(60,60,60)}
.pop_shopinfo pre {word-break: keep-all;white-space:pre-wrap;overflow-wrap:break-word;font-size:10px;line-height:19px}
.pop_shopinfo .stext {font-size:10px;color:rgb(137,137,137);}

.prodrelated {display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-flow:row nowrap;box-sizing:content-box;padding:36px 0;border-bottom:1.5px solid rgb(224,224,224)}
.prodrelated .ttl {flex-basis:45%;flex-direction:row;-webkit-box-align:center;align-items:center;font-size:16px;line-height:1.2}
.prodrelated .ttl span {padding-right:12px;background:url(/static_resources/images/junohair/sub/jmarket/sbtn_arr2.png) no-repeat right center;-webkit-background-size:auto 12px;
background-size:auto 12px;}
.prodrelated > div:nth-child(2) {display:flex;flex-basis:45%;justify-content:space-evenly;flex-flow:row nowrap;box-sizing:border-box}
.prodrelated .producthover {width:25%;}
.prodrelated .producthover .label,
.prodrelated .producthover .price {font-size:10px;}
.mo_topbtn {display:none;}
.orderfrm {display:flex;box-sizing:border-box;flex-direction:row;margin-bottom:3rem;}
.orderfrm .sectionL {flex:1 1 0%;margin-right:49px;}
.orderfrm .sectionR {flex:1 1 0%;}
.orderfrm .box {display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:44px;}
.orderfrm .ttl {display:flex;flex-direction:row;align-items:flex-end;margin-bottom:18px;box-sizing:border-box}
.orderfrm .ttl h2 {font-size:22px;font-weight:600;color:#000;}
.orderfrm .ttl input {margin-right:9px;}
.orderfrm .ttl span {padding-left:12px;font-size:12px;line-height:1;color:rgb(137,137,137);}
.orderfrm .stit {height:28px;font-size:13px;border-bottom:1px solid rgb(177,177,177)}
.orderfrm .field {margin-bottom:20px;}
.orderfrm .field div {display:flex;flex-direction:column;box-sizing:border-box}
.orderfrm .field label {font-size:14px;line-height:2;font-weight:600;margin-bottom:6px}
.orderfrm .field select {height:34px;line-height:34px;color:#777;border-color:#b1b1b1;}
.orderfrm .field .ipx {flex-direction:row;-webkit-box-align:center;align-items:center;position:relative}
.orderfrm .field .ipx .w100p {width:100%;}
.orderfrm .field .ipx input {display:flex;flex:1 1 0%;height:34px;padding:0 0 0 14px;font-size:12px}
.orderfrm .field textarea {height:66px;display:flex;flex:1 1 0%;padding-top:7px;padding-left:14px;}
.addressfield {position:relative;display:flex;flex-direction:column;box-sizing:border-box}
.addressfield div {display:flex;flex-direction:column;box-sizing:border-box}
.addressfield .sec {flex-direction:row}
.addressfield .sec > div {flex:3 1 0%;}
.addressfield .sec .zipcode {margin-right:1rem;flex:1 1 0%;}
.addressfield .btn_addfind {position:absolute;top:0;right:0;font-size:11px;right:0;top:9px;color:rgb(137,137,137);}
.branchfield {margin-bottom:10px}
.branchfield label {font-size:14px;line-height:2;font-weight:600;margin-bottom:6px}
.branchfield .selectgroup {display:flex;flex-direction:row;box-sizing:border-box;}
.branchfield .selectgroup > div {display:flex;box-sizing:border-box;flex:2 1 0%;}
.branchfield .selectgroup > div:first-child {margin-right:1rem;flex:1 1 0%;}
.branchfield .selectgroup .selectarr {width:100%;box-sizing:border-box;height:34px;line-height:34px;color:#777;border-color:#b1b1b1;background-position:90% center}

.orderprodbx {position:relative;display:flex;padding:22px 0;flex-direction:row;box-sizing:border-box;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content: space-between;border-bottom:1px solid rgb(177,177,177)}
.orderprodbx .btn_delete {position:absolute;top:22px;right:0;width:12px;height:12px;background:url(/static_resources/images/junohair/sub/jmarket/btn_delete.png) no-repeat center center;-webkit-background-size:12px auto;background-size:12px auto;}
.prodorder {display:flex;box-sizing:border-box;flex-direction:row;-webkit-box-align:center;align-items:center;flex:1 1 0%;}
.prodorder div {display:flex;flex-direction:column;box-sizing:border-box}
.prodorder .prodthum {height:105px;width:105px;margin-right:37px;-webkit-background-size:cover;background-size:cover;background-position:center center}
.prodorder .prodinfo {flex:1 1 0%;}
.prodorder .prodname {font-size:17px;color:#000;line-height:1.2;}
.prodorder .countChk {flex-direction:row;-webkit-box-align:center;align-items:center;flex:1 1 0%;justify-content:space-between;margin-top:10px;}
.prodorder .countChk select {display:flex;align-self:flex-start;width:48px;height:25px;line-height:1;background-position:27px center;}
.prodorder .countChk .price {align-self:flex-end;font-size:13px;font-weight:600;color:rgb(177,177,177);}
.ordertxtfield {display:flex;flex-direction:row;font-size:13px;height:43px;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;color:rgb(137,137,137);border-bottom:1px solid rgb(177,177,177);}
.ordertxtfield.total {color:#000;}
.paymethod {display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;flex-wrap:wrap;box-sizing:border-box;padding:15px 0px 5px;margin-bottom:24px;border-top:1px solid rgb(177,177,177);border-bottom:1px solid rgb(177,177,177);}
.paymethod label {flex-basis:33.3%;font-size:13px;margin-bottom:10px}
.paymethod label input {height:auto;margin-right:5px;}
.paymethod .web_view {display:inline-block;vertical-align:middle;width:85px}
.paymethod .mobile_view {display:none}
.agreechkbox {position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding:10px 0px 20px;border-top:1px solid rgb(177,177,177);border-bottom:1px solid rgb(177,177,177);}
.agreechkbox .chkb {display:flex;flex-direction:row;-webkit-box-pack:justify;margin-top:10px;justify-content:space-between;-webkit-box-align:center}
.agreechkbox label {font-size:13px}
.agreechkbox label input {margin-right:5px}
.agreechkbox .btn_agreeview {position:absolute;bottom:20px;right:0;font-size:11px;color:rgb(177,177,177);}

.pop_zipcode {width:90vw;left:0;right:0}
.searchfrm {display:flex;flex-direction:row;height:34px;margin-bottom:11px;border:1px solid rgb(60,60,60)}
.searchfrm input {display:flex;height:100%;border:0;flex:1 1 0%;padding-left:14px;box-sizing:border-box;border:0;}
.searchfrm .btnsubmit {width:34px;display:flex;background:rgb(60,60,60) url(/static_resources/images/junohair/sub/jmarket/btn_search.png) no-repeat center center;-webkit-background-size:18px auto;
background-size:18px auto;border:0;}
.tbl_zipcode a {display:flex;height:66px;line-height:1.2;flex-direction:row;font-size:11px;border:1px solid rgb(177,177,177);border-bottom:none;}
.tbl_zipcode a:last-of-type {border-bottom:1px solid rgb(177,177,177)}
.tbl_zipcode a div {display:flex;flex-direction:column;box-sizing:border-box;}
.tbl_zipcode .load {flex:1 1 0%;}
.tbl_zipcode .load > div {flex-direction:row;flex:1 1 0%;padding-left:4px;-webkit-box-align:center;align-items:center;flex:1 1 0%;}
.tbl_zipcode .load > div:first-of-type {border-bottom:1px solid rgb(177,177,177)}
.tbl_zipcode .load span {display:inherit;font-size:11px;}
.tbl_zipcode .load .label {width:20%;color:rgb(177,177,177)}
.tbl_zipcode .load .label + span {width:80%;}
.tbl_zipcode .code {-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:60px;border-left:1px solid rgb(177,177,177)}
.pop_zipcode {width:430px;height:470px;}
.pop_zipcode .tipbox {margin-top:16px}
.pop_zipcode .tipbox p {font-size:11px;color:rgb(137,137,137);line-height:1.5;}
.pop_zipcode .tipbox .tit {font-weight:600;color:rgb(60,60,60);margin-bottom:4px;}

.orderend {width:560px;margin:120px auto 5rem;}
.orderend .ttl {text-align:center;margin-bottom:20px;line-height:2;color:#000;font-weight:700;font-size:22px;letter-spacing:-1px}
.orderend .sub_title {text-align:center;margin-bottom:60px;line-height:2;color:#000;font-weight:700;font-size:20px;}
.orderend .sub_title .number {color:#ed1c24;}
.orderend .bottombtns {display:flex;flex-direction:row;box-sizing:border-box;}
.orderend .bottombtns a {display:flex;flex:1 1 0%;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:34px;margin-right:13px;color:#fff;background-color:rgb(60,60,60);}
.orderend .bottombtns a:last-of-type {margin-right:0;background-color:rgb(177,177,177);}
.myorderbox {font-size:12px;margin-bottom:28px;border:1px solid rgb(177,177,177);padding:20px 24px}
.myorderbox .head {display:flex;box-sizing:border-box;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;align-items:flex-end;}
.myorderbox .head .stit {font-size:22px;text-align:center;line-height:2;}
.myorderbox .head .date {font-weight:600;margin-bottom:4px;color:rgb(177,177,177);font-size:12px;}
.myorderbox .prodorder {display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;padding:16px 0;margin-top:12px;margin-bottom:20px;height:140px;border-top:1px solid rgb(177,177,177);border-bottom:1px solid rgb(177,177,177)}
.myorderbox .prodorder + .prodorder {margin-top:0;border-top:0;}
.myorderbox .prodthum {display:flex;flex:0 1 0%;height:106px;padding-left:106px;margin-right:22px;-webkit-background-size:cover;background-size:cover;background-position:center center 0;}
.myorderbox .prodinfo {display:flex;flex:1 1 0%;}
.myorderbox .prodname {margin-bottom:6px;font-size:13px;}
.myorderbox .detail {display:flex;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;align-items:flex-start;margin-top:28px;}
.myorderbox .price {font-size:13px;color:rgb(137,137,137)}
.myorderbox .method {font-size:12px;color:rgb(60,60,60)}
.myorderbox .myinfo div {display:flex;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;align-items:flex-start;margin-bottom:15px;box-sizing:border-box;}
.myorderbox .myinfo .th {font-weight:600;width:5rem;}
.myorderbox .myinfo .td {color:rgb(60,60,60);}

.tbl_order_head {display:flex;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:20px;margin-top:50px;	}
.tbl_order_head .ttl {font-size:18px;}
.tbl_order_head .date {font-size:12px;}
.tbl_order_head .date span {position:relative;color:rgb(60,60,60);}
.tbl_order_head .date span:not(:first-child) {margin-left:20px;}
.tbl_order_head .date span:not(:first-child):after {content:'';position:absolute;top:50%;left:-10px;width:1px;height:10px;margin-top:-5px;background:rgb(177,177,177);}
.tbl_order.mt50 {margin-top:50px}
.tbl_order table {width:100%;border-top:2px solid #777}
.tbl_order table thead th {height:48px;font-size:15px;text-align:center;font-weight:700;line-height:1;color:#333;vertical-align:middle;border-bottom:1px solid #777}
.tbl_order table tbody td {padding:24px 0;text-align:center;font-size:14px;line-height:1.4;border-bottom:1px solid #e0e0e0;vertical-align:middle;}
.tbl_order table tbody td .selectarr {display:block;margin:0 auto 4px;height:26px;line-height:26px;}
.tbl_order table tbody td.ta_l {padding-left:20px;text-align:left}
.tbl_order .prodorder {display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding-left:20px;}
.tbl_order .prodthum {display:flex;width:84px;height:84px;margin-right:6px;-webkit-background-size:cover;background-size:cover;background-position:50%}
.tbl_order .prodthum img {width:100%;height:100%}
.tbl_order .prodname {display:flex;}
.tbl_order .prodorder .prodname {font-size:13px;}
.tbl_order .quantity {display:block;margin-bottom:6px;}
.tbl_order .btns {text-align:center;}
.tbl_order .btns .sbtn_line {display:block;width:74px;margin:5px auto 0;border-color:#333;border-radius:0}
.tbl_order .ttlbranch {font-size:16px;}
.tbl_order .tithair {margin-top:3px;color:#777}
.tbl_order .state {font-weight:700}
.tbl_order .state.reser {color:#40be0f}
.tbl_order .state.cancel {color:#ed1c24}
.tbl_order .state.end {color:#333}
.tbl_order_foot {text-align:right;padding-top:20px;}
.tbl_order_foot .mbtn_gray {display:inline-block;margin-left:4px;width:120px;padding:0;border-radius:0}
.tbl_foot_noti {text-align:right;margin-top:30px;font-size:14px;color:#777;}

.ordercancelfrm {display:flex;flex-direction:row;box-sizing:border-box;margin-top:50px;}
.ordercancelfrm .sectionL {display:flex;flex-direction:column;flex:1 1 0%;box-sizing:border-box;margin-right:49px;}
.ordercancelfrm .sectionR {display:flex;flex-direction:column;flex:1 1 0%;box-sizing:border-box}
.ordercancelfrm .ttlline {padding-bottom:7px;font-size:16px;text-align:left;border-bottom:1.5px solid rgb(60,60,60)}
.cancelreason {display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;margin-top:20px;flex-wrap:wrap}
.cancelreason label {flex-basis:33.3%;margin-bottom:15px;font-size:13px;text-align:left;}
.cancelreason label input {height:auto;margin:0px 5px 0px 0px}
.reason_etc {height:66px;margin-bottom:20px;padding: 16px;font-family:'Noto Sans KR';}
.cancelpayinfo {display:flex;flex-direction:row;box-sizing:border-box;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;min-height:50px}
.cancelpayinfo:first-of-type {margin-top:8px;}
.cancelpayinfo span {font-size:13px;color:rgb(60,60,60);}
.cancelpayinfo span .sbtn_line {width:70px;margin-left:5px;	}
.cancelpayinfo.total {height:60px;border-top:1px solid rgb(177,177,177);border-bottom:1px solid rgb(177,177,177);}
.cancelpayinfo.total span {color:#000;}
.cancelpayinfo.receiveradd {min-height:60px;padding:10px 0;border-top:1px solid rgb(177,177,177);border-bottom:1px solid rgb(177,177,177);}
.cancelpayinfo.receiveradd span:first-child {width:80px;text-align:left}
.cancelpayinfo.receiveradd span:last-child {text-align:right;}
.cancelpayinfo.receiveradd span em {display:block;}
.cancelpayinfo.receiveradd span a {margin-top:5px;text-align:center}
.cancelpaynoti {margin:20px 0 30px;text-align:right;font-size:12px;color:rgb(137,137,137);line-height:2;}

.listdetailbox {display:flex;flex-direction:row;box-sizing:border-box;margin:50px auto 0;width:1150px;}
.listdetailbox .secgroup {display:flex;flex-direction:column;flex:1 1 0%;box-sizing:border-box;}
.listdetailbox .secgroup:first-child {margin-right:30px;}
.listdetailbox .ttlbox {position:relative;margin-bottom:22px;}
.listdetailbox .ttlbox .sbtn_line {position:absolute;top:-3px;right:0}
.listdetailbox .ttlline {font-size:21px;font-weight:700;padding-bottom:16px;border-bottom:2px solid #777}
.listdetailbox .tline {display:flex;flex-direction:row;box-sizing:border-box;-webkit-box-align:center;align-items:top;-webkit-box-pack:justify;justify-content:space-between;min-height:40px;line-height:19px;font-size:14px;}
.listdetailbox .tline .th {width:70%;vertical-align:top;}
.listdetailbox .tline .td {width:30%;text-align:right}
.listdetailbox .tline.total .th,
.listdetailbox .tline.total .td {font-weight:700;}
.listdetailbox .sbtn_line {width:auto;padding:0 12px;height:24px;line-height:22px;color:#333;font-weight:500;border-color:#333}
.listdetailbox .tfoot {display:flex;flex-direction:row;box-sizing:border-box;-webkit-box-align:center;align-items:top;-webkit-box-pack:justify;justify-content:space-between;min-height:40px;font-size:14px;padding:20px 0;margin-top:2px;border-top:1px solid #e0e0e0;border-bottom:1px solid #777}
.listdetailbox .tfoot .th .bold {font-weight:700}
.listdetailbox .tfoot .txt {font-weight:700}
.listdetailbox .tfoot .td {text-align:right}
.listdetailbox .tfoot .td span {padding-right:6px}
.listdetailbox .tfoot .date {color:#ed1c24;}
.listdetailbox .tfoot .tbox {display:inline-block;}
.listdetailbox .tfoot.address {padding-top:24px;padding-bottom:30px;}
.listdetailbox .tfoot.address .td p {margin-bottom:8px;}


.return_method {margin-top:30px;text-align:left}
.return_method .ttl {padding-bottom:10px;font-weight:600}
.return_method .chkfrm {display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start}
.return_method .chkfrm label {display:flex;flex-basis:45%;margin-bottom:15px;-webkit-box-align:center;align-items:center;}
.return_method .infobox {position:relative;margin-top:10px;padding:8px 10px 4px 60px;line-height:1.2;min-height:22px;font-size:13px;border:1px solid rgb(177,177,177)}
.return_method .infobox label {position:absolute;top:8px;left:8px;font-size:13px;color:rgb(177,177,177)}

.pop_addchange .orderfrm {flex-direction:column;margin-bottom:0;}


.sdelivery_info .inner {padding:70px 0 76px}
.sdelivery_info .ttl {font-size:35px;text-align:center;letter-spacing:-0.06em}
.sdelivery_info ul {margin-top:70px;}
.sdelivery_info ul:after {content:'';display:block;clear:both}
.sdelivery_info li {float:left;width:33.3%;padding-top:94px;line-height:26px;font-size:16px;text-align:center;border-left:1px solid #f0f0f0;box-sizing:border-box;letter-spacing:-0.05em}
.sdelivery_info li span {display:block;letter-spacing:-0.06em}
.sdelivery_info li strong {display:block;margin-bottom:4px;font-weight:800;}
.sdelivery_info .mobile {display:none}
.sdelivery_info li:nth-of-type(1) {border-left:0;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_info_ico1_w.png) no-repeat center 0}
.sdelivery_info li:nth-of-type(2) {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_info_ico2_w.png) no-repeat center 0}
.sdelivery_info li:nth-of-type(3) {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_info_ico3_w.png) no-repeat center 0}

.sdelivery_process {text-align:center;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step_bg.jpg) no-repeat center 0;letter-spacing:-0.06em}
.sdelivery_process .inner {padding:75px 0}
.sdelivery_process .ttl {font-size:35px;letter-spacing:-0.06em}
.sdelivery_process ul {margin-top:48px;text-align:center;}
.sdelivery_process ul:after {content:'';display:block;clear:both}
.sdelivery_process li {display:inline-block;width:310px;height:297px;margin-left:25px;padding-top:50px;vertical-align:top;background:#fff;box-sizing:border-box;box-shadow:10px 10px 20px rgba(0,0,0,.03)}
.sdelivery_process li:first-child {margin-left:0}
.sdelivery_process .number {display:block;width:55px;height:20px;margin:0 auto;font-size:0;line-height:0;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step1.png) no-repeat 0 0;-webkit-background-size:55px auto;background-size:55px auto}
.sdelivery_process .tit {margin-top:40px;font-size:18px;font-weight:700;letter-spacing:-0.06em}
.sdelivery_process .desc {margin-top:21px;font-size:15px;color:#777;line-height:25px;}
.sdelivery_process .desc.mobile {display:none}
.sdelivery_process .noti {position:relative;margin-top:33px;font-size:15px;color:#333;}
.sdelivery_process .noti span {display:block;line-height:26px;}
.sdelivery_process .noti span em {border-bottom:1px solid #333}
.sdelivery_process li:nth-of-type(2) .number {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step2.png) no-repeat 0 0;-webkit-background-size:55px auto;background-size:55px auto}
.sdelivery_process li:nth-of-type(3) .number {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step3.png) no-repeat 0 0;-webkit-background-size:55px auto;background-size:55px auto}

.sdelivery_faq .inner {padding:70px 0;text-align:center;}
.sdelivery_faq .ttl {font-size:35px;letter-spacing:-0.06em}
.sdelivery_faq ul {margin-top:55px;border-top:2px solid #333}
.sdelivery_faq li {text-align:left;border-bottom:1px solid #e0e0e0}
.sdelivery_faq li a {position:relative;display:block;padding:21px 60px 23px;font-size:16px;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_faq_arrdown.png) no-repeat 97.5% 26px;-webkit-background-size:14px auto;background-size:14px auto;}
.sdelivery_faq li a span {position:absolute;top:21px;left:28px;}
.sdelivery_faq .answer {display:none;padding:0 60px 36px;font-size:16px;line-height:28px;color:#777}
.sdelivery_faq li.active a {font-weight:bold;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_faq_arr.png) no-repeat 97.5% 26px;-webkit-background-size:14px auto;background-size:14px auto;}
.sdelivery_faq li.active .answer {display:block;}

.sdelivery_faq + .sdelivery_footbtns {position:relative;padding-bottom:100px}
.sdelivery_footbtns {padding:70px 0 0;text-align:center;background:#f5f5f5;}
.sdelivery_footbtns a {display:inline-block;width:400px;height:80px;line-height:80px;font-size:22px;font-weight:800;color:#fff;}
.sdelivery_footbtns a:first-child {background:#ed1c24}
.sdelivery_footbtns a:last-child {margin-left:7px;background:#333}

.sdelivery_wrap {letter-spacing:-0.06em;padding-bottom:100px;}
.sdelivery_wrap .cont_title {padding:65px 0 50px;text-align:center;font-size:35px;}
.my_sdelivery_prod {width:1150px;margin:0 auto;box-sizing:border-box;}
.my_sdelivery_prod:after {content:'';display:block;clear:both;}
.my_sdelivery_prod .secgroup {float:left;width:560px;box-sizing:border-box;}
.my_sdelivery_prod .secgroup:last-child {margin-left:30px;}
.my_sdelivery_prod .prodbx {position:relative;display:flex;flex-direction:row;padding:40px 40px 58px 40px;min-height:366px;box-sizing:border-box;border:1px solid #e0e0e0;}
.my_sdelivery_prod .prodbx:after {content:'';display:block;clear:both}
.my_sdelivery_prod .btn_addprod {position:relative;display:block;padding-top:204px;min-height:308px;font-size:16px;color:#999;text-align:center;box-sizing:border-box;border:1px solid #e0e0e0;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_prodbtn.png) no-repeat center 100px;
-webkit-transition:all .4s;
transition:all .4s;}
.my_sdelivery_prod .btn_addprod:hover {border-color:#ed1c24}
.my_sdelivery_prod .prodthum {float:left;width:180px;height:197px;-webkit-background-size:cover;background-size:cover;box-sizing:border-box;background-position:center}
.my_sdelivery_prod .prodinfo {float:left;width:296px;padding-left:26px;box-sizing:border-box;}
.my_sdelivery_prod .prodname {font-size:21px;line-height:28px;font-weight:700;}
.my_sdelivery_prod .price {margin-top:10px;font-size:17px;color:#777;}
.my_sdelivery_prod .txtbox {margin-top:30px;}
.my_sdelivery_prod .txtbox .sttl {font-size:15px;font-weight:700;}
.my_sdelivery_prod .txtbox pre {display:block;margin-top:10px;font-size:14px;line-height:24px;color:#777;}
.my_sdelivery_prod .btn_prodchange {position:absolute;bottom:0;left:0;width:100%;}
.my_sdelivery_prod .btn_prodchange a {display:block;width:100%;height:58px;line-height:58px;text-align:center;font-size:15px;color:#777;border-top:1px solid #e0e0e0;
-webkit-transition:all .4s;transition:all .4s;}
.my_sdelivery_prod .btn_prodchange a:hover {background:#f8f8f8}
.my_sdelivery_chart {width:1150px;margin:30px auto 0;box-sizing:border-box;}
.my_sdelivery_chart:after {content:'';display:block;clear:both}
.my_sdelivery_chart .secgroup {position:relative;float:left;width:560px;padding:45px 0 50px 50px;border:1px solid #e0e0e0;box-sizing:border-box;}
.my_sdelivery_chart .secgroup:after {content:'';display:block;clear:both}
.my_sdelivery_chart .secgroup:last-child {margin-left:30px;}
.my_sdelivery_chart .ttlbox {float:left;width:150px;}
.my_sdelivery_chart .ttlbox .ttl {font-size:28px;line-height:38px;}
.my_sdelivery_chart .ttlbox .ttl span {display:block;font-weight:700;}
.my_sdelivery_chart .ttlbox .cycledate {margin-top:19px;font-size:21px;}
.my_sdelivery_chart .ttlbox .cycledate .box {width:98px;height:48px;line-height:48px;margin-right:4px;text-align:center;font-size:30px;font-weight:700;color:#ed1c24;border:1px solid #e0e0e0;background:#f8f8f8;vertical-align:middle;}
.my_sdelivery_chart .ttlbox .cycledate .boxinp {width:98px;height:48px;line-height:48px;margin-right:4px;text-align:center;font-size:30px;font-weight:700;color:#ed1c24;border:1px solid #e0e0e0;background:#f8f8f8;vertical-align:middle;}
.my_sdelivery_chart .price_average {position:absolute;bottom:60px;left:53px;width:150px;padding-top:13px;font-size:16px;line-height:28px;border-top:1px solid #777}
.my_sdelivery_chart .price_average .price {font-size:21px;font-weight:700;}
.my_sdelivery_chart .chartwrap {position:relative;float:left;width:245px;padding-left:87px;margin-top:15px;margin-left:74px;height:478px;box-sizing:border-box;}
.my_sdelivery_chart .chartwrap .btn_toggle {display:none}
.my_sdelivery_chart .chartbox {height:478px}
.my_sdelivery_chart .chartbox .bar {width:6px;height:100%;background:#333;border-radius:3px}
.my_sdelivery_chart .chartbox .label {position:absolute;left:100px;margin-top:-10px;}
.my_sdelivery_chart .chartbox .label .year {position:absolute;display:block;top:0;left:-100px;font-size:12px;color:#999}
.my_sdelivery_chart .chartbox .label .year:after {content:'';display:block;position:absolute;top:8px;left:50px;width:33px;height:1px;background:#e9e9e9;z-index:-1}
.my_sdelivery_chart .chartbox .label .dot {position:absolute;display:block;top:0px;left:-18px;width:16px;height:16px;border-radius:8px;box-sizing:border-box;border:1px solid #777;background:#fff;}
.my_sdelivery_chart .chartbox .label .dot:after {content:'';display:block;position:absolute;top:7px;left:2px;width:40px;height:1px;background:#e9e9e9;z-index:-1}
.my_sdelivery_chart .chartbox .label .date {padding-left:38px;font-size:15px;font-weight:600;}

.my_sdelivery_foot {width:1150px;margin:40px auto 0;text-align:center}
.my_sdelivery_foot .desc {font-size:14px;}
.my_sdelivery_foot .agreebox {margin-top:20px}
.my_sdelivery_foot .agreebox a span {font-weight:700;text-decoration:underline;}
.my_sdelivery_foot .check_type label {font-size:14px;}
.my_sdelivery_foot .btns {margin-top:40px}
.my_sdelivery_foot .btns a {margin:0 5px}

#pop_sdeliveryList .pop_con {width:480px;}
#pop_sdeliveryList .pop_con .cont {padding-right:0;padding-bottom:40px;}
#pop_sdeliveryList .scrollbox {height:407px;padding-right:40px;}
#pop_sdeliveryList ul:after {content:'';display:block;clear:both;}
#pop_sdeliveryList li {border-top:1px solid rgba(0,0,0,.1);box-sizing:border-box;}
#pop_sdeliveryList li a {padding:20px 0}

.sdelivery_set .sdelivery_wrap {margin-top:46px;}
.sdelivery_none {text-align:center;padding-bottom:60px;}
.sdelivery_none .ttl {padding-top:80px;margin-top:90px;font-size:16px;background:url(/static_resources/images/junohair/ico_sdelivery_no.png) no-repeat center 0;-webkit-background-size:60px auto;
background-size:60px auto;}
.sdelivery_none .contentsFoot {margin-top:40px;}
.sdelivery_none .contentsFoot a {height:48px;line-height:46px;}


#pop_cardinfofrm .pop_con {width:560px;}
#pop_cardinfofrm label {display:block;}
#pop_cardinfofrm .memberinfofrm .field {position:relative;padding-top:30px;}
#pop_cardinfofrm .memberinfofrm .field .field_errtxt {margin-top:10px;}
#pop_cardinfofrm .memberinfofrm .inptxt {width:100%;}
#pop_cardinfofrm .memberinfofrm .tit {display:block;margin-bottom:11px;font-size:15px;font-weight:bold;}

@media all and (max-width:1150px){
	.prodviewInfo .bottombtns .sbtn_arr {right:-30px;}
	.prodorder .prodthum {margin-right:15px;}
	.sdelivery_banner {width:100%;}
	.sdelivery_footbtns a {display:block;width:100%;max-width:400px;height:50px;line-height:50px;margin:0 auto;font-size:16px}
	.sdelivery_footbtns a:last-child {margin:10px auto 0}
	.sdelivery_process .inner  {width:100%}
	.sdelivery_process li {width:29%;margin-left:10px;}

	.my_sdelivery_prod {width:100%;}
	.my_sdelivery_prod .secgroup {width:50%;}
	.my_sdelivery_prod .secgroup:last-child {margin-left:-1px;}
	.my_sdelivery_prod .prodbx {padding:20px 20px 0 20px}
	.my_sdelivery_prod .prodthum {width:130px;height:140px;}
	.my_sdelivery_prod .prodinfo {width:250px;padding-left:10px;}
	.my_sdelivery_chart {width:100%;}
	.my_sdelivery_chart .secgroup {width:50%;padding:15px}
	.my_sdelivery_chart .secgroup:last-child {margin-left:-1px}
	.my_sdelivery_chart .ttlbox {width:130px;}
	.my_sdelivery_chart .ttlbox .ttl {font-size:22px;line-height:32px;}
	.my_sdelivery_chart .chartwrap {margin-left:34px;}
	.my_sdelivery_chart .price_average {width:130px;left:20px;}
	.my_sdelivery_foot {width:100%;}
	.listdetailbox {width:100%;}
}

@media all and (max-width:1024px){
	.my_sdelivery_chart .chartwrap {margin-left:0;width:235px;}
	.my_sdelivery_chart .secgroup {padding:5px;}

	.listdetailbox {flex-direction:column;margin:35px auto 0;width:100%;padding:0 15px}
	.listdetailbox .secgroup:first-child {margin-right:0px;}
	.listdetailbox .secgroup:last-child {margin-top:35px;}
	.listdetailbox .ttlbox {margin-bottom:11px;}
	.listdetailbox .ttlbox .sbtn_line {top:-8px}
	.listdetailbox .ttlline {font-size:18px;padding-bottom:14px;border-bottom:1px solid #777}
	.listdetailbox .tline {margin-top:3px;min-height:28px;line-height:19px;}
	.listdetailbox .sbtn_line {height:30px;line-height:28px}
	.listdetailbox .tfoot {min-height:40px;margin-top:13px;border-bottom:1px solid #e0e0e0}
	.listdetailbox .tfoot .tbox {display:block;margin-bottom:10px;}
	.listdetailbox .tfoot .td span {padding-right:6px}
	.listdetailbox .tfoot.address {padding-top:20px;padding-bottom:26px;}
	.sdelivery_set .inner {width:100%;}
}

@media all and (max-width:850px){
	.prodcate {margin:20px 0 30px;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start}
	.prodcate a {flex-basis:33.33%;margin-bottom:12px}
	.prodlist .productbox {flex-basis:100%;margin-right:0}
	.prodlistAll .ttl {display:none;margin-bottom:0}
	.prodlistAll .sttl {display:none}
	.prodlistAll .sectionbox {display:block;padding-top:40px;margin-bottom:20px;border-bottom:1px solid rgb(224,224,224)}
	.prodlistAll .sectionbox:last-child {border-bottom:none}
	.prodlistAll .sectionbox > div:first-child {flex-basis:100%}
	.prodlistAll .sectionbox > div:nth-child(2) {flex-basis:100%}
	.prodlistAll .prodcont a {width:100%;margin-bottom:30px}
	.prodlistAll .prodcont a:hover .cnt {box-shadow: rgba(0,0,0,0.25) 0px 6px 6px 0px}
	.prodlistAll .prodcont .cnt {transition:all .4s ease .0s}
	.prodlistAll .prodcont.catenone a {width:100%;margin-bottom:30px;}
	.prodlistAll .boxR .prodcont a {width:100%} 
	.producthover .prodthum {display:none}
	.producthover .prodthum_mo {display:block}
	.producthover .prodinfo {position:relative;left:inherit;right:inherit;top:inherit;bottom:inherit;padding:10px;height:inherit;opacity:1}
	.producthover .prodinfo > div {display:block}
	.producthover .label {margin-top:6px;font-size:18px;line-height:1.2;text-align:left}
	.producthover .price {font-size:18px;color:#b1b1b1;;text-align:left}
	.prodviewwrap .inner {width:100%}
	.paymethod .web_view {display:none}
	.paymethod .mobile_view {display:inline-block;width:60px;vertical-align:middle}
	.prodviewInfo {display:flex;flex-direction:column-reverse;-webkit-box-pack:justify;justify-content:space-between;box-sizing:border-box}
	.prodviewInfo > div:nth-child(1) {width:100%;display:flex;float:none;flex-flow:column wrap;box-sizing:border-box;margin-top:50px;}
	.prodviewInfo > div:nth-child(2) {position:relative;width:100%;display:flex;float:none;}
	.prodviewInfo {padding:0 1rem}
	.prodviewInfo .bottombtns .sbtn_arr {display:none}
	.prodviewInfo .detail .btnback {display:none;}
	.prodviewInfo .mo_topbtn {display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;box-sizing:border-box;height:50px;font-size:17px;font-weight:700;color:rgb(137,137,137);position:absolute;top:-60px;right:0;width:100%;}
	.prodviewInfo .btnback {position:inherit;top:inherit;left:inherit;font-size:12px;}
	.prodviewInfo .btnback:after {-webkit-background-size:90% auto;background-size:90% auto;}
	.prodviewInfo .txtbox {margin-bottom:2rem;}
	.prodviewInfo .btnbox {width:100%;-webkit-box-pack:justify;justify-content:space-between;}
	.prodrelated {padding:20px 10px 15px;border-bottom:0;flex-direction:column;}
	.prodrelated .ttl {margin-bottom:16px;}
	.prodrelated .producthover {width:33%;}
	.prodrelated .producthover .label, .prodrelated .producthover .price {font-size:13px;line-height:1.4;}
	.prodrelated .producthover .prodthum {display:block;}
	.prodviewEdit {padding-top:20px;}
	
	.orderwrap .inner {width:95%;}
	.orderfrm {flex-direction:column}
	.orderfrm .sectionL {margin-right:0}
	.orderfrm .stit {margin-top:20px;}
	.orderfrm .ttl {-webkit-box-pack:justify;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;}

	.pop_zipcode {width:90vw;left:0;right:0}
	.pop_shopinfo {width:90vw;}

	.tbl_order_head {flex-direction:column;margin-bottom:0px;text-align:left;border-bottom:1px solid rgb(224,224,224)}
	.tbl_order_head .ttl {padding-bottom:14px;}
	.tbl_order_head .date {padding:10px 0}
	.tbl_order_head .date span {margin-left:0;display:block;color:rgb(137,137,137);line-height:1.5;}
	.tbl_order_head .date span:not(:first-child) {margin-left:0;}
	.tbl_order_head .date span:after {display:none;}

	.list_order.mt35 {margin-top:35px}
	.list_order > div {position:relative;display:flex;flex-direction:row;padding:1.5rem 0px;border-top:1px solid #777;border-bottom:1px solid rgb(224,224,224)}
	.list_order .check_type {position:absolute;top:15px;left:0;}
	.list_order .prodthum {display:flex;flex-direction:column;box-sizing:border-box;}
	.list_order .prodthum img {width:72px;height:72px;margin-right:14px;margin-left:12px;}
	.list_order .prodname {padding-bottom:10px;font-size:13px;font-weight:600;text-align:left;border-bottom:1px solid rgb(224,224,224)}
	.list_order .prodinfo {display:flex;flex-direction:column;box-sizing:border-box;flex:1 1 0%;padding-top:5px;}
	.list_order .prodinfo p {display:flex;flex-direction:row;box-sizing:border-box;-webkit-box-pack:justify;justify-content:space-between;font-size:14px;line-height:1.5;color:#333}
	.list_order .prodinfo p + p {margin-top:8px;}
	.list_order .prodinfo p .txt_block {display:block;}
	.list_order .prodinfo p span .sbtn_line {display:block;width:70px;margin-top:6px;}
	.list_order .selectarr {height:30px;line-height:30px;}

	.list_use_mobile {margin-top:35px;}
	.list_use_mobile li {padding-bottom:25px;border-top:1px solid #777}
	.list_use_mobile .ttlbox {padding:22px 2px 10px;margin-bottom:4px;text-align:left;font-size:14px;color:#777;border-bottom:1px solid #e0e0e0;}
	.list_use_mobile .ttlbranch {font-size:16px;font-weight:800;color:#333}
	.list_use_mobile .tithair {margin-top:6px;font-size:14px;color:#777}
	.list_use_mobile .tr {display:flex;flex-direction:row;box-sizing:border-box;-webkit-box-pack:justify;justify-content:space-between;font-size:14px;min-height:20px;padding-top:6px;line-height:1.5;color:#333}
	.list_use_mobile .td {text-align:right;}
	.list_use_mobile .state {display:block;font-weight:700;}
	.list_use_mobile .state.reser {color:#40be0f}
	.list_use_mobile .state.end {color:#333}
	.list_use_mobile .state.cancel {color:#ed1c24}
	.list_use_mobile .sbtn_line {margin-top:4px;text-align:center;width:81px;height:33px;line-height:31px;border-color:#333;}
	.tbl_foot_noti {padding-top:20px;text-align:center;border-top:1px solid #e0e0e0;font-size:14px;line-height:21px;margin-top:0;}
	
	.ordercancelfrm {flex-direction:column}
	.ordercancelfrm .sectionL {margin-right:0;margin-bottom:3rem;}
	.cancelreason label {flex-basis:50%}
	.orderend {width:90vw;margin:60px auto 3rem;}

	.member #contents.orderwrap {padding-bottom:50px;}
	.pop_addchange .addressfield .sec .zipcode {margin-right:6px}
	.pop_addchange .addressfield .sec .zipcode .ipx input {width:100%;}

	.sdelivery_banner {margin-top:15px;margin-bottom:48px;height:110px;padding:19px 0 0 20px;background:url(/static_resources/images/junohair/sub/jmarket/shop_banner_m.jpg) no-repeat right center;-webkit-background-size:cover;
	background-size:cover;}
	.sdelivery_banner .ttl {font-size:16px;line-height:22px;}
	.sdelivery_banner .ttl span {display:block}
	.sdelivery_banner .desc {display:none}
	.sdelivery_banner .btn {display:inline-block;width:auto;height:auto;line-height:1;margin-top:11px;position:inherit;bottom:inherit;right:inherit;border:0;font-size:12px;padding-right:14px;-webkit-background-size:6px auto;background-size:6px auto;opacity:.8}
	.sdelivery_footbtns {padding:35px 30px 60px;text-align:center;}

}


@media all and (max-width:768px){
	.section_content {width:auto;box-sizing:border-box;}
	.sdelivery_wrap {padding-bottom:50px}
	.sdelivery_footbtns {padding-bottom:0;}
	.sdelivery_footbtns a {width:100%;max-width:300px}
	.sdelivery_faq .inner {width:100%;padding:35px 15px 50px;box-sizing:border-box;}
	.sdelivery_faq .ttl {font-size:23px}
	.sdelivery_faq ul {margin-top:35px}
	.sdelivery_faq li a {padding:15px 30px 12px;font-size:14px;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_faq_arrdown.png) no-repeat 97.5% 26px;-webkit-background-size:10px auto;background-size:10px auto;}
	.sdelivery_faq li a span {position:absolute;top:15px;left:12px;}
	.sdelivery_faq .answer {padding:0 30px 20px;font-size:13px;line-height:19px}
	.sdelivery_faq li.active a {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_faq_arr.png) no-repeat 97.5% 26px;-webkit-background-size:10px auto;background-size:10px auto;}
	.sdelivery_faq + .sdelivery_footbtns {padding-bottom:50px;}

	.sdelivery_process {background:#e4e4e6 url(/static_resources/images/junohair/sub/jmarket/sdelivery_step_bg_m.jpg) no-repeat 0 0;-webkit-background-size:cover;
	background-size:cover;}
	.sdelivery_process .inner {width:100%;padding:35px 15px 28px;box-sizing:border-box;}
	.sdelivery_process .ttl {font-size:23px}
	.sdelivery_process ul {margin-top:27px;padding:5px 25px;background:#ffffff;}
	.sdelivery_process li {position:relative;display:block;width:100%;height:auto;margin-left:0;padding:25px 0 25px 75px;text-align:left;box-sizing:border-box;box-shadow:none;border-top:1px solid #f0f0f0}
	.sdelivery_process li:first-child {margin-left:0;border-top:0}
	.sdelivery_process .number {position:absolute;left:7px;top:50%;width:37px;height:14px;margin-top:-7px;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step1.png) no-repeat 0 0;-webkit-background-size:37px auto;background-size:37px auto}
	.sdelivery_process .tit {margin-top:0px;font-size:16px;}
	.sdelivery_process .desc {margin-top:10px;font-size:13px;line-height:16px;}
	.sdelivery_process .desc.m {display:none}
	.sdelivery_process .noti {margin-top:20px;font-size:13px;}
	.sdelivery_process .noti span {display:block;line-height:19px;}
	.sdelivery_process .noti span:last-child em {border-bottom:1px solid #333;}
	.sdelivery_process li:nth-of-type(2) .number {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step2.png) no-repeat 0 0;-webkit-background-size:37px auto;background-size:37px auto}
	.sdelivery_process li:nth-of-type(3) .number {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_step3.png) no-repeat 0 0;-webkit-background-size:37px auto;background-size:37px auto}
	.sdelivery_process .web {display:none}
	.sdelivery_process .desc.mobile {display:block;}
	

	.sdelivery_info .inner {width:100%;padding:28px 15px 50px;box-sizing:border-box;}
	.sdelivery_info .ttl {font-size:22px;line-height:29px;}
	.sdelivery_info .ttl span {display:block}
	.sdelivery_info ul {margin-top:26px;border:1px solid #e0e0e0;border-top:0;}
	.sdelivery_info li {float:none;width:100%;border-top:1px solid #e0e0e0;padding:20px 0 20px 120px;text-align:left;font-size:13px;line-height:18px;box-sizing:border-box;}
	.sdelivery_info li strong {font-size:16px;margin-bottom:8px;}
	.sdelivery_info li span {color:#777}
	.sdelivery_info .web {display:none;}
	.sdelivery_info .mobile {display:block}
	.sdelivery_info li:nth-of-type(1) {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_info_ico1.png) no-repeat 37px center;-webkit-background-size:47px auto;background-size:47px auto;}
	.sdelivery_info li:nth-of-type(2) {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_info_ico2.png) no-repeat 41px center;-webkit-background-size:37px auto;background-size:37px auto;}
	.sdelivery_info li:nth-of-type(3) {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_info_ico3.png) no-repeat 34px center;-webkit-background-size:58px auto;background-size:58px auto;}

	.sdelivery_wrap .cont_title {padding:35px 0 30px;font-size:22px;}
	.my_sdelivery_prod {padding:0 15px}
	.my_sdelivery_prod .secgroup {float:none;width:100%;}
	.my_sdelivery_prod .secgroup:last-child {margin-left:0;margin-top:-1px;}
	.my_sdelivery_prod .prodbx {position:relative;padding:20px 20px 20px 106px;min-height:auto}
	.my_sdelivery_prod .btn_addprod {position:relative;padding-top:64px;min-height:103px;font-size:15px;-webkit-background-size:32px auto;background-size:32px auto;background-position:center 22px}
	.my_sdelivery_prod .btn_addprod:hover {border:1px solid #e0e0e0}
	.my_sdelivery_prod .prodthum {position:absolute;top:20px;left:20px;width:70px;height:75px;}
	.my_sdelivery_prod .prodinfo {width:100%;padding-left:0}
	.my_sdelivery_prod .prodname {font-size:16px;line-height:22px;}
	.my_sdelivery_prod .price {margin-top:7px;font-size:15px;}
	.my_sdelivery_prod .txtbox {display:none}
	.my_sdelivery_prod .btn_prodchange {position:inherit;bottom:inherit;left:inherit;margin-top:14px}
	.my_sdelivery_prod .btn_prodchange a {width:85px;height:33px;line-height:33px;color:#333;font-size:13px;border:1px solid #333}

	.my_sdelivery_chart {padding:0 15px;margin-top:24px;}
	.my_sdelivery_chart .secgroup {width:100%;padding:22px 20px 30px}
	.my_sdelivery_chart .secgroup:last-child {margin-left:0;margin-top:15px;}
	.my_sdelivery_chart .ttlbox {position:relative;float:none;width:100%;padding-bottom:13px;}
	.my_sdelivery_chart .ttlbox .ttl {font-size:18px;}
	.my_sdelivery_chart .ttlbox .ttl span {display:inline-block;padding-right:5px;}
	.my_sdelivery_chart .ttlbox .cycledate {margin-top:0;position:absolute;top:-2px;right:0;font-size:17px;}
	.my_sdelivery_chart .ttlbox .cycledate .box {width:83px;height:38px;line-height:38px;font-size:27px;}
	.my_sdelivery_chart .ttlbox .cycledate .boxinp {width:83px;height:38px;line-height:38px;font-size:27px;}
	.my_sdelivery_chart .price_average {position:inherit;bottom:inherit;width:auto;top:0;left:inherit;right:0;padding-top:0;border-top:0;margin-top:14px;text-align:right;}
	.my_sdelivery_chart .price_average p {display:inline-block;font-size:15px;}
	.my_sdelivery_chart .price_average .price {font-size:15px;}
	.my_sdelivery_chart .chartwrap {position:relative;overflow:hidden;float:none;width:100%;padding-top:30px;margin-left:0;margin-top:0;padding-left:76px;height:140px;border-top:1px solid #eaeaea;}
	.my_sdelivery_chart .chartwrap:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:40px;
	background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.98) 98%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.98) 98%, rgba(255,255,255,1) 100%);
	background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.98) 98%, rgba(255,255,255,1) 100%);}
	.my_sdelivery_chart .chartwrap .btn_toggle {display:block;position:absolute;top:0px;right:0;width:35px;height:35px;background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_chart_arr_down.png) no-repeat right 20px;-webkit-background-size:20px auto;background-size:20px auto;z-index:10}
	.my_sdelivery_chart .chartbox {position:relative;height:280px}
	.my_sdelivery_chart .chartbox .bar {width:3px;margin-left:1px;}
	.my_sdelivery_chart .chartbox .label {left:0}
	.my_sdelivery_chart .chartbox .label .year {left:-76px;}
	.my_sdelivery_chart .chartbox .label .year:after {top:6px;left:61px;width:24px;}
	.my_sdelivery_chart .chartbox .label .dot {left:-3px;width:12px;height:12px;border-radius:6px}
	.my_sdelivery_chart .chartbox .label .dot:after {width:20px;top:5px;}
	.my_sdelivery_chart .chartbox .label .date {font-size:14px;padding-left:30px;}
	.my_sdelivery_chart .chartwrap.active {height:300px}
	.my_sdelivery_chart .chartwrap.active:after {display:none}
	.my_sdelivery_chart .chartwrap.active .btn_toggle {background:url(/static_resources/images/junohair/sub/jmarket/sdelivery_chart_arr_up.png) no-repeat right 20px;-webkit-background-size:20px auto;background-size:20px auto}

	.my_sdelivery_foot {margin-top:25px;}
	.my_sdelivery_foot .desc span {display:block;}
	.my_sdelivery_foot .agreebox {margin-top:12px;}
	.my_sdelivery_foot .btns {margin-top:25px;}
	.my_sdelivery_foot .btns a {width:auto;display:inline-block;vertical-align:top;}
	.my_sdelivery_foot .btns a:first-child {padding:0 42px}
	.my_sdelivery_foot .btns a:last-child {padding:0 28px;height:42px;line-height:42px;}
	#pop_sdeliveryList .pop_con {width:100%;}
	
	.sdelivery_set .sdelivery_wrap {margin-top:35px}
	.sdelivery_none {padding-bottom:30px;}
	.sdelivery_none .ttl {padding-top:85px;margin-top:48px;font-size:15px;background:url(/static_resources/images/junohair/ico_sdelivery_no.png) no-repeat center 0;-webkit-background-size:60px auto;
background-size:60px auto;}
	.sdelivery_none .contentsFoot {margin-top:20px;}
	.sdelivery_none .contentsFoot a {height:40px;line-height:38px;}

	.prodviewEdit {display:none;}
	.mobile_prodviewEdit {display:block;}
	

	#pop_cardinfofrm .pop_con {top:0 !important;margin-top:0 !important;width:100%;}
	#pop_cardinfofrm .head {padding-bottom:6px;}
	#pop_cardinfofrm .pop_con .cont {padding-bottom:70px}
	#pop_cardinfofrm .memberinfofrm {margin-bottom:0}
	#pop_cardinfofrm .pop_con .bottom {position:fixed;bottom:0;left:0;width:100%;padding:4px;z-index:10;box-sizing:border-box;}
}

@media all and (max-width:350px){
}