/* ====首页====== */
body{ background:url(../images/icon/bg.png) repeat; overflow-x: hidden; }
/** header **/
.header{ padding-top: 10px;width: 100%; z-index:100;}
.headerHeight{ height: 0;}
.loarea{ height:78px; position:relative; z-index:3;}
.loarea .wrap{ padding: 0 20px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;max-width: 75%;}
.logo{ width:200px;height:78px; display:flex; align-items: center;}
.logo .tp{ height:30px; width:auto;}
.topOpa{ display: flex; justify-content: flex-end; align-items: center;}
.topOpa .loginArea{ margin-left: 10px;}
.topOpa .sbtn{ cursor: pointer; font-size: 14px; padding: 0.2em 1em; min-width: 40px; border-right: 1px solid #fff; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center;}
.topOpa .sbtn .icon{ height: 18px;}
.topOpa .cutline{ color: #D2D2D2; display: inline-block; width: 1px; height: 20px; background-color: #D2D2D2; margin: 0 10px;}
.topOpa .searchArea{ position: relative; z-index: 2;}

.searchLay{opacity: 0; width: 0; overflow: hidden; transition: .3s; position: absolute; background-color: #fff; right: 0; top: 40px;   display: flex; align-items: center; justify-content: flex-end; z-index: 20; padding: 10px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.actsearchLay{ width: 550px !important; opacity: 1 !important; }
.search{ display: flex; align-items: center; flex: 1; border: 1px solid #85a0c7;}
.search .text{ flex: 1; font-size: 14px; height: 40px; line-height: 40px;  padding: 0 15px; box-sizing: border-box;} 
.search .tj{ border: none; color: inherit; margin-left: 10px;}
.search .tj::before{ margin-right: 0;}
.search .tj:hover{ }

.index_new_wp {max-width: 75%;}

.cartBtn .sbtn{  display: inline-flex; align-items: center;}
.cartBtn .num{ font-size: 12px; margin-left: 8px;}
/*PC导航 begin*/
.nav{ z-index:1; flex: 1; display: flex; justify-content: center;}
.navul{ font-size:0; display: flex; justify-content: space-between; width: 100%; max-width: 900px; margin: 0 auto;}
.navul li{ display:inline-block; font-size:14px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{ margin:0 10px; font-size: 14px; font-weight: 600; text-transform: uppercase;text-align:center; display:inline-block; line-height:78px; height:78px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#85a0c7 ; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#85a0c7 !important; font-weight: bold;}
.navul li>a:hover::after,.act_nav::after{  width: 100% !important;}

/*PC导航end*/
.subnav{ position:absolute; display: none;  }
.subnavNormal{left:50%; margin-left: -60px; top:78px; width:120px;padding-top: 0px;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}
.subnav>.nr{background:rgba(255,255,255); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#000; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; background-color: #85a0c7; }

/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; left:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#85a0c7; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inavBg{position:fixed;  width: 100%; background-color: rgba(0, 0, 0, .3); height:calc( 100vh - 50px); top:50px; left:0%;  z-index:99; display: none;}
.inav{ width:400px; max-width: 88%; height:calc( 100vh - 50px); overflow-y: auto;  position:fixed;  z-index:999; top:50px; left:-100%;  overflow-y: auto; display: none;  background:url(../images/icon/bg.png) repeat;}
.inav .inavWrap{padding: 40px 30px;}
.navlogo{ padding: 30px 0;}
.navlogo .tp{ max-width: 66%;}

.inavBtnsArea{ display: flex; flex-wrap: wrap;}
.inavBtnsArea .btnItem{ width: 48%; box-sizing: border-box; margin-bottom: 15px; text-align: center; padding: 10px 0; border: 1px solid #000;}
.inavBtnsArea .btnItem::before{ font-size: 18px; margin-right: 6px;}
.inavBtnsArea .btnItem:nth-child(1){ margin-right: 4%;}
.inavBtnsArea .btnItem:nth-child(3){ width: 100%;}

.inav ul{ margin: 0 0px;}
.inavul li{ }
.inavul li>a{ display:inline-block; text-align:left;  font-size:14px; color:#000; padding:15px 0; position: relative;}
.inavul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#85a0c7 ; position: absolute; left: 0%; bottom: 10px;transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.inavul li>a .iconfont{ position: absolute; right: 0; top: 14px; font-size: 18px; }
.act_inav{ border-color: #85a0c7 !important; color:#85a0c7 !important;}
.act_inav::after{ width: 100% !important;}
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#666}
.mob-navsub-item{ margin-bottom: 5px;}
.mob-navsub-parent{ display: block; padding: 4px 0; font-size: 13px; color: #666; cursor: pointer;}
.mob-navsub-children{ display: none; padding-left: 20px; margin-top: 5px;}
.mob-navsub-children a{ display: block; padding: 4px 0; font-size: 13px; color: #666;}
.inavLink{ margin-top: 30px;}
.inavLink .btn{ display: inline-block; margin-right: 15px; font-size: 24px; color: #434343; }
.inavLink .btn:hover{ color: #85a0c7;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; /*height:100vh;*/ display:block; object-fit: cover;}
.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:5px;height:5px;padding: 0;background-color:#fff;  font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 4px !important;}
.banner .swiper-pagination-bullet-active{background-color:#85a0c7;}
.banner .swiper-button-prev,.banner .swiper-button-next{}
.banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:60px;  height:60px; line-height: 60px; top:50%; margin-top:-30px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 30px; }
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; -webkit-filter:alpha(opacity=100); background-color: rgba(0, 0, 0, .4); }
/*banner end*/

.h_tit{ padding: 30px 0;  display: flex; justify-content: space-between; align-items: center;}
.h_tit .tit{ }
.h_tit .morea{ }
.morea{ font-size: 12px; display: inline-block; border-bottom: 1px solid #000; }
.morea .arr{ font-size: 14px; margin-left: 10px; left: 0; position: relative;}
.morea:hover{ color: #85a0c7; }
.morea:hover .arr{ left: -5px; }

.h_arrivals{ padding: 0px 0 0px;}
.h_arrivals .wrap{ display: flex; flex-wrap: wrap;}
.harrivalItem{ width: 22.75%; margin: 0 3% 3% 0;}
.harrivalItem:nth-child(4n){ margin-right: 0;}
.harrivalItem a{ display: block; position: relative; }
.harrivalItem .tparea{ font-size: 0; overflow: hidden; position: relative; aspect-ratio: 1/1; perspective: 1000px;}
.harrivalItem .tparea .tp{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; transition: transform .6s ease;}
/* .harrivalItem .tparea .tp1{ transform: rotateY(0deg);}
.harrivalItem .tparea .tp2{ transform: rotateY(180deg);} */
.harrivalItem .tparea .tp1{ display: block;}
.harrivalItem .tparea .tp2{ display: none;;}
.harrivalItem .des{ padding:20px 0;  line-height: 1.4;}
.harrivalItem .des .tit{ }
.harrivalItem .des .info{ margin-top: 5px; }
.harrivalItem .des .price{ margin-top: 10px; font-size: 12px;}
.harrivalItem a:hover .des{ padding: 20px 15px; background-color: #fff}
/* .harrivalItem a:hover .tparea .tp1{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); }
.harrivalItem a:hover .tparea .tp2{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } */
.harrivalItem a:hover .tparea .tp1{ display: none;}
.harrivalItem a:hover .tparea .tp2{ display: block;}
.harrivalItem a:hover .des .tit{ color: #85a0c7;}

.h_lookbook{}
.h_lookbook .wrap{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.h_lookbook .item{ width: 49%;}
.h_lookbook .item a{ display: block; position: relative; }
.h_lookbook .item a::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); opacity: 1;}
.h_lookbook .item .tparea{ font-size: 0; overflow: hidden; position: relative;  overflow: hidden;}
.h_lookbook .item .tparea .tp{aspect-ratio: 610/408; width: 100%;}
.h_lookbook .item a:hover::after{ opacity: 0;}
.h_lookbook .item a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_enter{ padding: 0px 0;  }
.h_enter .wp{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.henterItem{ width: 49%; margin-bottom: 20px;}
.henterItem a{ display: block; position: relative; }
.henterItem .tit{ font-weight: bold; padding: 0.6em 0;}
.henterItem .tparea{ font-size: 0; overflow: hidden; position: relative;  overflow: hidden;}
.henterItem .tparea .tp{aspect-ratio: 610/460; width: 100%;}
.henterItem a:hover::after{ opacity: 0;}
.henterItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.footer{ background:url(../images/footer_bg.png) center bottom/100% 100% no-repeat;}
.footer .wrap{ padding: 150px 0 20px; max-width: 100%; box-sizing: border-box; color: #fff; }
.flogo{ text-align: center;}
.flogo .tp{ max-width: 40%; max-height: 72px; object-fit: contain;}
.fnav_fshare{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.fnav{ flex: 1; min-width: 0;}
.fnav a{ margin-right: 20px; padding: 8px 0 ; min-width: 140px; font-size: 12px; font-weight: bold; display: inline-block; color: #fff;}
.fnav a:hover{ text-decoration: underline; }
.fshare{ margin:10px 0 0 30px; width: 400px; text-align: right;}
.fshare a{ display: inline-block; margin-left: 30px; color: #fff;}
.fshare a .icon{ width: 22px;}
.fshare a:hover .icon{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.freg{ margin-top: 20px;}
.freg .tit{ font-size: 12px; font-weight: bold;}
.fregBox .text{ padding: 5px 20px; box-sizing: border-box; color: #fff; flex: 1;}
.fregBox{ width: 546px; margin-top: 10px; max-width: 100%; box-sizing: border-box; border: 1px solid #F2F0ED; display: flex; align-items: center; background-color: #F2F0ED;}
.fregBox .tj{ width: 93px; height: 32px; line-height: 32px; background-color: #1E1E1E; text-align: center; font-size: 12px; font-weight: bold; color: #fff;}
.fregBox .tj:hover{ background-color: #000;}
.flink{ margin-top: 35px; display: flex; flex-wrap: wrap;}
.flink .box{ flex: 1; min-width: 0;}

.fqlink{ }
.fqlink a{ display: inline-block; margin-right: 20px; font-size: 12px;  color: #fff; }
.fqlink a:hover{ transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); }
.copy{ margin-top: 20px; font-size: 12px; color: #fff;}


/* 公用弹窗 */
.commonTip{display: none; background-color: #fff; z-index: 999; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); width: 690px; max-width: 94%; overflow: hidden; position: fixed; z-index: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.commonTip .tit{ font-size: 22px; color: #fff; background-color: #01224D; text-align: center; padding:0.8em 0;}
.commonTip .nr{ padding: 30px; font-size: 16px; line-height: 1.8; text-align: center; }


/* プライバシーポリシー  利用規約  特定商取引法に基づく表記*/
.location{  display: flex; align-items: center;z-index: 2; width: 100%; padding: 10px 0; padding: 10px 0;max-width: 1350px;margin: 0 auto;}
.location .cutline{ font-size:12px; }
.location a{ font-size:12px;  margin:0 6px;font-style: normal;}
.location a:hover{ color:#85a0c7;}
.act_loca{ font-weight: bold !important;}
.policy{ padding: 10px 0 60px; width: 666px; max-width: 100%; margin: 0 auto;}
.policyTitle{ text-align: center; font-size: 24px;  padding-bottom: 1.2em; border-bottom: 1px solid #000;}
.policyBody{ margin-top: 20px; line-height: 2;}
.policyBody .tit{ font-weight: bold;}
.policyBody .wz{ }

/* ログイン */
.loginMain{ width: 913px; max-width: 96%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0;}
.loginMain .part{ width: 48.5%; background-color: #fff; border: 1px solid #D3D3D3; box-sizing: border-box; padding: 40px 50px;}
.mem_tit{text-align: center;}
.mem_tit .tit{ font-size: 16px; font-weight: bold;}
.mem_tit .info{ line-height: 1.2; margin-top: 20px;}
.memForm{ margin-top: 20px;}
.formItem{ margin-bottom: 20px;}
.formItem .attrmc{ font-size: 16px; padding: 6px 0;}
.formItem .attrval{}
.formItem .text,.formItem .select{ display: block; width: 100%; height: 55px; line-height: 55px; font-size: 14px; padding: 0 15px; background-color: #F5F5F5; }
.forgetPwd{ margin-top: 8px;}
.forgetPwd a{ color: #5A7EA5;}
.forgetPwd a:hover{ text-decoration: underline;}
.formConfirm{text-align: center;  margin-top: 40px;}
.formConfirm .sbtn{ font-size: 16px; padding: 1em 0; width: 80%; }

/* 会員情報登録・修正 */
.regMain{ width: 666px; max-width: 96%;padding: 40px 0 80px;}
.mem_tit2 .tit{ font-size: 24px; font-weight: bold;}
.mem_tit2 .info{ line-height: 1.2; margin-top: 20px;}
.regForm .tit{  }
.regForm .require{ font-size: 12px; color: #f00; margin-left: 5px;}
.reg_tit{padding: 25px 0;text-align: center; border-bottom: 1px solid #D2D2D2; margin-bottom: 30px; }
.regForm .row{ display: flex; flex-wrap: wrap;}
.regForm .row.col2{  justify-content: space-between; }
.regForm .row.col2 .formItem{width: 48%;}
.radioGroup{ display: flex; flex-wrap: wrap;}
.radioGroup .item{  margin-right: 15px; display: inline-flex; align-items: center;}
.radioGroup .item input{ margin-right: 5px;}
.regForm .msg{ font-size: 12px; margin-top: 5px;}
.regForm .formConfirm{ width: 80%; margin: 60px auto 0; display: flex; justify-content:center;}
.regForm .formConfirm .sbtn{ width: 48%;}

/* パスワード再設定 */
.hasYzm{ position: relative;}
.hasYzm .text{ padding-right: 148px;}
.hasYzm .sendBtn{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: 12px; padding: 0.4em 2.4em; cursor: pointer; }

.mem_tit3{  padding-bottom: 50px; border-bottom: 1px solid #999; margin-bottom: 40px;}
.mem_tit3 .tit{font-weight: bold; font-size: 24px; position: relative;}
.mem_tit3 .tit .name{ font-size: 14px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-weight: normal; }
.mem_tit3 .info{ line-height: 1.2; margin-top: 20px;}
.mem_tit3 .points{ margin-top: 30px;}
/* マイページ */
.memnav{ padding: 30px 0 80px; display: flex; flex-wrap: wrap;}
.memnav a{ display: inline-flex; align-items: center; width: 40%; font-size: 14px; padding: 15px 0;}
.memnav a::before{ margin-right: 8px; font-size: 16px; }
.memnav a:hover{ color: #5A7EA5;}
.memnav a:hover::before{ margin-right: 4px;}
/* 購入履歴 */
.noRecord{ min-height: 300px;}
.noRecord .desc{}
.noRecord .formConfirm{  margin: 30px auto 0;}
.noRecord .formConfirm .sbtn{ padding: 0.6em 4em; width: auto; font-size: 14px;}  

/* マイページ - 購入履歴 */
.cartMain{ width: 930px; min-height: 400px; padding:20px 0  60px; max-width: 96%;}
.buyRecord{}
.buyRecordItem{border: 1px solid #ddd; overflow: hidden; margin-bottom: 20px;}
.buyRecordTable{ width: 100%; margin: -1px;}
.buyRecordTable th,.buyRecordTable td{ padding: 26px 30px; border: 1px solid #E0E0E0; font-size: 16px;}
.buyRecordTable th{ background-color: #ECECEC; text-align: center; font-weight: normal;}
.buyRecordTable th:nth-child(1){text-align: left;}
.buyRecordTable td{ box-sizing: border-box; background-color: #fff;}
.buyRecordTable tr td:nth-child(1){ width: 20%;}
.buyRecordTable tr td:nth-child(2){ width: 45%;}
.buyRecordTable tr td:nth-child(3){ width: 15%;}
.buyRecordTable tr td:nth-child(4){ width: 20%;}
.buyRecordTable .goodsTparea{ display: block; }
.buyRecordTable .goodsTparea .tp{ width:108px; aspect-ratio: 1;}
.buyRecordTable .goodsTparea:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.buyRecordTable .goodDesc{ }
.buyRecordTable .goodDesc .tit{ font-size: 16px;}
.buyRecordTable .goodDesc .para{ font-size: 12px;}
.buyRecordTable .goodDesc .para .price{}
.buyRecordTable .goodDesc .para .info{margin-top: 25px;}

.revInfo{}
.revInfo .row{ display: flex; justify-content: space-between; align-items: flex-end;}
.revInfo .row .rev{display: flex; }
.revInfo .row .rev .mc{ display: inline-block; width: 96px; margin-right: 15px;}
.revInfo .row .rev .val{flex: 1; min-width: 0; font-size: 14px;}
.revInfo .row .rev .val .list{ padding: 2px 0;}
.revInfo .row .total{ width: 200px; text-align: right;}
.revInfo .row .total .num{}
.revInfo .row .total .discount{ margin-top: 15px;}
.revInfo .row .total .payPrice{ font-size: 16px;margin-top: 15px; font-family: "nsBold";}
.revInfo .time{ display: flex; align-items: center; margin-top: 10px;}
.revInfo .time .mc{ display: inline-block; width: 96px; margin-right: 15px;}
.revInfo .time .val{ flex: 1; min-width: 0; font-size: 14px;}
.revInfo .time .val .list{ margin-right: 24px;}
.buyRecordTable .orderInfoTd{ padding: 16px 30px;}
.orderInfo{ display: flex; justify-content: space-between;}
.orderInfo .box{}
.buyRecord .formItem{ margin: 30px auto 0;}
.buyRecord .formConfirm .sbtn{ padding: 0.6em 4em; width: auto; font-size: 14px;}  

/* カート */
.cartMain{ padding: 60px 0 100px;}
.cart{ width: 960px; max-width: 96%; margin: 0 auto;}
.cart .i_tit{ font-size: 36px;}
.cartTableWrap{ margin-top: 50px; border: 1px solid #E0E0E0;  }
.cartTable{ width: 100%; margin: -1px;}
.cartTable th,.cartTable td{ padding: 10px; border: 1px solid #E0E0E0; font-size: 16px;}
.cartTable th{  text-align: center; background-color: #F7F7F7;}
.cartTable .titleTd{ font-size: 16px; text-align: center; background-color: #000; color: #fff;}
.cartTable .nameTd{ color: #7D7D7D; text-align: center; font-weight: normal;}
.cartTable td{ box-sizing: border-box; text-align: center;}
.cartTable tr td:nth-child(1){ width: 52%; text-align: left;}
.cartTable tr td:nth-child(2){ width: 12%;}
.cartTable tr td:nth-child(3){ width: 12%;}
.cartTable tr td:nth-child(4){ width: 12%;}
.cartTable tr td:nth-child(5){ width: 12%;}
.cartTable tr td:nth-child(5) .sbtn{ width: 85px; font-size: 14px; background-color: #F7F7F7; border:1px solid #Cbcbcb; padding: 0.4em 0 ;}
.cartTable tr td:nth-child(5) .sbtn:hover{ background-color: #5A7EA5; border-color:#5A7EA5 ; color: #fff;}
.cartTable .goodsNum{ }
.goodsInfo{ display: flex; align-items: center;}
.goodsInfo .tparea{ width: 108px; margin-right: 14px;}
.goodsInfo .tparea .tp{width: 100%; aspect-ratio: 1;}
.goodsInfo .des{ flex: 1; min-width: 0;}
.goodsInfo:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.goodsInfo .des .tit{ font-size: 16px;}
.goodsInfo .des .para{ font-size: 12px;}
.goodsInfo .des .para .info{margin-top: 25px;}
.cart .tableOpa{ margin-top: 25px;}
.cart .tableOpa .sbtn{ margin-left: 10px;}
.integral_total{ margin-top: 30px; display: flex; justify-content:flex-end; flex-wrap: wrap; align-items: center;}
.integral_total .integral{  width: 40%; display: flex; align-items: flex-end;}
.integral_total .integral .icon{ width: 102px; margin-right: 10px;}
.integral_total .integral .des{ font-size: 15px; color: #01224D;}
.integral_total .totalWrap{ width: 54%; border: 1px solid #E0E0E0; overflow: hidden;  }
.integral_total .totalTable{ width: 100%; margin: -1px; }
.integral_total .totalTable td{padding: 10px; border: 1px solid #E0E0E0; text-align: right; }
.integral_total .totalTable tr td:nth-child(1){ background-color: #F7F7F7; width: 34%;}
.integral_total .totalTable tr td:nth-child(2){}
.cartConfirm{ margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}
.cartConfirm .opa{width: 54%; display: flex; margin-left: auto;  justify-content: space-between;}
.cartConfirm .opa .sbtn{ font-size: 16px; padding: 0.8em 0; width: 48%;}

.textNumber{ width: 60px; border: 1px solid #CCCCCC;  display: flex;  overflow: hidden; }
.textNumber .goodsNum{ width: 40px; border-right: 1px solid #ccc;  box-sizing: border-box; text-align: center; height: 40px; line-height: 40px;}
.textNumber .opa{ width: 20px; display: flex; flex-direction: column;}
.textNumber .btn{ width: 20px; height: 20px; font-size: 14px;  cursor: pointer; text-align: center; line-height: 20px; }
.textNumber .btn:hover{ color: #fff; background-color: #5A7EA5 !important;}
/* FAQ */
.qusMain{ width: 666px; max-width: 96%;padding: 40px 0 80px;}
.qusSort{ display: flex; flex-wrap: wrap;}
.qusSort .list{ width: 32%; margin: 0 2% 15px 0;}
.qusSort .list:nth-child(3n){ margin-right: 0;}

.qusSlide{ margin-top: 40px;}
.qusPart{ margin-bottom: 50px;}
.qusPart .title{ font-size: 20px; font-weight: bold; padding: 1em 0;border-bottom: 1px solid #D9D9D9; }
.qusItem{ border-bottom: 1px solid #D9D9D9; padding: 20px 30px;}
.qusItem .tit{ font-size:16px; font-weight: bold; line-height:1.4; padding:0px 30px 0px 24px; cursor:pointer;  position:relative;  position: relative;  }
.qusItem .tit .status{ width:30px; height:30px; font-size: 18px; transition: .3s; display:inline-flex; align-items: center; justify-content: center; position:absolute; right:0px; top:8px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.qusItem .tit .status1{ display: inline-block;}
.qusItem .tit .status2{ display: none;}
.qusItem .nr{ margin-top: 20px; padding-left: 24px; font-size: 16px;  position: relative; display: none;}
.qusItem .letter{ display: block; position: absolute; left: 0px; top: 0px;  }
.qusItem .nr .letter{}
.qusItem .nr .wz{} 
.qusItem .tit:hover{ color:#5A7EA5;}
.act_join{ color:#5A7EA5 !important; }
.act_join .status1{ display: none !important;}
.act_join .status2{ display: inline-block !important;}

/* INFO */
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%; }
.sectionInfo{}
.siItem{ padding: 90px;  border-bottom: 1px solid #898989;}
.siItem .tit{text-align: center; }
.siItem .tit .mc1{}
.siItem .tit .mc2{ font-size: 24px;}
.siItem .tit .line{ margin:  0 8px; width: 1px; height: 20px; background-color: #000; display: inline-block;}
.siItem .wrap{ margin-top: 50px; line-height: 2;}
.siItem2{ padding: 150px 90px;}
.siItem2  .tit .line{ background-color: #fff;}
.siItem2 .wrap{ margin-top: 20px;}
/* BRAND */
.brand{ padding: 60px 0;}
.brandItem{ display: flex; flex-wrap: wrap;}
.brandItem:nth-child(2n){ flex-direction: row-reverse;}
.brandItem:nth-child(2n) .intro{ background: url(../images/flower.png) center center no-repeat;} 
.brandItem .tparea{ width: 50%; font-size: 0;}
.brandItem .tparea .tp{ width: 100%; aspect-ratio: 1; object-fit: cover;}
.brandItem .intro{ width: 50%; display: flex; align-items: center;}
.brandItem .intro .inner{ padding:40px  8%;}
.brandItem .intro .tit{ font-size: 24px; font-weight: bold;}
.brandItem .intro .wz{ margin-top: 15px; line-height: 1.8;}
/* STYLE  LOOKBOOK*/
.bannerStyleSlideWrap{ padding: 0 66px; position: relative;}
.bannerStyleSlide{ position:relative; z-index:3; }
.bannerStyleSlide .swiper-slide{position:relative; overflow:hidden;}
.bannerStyleSlide .tp{ width:100%; max-height: 900px; display:block; object-fit: contain;}
.bannerStyleSlideWrap .swiper-button-prev,.bannerStyleSlideWrap .swiper-button-next{}
.bannerStyleSlideWrap .swiper-button-prev{ left:0%;}
.bannerStyleSlideWrap .swiper-button-next{ right:0%;} 
.bannerStyleSlideWrap .swiper-button-prev::after,.bannerStyleSlideWrap .swiper-button-next::after{ display: none;}
 .bannerStyleSlideWrap .swiper-button-prev,.bannerStyleSlideWrap .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:48px;  height:48px; line-height: 48px; top:50%; margin-top:-24px; color: #666; background-color: #fff;}
.bannerStyleSlideWrap .swiper-button-prev .iconfont,.bannerStyleSlideWrap .swiper-button-next .iconfont{ font-size: 30px; }
.bannerStyleSlideWrap .swiper-button-prev:hover,.bannerStyleSlideWrap .swiper-button-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; -webkit-filter:alpha(opacity=100); background-color: rgba(0, 0, 0, .1); }

.ibanSwiper.wp{ width: 1000px; max-width: 100%;}
.styleList{ padding: 60px 0; margin-top: 30px;}
.styleList .wrap{ display: flex; flex-wrap: wrap;}
/* NEWS */
.news { padding: 80px 0;}
.newsIntro{ text-align: center;font-weight: bold;}
.newsIntro .title{ font-size: 24px; }
.newsIntro .nr{ margin: 10px auto 0; width: 660px; max-width: 100%;}
.newsIntro .tp{ width: 100%;}
.newsIntro .tit{ margin-top: 10px;}
.news .wrap{ margin-top: 40px;}
.newsItem{}
.newsItem a{ display: block; margin-bottom: 40px;}
.newsItem .tps{ display: flex; flex-wrap: wrap;}
.newsItem .tps .tparea{ width: 50%; font-size: 0;}
.newsItem .tps .tparea .tp{ width: 100%; aspect-ratio: 1; object-fit: cover;}
.newsItem .desc{ padding: 20px 0; text-align: center;}
.newsItem a:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.newsItem a:hover .desc{ color: #85a0c7;}
.news .pnPage{ margin-top:50px;}
.pnPage{ text-align: center;}
.pnPage .point{ display: inline-flex; align-items: center; margin: 0 60px; color: #999;}
.pnPage .point .arr{ display: inline-block; margin: 0 15px; width: 32px; height: 32px; line-height: 32px; text-align: center; background-color: #8A8A8A; font-size: 18px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.pnPage .point:hover{ color: #000;}
.pnPage .point:hover .arr{background-color: #000; }

/* NEW ARRIVALS */
.i_tit2{ font-size: 32px; padding: 50px 0; text-align: center; font-weight: bold;}
.sortOrd{ display: flex; justify-content: flex-end;}
.sortOrd .select{ width: 160px; height: 28px; border: 1px solid #ACACAC; line-height: 28px;font-size: 10px;}
.newsArrival{ padding: 0px 0 50px;}
.newsArrival .wrap{ display: flex; flex-wrap: wrap;}

/* COLLECTION */
.coll{ padding: 60px 0;}
.coll .wp{}
.coll_tit{ font-size: 20px; font-weight: bold; text-align: center; line-height: 1.4;}
.coll_tit .tit{}
.coll_tit .subtit{}
.coll .info{ margin:0 auto; max-width: 800px; line-height: 2; }
.coll .desc{ padding: 40px 0; width: 350px; margin: 0 auto;}
.coll .desc .list{ position: relative; padding:10px 0  10px 14px; }
.coll .desc .list::after{ content: ""; display: block; width: 4px; height: 4px; background-color: #000; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; top: 20px;}
 
/* SHOP */
.s_main{}
.s_main>.wp{ display: flex; flex-wrap: wrap;}
.s_l{ width: 160px; margin-right: 20px;}
.s_r{ flex: 1; min-width: 0;}
.shopNav{}
.shopNav .item{font-size: 12px; margin-bottom: 8px;}
.shopNav .tit{ font-weight: bold; }
.shopNav .nr{ padding-left: 20px; margin-top: 8px;}
.shopNav .nr a{ padding: 5px 0; display: block;}
.shopNav .nr a:hover,.actShopNav{ color: #5A7EA5 !important;}


.shop{ padding-bottom: 50px;}
.shop .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 50px;}
.turnpage{ margin:0 auto;font-size:0; text-align:right;}
.turnpage a,.turnpage span{ display:inline-block; color: #666; padding:5px 12px; font-size:12px; margin:0 6px; }
.turnpage a:hover,.current{ background-color:#000 !important; border-color: #000 !important; color: #fff !important;}
/* 商品詳細 */
.recentlyTitle{ font-size: 12px;}
.recentlyLook{ padding: 50px 0; margin-top: 50px; border-top: 1px solid #898989;}
.recentlyLook .wrap{ margin-top: 30px; display: flex; flex-wrap: wrap;}
.recentlyItem{ width: 13%; margin: 0 1.5% 1.5% 0; }
.recentlyItem:nth-child(7n){ margin-right: 0;}
.recentlyItem a{ display: block; }
.recentlyItem .tparea{ font-size: 0; overflow: hidden;}
.recentlyItem .tparea .tp{ width: 100%; aspect-ratio: 1; object-fit: cover;}
.recentlyItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.recentlyItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.pdt{ padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #898989; }
.pdt{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.pdtSlideWrap{ width: 65%;}
.pdtIntro{ width:32%;  min-width: 0;}

.pdtIntro .title{  line-height: 1.6;  }
.pdtIntro .price{ margin-top: 20px; }
.pdtIntro .paraItem{ padding: 15px 0;}
.pdtIntro .paraItem .subtit{padding: 10px 0;}
.pdtIntro .paraItem .wrap{ display: flex; flex-wrap: wrap; padding: 10px 0 0;}

.colorItem1{ cursor: pointer; width: 23.5%; margin: 0 2% 2% 0; border: 1px solid #d1d1d1; box-sizing: border-box;   overflow: hidden; text-align: center;}
.colorItem1 .tp{ aspect-ratio: 1; width: 100%; object-fit: cover;}
.colorItem1.active{border-color: #000 !important;}
.colorItem2{ padding: 8px 0; cursor: pointer; width: 23.5%; margin: 0 2% 2% 0; border: 1px solid #d1d1d1; box-sizing: border-box;   overflow: hidden; text-align: center;}
.colorItem2.active{border-color: #000 !important;}

.pdtIntro .paraItem .opa{}
.pdtIntro .paraItem .opa .sbtn{ padding: 1em 0;}
.pdtIntro .paraItem--size .wrap,
.pdtIntro .paraItem--size .opa{ width: 100%; box-sizing: border-box;}
.pdtIntro .paraItem--size .colorItem2:nth-child(4n){ margin-right: 0;}
.pdtIntro .paraItem .tit{ display: flex; justify-content: space-between; align-items: center;}
.pdtIntro .paraItem .tit .btn{ text-decoration: underline; padding: 0.4em 0; display: inline-block; cursor: pointer;}
.pdtIntro .paraItem .select{ width: 92px; height: 50px; border: 1px solid #000; text-align: center;}
.pdtIntro .mandiv .sbtn{ padding: 1em 0;}

.pDesc{ margin-top: 24px;}
.pDesc .tit .nr{line-height: 2;}
.pReturn{margin-top: 24px;}
.pReturn .tit{ padding:10px 50px 10px 0; border-bottom: 1px solid #D2D2D2; position: relative; cursor: pointer;}
.pReturn .tit .arr{ width: 40px; height: 40px; line-height: 40px; font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.pReturn .tit .arr1{}
.pReturn .tit .arr2{ display: none;}
.pReturn .tit.on .arr1{ display: none !important;}
.pReturn .tit.on .arr2{ display: inline-block !important;}
.pReturn .nr{line-height: 2; margin-top: 15px; display: none; max-width: 400px; overflow-y: auto;}
.zoomit-container{ width: 100%; height: 100%;}
.gallery-top {height: 588px;width: 84%; float:right; border: 1px solid #ededed;}
/* .gallery-top .swiper-slide{ display: flex; align-items: center;} */
/*.gallery-top img{ width: 100%; display: block; cursor: pointer;}*/
.pdeltp{ width: 100%; height: 100%; object-fit: cover; display: block; }
.pdelVideo{ width: 100%; height: 100%; object-fit: cover; display: block;}
.gallery-thumbs-wrap{width: 14.4%; float:left;margin: 44px 0 !important; position: relative;}
.gallery-thumbs {height: 500px;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 2px !important;}
.gallery-thumbs .swiper-wrapper{ -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 4px;}
.gallery-thumbs .swiper-slide {opacity: 0.6; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; }
.gallery-thumbs .swiper-slide .tparea{  display: block; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border: 1px solid #fff;}
.gallery-thumbs .swiper-slide-thumb-active{ border: 2px solid #000; }
.gallery-thumbs-wrap .swiper-button-prev{ top:-44px;}
.gallery-thumbs-wrap .swiper-button-next{ bottom:-44px; top: auto;}
.gallery-thumbs-wrap .swiper-button-prev::after,.gallery-thumbs-wrap .swiper-button-next::after{ display: none;}
.gallery-thumbs-wrap .swiper-button-prev,.gallery-thumbs-wrap .swiper-button-next{ width: 35px; border-radius:50% ; left: 50%; transform: translateX(-50%); height:35px; line-height: 35px;  margin-top: 0; color: #fff; background-color: #01224D; cursor: pointer; z-index: 10; text-align: center; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.gallery-thumbs-wrap .swiper-button-prev .iconfont,.gallery-thumbs-wrap .swiper-button-next .iconfont{ font-size: 18px;  line-height: 1;}
.gallery-thumbs-wrap .swiper-button-prev:hover,.gallery-thumbs-wrap .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; color: #fff; }

.closePup{ position: absolute; right:12px; top: 12px; line-height: 1;cursor: pointer; font-size: 16px; color: #999; display: inline-block; width: 40px; height: 40px; line-height: 40px; }
.closePup:hover{ color: #333;}

.sizePup{ width: 1200px; max-width: 100%;}
.sizeMain{ padding: 40px 50px 50px;}
.sizeMain .title{ font-size: 16px; font-weight: bold;}
.sizeMain .wrap{ margin-top: 40px; text-align: left;}
.sizeMain .wrap .tp{ width: 100%; display: block; margin: 0 auto;}
.sizeMain .wrap .intro{ margin-top: 50px; line-height: 1.8;}

.sizeGuidePup{ width: 1200px; max-width: 100%;}
.sizeGuideMain{ padding: 40px 50px 50px;}
.sizeGuideMain .title{ font-size: 16px; font-weight: bold;}
.sizeGuideMain .wrap{ margin: 40px auto 0; width: 80%; text-align: left;}
.sizeGuideMain .wrap .intro{ margin: 0px auto; width: 666px; max-width: 100%; line-height: 1.8;}
.sizeGuideMain .wrap .tplist{ display: flex; flex-wrap: wrap; margin-top: 40px;}
.sizeGuideMain .wrap .tplist .tp{ width: 50%; aspect-ratio: 5/3; object-fit: contain;}







.morea .arr,.harrivalItem .des,.harrivalItem .des .tit,.h_lookbook .item a::after,.sbtn,.memnav a::before,.newsItem .desc{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.captchaBox{
	margin-top: 12px;
	position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.captchaBox a {
  position: absolute;
  display: block;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 140px;
  height: 28px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  background-color: #000000;
}

/* 二级分类样式优化 */
.navsub2 {
  position: relative;
}

.navsub3 {
  position: relative;
}

.navsub3 a {
  text-align: left;
  line-height: 2;
  padding: 6px 0;
  width: 100%;
  font-size: 13px;
  display: block;
  color: #fff;
  text-align: center;
}

.navsub3 a:hover {
  color: #fff !important;
  background-color: #85a0c7;
}

.navsub4 {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 120px;
  background: rgba(255,255,255,255);
  padding: 10px 0;
  box-shadow: 0 2px 10px 0 #333;
  z-index: 999;
  /*margin-left: 5px;*/
}

.navsub2:hover .navsub4 {
  display: block;
}

.navsub4 a {
  text-align: left;
  line-height: 2;
  padding: 6px 0;
  width: 100%;
  font-size: 13px;
  display: block;
  color: #fff;
  text-align: center;
}

.navsub4 a:hover {
  color: #fff !important;
  background-color: #85a0c7;
}

.shopping_cart {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.7px;
  color: #333333;
}
.cartjs {
  margin-top: 10px;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.7px;
  color: #333333;
}
.cartjs5 {
  border: 1px solid #CBCBCB;
  display: flex;
}
.cartjs1 {
  margin-top: 8px;
  border: 1px solid #CBCBCB;
  display: flex;
  margin-bottom: 20px;
}
.cartjs2 {
  width: 262px;
  border-right: 1px solid #CBCBCB;
  background-color: #F7F7F7;
  padding: 10px 16px;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #333333;
}
.cartjs3 {
  flex: 1;
  padding: 3px;
}
.cartjs4 {
  padding: 3px;
  font-size: 14px;
  color: #333;
  border: 1px solid #CBCBCB;
  padding: 6px 13px;
}
.cartjs2 img {
  height: 20px;
  vertical-align: middle;
}
.cartjs10 label {
  margin: 4px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 21px;
  color: #414141;
}