/* skin4: css/module/myshop/bankbook.css */
.xans-myshop-asyncbankbook ul { display:flex; flex-wrap:wrap; justify-content:space-around; }
.xans-myshop-asyncbankbook li { position:relative; text-align:center; vertical-align:top; box-sizing:border-box; }
.xans-myshop-asyncbankbook a:hover { text-decoration:none; }
.xans-myshop-asyncbankbook li:not(:last-child):after { content:""; display:inline-block; position:absolute; right:0; width:1px; background:#e5e5e5; vertical-align:middle; }
.xans-myshop-asyncbankbook .thumb { display:block; }
.xans-myshop-asyncbankbook .title { display:block; font-weight:normal; color:#6d6d6d; box-sizing:border-box; }

@media all and (max-width:1024px) {
    .xans-myshop-asyncbankbook { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
    .xans-myshop-asyncbankbook li { width:33%; padding:20px 0; }
    .xans-myshop-asyncbankbook .xans-myshop-asyncbenefit { flex:auto; width:100%; border-bottom:1px solid #e5e5e5; }
    .xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .group { display:none; }
    .xans-myshop-asyncbankbook li:not(:last-child):after { top:0; height:100%; }
    .xans-myshop-asyncbankbook .user { display:flex; text-align:left; padding:5px 16px; }
    .xans-myshop-asyncbankbook .user__thumb { width:42px; height:42px; margin:0 16px 0 0; overflow:hidden; border-radius:50%; }
    .xans-myshop-asyncbankbook .user__info { font-size:15px; font-weight:bold; }
    .xans-myshop-asyncbankbook .user__data { display:block; margin:8px 0 0; font-size:14px; color:#6d6d6d; font-weight:normal; }
    .xans-myshop-asyncbankbook .thumb { width:30px; height:30px; margin:0 auto 10px; }
    .xans-myshop-asyncbankbook .data { display:block; font-size:14px; line-height:1; font-weight:bold; }
    .xans-myshop-asyncbankbook .title { margin:7px 0 0; font-size:12px; }
}

@media all and (min-width:1025px) {
    .xans-myshop-asyncbankbook { border-top:1px solid #000; border-bottom:1px solid #e5e5e5; }
    .xans-myshop-asyncbankbook li { flex:1; padding:28px 0 27px; }
    .xans-myshop-asyncbankbook li:not(:last-child):after { top:50%; height:48px; margin-top:-24px; }
    .xans-myshop-asyncbankbook .thumb { width:30px; height:30px; margin:0 auto 5px; }
    .xans-myshop-asyncbankbook .data { font-size:15px; line-height:30px; font-weight:bold; }
    .xans-myshop-asyncbankbook .title { margin:2px 0 0; font-size:13px; }
}

/* skin4: css/module/myshop/main.css */
@media all and (max-width:1024px) {
    .xans-myshop-main { display:none; }
    .myshopMain .xans-myshop-main { display:block; }

    .xans-myshop-main .subTitle { padding:27px 16px 12px; background:#f6f6f6; }
    .xans-myshop-main h3 { color:var(--basic); font-size:16px; }
    .xans-myshop-main .menu { border-top:1px solid #000; }
    .xans-myshop-main .menu li { border-bottom:1px solid #e5e5e5; }
    .xans-myshop-main .menu li a { position:relative; display:block; padding:21px 16px; font-size:14px; text-decoration:none; }
    .xans-myshop-main .menu li a:after { content:""; display:block; position:absolute; top:8px; right:18px; width: 10px; height: 10px; margin: 18px auto 0; border-left: 1px solid #929292; border-bottom: 1px solid #929292; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
    .xans-myshop-main .consult { margin:23px 16px 0; }
    .xans-myshop-main .consult .btnNormal { width:100%; }
}

@media all and (min-width:1025px) {
    .myshopArea { position:relative; margin:39px auto 0 !important; padding:0 0 0 210px !important; }
    .xans-myshop-main { position:absolute; left:0; top:0; width:200px; }

    .xans-myshop-main .title { font-size:30px; }
    .xans-myshop-main .subTitle { margin:50px 0 0; }
    .xans-myshop-main h3 { color:var(--basic); font-size:18px; font-weight:normal; font-weight:bold; }
    .xans-myshop-main .menu li { margin:16px 0 0; }
    .xans-myshop-main .menu li a { display:block; color:#6d6d6d; font-size:14px; text-decoration:none; }
    .xans-myshop-main .consult { margin:45px 0 0; }
}

/* skin4: css/module/myshop/orderState.css */
.xans-myshop-orderstate .state { overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; }
.xans-myshop-orderstate .state__order { display:flex; }
.xans-myshop-orderstate a:hover { text-decoration:none; }

@media all and (max-width:1024px) {
    .xans-myshop-orderstate .state__order li { width:25%; padding:26px 7px 25px; text-align:center; }
    .xans-myshop-orderstate .state__order .label { position:relative; display:block; margin:11px 0 0; font-size:13px; }
    .xans-myshop-orderstate .state__order li:not(:last-child) .label:after { content:""; display:block; position:absolute; top:4px; right:-7px; width:7px; height:7px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
    .xans-myshop-orderstate .state__order .count { font-size:20px; }
    .xans-myshop-orderstate .state__cs { display:flex; margin-left:-1px; }
    .xans-myshop-orderstate .state__cs li { flex:1; padding:21px 16px; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; letter-spacing:0.04em; word-spacing:4px; display:flex; justify-content:space-between; }
    .xans-myshop-orderstate .state__cs strong { font-weight:normal; font-size:12px; color:#353535; }
    .xans-myshop-orderstate .state__cs .count { padding:0 0 0 4px; font-weight:bold; }
}

@media all and (min-width:1025px) {
    .xans-myshop-orderstate .state__order li { position:relative; width:25%; padding:35px 0 33px; text-align:center; }
    .xans-myshop-orderstate .state__order li:not(:last-child):after { content:""; display:block; position:absolute; top:50%; right:0; width:13px; height:13px; margin:-10px auto 0; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
    .xans-myshop-orderstate .state__order .label { display:block; margin:10px 0 7px; font-size:13px; }
    .xans-myshop-orderstate .state__order .count { font-size:30px; }
    .xans-myshop-orderstate .state__cs { display:none; }
}

/* skin4 onedesign override */
.xans-myshop-orderstate .state__cs { display:flex; justify-content:space-around; border:1px solid #e3e3e3; }
.xans-myshop-orderstate .state { border:none; border-top:2px solid #1a1a1a; }
.xans-myshop-orderstate .state__order .count { font-size:20px; font-weight:700; color:#1a1a1a; }
.xans-myshop-orderstate .state__order .label { font-size:14px; color:#6a6a6a; letter-spacing:-0.02em; margin:4px 0 0; }
.xans-myshop-orderstate .state__order li { padding-bottom:40px; }
.xans-myshop-orderstate .state__cs li { width:calc(100% / 3); height:56px; text-align:center; line-height:56px; border-left:1px solid #e3e3e3; }
.xans-myshop-orderstate .state__cs li:nth-child(1) { border-left:none; }
.xans-myshop-orderstate .state__cs li span { font-size:14px; font-weight:700; color:#1a1a1a; }

@media screen and (max-width:1024px) {
    .xans-myshop-orderstate .state__order li { padding:40px 0; position:relative; }
    .xans-myshop-orderstate .state__order li:not(:last-child):after { content:""; width:0; height:40px; position:absolute; border:none; border-left:1px dotted #c4c4c4; transform:translateY(-50%); top:50%; right:1px; }
    .xans-myshop-orderstate .state__order li:not(:last-child) .label:after { display:none; }
    .xans-myshop-orderstate .state__cs li { justify-content:center; padding:0; border:none; border-left:1px solid #e3e3e3; }
    .xans-myshop-orderstate .state__cs li:nth-child(1) { border-left:1px solid #e3e3e3; }
}

/* skin4: _onedesign/css/mypage.css */
/* body#mypage .titleArea { margin: 0 0 36px;}
body#mypage .titleArea * { line-height: 20px;}
body#mypage .titleArea p { padding: 0;}
body#mypage .titleArea h2 { display: none;} */
/* body#mypage .ec-base-tab { margin-top: -63px;} */

.titleArea {margin-bottom: 36px;}
.titleArea h2 {display: none;}
.titleArea p {color:var(--basic3);}

/* .myshop_boardlist_empty is controlled by React render, not CSS show/hide */

@media all and (max-width:1024px) {
    .titleArea {display: none;}
}