abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    font-size: 13px;
    line-height: 22px;
    font-family: Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

li, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    text-decoration: none
}

ins, mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e5e5e5;
    margin: 11px 0 10px;
    padding: 0
}

input, select {
    vertical-align: middle
}

button, input, select, table, textarea {
    font-family: inherit;
    font-size: inherit;
    font: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

em {
    font-style: normal
}

th {
    text-align: left;
    font-weight: inherit;
    vertical-align: top
}

address {
    font-style: normal
}

small {
    font-size: 80%
}

a {
    color: inherit;
    text-decoration: none
}

img {
    vertical-align: bottom
}

p {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D)
}

article {
    margin-top: -1px;
    padding-top: 1px
}

body, html {
    width: 100%;
    overflow-x: hidden
}

.l-inner {
    margin: 0 10px;
    position: relative
}

.l-col2, .l-col3, .l-col4, .l-col5, .l-col6, .l-col8 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.l-col2 > div, .l-col2 > li, .l-col2 > section {
    margin-bottom: 22px;
    margin-left: 10px;
    width: 45.3125%;
    width: calc(50% - 15px)
}

.l-col3 > div, .l-col3 > li, .l-col3 > section {
    margin-bottom: 22px;
    margin-left: 10px;
    width: 29.7777%;
    width: calc(33.3333% - 13.3333px)
}

.l-col4 > div, .l-col4 > li, .l-col4 > section {
    margin-left: 5px;
    width: 22.265625%;
    width: calc(25% - 8.75px)
}

.l-col4 > div:nth-child(4n-3), .l-col4 > li:nth-child(4n-3), .l-col4 > section:nth-child(4n-3) {
    margin-left: 10px
}

.l-col8 > div, .l-col8 > li {
    margin-left: 5px;
    width: 10.3515%;
    width: calc(12.5% - 4.375px)
}

.l-col8 > div:nth-child(8n-7), .l-col8 > li:nth-child(8n-7) {
    margin-left: 0
}

.l-center {
    text-align: center;
    margin: 22px 10px
}

.l-center:first-child {
    margin-top: 0
}

.l-center:last-child {
    margin-bottom: 0
}

.l-center a, .l-center button {
    margin-bottom: 22px
}

.l-center a:last-child, .l-center button:last-child {
    margin-bottom: 0
}

.l-btn {
    margin: 11px 10px
}

.l-separator {
    padding-top: 66px
}

.l-separator--line {
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.l-separator--lg {
    margin-top: 22px;
    padding-top: 32px
}

.l-separator--noline {
    padding-top: 22px
}

.l-separator--middleline {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.c-checkoutNav .total .price.price--emphasized {
    font-weight: 700
}

.c-cartDetail .price tfoot .total.total--secondary, .c-checkoutNav .total .price.price--secondary {
    color: #000
}

.c-actions .btn, .c-actions .text, .c-article .header, .c-article .item, .c-cartDetail, .c-cartDetail .coupon .property, .c-couponList .property, .c-fieldset--mailMagazine .property, .c-footer .sns ul, .c-form .property, .c-form dd.name, .c-gender, .c-globalNav .gender, .c-globalNav .link .point, .c-header, .c-headerLink, .c-headerLink .link, .c-item .description .dataDetail, .c-item .detail .status, .c-item .detail .tag, .c-item .post .author, .c-item .summary .item, .c-item .summary .item .property, .c-item .summary .select dl, .c-itemList--horizontal .data .property, .c-itemList .property, .c-lookbook .link .share ul, .c-model, .c-model .data1, .c-order > .change .address .property, .c-order > .change .address li, .c-order > .change .date, .c-order > .change .payment .property, .c-order > .change .sendBack .property, .c-order > .data, .c-order > .data .property, .c-order > .detail dl, .c-order > .items .item, .c-order > .items .property, .c-order > .lead, .c-order > .message, .c-order > .message .property, .c-page, .c-point .property, .c-registered .property, .c-reserve .list li, .c-review .post .author, .c-review .sort, .c-reviewList .history, .c-reviewList .item, .c-reviewList .item .property, .c-reviewList .post .author, .c-reviewList .review, .c-reviewList .reviewFrame, .c-search .condition, .c-search .condition dl, .c-search .counter dl, .c-shop .info, .c-snap .property, .c-snapList .property, .c-sns, .c-sort .btn, .c-sort .menu, .c-sort .refine dl, .c-tab, .c-topicList .data, .d-modal--address .btn, .d-modal--brand .btn, .d-modal--cart .color li, .d-modal--category .btn, .d-modal--color .btn, .d-modal--color .colors, .d-modal--date .btn, .d-modal--discount dl, .d-modal--fav .color li, .d-modal--login .btn, .d-modal--payment .btn, .d-modal--price .btn, .d-modal--price .price, .d-modal--sendBack .btn, .d-radioToggle-btns {
    overflow: hidden;
    *zoom: 1
}

.c-cartDetail .coupon .property dd, .c-cartDetail .coupon .property dt, .c-couponList .property dd, .c-couponList .property dt, .c-fieldset--mailMagazine .property dd, .c-fieldset--mailMagazine .property dt, .c-form .property dd, .c-form .property dt, .c-globalNav .link .point dd, .c-globalNav .link .point dt, .c-item .description .dataDetail dd, .c-item .description .dataDetail dt, .c-item .summary .item .property dd, .c-item .summary .item .property dt, .c-item .summary .select dl dd, .c-item .summary .select dl dt, .c-itemList--horizontal .data .property dd, .c-itemList--horizontal .data .property dt, .c-itemList .property dd, .c-itemList .property dt, .c-order > .change .address .property dd, .c-order > .change .address .property dt, .c-order > .change .payment .property dd, .c-order > .change .payment .property dt, .c-order > .change .sendBack .property dd, .c-order > .change .sendBack .property dt, .c-order > .data .property dd, .c-order > .data .property dt, .c-order > .detail dl dd, .c-order > .detail dl dt, .c-order > .items .property dd, .c-order > .items .property dt, .c-order > .message .property dd, .c-order > .message .property dt, .c-point .property dd, .c-point .property dt, .c-registered .property dd, .c-registered .property dt, .c-reviewList .item .property dd, .c-reviewList .item .property dt, .c-search .condition dl dd, .c-search .condition dl dt, .c-search .counter dl dd, .c-search .counter dl dt, .c-shop .info dd, .c-shop .info dt, .c-snap .property dd, .c-snap .property dt, .c-snapList .property dd, .c-snapList .property dt, .d-modal--discount dl dd, .d-modal--discount dl dt {
    float: left
}

.c-cartDetail .coupon .property dt, .c-couponList .property dt, .c-fieldset--mailMagazine .property dt, .c-form .property dt, .c-globalNav .link .point dt, .c-item .description .dataDetail dt, .c-item .summary .item .property dt, .c-item .summary .select dl dt, .c-itemList--horizontal .data .property dt, .c-itemList .property dt, .c-order > .change .address .property dt, .c-order > .change .payment .property dt, .c-order > .change .sendBack .property dt, .c-order > .data .property dt, .c-order > .detail dl dt, .c-order > .items .property dt, .c-order > .message .property dt, .c-point .property dt, .c-registered .property dt, .c-reviewList .item .property dt, .c-search .condition dl dt, .c-search .counter dl dt, .c-shop .info dt, .c-snap .property dt, .c-snapList .property dt, .d-modal--discount dl dt {
    clear: left;
    color: #000
}

.c-cartDetail .coupon .property dd, .c-couponList .property dd, .c-fieldset--mailMagazine .property dd, .c-form .property dd, .c-globalNav .link .point dd, .c-item .description .dataDetail dd, .c-item .summary .item .property dd, .c-item .summary .select dl dd, .c-itemList--horizontal .data .property dd, .c-itemList .property dd, .c-order > .change .address .property dd, .c-order > .change .payment .property dd, .c-order > .change .sendBack .property dd, .c-order > .data .property dd, .c-order > .detail dl dd, .c-order > .items .property dd, .c-order > .message .property dd, .c-point .property dd, .c-registered .property dd, .c-reviewList .item .property dd, .c-search .condition dl dd, .c-search .counter dl dd, .c-shop .info dd, .c-snap .property dd, .c-snapList .property dd, .d-modal--discount dl dd {
    padding-left: 5px;
    box-sizing: border-box;
    color: #000
}

.c-checkoutNav .total, .c-gallery .data dl, .c-item .detail .brand, .c-item .detail .data, .c-item .point .total, .c-item .post .author .size, .c-item .post .property, .c-review .point .total, .c-review .post .author .size, .c-review .post .property, .c-reviewList .post .author .size, .c-reviewList .post .property {
    overflow: hidden;
    *zoom: 1
}

.c-checkoutNav .total dd, .c-checkoutNav .total dt, .c-gallery .data dl dd, .c-gallery .data dl dt, .c-item .detail .brand dd, .c-item .detail .brand dt, .c-item .point .total dd, .c-item .point .total dt, .c-item .post .author .size dd, .c-item .post .author .size dt, .c-item .post .property dd, .c-item .post .property dt, .c-review .point .total dd, .c-review .point .total dt, .c-review .post .author .size dd, .c-review .post .author .size dt, .c-review .post .property dd, .c-review .post .property dt, .c-reviewList .post .author .size dd, .c-reviewList .post .author .size dt, .c-reviewList .post .property dd, .c-reviewList .post .property dt {
    float: left
}

.c-checkoutNav .total dt, .c-gallery .data dl dt, .c-item .detail .brand dt, .c-item .point .total dt, .c-item .post .author .size dt, .c-item .post .property dt, .c-review .point .total dt, .c-review .post .author .size dt, .c-review .post .property dt, .c-reviewList .post .author .size dt, .c-reviewList .post .property dt {
    color: #000
}

.c-checkoutNav .total dd, .c-gallery .data dl dd, .c-item .detail .brand dd, .c-item .point .total dd, .c-item .post .author .size dd, .c-item .post .property dd, .c-review .point .total dd, .c-review .post .author .size dd, .c-review .post .property dd, .c-reviewList .post .author .size dd, .c-reviewList .post .property dd {
    margin-left: 5px;
    color: #000
}

.c-checkoutNav .total dd:after, .c-gallery .data dl dd:after, .c-item .detail .brand dd:after, .c-item .point .total dd:after, .c-item .post .author .size dd:after, .c-item .post .property dd:after, .c-review .point .total dd:after, .c-review .post .author .size dd:after, .c-review .post .property dd:after, .c-reviewList .post .author .size dd:after, .c-reviewList .post .property dd:after {
    margin: 0 5px;
    content: "|";
    display: inline;
    color: #000
}

.c-checkoutNav .total dd:last-child:after, .c-gallery .data dl dd:last-child:after, .c-item .detail .brand dd:last-child:after, .c-item .point .total dd:last-child:after, .c-item .post .author .size dd:last-child:after, .c-item .post .property dd:last-child:after, .c-review .point .total dd:last-child:after, .c-review .post .author .size dd:last-child:after, .c-review .post .property dd:last-child:after, .c-reviewList .post .author .size dd:last-child:after, .c-reviewList .post .property dd:last-child:after {
    content: "";
    display: none
}

.c-pickUpList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.c-topicList a {
    display: block;
    text-decoration: none;
    position: relative
}

.c-topicList a:after {
    margin-top: -4px;
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-order > .lead .btn {
    width: 240px
}

.c-order > .lead .btn, .c-order > .lead .message {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

.c-order > .lead .message {
    width: 492px
}

.c-banner {
    height: 44px;
    background: #00a6dd;
    text-align: center;
    position: relative;
    z-index: 2
}

.c-banner a {
    display: block;
    width: 100%
}

.c-header {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 51px;
    background: #fff;
    box-sizing: border-box
}

.c-header .logo {
    margin-right: 87px;
    margin-left: 47px;
    text-align: center
}

.c-header .logo a, .c-header .logo h1 {
    font-size: 18px;
    line-height: 58px
}

.c-header .logo a {
    display: inline-block;
    text-decoration: none
}

.c-header .count {
    position: absolute;
    right: 3px;
    top: 18px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #fc125d;
    font-size: 10px
}

.c-header .icon {
    overflow: hidden;
    display: block
}

.c-header .btnMenu {
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 57px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -267px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.c-header .btnSearch {
    position: absolute;
    top: 0;
    right: 47px
}

.c-header .btnSearch .icon {
    width: 40px;
    height: 57px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -337px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.c-header .btnCart {
    position: absolute;
    top: 0;
    right: 6px
}

.c-header .btnCart .icon {
    width: 40px;
    height: 57px;
    background-position: 0 -197px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.c-header .btnCart .btn:before, .c-header .btnCart .icon {
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-header .btnCart .btn:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 22px;
    background-position: -8px -219.5px;
    vertical-align: bottom
}

.c-header .btnMypage {
    position: absolute;
    top: 0;
    left: 6px
}

.c-header .btnCart .btn, .c-header .btnMypage .btn {
    width: 45px;
    height: 57px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 5px
}

.c-header .btnMypage .btn:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 21px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -1386px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom
}

.c-header .btnCart .btn .count {
    top: 9px
}

.c-header .btnMypage .text {
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 1;
    margin-top: 5px
}

.c-header .btnCart .text, .c-header .btnMypage .text {
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 1;
    margin-top: 4px
}

.c-header .c-gender {
    display: -webkit-flex;
    display: flex;
    height: 50px;
    position: absolute;
    right: 10px
}

.c-header .c-gender .d-gender-btn {
    height: 22px;
    padding: 18px 12px 10px;
    box-sizing: content-box;
    line-height: 22px;
    font-size: 12px
}

.c-header .c-gender .d-gender-btn .text {
    color: #999;
    line-height: 12px;
    letter-spacing: 1px
}

.c-header .c-gender .d-gender-btn.is-current .text {
    color: #00a6dd
}

.c-header .c-gender .d-gender-btn.is-disabled {
    pointer-events: none;
    opacity: .4
}

.c-header .c-gender .d-gender-btn--women {
    width: 55px
}

.c-header .c-gender .d-gender-btn--men {
    width: 31px
}

.c-header--simple .logo {
    margin-left: auto;
    margin-right: auto
}

.c-headerSearch {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    background: #fff;
    z-index: 5;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

/*
  このクラスは、ヘッダー直下に設置されている「検索・絞り込み窓」を非表示にするために使用します。
  注意:
  - このクラスは、特定の目的に特化した具体的な状態管理クラスです。
    ヘッダー直下の検索窓を隠すための専用クラスであり、現行のDOM構造（以下）限定での利用を想定しています。
    `<header>...</header>
     <div class="c-headerSearch c-headerSearchHiddenBelowHeader d-headerSearch-content ..."></div>
     <div class="c-headerSearch d-headerCameraSearch-content">`
  - 再利用性を考慮していないため、適用範囲を拡大しないでください。（他の要素や汎用的な非表示には使用しないでください。）
*/
.c-headerSearchHiddenBelowHeader {
    height: 0;
}

.c-headerSearch .input {
    padding: 8px 10px;
    position: relative;
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #dfdfdf
}

.c-headerSearch .input .word {
    position: relative;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    width: 100%
}

.c-headerSearch .input .icon-magnifying-glass {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass.svg);
    mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-headerSearch .input .word input[type=text] {
    height: 44px;
    padding-left: 40px;
    padding-right: 60px;
    border: none;
    border-radius: 3px;
    outline: none;
    background: #fafafa;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -148px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-headerSearch .input .word input[type=text].release-fix {
    background-image: none
}

.c-headerSearch .input .word input[type=text] + span {
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.c-headerSearch .input .word input[type=text]::-webkit-input-placeholder {
    color: #bfbfbf
}

.c-headerSearch .input .word input[type=text]:-ms-input-placeholder {
    color: #bfbfbf
}

.c-headerSearch .input .word input[type=text]::placeholder {
    color: #bfbfbf
}

.c-headerSearch .input .word input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 40px;
    height: 44px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -148px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    background-color: inherit;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: none
}

.c-headerSearch .word input[type=submit].release-fix {
    background-image: none
}

.c-headerSearch .word input[type=submit] + span {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    display: none
}

.c-headerSearch .close button {
    background: inherit;
    border: none;
    word-break: keep-all;
    font-size: 12px;
    outline: 0;
    cursor: pointer;
    padding-right: 0;
    color: #00a6dd;
    display: none
}

.c-headerSearch .camera {
    position: absolute;
    right: 0;
    top: 0
}

.c-headerSearch .icon-camera:after {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-camera.svg);
    mask-image: url(/assets/img/common/icon/default/icon-camera.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-headerSearch .cameraIcon {
    width: 48px;
    height: 36px;
    margin: 4px 2px;
    border: none;
    border-left: 1px solid #bfbfbf;
    background: inherit;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    display: block
}

.c-headerSearch .cameraIcon:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 22px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -1440px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-headerSearch .cameraIcon.release-fix:after {
    width: 24px;
    height: 24px;
    background-image: none
}

.c-headerSearch .delete {
    display: none
}

.c-headerSearch .delete button {
    position: absolute;
    width: 19px;
    height: 19px;
    background: #e5e5e5;
    border-radius: 19px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    top: 50%;
    right: 70px;
    padding: 0;
    display: block;
    border: 1px;
    margin-top: -10px
}

.c-headerSearch .delete button:after {
    content: "+";
    position: absolute;
    right: -5px;
    top: -5px;
    width: 14px;
    height: 14px;
    margin-top: 0;
    border: none;
    font-size: 20px;
    text-indent: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-headerSearch .content {
    display: none;
    background: #f2f2f2
}

.c-headerSearch .content > * {
    background: #fff
}

.c-headerSearch .title {
    position: relative;
    margin-bottom: 10px
}

.c-headerSearch .title .text {
    line-height: 52px;
    font-size: 17px;
    text-align: center;
    position: relative
}

.c-headerSearch .hotword {
    padding: 0 10px;
    white-space: nowrap;
    overflow-x: scroll;
    border-bottom: 1px solid #dfdfdf
}

.c-headerSearch .hotword:empty:after {
    content: "";
    display: block;
    height: 25px;
    width: 100%;
    margin-bottom: 8px;
    background: #f7f7f7;
    border-radius: 5px
}

.c-headerSearch .hotword .word {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px
}

.c-headerSearch .hotword a {
    display: block;
    padding: 0 6px;
    background: #f7f7f7;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    letter-spacing: .075em
}

.c-headerSearch.active {
    position: fixed;
    top: 0;
    padding-top: 0;
    height: 100%;
    z-index: 5
}

.c-headerSearch.active .input .word input[type=submit], .c-headerSearch.active .word input[type=submit] + span {
    display: block
}

.c-headerSearch.active .input .word input[type=text] {
    padding-left: 10px;
    background: none
}

.c-headerSearch.active .input .word input[type=text] + span {
    display: none
}

.c-headerSearch.active .close button {
    display: block
}

.c-headerSearch.active .camera {
    display: none
}

.c-headerSearch.active .camera input[type=file] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-headerSearch.active .content {
    display: block
}

.c-gender {
    height: 44px;
    background: #fff
}

.c-gender.release-fix {
    height: auto;
    background: transparent
}

.c-gender li {
    float: left;
    width: 50%;
    height: 44px;
    line-height: 42px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    font-size: 14px;
    color: #999;
    text-align: center
}

.c-gender.release-fix li {
    float: none;
    width: auto;
    box-sizing: content-box;
    border: none
}

.c-gender li:first-child {
    border-left: 0
}

.c-gender li.is-current {
    color: #00a6dd;
    border-bottom: 2px solid #00a6dd
}

.c-gender.release-fix li.is-current {
    border-bottom: none
}

.c-breadcrumb {
    padding: 5px 10px;
    white-space: nowrap;
    overflow-x: scroll;
    font-size: 10px;
    border-top: 1px solid #e5e5e5;
}

.c-breadcrumb li {
    display: inline
}

.c-breadcrumb li a {
    padding: 5px 0;
    display: inline-block
}

.c-breadcrumb li:before {
    margin-right: 5px;
    margin-left: 5px;
    content: ">";
    display: inline;
    font-size: 12px
}

.c-breadcrumb li:first-child:before {
    margin: 0;
    content: "";
    display: none
}

.c-hero {
    clear: both
}

.c-hero img {
    width: 100%
}

.c-headerLink {
    margin-bottom: 11px;
    text-align: center
}

.c-headerLink .fav, .c-headerLink .link {
    line-height: 43px;
    border-bottom: 1px solid #e5e5e5
}

.c-headerLink .link a {
    border-left: 1px solid #e5e5e5;
    float: left;
    width: 50%;
    box-sizing: border-box
}

.c-headerLink .link a:first-child {
    border-left: 0
}

.c-actions {
    margin-bottom: 11px
}

.c-actions .text {
    margin: 0 10px 10px;
    padding: 0 0 11px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 28px
}

.c-actions .text .mail {
    float: left
}

.c-actions .text .link {
    float: left;
    margin-left: 1em
}

.c-actions .btn {
    padding: 0;
    border-bottom: 0;
    position: absolute;
    right: 10px;
    top: -3px
}

.c-actions .btn a:first-child, .c-actions .btn button:first-child {
    margin-left: 0
}

.c-actions .btn.col2 a, .c-actions .btn.col2 button {
    width: 48.5%
}

.c-actions .btn.sm a, .c-actions .btn.sm button {
    font-size: 10px
}

.c-actions .d-tab-btn.is-current {
    display: none
}

.c-subNav {
    margin-bottom: 22px;
    padding: 0 10px;
    letter-spacing: .075em
}

.c-subNav li {
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.c-subNav li > span {
    padding: 16px 20px 16px 0;
    display: block;
    position: relative
}

.c-subNav li > span:after {
    margin-top: -4px;
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-subNav li > span.is-show:after {
    margin-top: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.c-subNav li ul {
    padding-left: 10px;
    border-top: 1px solid #e5e5e5
}

.c-subNav li ul a {
    padding: 11px 10px
}

.c-subNav li li {
    border-bottom: 1px solid #e5e5e5
}

.c-subNav li li:last-child {
    border-bottom: 0
}

.c-subNav a.icon-chevron-right:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-subNav a {
    padding: 16px 20px 16px 0;
    display: block;
    text-decoration: none;
    position: relative
}

.c-subNav a:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%
}

.c-subNav a.remove {
    padding: 0;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    z-index: 1;
    background: #e5e5e5
}

.c-subNav a.remove:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 0
}

.c-subNav a.remove:after, .c-subNav a.remove:before {
    margin-top: -1px;
    margin-left: -6px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 1px;
    background: #000
}

.c-subNav a.remove:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-subNav a.remove + a {
    margin-left: 33px
}

.c-search .area, .c-search .brand {
    margin-top: 11px;
    font-size: 15px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e5e5e5
}

.c-search p.area {
    font-size: 12px;
    text-align: left
}

.c-search .anchor {
    margin: 11px 10px
}

.c-search .anchor li {
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #999;
    line-height: 1
}

.c-search .anchor li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0
}

.c-search .fav {
    line-height: 43px;
    text-align: left
}

.c-search .condition, .c-search .fav {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 10px
}

.c-search .condition {
    padding: 11px 0;
    font-size: 10px
}

.c-search .condition dl {
    text-align: left;
    width: 100%;
    clear: left
}

.c-search .condition dl.col2 {
    clear: none;
    float: left;
    width: 50%
}

.c-search .counter {
    margin: 0 10px;
    padding: 11px 0;
    border-bottom: 1px solid #e5e5e5
}

.c-search .byText {
    margin: 22px 0 0;
    padding: 0 10px 21px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.c-search .byText input[type=text] {
    height: 44px
}

.c-search .byText .icon-magnifying-glass {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass.svg);
    mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-search .byText input[type=submit] {
    position: absolute;
    right: 10px;
    top: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0;
    width: 40px;
    height: 44px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.c-search .byText input[type=submit] + span {
    position: absolute;
    right: 20px;
    top: 12px;
    pointer-events: none
}

.c-search .byMap {
    margin: -11px 0 11px
}

.c-search .byMap .map {
    width: 100%;
    height: 240px
}

.c-search .shopList .shop {
    margin-bottom: 22px;
    padding: 10px 10px 0;
    border-top: 1px solid #e5e5e5
}

.c-search .shopList .shop:first-child {
    border-top: 0
}

.c-search .shopList .distance {
    float: right
}

.c-search .shopList .name {
    margin-bottom: 6px;
    font-weight: 700
}

.c-search .shopList .gender {
    margin-bottom: 5px;
    color: #999
}

.c-search .shopList .tag {
    padding: 0 6px;
    height: 22px;
    display: inline-block;
    color: #333;
    background: #e5e5e5;
    font-size: 10px
}

.c-search .shopList .btn a, .c-search .shopList .detail {
    margin-bottom: 11px
}

.c-card {
    margin: 0 20px 22px
}

.c-card .property {
    margin-bottom: 11px;
    text-align: center
}

.c-card .property dd, .c-card .property dt {
    display: inline-block
}

.c-card .property dd {
    margin-left: 5px
}

.c-card .img {
    text-align: center
}

.c-card .img img {
    max-width: 100%
}

.c-checkoutNav {
    margin: 0 10px
}

.c-checkoutNav .total {
    padding: 5px 0 6px
}

.c-checkoutNav .total .qty {
    font-size: 10px
}

.c-checkoutNav .total .price {
    font-size: 17px;
    color: #fc125d
}

.c-checkoutNav .btn {
    margin-top: 15px
}

.c-checkoutNav .before-confirm-wrapper {
    margin-top: 20px
}

.c-checkoutNav .before-confirm-wrapper p a {
    color: #00a6dd
}

.c-checkoutNav .btn a, .c-checkoutNav .btn button {
    margin-bottom: 7px
}

.c-checkoutNav .coupon {
    margin: 11px 0 22px
}

.c-sns {
    margin: 0 20px 33px;
    text-align: center
}

.c-sns li {
    margin-left: 12px;
    margin-right: 12px;
    display: inline-block
}

.c-sns .view {
    margin-right: 0;
    float: right
}

.c-sns .view strong {
    margin-right: 3px;
    font-size: 14px
}

.c-lead {
    margin: 17px 20px 22px
}

.c-lead p {
    margin-bottom: 11px;
    letter-spacing: .075em
}

.c-lead .required {
    margin-right: 5px;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background: #fc125d
}

.c-lead .xl {
    font-size: 24px;
    line-height: 44px
}

.c-lead .lg {
    font-size: 16px
}

.c-lead .sm {
    font-size: 10px
}

.c-lead .sub {
    margin-left: 10px;
    margin-bottom: 11px;
    float: right
}

.c-text {
    margin: 11px 0 22px;
    padding: 0 10px;
    line-height: 1.692
}

.c-text li, .c-text p {
    margin-bottom: 11px
}

.c-text .link {
    float: right
}

.c-text .required {
    margin-right: 5px;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background: #fc125d
}

.c-text .line {
    margin-bottom: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.c-text .attention {
    margin-bottom: 11px;
    color: #e93b6c
}

.c-text .xl {
    font-size: 24px
}

.c-text .lg {
    font-size: 16px
}

.c-text .sm {
    font-size: 10px
}

.c-text--line {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.c-text--attention {
    margin-top: 22px;
    margin-bottom: 22px;
    color: #999
}

.c-noticeList .info {
    padding: 11px 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 10px
}

.c-noticeList .info:last-child {
    border-bottom: 0
}

.c-noticeList .thumb {
    float: left;
    width: 95px
}

.c-noticeList .data {
    float: left;
    width: 68.3%;
    width: calc(100% - 95px)
}

.c-noticeList .data .txt {
    margin-bottom: 11px
}

.c-noticeList .time {
    clear: both;
    text-align: right;
    color: #999
}

.c-article {
    margin: 0 10px 22px
}

.c-article .date {
    color: #999;
    text-align: right
}

.c-article .header {
    margin-top: 22px
}

.c-article .header .date {
    float: left;
    text-align: left
}

.c-article .header .brand {
    float: left;
    color: #999
}

.c-article .header .brand:before {
    margin: 0 5px;
    content: "|";
    display: block;
    float: left;
    color: #999
}

.c-article .header .sns {
    float: right
}

.c-article .header .sns li {
    margin-right: 11px;
    float: left
}

.c-article .header .view {
    margin-right: 22px;
    float: right
}

.c-article .img {
    margin-top: 11px;
    margin-bottom: 11px
}

.c-article .img img {
    max-width: 100%
}

.c-article .line {
    margin-bottom: 22px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e5e5e5
}

.c-article .txt {
    margin-bottom: 11px
}

.c-article .item {
    line-height: 1.5;
    margin-bottom: 22px;
    position: relative;
    min-height: 85px
}

.c-article .item a {
    display: inline-block;
    text-decoration: none
}

.c-article .item .thumb {
    position: relative;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 85px
}

.c-article .item .thumb img {
    max-width: 100%
}

.c-article .item .data {
    font-size: 11px;
    color: #666;
    padding-left: 95px
}

.c-article .item .fav {
    margin-right: 4px;
    float: right;
    background-position: 0 -407px;
    text-indent: 100%;
    text-indent: -9999px;
    cursor: pointer
}

.c-article .item .fav, .c-article .item .fav.is-checked {
    width: 17px;
    height: 15px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    white-space: nowrap;
    overflow: hidden
}

.c-article .item .fav.is-checked {
    background-position: 0 -427px;
    text-indent: 100%
}

.c-article .item .brand {
    color: #999
}

.c-article .item .name {
    margin-bottom: 3px;
    color: #999
}

.c-article .item .price {
    margin-bottom: 6px
}

.c-article .item .discount {
    color: #fc125d
}

.c-article .item .description {
    margin-bottom: 6px
}

.c-tagCloud {
    margin-bottom: 33px;
    padding: 0 10px
}

.c-tagCloud li {
    margin-bottom: 7px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: inline-block;
    line-height: 24px
}

.c-tagCloud a {
    padding: 0 10px;
    display: inline-block;
    text-decoration: none
}

.c-tagCloud a:hover {
    opacity: .7
}

.c-tagSearch {
    margin: 20px 0;
    padding: 0 10px
}

.c-tagSearch li a {
    display: block;
    padding: 7px 30px 7px 15px;
    background: #e5e5e5;
    border-radius: 2px;
    position: relative
}

.c-tagSearch li a.remove.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.c-tagSearch li a.remove.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.c-tagSearch li a.remove:after, .c-tagSearch li a.remove:before {
    position: absolute;
    right: 10px;
    top: 50%
}

.c-tab {
    margin-top: -11px;
    margin-bottom: 11px;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-flex;
    display: flex
}

.c-tab li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 15px;
    box-sizing: border-box
}

.c-tab li:first-child {
    border-left: 0
}

.c-tab li a {
    padding: 11px 10px 10px;
    display: block;
    color: #999;
    text-decoration: none
}

.c-tab li span {
    border-left: none;
    padding: 11px 10px 8px;
    display: block
}

.c-tab li.is-current {
    margin-bottom: -1px;
    padding: 11px 10px 8px;
    border-bottom: 3px solid #00a6dd;
    color: #00a6dd
}

.c-tab li.is-current span {
    padding: 0 8px
}

.c-tab--default {
    margin-top: 11px;
    margin-bottom: 0
}

.c-tab--default li {
    width: 33.3333%;
    border-left: 0;
    color: #999
}

.c-tab--default li span {
    display: inline-block;
    padding: 11px 10px
}

.c-tab--default li.is-checked, .c-tab--default li.is-show {
    color: #000
}

.c-tab--default li.is-checked span, .c-tab--default li.is-show span {
    padding: 11px 10px 10px;
    border-bottom: 1px solid #000
}

.c-tab--col2 li {
    font-size: 14px;
    width: 50%
}

.c-tab--col3 li {
    font-size: 12px;
    width: 33.3333%
}

.c-tab--col4 li {
    font-size: 12px
}

.c-sort .menu {
    padding: 11px 10px 0;
    display: -webkit-flex;
    display: flex
}

.c-sort .menu a {
    display: block;
    margin: 0 10px;
    padding-right: 20px;
    line-height: 39px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    color: #999;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px solid transparent
}

.c-sort .menu a.icon-chevron:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-sort .menu a.icon-chevron.is-show:after, .c-sort .menu a.icon-chevron:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333
}

.c-sort .menu a.icon-chevron.is-show:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.c-sort .menu a:after {
    margin-top: -8px;
    position: absolute;
    right: 15px;
    top: 50%
}

.c-sort .menu a.is-show {
    border: 1px solid #000
}

.c-sort .menu a.is-show:after {
    margin-top: -4px
}

.icon-sliders span:before {
    background-color: #999
}

.icon-sliders.is-show span:before, .icon-sliders span:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sliders.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sliders.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icon-sliders.is-show span:before {
    background-color: #333
}

.icon-sort span:before {
    background-color: #999
}

.icon-sort.is-show span:before, .icon-sort span:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sort.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sort.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icon-sort.is-show span:before {
    background-color: #333
}

.c-sort .menu .btnRefine span:before, .c-sort .menu .btnSort span:before {
    margin-top: -2px;
    margin-right: 10px;
    content: "";
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle
}

.c-sort > .icon-sliders:after {
    background-color: #999
}

.c-sort > .icon-sliders.is-show:after, .c-sort > .icon-sliders:after {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sliders.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sliders.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-sort > .icon-sliders.is-show:after {
    background-color: #333
}

.c-sort .refine, .c-sort .sort {
    margin: 11px 10px 0
}

.c-sort .input {
    background: #fff
}

.c-sort .refine dl {
    font-size: 10px
}

.c-sort .refine dd, .c-sort .refine dt {
    box-sizing: border-box;
    float: left;
    border-top: 1px solid #e5e5e5
}

.c-sort .refine dt {
    clear: left;
    width: 32%;
    padding: 11px 0 11px 10px;
    line-height: 33px
}

.c-sort .refine dt.line2 {
    padding: 16px 10px 17px;
    line-height: 11px
}

.c-sort .refine dd {
    width: 68%;
    padding: 11px 10px 11px 0
}

.c-sort .refine label, .c-sort .refine select {
    width: 100%
}

.c-sort .refine a.icon-chevron-right:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-sort .refine a {
    line-height: 33px;
    padding: 0 25px 0 5px;
    border-bottom: 1px solid #b5b5b5;
    box-sizing: border-box;
    position: relative;
    display: block
}

.c-sort .refine a:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%
}

.c-sort .refine .m-text {
    font-size: 12px
}

.c-sort .sort li label {
    padding: 11px 10px;
    display: block
}

.c-sort .btn {
    margin: 11px 10px 0
}

.c-sort .btn button {
    float: left;
    margin-left: 10px;
    width: 48%;
    width: calc(50% - 5px);
    line-height: 43px
}

.c-sort .btn button:first-child {
    margin-left: 0
}

.c-sort--page {
    margin-bottom: 33px;
    padding-bottom: 0;
    background: #fff
}

.c-sort--page .refine {
    margin-top: 11px
}

.c-sort--page .refine dd:nth-child(2), .c-sort--page .refine dt:first-child {
    border-top: 0
}

.c-sort--page .btn {
    margin: 22px 0 0
}

.c-itemList {
    line-height: 1.5
}

.c-itemList img {
    width: 100%;
    height: auto
}

.c-itemList a {
    display: inline-block;
    text-decoration: none
}

.c-itemList .thumb {
    margin-bottom: 7px;
    position: relative
}

.c-itemList .thumb .property {
    font-size: 11px;
    text-align: center
}

.c-itemList .sale {
    padding: 5px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #fff;
    background: #333;
    font-size: 9px;
    line-height: 11px
}

.c-itemList .size {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 52px;
    text-align: center;
    background: hsla(0, 0%, 100%, .85);
    transition: .3s
}

.c-itemList .size del, .c-itemList .size span {
    margin: 0 4px
}

.c-itemList .size del {
    color: #999
}

.c-itemList .soldout {
    margin-top: -16px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    line-height: 32px;
    color: #f66;
    background: hsla(0, 0%, 100%, .85);
    text-align: center;
    font-size: 14px
}

.c-itemList .data, .c-itemList .property dd, .c-itemList .property dt {
    font-size: 12px;
    color: #666
}

.c-itemList .fav {
    margin-right: -3px;
    float: right
}

.c-itemList .brand {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.c-itemList .brandSmall {
    font-size: 10px;
}

.c-itemList .discount {
    color: #fc125d
}

.c-itemList .cart {
    margin-top: 8px
}

.c-itemList .status strong {
    color: #f99
}

.c-itemList .change {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -14px
}

.c-itemList .review a {
    display: inline-block;
    text-decoration: underline
}

.c-itemList .review .no {
    margin-left: 5px
}

.c-itemList .ranking {
    background-color: #999
}

.c-itemList .ranking, .c-itemList .ranking1 {
    width: 36px;
    height: 36px;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%)
}

.c-itemList .ranking1 {
    background-color: #e0d260
}

.c-itemList .ranking2 {
    background-color: silver
}

.c-itemList .ranking2, .c-itemList .ranking3 {
    width: 36px;
    height: 36px;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%)
}

.c-itemList .ranking3 {
    background-color: #ba9586
}

.c-itemList .ranking {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 3px;
    line-height: 20px;
    font-size: 11px;
    color: #fff
}

.c-itemList--horizontal {
    margin-bottom: 11px
}

.c-itemList--horizontal .item {
    padding: 22px 10px;
    border-bottom: 1px dotted #e5e5e5;
    position: relative
}

.c-itemList--horizontal .item:last-child {
    border-bottom: 0
}

.c-itemList--horizontal .thumb {
    margin-bottom: 0;
    position: absolute;
    left: 10px;
    top: 22px;
    width: 100px
}

.c-itemList--horizontal .data {
    font-size: 13px;
    padding-left: 112px;
    color: #000;
    min-height: 120px
}

.c-itemList--horizontal .brand, .c-itemList--horizontal .name, .c-itemList--horizontal .property {
    margin-bottom: 3px
}

.c-itemList--horizontal .brand {
    white-space: normal
}

.c-itemList--horizontal .qty, .c-itemList--horizontal .remove {
    margin-top: 11px;
    display: inline-block
}

.c-itemList--horizontal .remove {
    margin-left: 10px
}

.c-itemList--horizontal .check {
    position: relative;
    display: block
}

.c-itemList--horizontal .check .thumb {
    left: 30px;
    top: 0
}

.c-itemList--card {
    margin-bottom: 33px;
    border-top: 1px solid #e5e5e5
}

.c-itemList--card a:hover {
    text-decoration: none
}

.c-itemList--card .thumb {
    padding-right: 10px;
    width: 88px
}

.c-itemList--card img {
    width: 100%;
    height: auto
}

.c-itemList--card .data {
    -webkit-flex: 1;
    flex: 1;
    padding-right: 10px;
    font-size: 12px;
    color: #666
}

.c-itemList--card .discount {
    color: #fc125d
}

.c-itemList--card__item {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #e5e5e5
}

.c-itemList--card__inner {
    display: -webkit-flex;
    display: flex;
    padding-right: 20px;
    min-height: 88px;
    position: relative
}

.c-itemList--card__inner:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-right: 10px
}

.c-snapList {
    line-height: 1.5
}

.c-snapList img {
    width: 100%;
    height: auto
}

.c-snapList a {
    display: block;
    text-decoration: none
}

.c-snapList .thumb {
    margin-bottom: 7px;
    position: relative
}

.c-snapList .data {
    position: relative;
    font-size: 12px;
    color: #666
}

.c-snapList .property {
    position: relative;
    font-size: 11px
}

.c-snapList .property dd, .c-snapList .property dt {
    margin-bottom: 3px
}

.c-snapList .property dd {
    color: #999
}

.c-snapList .property dd:before {
    content: ": "
}

.c-snapList--random {
    display: grid;
    gap: 3px;
    grid-template-columns:repeat(3, 1fr);
    padding: 3px
}

.c-snapList--random img {
    max-width: 100%;
    width: 100%
}

.c-snapList--random li:nth-child(12n+4) {
    grid-column: 1/span 2;
    grid-row: span 2
}

.c-snapList--random li:nth-child(12n+11) {
    grid-column: 2/span 2;
    grid-row: span 2
}

.c-model {
    padding: 22px 10px
}

.c-model .thumb {
    width: 88px;
    border-radius: 50%;
    float: left;
    overflow: hidden
}

.c-model .data {
    float: right;
    width: calc(100% - 98px);
    line-height: 1.5
}

.c-model .data1 {
    margin-bottom: 6px
}

.c-model .data2 {
    margin-bottom: 5px;
    font-size: 10px
}

.c-model .data3 {
    font-size: 10px
}

.c-model .name {
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: .075em;
    float: left
}

.c-model .brand, .c-model .count, .c-model .follower, .c-model .gender, .c-model .height, .c-model .shop {
    display: inline-block
}

.c-model .brand:after, .c-model .gender:after, .c-model .height:after {
    margin-right: 5px;
    margin-left: 5px;
    content: "|";
    color: #999
}

.c-model .count, .c-model .follower {
    color: #999
}

.c-model .count strong, .c-model .follower strong {
    color: #000;
    font-size: 12px;
    margin-right: .5em
}

.c-model .count {
    margin-right: 10px
}

.c-topicList {
    margin-bottom: 33px;
    border-top: 1px solid #e5e5e5
}

.c-topicList img {
    max-width: 100%
}

.c-topicList a {
    padding-right: 20px;
    min-height: 88px
}

.c-topicList a:after {
    margin-right: 10px
}

.c-topicList .topic {
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

.c-topicList .thumb {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -44px;
    width: 88px;
    height: 88px
}

.c-topicList .data {
    padding: 10px 10px 10px 98px
}

.c-topicList .title {
    letter-spacing: .075em;
    min-height: 34px
}

.c-topicList .brand, .c-topicList .date, .c-topicList .view {
    float: left;
    color: #999;
    font-size: 10px;
    line-height: 1.5
}

.c-topicList .date:before, .c-topicList .view:before {
    margin: 0 5px;
    content: "|";
    display: inline
}

.c-topicList .ranking {
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 17px;
    padding-left: 2px;
    line-height: 21px;
    box-sizing: border-box;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background-position: 0 -552px
}

.c-topicList .ranking, .c-topicList .ranking1 {
    width: 30px;
    height: 30px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-topicList .ranking1 {
    background-position: 0 -447px
}

.c-topicList .ranking2 {
    background-position: 0 -482px
}

.c-topicList .ranking2, .c-topicList .ranking3 {
    width: 30px;
    height: 30px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-topicList .ranking3 {
    background-position: 0 -517px
}

.c-brandList {
    margin-bottom: 33px
}

.c-brandList a.icon-chevron-right:after, .c-brandList a:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-brandList a {
    display: block;
    line-height: 44px;
    padding: 11px 20px 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    position: relative
}

.c-brandList a:after {
    margin-top: -4px;
    position: absolute;
    right: 14px;
    top: 50%
}

.c-brandList label {
    padding: 11px 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    position: relative
}

.c-brandList .en, .c-brandList .gender, .c-brandList .ja, .c-brandList .name {
    display: block;
    line-height: 22px
}

.c-brandList .en {
    font-size: 14px
}

.c-brandList .en, .c-brandList .name {
    color: #000
}

.c-brandList .gender, .c-brandList .ja {
    font-size: 10px;
    color: #999
}

.c-categoryList {
    margin-bottom: 33px;
    border-top: 1px solid #e5e5e5
}

.c-categoryList .number {
    font-size: 10px
}

.c-categoryList .btn.icon-chevron:after, .c-categoryList .btn:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-categoryList .btn {
    display: block;
    line-height: 44px;
    padding: 11px 20px 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    position: relative
}

.c-categoryList .btn:after {
    margin-top: -8px;
    position: absolute;
    right: 14px;
    top: 50%
}

.c-categoryList ul {
    padding-left: 20px
}

.c-categoryList a.icon-chevron-right:after, .c-categoryList a:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-categoryList a {
    display: block;
    line-height: 44px;
    padding: 11px 20px 10px 10px;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
    position: relative
}

.c-categoryList a:after {
    margin-top: -4px;
    position: absolute;
    right: 14px;
    top: 50%
}

.c-categoryList .category > a {
    border-bottom: 1px solid #e5e5e5
}

.c-categoryList .category.is-show .btn.icon-chevron:after, .c-categoryList .category.is-show .btn:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.c-categoryList .category.is-show {
    background: #e5e5e5
}

.c-categoryList .category.is-show .btn {
    border-bottom: 1px solid #fff
}

.c-categoryList .category.is-show .btn:after {
    margin-top: -1px
}

.c-pickUpList {
    margin-bottom: 33px;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.c-pickUpList img {
    max-width: 100%
}

.c-pickUpList .brand {
    width: 88px
}

.c-fieldset fieldset, .c-fieldset legend {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.c-fieldset .data, .c-fieldset .title {
    position: relative
}

.c-fieldset .title {
    padding: 0 10px;
    line-height: 33px;
    letter-spacing: .075em;
    background: #e5e5e5
}

.c-fieldset .title .required {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    display: block;
    font-size: 10px;
    color: #fff;
    background: #fc125d
}

.c-fieldset .data {
    margin: 0 10px;
    padding: 17px 0 22px
}

.c-fieldset .input > dt, .c-fieldset .sub > dt {
    margin-top: 11px
}

.c-fieldset .sub {
    margin: 0 -10px;
    background: #e5e5e5
}

.c-fieldset .sub > dt {
    margin-top: -1px;
    padding: 11px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative
}

.c-fieldset .sub > dt:after {
    content: "";
    display: block;
    position: absolute;
    margin-top: -3px;
    right: 14px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.c-fieldset .sub.is-show > dt:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.c-fieldset .sub .input {
    margin-left: 20px
}

.c-fieldset .sub .input dd, .c-fieldset .sub .input dt {
    padding-left: 10px
}

.c-fieldset .sub .input dt {
    margin-top: 0;
    padding: 11px 10px 0
}

.c-fieldset .sub .input dd {
    padding: 0 10px 11px;
    border-bottom: 1px dotted #fff
}

.c-fieldset--mailMagazine .property {
    margin-right: 20px;
    display: inline-block
}

.c-fieldset--mailMagazine .sample {
    display: inline-block;
    vertical-align: top
}

.c-form {
    line-height: 33px
}

.c-form, .c-form dd, .c-form dt {
    position: relative
}

.c-form dt {
    padding: 0 10px;
    line-height: 33px;
    letter-spacing: .075em;
    background: #e5e5e5
}

.c-form dt.required {
    padding-right: 0
}

.c-form dt .required {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    display: block;
    font-size: 10px;
    color: #fff;
    background: #fc125d
}

.c-form dd {
    padding: 17px 10px 22px;
    box-sizing: border-box
}

.c-form dd input[type=tel] + a, .c-form dd input[type=tel] + div + a, .c-form dd input[type=text] + a, .c-form dd input[type=text] + div + a {
    display: inline-block;
    margin-left: 20px
}

.c-form p {
    line-height: 22px
}

.c-form .property {
    display: inline-block
}

.c-form dd.name label {
    display: block
}

.c-form dd.name label:first-child {
    margin-bottom: 22px
}

.c-form dd.name span {
    display: inline-block;
    width: 15%;
    color: #999
}

.c-form dd.name input[type=tel], .c-form dd.name input[type=text] {
    width: 85%
}

.registerStep {
    width: 305px;
    margin: 0 auto 16px
}

.registerStep__img {
    height: auto
}

.stepPart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 4px;
    line-height: 33px;
    font-size: 14px
}

.completeMessage, .stepPart {
    display: -webkit-flex;
    display: flex
}

.completeMessage {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    gap: 16px;
    padding: 16px 20px
}

.completeMessage__title {
    font-size: 16px;
    font-weight: 700
}

.completeMessage__message {
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.c-securityNotice {
    margin: 0 20px 16px;
    line-height: 22px;
    font-size: 11px
}

.registerFormRequired {
    color: #fc125d
}

.c-form .formConfirmTitle, .c-form .formGroupTitle {
    padding: 12px 10px;
    line-height: 1.5;
    background: #f7f7f7
}

.c-form .mailMagaNote {
    padding: 16px 10px;
    font-size: 13px;
    line-height: 22px
}

.c-form .formGroup {
    padding: 16px 0
}

.c-form .formGroup__input--radio {
    padding: 12px 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 20px
}

.c-form .brandMailMagazineList {
    margin: 16px 10px 0
}

.c-form .brandMailMagazineList__itemTitle {
    font-size: 14px;
    line-height: 21px;
    padding: 12px 10px;
    background: none
}

.c-form .brandMailMagazineList__block {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 16px
}

.c-form dd.brandMailMagazineList__item {
    padding: 0
}

.c-form .formGroup__input--checkbox {
    font-size: 16px;
    line-height: 28px;
    padding: 12px 10px;
    display: block
}

.c-form .formGroup__itemTitle {
    font-size: 14px;
    line-height: 21px;
    background: transparent;
    padding: 8px 10px 4px
}

.c-form .formGroup__item {
    padding: 8px 10px
}

.c-form .formGroup__item--name {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    width: 100%
}

.c-form .formGroup__item--gender {
    padding: 0 10px
}

.c-form .formGroup__item--name .formGroup__input {
    width: calc(100% - 4px)
}

.c-form .formZip {
    display: -webkit-flex;
    display: flex;
    gap: 10px
}

.c-form .formZip__item {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.c-form .d-radioToggle-btns {
    text-align: start;
    margin: 0;
    padding: 0 10px
}

.c-form .ajaxError, .c-form .ajaxResponse {
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.c-form .ajaxError {
    color: #e9506b
}

.c-form .formConfirm {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.c-form .formConfirm__title {
    background: none;
    min-width: 100px;
    letter-spacing: normal
}

.c-form .delimiter, .c-form .formConfirm__item, .c-form .formConfirm__title {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 21px
}

.c-form .formConfirm__item {
    word-break: break-all
}

.c-form .formConfirm__itemBlock {
    padding: 16px 0
}

.mailMagaNote--small {
    padding: 0;
    font-size: 11px
}

.groupMailMagaBlock {
    font-size: 16px;
    line-height: 28px;
    padding: 12px 10px
}

.groupMailMagaBlock .m-checkbox.registerFormCheckbox ~ span {
    display: inline
}

.brandMailMagaBlock {
    margin-top: 32px
}

.brandMailMagazineList__block span {
    display: inline-block
}

.agreementNote {
    padding: 0 10px 16px;
    font-size: 13px;
    line-height: 22px
}

.c-form dd.email .is-show .btn, .c-form dd.password .is-show .btn {
    display: none
}

.c-form dd.email .address {
    margin-right: 10px;
    display: inline-block
}

.c-form dd.email .input {
    margin-top: 11px;
    display: block;
    position: relative
}

.c-form dd.password .input {
    margin-bottom: 11px;
    display: block;
    position: relative
}

.c-form dd.password .input:last-child {
    padding-bottom: 0
}

.c-form dd.birthday select {
    width: 5em
}

.c-form .btn {
    margin: 0 10px 22px
}

.c-form .btn a, .c-form .btn button {
    margin-bottom: 11px
}

.c-form dd .btn {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -14px 0 0
}

.c-form--login {
    margin: 11px 10px 22px
}

.c-form--login .input li, .c-form--login .input p {
    margin: 11px 0 0
}

.c-form--login .input .forget {
    float: right
}

.c-form--login .btn {
    position: static;
    right: auto;
    top: auto;
    margin: 22px 0 0
}

.c-step {
    margin-bottom: 22px;
    display: table;
    width: 100%
}

.c-step ol, .c-step ul {
    display: table-row
}

.c-step li.icon-chevron-right:after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-step li {
    padding: 0 10px 0 2px;
    line-height: 43px;
    display: table-cell;
    color: #999;
    font-size: 10px;
    text-align: center;
    position: relative
}

.c-step li:after {
    content: "";
    display: block;
    position: absolute;
    margin-top: -4px;
    right: 3px;
    top: 50%
}

.c-step li:last-child:after {
    display: none
}

.c-step li.is-current, .c-step li.is-done {
    border-bottom: 1px solid #000
}

.c-step li.is-current {
    color: #000;
    font-weight: 700
}

.c-cartDetail {
    margin: 0 10px 22px;
    position: relative
}

.c-cartDetail .data {
    margin-top: 11px;
    float: left;
    max-width: 80%;
    max-width: calc(100% - 56px)
}

.c-cartDetail .data .name {
    font-size: 15px;
    line-height: 33px
}

.c-cartDetail .data th {
    width: 110px
}

.c-cartDetail .btn {
    max-width: 56px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px
}

.c-cartNotes {
    margin: 10px 0 22px;
    padding: 0 11px
}

.c-cartNotes a {
    color: #00a6dd
}

.c-cartNotes--no-margin {
    margin-top: 0
}

.c-cartNotes .notice, .c-cartNotes--no-margin .notice, .c-deliveryPlaceAttention .notice {
    color: #fc125d;
}

.c-cartNotesModal {
    margin: 35px 5px
}

.c-cartNotesModal .c-cartNotesModal__content {
    border-top: 1px solid #e5e5e5;
    padding-top: 22px
}

.c-cartDetail .price {
    margin-top: 11px;
    width: 100%
}

.c-cartDetail .price td {
    text-align: right
}

.c-cartDetail .price tfoot td, .c-cartDetail .price tfoot th {
    padding-top: 11px;
    border-top: 1px solid #999;
    font-size: 15px;
    font-weight: 700
}

.c-cartDetail .price tfoot th {
    color: #000
}

.c-cartDetail .price tfoot .total {
    color: #fc125d
}

.c-cartDetail .point {
    clear: both;
    line-height: 33px
}

.c-cartDetail .point button {
    margin-left: 11px
}

.c-cartDetail .point input[type=text] {
    width: 100px
}

.c-cartDetail .coupon li {
    padding-left: 28px;
    margin-top: 11px
}

.c-cartDetail .coupon p {
    font-size: 10px
}

.c-cartDetail .coupon input[type=radio] + span {
    margin-left: -28px
}

.c-cartDetail .coupon label {
    margin-bottom: 11px;
    display: inline-block
}

.c-cartDetail .coupon .property {
    font-size: 10px
}

.c-cartDetail .coupon .property dd, .c-cartDetail .coupon .property dt {
    display: inline;
    float: none
}

.c-cartDetail .coupon .property + .property {
    margin-bottom: 11px
}

.c-cartDetail .coupon .discount {
    margin: 5px 0;
    padding: 0 10px;
    display: inline-block;
    line-height: 23px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #ccc;
    background: #fff;
    text-align: center
}

.c-cartDetail .coupon input:checked + span > .discount {
    border-color: #00a6dd;
    color: #00a6dd
}

.c-cartDetail .wrapping {
    margin-top: 22px;
    position: relative;
    min-height: 85px;
    line-height: 1.5
}

.c-cartDetail .wrapping .thumb {
    position: absolute;
    left: 10px;
    top: 0;
    width: 85px
}

.c-cartDetail .wrapping .thumb img {
    width: 100%
}

.c-cartDetail .wrapping .name {
    padding-right: 46px;
    padding-left: 115px;
    font-size: 11px;
    color: #666
}

.c-cartDetail .wrapping .change {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px
}

.c-cartDetail .brand {
    margin: 11px 0
}

.c-cartDetail .brand li {
    padding: 10px 0;
    border-bottom: 1px dotted #e5e5e5;
    position: relative
}

.c-cartDetail .brand li:last-child {
    border-bottom: 0
}

.c-cartDetail .errorText {
    color: #fc125d
}

.g-order-line-help.icon-help:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-help.svg);
    mask-image: url(/assets/img/common/icon/default/icon-help.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-gallery, .c-gallery .img {
    position: relative
}

.c-gallery .img {
    margin-bottom: 11px
}

.c-gallery .img ul {
    white-space: nowrap
}

.c-gallery .img li {
    display: inline-block;
    width: 100%;
    background: #fff
}

.c-gallery .img img {
    width: 100%;
    height: auto
}

.c-gallery .data {
    margin: 0 0 22px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 10px
}

.c-gallery .thumb ul {
    text-align: center;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow-x: auto;
    display: block;
    white-space: nowrap;
    width: 100%;
    font-size: 0;
    padding: 0 10px
}

.c-gallery .thumb li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.c-gallery .thumb li:last-child {
    margin-right: 0
}

.c-gallery .thumb li img {
    border: 2px solid #fff
}

.c-gallery .thumb li.is-current img {
    border: 2px solid #00a6dd
}

.c-gallery .icon-magnifying-glass-viewfinder:after {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass-viewfinder.svg);
    mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass-viewfinder.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-gallery .imageSearchIcon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 33px;
    height: 33px;
    padding: 0;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .6)
}

.c-gallery .imageSearchIcon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

.c-gallery .stock {
    margin: 3px 64px 0 10px;
    line-height: 1.5;
    white-space: normal
}

.c-gallery .stock dd, .c-gallery .stock dt {
    display: inline-block;
    font-size: 10px
}

.c-gallery .wearsize {
    font-size: 10px;
    margin: 0 10px
}

.c-gallery .main-wearsize {
    font-size: 10px;
    margin: 3px 64px 0 10px;
    white-space: normal
}

.c-gallery .fav {
    position: absolute;
    top: 120vw;
    right: 10px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%)
}

.c-gallery .icon-heart a:before {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #00a6dd;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-gallery .fav a {
    background: #fff;
    border: 1px solid #eaeaea;
    width: 50px;
    height: 66px;
    display: block;
    position: relative;
    box-sizing: border-box
}

.c-gallery .fav a:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 13px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-gallery .fav .count {
    position: absolute;
    bottom: 5px;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 12px
}

.c-gallery .sale {
    position: absolute;
    top: 120vw;
    left: 10px;
    -webkit-transform: translateY(-135%);
    transform: translateY(-135%)
}

.c-gallery .sale .icon {
    display: inline-block;
    color: #fff;
    background: #333;
    font-size: 11px;
    line-height: 29px;
    padding: 0 8px;
    margin-right: 6px
}

.c-gallery--thumbnail .thumb ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-bottom: 10px
}

.c-staffProfileOverview {
    font-size: 11px;
    line-height: 20px
}

.c-staffProfileOverview .c-staffProfileOverview__content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-staffProfileOverview .c-staffProfileOverview__thumb {
    border-radius: 88px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 88px;
    width: 88px;
    position: relative;
    z-index: 1
}

.c-staffProfileOverview .c-staffProfileOverview__name {
    display: -webkit-flex;
    display: flex;
    font-size: 14px
}

.c-staffProfileOverview .c-staffProfileOverview__icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.c-staffProfileOverview .c-staffProfileOverview__icon .icon-sns-instagram {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-instagram.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-instagram.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-staffProfileOverview .c-staffProfileOverview__icon.is-empty-instagram {
    display: none
}

.c-staffProfileOverview .c-staffProfileOverview__follow {
    display: -webkit-flex;
    display: flex
}

.c-staffProfileOverview .c-staffProfileOverview__follow .c-staffProfileOverview__follow--strong {
    font-weight: 700;
    font-size: 12px;
    color: #000
}

.c-staffProfileOverview .c-staffProfileOverview__follow .c-staffProfileOverview__follow--default {
    color: #999
}

.c-staffFavoriteWrapper {
    width: 100%
}

.c-staffFollowButton {
    width: 100%;
    height: 42px;
    font-size: 12px;
    position: relative
}

.c-staffFollowButton .c-staffFollowButton__text--isFollowed {
    display: none;
    padding-left: 30px
}

.c-staffFollowButton .c-staffFollowButton__text--notFollowed {
    display: block;
    padding-left: 30px
}

.c-staffFollowButton:before {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -73px
}

.c-staffFollowButton.is-checked .c-staffFollowButton__text--isFollowed {
    display: block
}

.c-staffFollowButton.is-checked .c-staffFollowButton__text--notFollowed {
    display: none
}

.c-staffFollowButton.is-checked:before {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #00a6dd;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -85px
}

.c-staffProfileDetailWrapper {
    margin: 0 10px;
    border-top: 1px solid #e5e5e5
}

.c-staffProfileDetailWrapper .c-staffProfileDetail {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    font-size: 11px;
    gap: 8px
}

.c-staffProfileDetailWrapper .c-staffProfileDetail .c-staffProfileDetail__column {
    width: 230px
}

.c-staffProfileDetailWrapper .c-staffProfileDetail .c-staffProfileDetail__heading {
    font-weight: 700
}

.c-staffProfileDetailWrapper .c-staffProfileDetail .c-staffProfileDetail__text {
    padding-left: 18px;
    position: relative
}

.c-staffProfileDetailWrapper .c-staffProfileDetail .c-staffProfileDetail__text:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-triangle-arrow.svg);
    mask-image: url(/assets/img/common/icon/default/icon-triangle-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #999;
    width: 8px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: "";
    position: absolute;
    top: 7px;
    left: 0
}

.c-snapDetail .c-snapDetail__publishDate {
    font-size: 12px;
    color: #999;
    padding: 0 10px
}

.c-snapDetail .c-snapDetail__comment {
    font-size: 12px;
    padding: 0 10px;
    position: relative
}

.c-snap {
    margin-bottom: 21px
}

.c-snap .data {
    margin: 0 10px;
    padding: 11px 0 10px 98px;
    position: relative;
    min-height: 88px
}

.c-snap .thumb {
    position: absolute;
    left: 0;
    top: 11px;
    width: 88px;
    border-radius: 88px;
    overflow: hidden
}

.c-snap .property {
    font-size: 12px
}

.c-snap .fav {
    font-size: 10px
}

.c-snap .txt {
    margin: 11px 10px 22px;
    font-size: 12px
}

.c-snap .date {
    color: #999;
    margin-bottom: 6px
}

.c-item {
    margin-top: 11px
}

.c-item .detail {
    margin: 0 10px 22px
}

.c-item .detail .brand {
    font-size: 12px
}

.c-item .detail .name {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4
}

.c-item .detail .price {
    font-size: 20px;
    margin-bottom: 11px;
    font-weight: 700
}

.c-item .detail .price .before {
    margin-right: 11px;
    color: #999;
    font-size: 14px
}

.c-item .detail .price .after {
    margin-right: 11px;
    font-size: 18px;
    color: #fc125d
}

.c-item .detail .price .tax {
    font-size: .7em
}

.c-item .detail .price .discount {
    color: #fc125d;
    font-size: 14px
}

.c-item .detail .price .members {
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    font-weight: 400;
    background: #f0f0f0;
    text-align: center
}

.c-item .detail .price .members .tax {
    font-size: 10px
}

.c-item .detail .price .members .members_price {
    color: #fc125d;
    font-size: 18px;
    font-weight: 700
}

.c-item .detail .review {
    font-size: 10px;
    margin-bottom: 11px
}

.c-item .detail .review .no {
    margin-left: 11px
}

.c-item .detail .data {
    margin-bottom: 11px;
    font-size: 12px
}

.c-item .detail .data strong {
    color: #fc125d
}

.c-item .detail .tag li {
    margin-right: 5px;
    padding: 0 10px;
    display: inline-block;
    color: #333;
    background: #e5e5e5;
    font-size: 10px;
    line-height: 27px;
    border-radius: 3px
}

.c-item .detail .sameproduct_area {
    margin-top: 11px
}

.c-item .detail .sameproduct_area a {
    text-decoration: underline
}

.c-item .detail .sameproduct_area a:hover {
    text-decoration: none
}

.c-item .nav {
    margin-bottom: 22px;
    padding: 0 10px 10px
}

.c-item .nav a, .c-item .nav button {
    margin-bottom: 11px
}

.c-item .nav .column {
    display: -webkit-flex;
    display: flex
}

.c-item .nav .column > a:first-child {
    margin-right: 5px
}

.c-item .nav .column > a:last-child {
    margin-left: 5px
}

.c-item .menu {
    margin-top: 11px;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.c-item .menu a {
    color: #999;
    font-size: 14px;
    width: 25%;
    height: 66px
}

.c-item .menu a .menu__text-wrapper {
    height: 100%;
    position: relative
}

.c-item .menu a .menu__text-wrapper span {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.c-item .menu a.is-show {
    color: #000
}

.c-item .menu a.is-show .menu__text-wrapper {
    border-bottom: 1px solid #000;
    width: 80%;
    margin: auto
}

.c-item .description {
    margin: 33px 10px
}

.c-item .description p {
    margin-bottom: 11px
}

.c-item .description .sizeDetail {
    overflow-x: scroll;
    width: 100%
}

.c-item .description td, .c-item .description th {
    padding: 5px;
    border: 1px solid #e5e5e5;
    text-align: center;
    min-width: 4em
}

.c-item .description td:first-child, .c-item .description th {
    background: #f7f7f7
}

.c-item .description .sizeGuide {
    margin: 10px 0 12px
}

.c-item .description .sizeGuide__content {
    display: -webkit-flex;
    display: flex;
    gap: 12px
}

.c-item .description .sizeGuide__button {
    font-size: 13px
}

.c-item .description .dataDetail dt {
    width: 20%
}

.c-item .description .dataDetail dd {
    width: 80%
}

.c-item .description .dataDetail .category a:not(:last-child):after {
    content: " > "
}

.c-item .point p {
    font-size: 11px
}

.c-item .point .no {
    margin-left: 10px
}

.c-item .point .total {
    font-size: 11px
}

.c-item .histogram .meter {
    margin: 0 5px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    width: 142px;
    height: 3px;
    display: inline-block
}

.c-item .histogram .bar {
    height: 3px;
    background: #e0ce85
}

.c-item .histogram .no {
    display: inline-block;
    font-size: 11px
}

.c-item .post {
    padding: 22px 0;
    border-bottom: 1px dotted #e5e5e5;
    font-size: 11px
}

.c-item .post:last-child {
    border-bottom: 0
}

.c-item .post .data {
    margin-bottom: 11px
}

.c-item .post .date {
    color: #999;
    margin-left: 11px;
    display: inline-block;
    line-height: 18px
}

.c-item .post .author div {
    float: left
}

.c-item .post .author .author .size {
    display: inline-block
}

.c-item .post .author .age:before {
    margin: 0 3px;
    content: ":"
}

.c-item .post .author .gender:before, .c-item .post .author .size:before {
    margin: 0 5px;
    content: "|";
    display: block;
    float: left
}

.c-item .post .author .comment {
    margin-bottom: 22px;
    white-space: pre-line
}

.c-item .post .author .property {
    margin-bottom: 11px
}

.c-item .post .author .votes .question {
    margin-right: 11px
}

.c-review .point {
    margin: 0 10px 22px;
    line-height: 1
}

.c-review .point p {
    font-size: 11px;
    margin-bottom: 11px
}

.c-review .point p span {
    vertical-align: bottom
}

.c-review .point .stars {
    margin-right: 11px;
    color: #e0ce85
}

.c-review .point .total {
    margin-bottom: 11px;
    font-size: 11px
}

.c-review .histogram {
    line-height: 18px
}

.c-review .histogram .meter {
    margin: 0 5px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    width: 142px;
    height: 3px;
    display: inline-block
}

.c-review .histogram li {
    height: 18px
}

.c-review .histogram .bar {
    height: 3px;
    background: #e0ce85
}

.c-review .histogram .no {
    display: inline-block;
    font-size: 11px
}

.c-review .posts {
    margin: 0 10px
}

.c-review .sort {
    margin-bottom: 22px
}

.c-review .sort .select {
    margin-left: 20px;
    float: left;
    width: 46.666%;
    width: calc(50% - 10px);
    box-sizing: border-box
}

.c-review .sort .select:first-child {
    margin-left: 0
}

.c-review .sort .select select {
    width: 100%
}

.c-review .post {
    padding: 22px 0;
    border-bottom: 1px dotted #e5e5e5;
    font-size: 11px
}

.c-review .post:last-child {
    border-bottom: 0
}

.c-review .post .data {
    margin-bottom: 11px
}

.c-review .post .date {
    color: #999;
    margin-left: 11px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 18px
}

.c-review .post .author {
    margin-bottom: 22px
}

.c-review .post .author div {
    display: inline;
    float: left
}

.c-review .post .author .age:before {
    margin: 0 3px;
    content: ":"
}

.c-review .post .author .gender:before, .c-review .post .author .size:before {
    margin: 0 5px;
    content: "|";
    display: block;
    float: left
}

.c-review .post .author .size {
    display: inline
}

.c-review .post .comment {
    margin-bottom: 22px;
    white-space: pre-line
}

.c-review .post .votes {
    color: #999
}

.c-review .post .votes .question {
    margin-right: 11px
}

.c-reviewList iframe {
    width: 100%;
    overflow: auto;
    vertical-align: bottom
}

.c-reviewList .review {
    border-bottom: 1px dotted #e5e5e5
}

.c-reviewList .review .show {
    display: block
}

.c-reviewList .review .hide, .c-reviewList .review.is-show .show {
    display: none
}

.c-reviewList .review.is-show .hide {
    display: block
}

.c-reviewList .review.is-show .btn {
    display: none
}

.c-reviewList .review.is-show .btn:last-child {
    display: block
}

.c-reviewList .history {
    margin: 0 10px 11px;
    padding-top: 11px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e5e5e5
}

.c-reviewList .history:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.c-reviewList .reviewFrame {
    padding: 11px 0 22px
}

.c-reviewList .reviewFrame .show {
    display: block
}

.c-reviewList .reviewFrame .hide, .c-reviewList .reviewFrame.is-show .show {
    display: none
}

.c-reviewList .reviewFrame.is-show .hide {
    display: block
}

.c-reviewList .reviewFrame.is-show .btn {
    display: none
}

.c-reviewList .reviewFrame.is-show .btn:last-child {
    display: block
}

.c-reviewList .item {
    margin: 0 5px
}

.c-reviewList .item .property {
    font-size: 10px;
    line-height: 17px
}

.c-reviewList .item .data {
    float: left;
    width: 66%
}

.c-reviewList .item .complete {
    line-height: 33px;
    font-weight: 700
}

.c-reviewList .item .posted {
    padding-top: 11px;
    color: #999;
    clear: both
}

.c-reviewList .thumb {
    width: 34%;
    float: left
}

.c-reviewList .thumb img {
    max-width: 85px;
    max-height: 85px
}

.c-reviewList .brand {
    color: #999
}

.c-reviewList .btn {
    clear: both;
    margin-top: 22px
}

.c-reviewList .btn button {
    margin-bottom: 11px
}

.c-reviewList .edit {
    clear: both;
    margin-top: 22px
}

.c-reviewList .edit + .btn {
    margin-top: 17px
}

.c-reviewList .edit .input {
    margin-bottom: 22px
}

.c-reviewList .edit li {
    margin-top: 11px
}

.c-reviewList .edit textarea {
    width: 100%;
    height: 155px
}

.c-reviewList .edit .age, .c-reviewList .edit .gender, .c-reviewList .edit .height, .c-reviewList .edit .shoesize, .c-reviewList .edit .type {
    margin-right: 11px
}

.c-reviewList .edit .height input[type=tel] {
    width: 66px
}

.c-reviewList .edit .shoesize input[type=text] {
    width: 80px
}

.c-reviewList .post {
    padding-top: 11px;
    font-size: 11px
}

.c-reviewList .post .comment {
    white-space: pre-line
}

.c-reviewList .post .data {
    margin-bottom: 11px
}

.c-reviewList .post .date {
    color: #999;
    margin-left: 11px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 18px
}

.c-reviewList .post .author div {
    float: left;
    display: inline
}

.c-reviewList .post .author .age:before {
    margin: 0 3px;
    content: ":"
}

.c-reviewList .post .author .gender:before, .c-reviewList .post .author .size:before {
    margin: 0 5px;
    content: "|";
    display: block;
    float: left
}

.c-reviewList .post .author .size {
    display: inline
}

.c-reviewList .post .property, .c-reviewList .submit a, .c-reviewList .submit button {
    margin-bottom: 11px
}

.c-coupon .img {
    margin: 11px 10px 22px
}

.c-coupon .img img {
    max-width: 100%
}

.c-coupon .txt {
    margin: 0 10px 22px
}

.c-coupon .txt p {
    margin-bottom: 11px
}

.c-coupon .txt .lg {
    font-size: 16px
}

.c-coupon .form dt {
    padding: 0 10px;
    line-height: 33px;
    letter-spacing: .075em;
    background: #e5e5e5
}

.c-coupon .form .btn, .c-coupon .form dd {
    padding: 11px 10px
}

.c-coupon .complete {
    margin: 0 10px 11px
}

.c-coupon .complete .lg {
    font-size: 16px
}

.c-coupon .complete .btn {
    margin-top: 22px
}

.c-couponList .noCoupon {
    margin: 22px
}

.c-couponList .coupon {
    margin: 0 10px;
    padding: 11px 10px;
    border-bottom: 1px dotted #e5e5e5
}

.c-couponList .icon {
    margin-bottom: 11px;
    padding: 0 10px;
    border: 1px solid #00a6dd;
    line-height: 25px;
    color: #00a6dd;
    border-radius: 3px;
    display: inline-block
}

.c-couponList .name {
    margin-bottom: 11px
}

.c-couponList .property {
    font-size: 10px
}

.c-couponList .property strong {
    color: #fc125d;
    font-weight: 400
}

.c-couponList .description {
    font-size: 11px
}

.c-order > .data {
    margin: 11px 0;
    padding: 0 10px
}

.c-order > .data .property {
    margin-right: 20px;
    float: left
}

.c-order > .data .property dt {
    width: 10em
}

.c-order > .data .link {
    float: right
}

.c-order > .data + .items {
    margin-top: 11px;
    padding-top: 21px;
    border-top: 1px solid #e5e5e5
}

.c-order > .message {
    margin-bottom: 11px;
    padding: 0 10px 11px;
    border-bottom: 1px solid #e5e5e5
}

.c-order > .message p {
    font-size: 14px;
    font-weight: 700
}

.c-order > .message .property {
    margin-right: 20px
}

.c-order > .message .property dt {
    width: 5em
}

.c-order > .status {
    margin: 11px 10px;
    padding-top: 10px;
    border-top: 1px dotted #e5e5e5;
    line-height: 18px
}

.c-order > .status strong {
    display: block
}

.c-order > .lead {
    margin-top: 22px;
    margin-bottom: 22px;
    line-height: 33px
}

.c-order > .items {
    margin: 0 10px -1px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 17px
}

.c-order > .items + .items {
    margin-top: 11px
}

.c-order > .items .item {
    margin-bottom: 22px
}

.c-order > .items .price, .c-order > .items .property, .c-order > .items .status {
    font-size: 10px;
    line-height: 15px
}

.c-order > .items .property {
    line-height: 15px
}

.c-order > .items .thumb {
    width: 34%;
    width: 96px;
    float: left
}

.c-order > .items .thumb img {
    max-width: 85px;
    max-height: 85px
}

.c-order > .items .data {
    margin-left: 0;
    float: left;
    width: 66%;
    width: calc(100% - 96px)
}

.c-order > .items .canceled {
    margin-bottom: 11px
}

.c-order > .items .price, .c-order > .items .qty {
    display: inline-block;
    vertical-align: middle
}

.c-order > .items .btn {
    margin: 0 -5px
}

.c-order > .items .btn select {
    width: 100%
}

.c-order > .items .btn a, .c-order > .items .btn button, .c-order > .items .btn label, .c-order > .items .btn p {
    margin-bottom: 22px
}

.c-order > .items label > span:before {
    margin-top: -28px
}

.c-order > .detail {
    margin: 11px 0 22px;
    padding-bottom: 21px;
    border-bottom: 1px dotted #e5e5e5
}

.c-order > .detail .content {
    margin: 0 20px;
    padding: 17px 0 11px;
    position: relative
}

.c-order > .detail .btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px
}

.c-order > .detail dl, .c-order > .detail p {
    margin-bottom: 11px
}

.c-order > .detail dt {
    width: 35%
}

.c-order > .detail dd {
    width: 65%
}

.c-order > .detail .address .name {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 15px
}

.c-order > .detail .price dd {
    text-align: right
}

.c-order > .detail .price .total {
    margin-top: 5px;
    padding-top: 16px;
    border-top: 1px solid #999;
    font-size: 15px;
    font-weight: 700
}

.c-order > .detail .price dt.total {
    color: #000
}

.c-order > .detail .price dd.total {
    color: #fc125d
}

.c-order > .change {
    margin-top: 11px
}

.c-order > .change .date dd, .c-order > .change .date dt {
    padding: 11px 10px 22px;
    border-top: 1px solid #e5e5e5;
    float: left;
    box-sizing: border-box;
    line-height: 33px
}

.c-order > .change .date dt {
    clear: left;
    width: 35%
}

.c-order > .change .date dd {
    width: 65%
}

.c-order > .change .date label, .c-order > .change .date select {
    width: 100%
}

.c-order > .change .btn {
    margin: 0 10px
}

.c-order > .change .btn a, .c-order > .change .btn button {
    margin-bottom: 11px
}

.c-order > .change .address li {
    border-top: 1px solid #e5e5e5
}

.c-order > .change .address li > label {
    display: block;
    padding: 21px 0 22px
}

.c-order > .change .address li:last-child > label {
    margin-bottom: 0;
    border-bottom: 0
}

.c-order > .change .address span {
    margin-right: 0;
    display: block;
    position: relative
}

.c-order > .change .address span.required {
    display: inline-block;
    float: right
}

.c-order > .change .address .btn {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-order > .change .address dd, .c-order > .change .address dt, .c-order > .change .address p {
    margin-bottom: 5px
}

.c-order > .change .address dd {
    width: 100%
}

.c-order > .change .address2 {
    margin-left: 10px;
    margin-right: 10px
}

.c-order > .change .address2 .property {
    padding-right: 0
}

.c-order > .change .delivery-place div {
    border-top: 1px solid #ccc;
    padding: 20px 15px;
}

.c-order > .change .delivery-place li > label {
    display: block;
}

.c-order > .change .delivery-place span a.terms-of-use, #modal-place-notes a.terms-of-use {
    font-weight: bold;
    text-decoration: underline;
}

.c-order > .change .delivery-place-list {
    display: grid;
    row-gap: 15px;
    margin-top: 15px;
}

#modal-place-notes ul {
    padding: 10px 0 10px 20px;
}

#modal-place-notes ul li {
    list-style: disc;
    margin-top: 3px;
}

#modal-place-notes ul li.style-none {
    list-style: none;
}

.c-order > .change .payment, .c-order > .change .sendBack {
    margin: 22px 10px
}

.c-order > .change .payment .property dt, .c-order > .change .sendBack .property dt {
    margin-bottom: 11px;
    width: 22%;
    line-height: 33px
}

.c-order > .change .payment .property dt.line2, .c-order > .change .sendBack .property dt.line2 {
    line-height: 22px
}

.c-order > .change .payment .property dd, .c-order > .change .sendBack .property dd {
    margin-bottom: 11px;
    width: 78%;
    line-height: 33px
}

.c-order > .change .payment .property dd input, .c-order > .change .payment .property dd select, .c-order > .change .payment .property dd span, .c-order > .change .sendBack .property dd input, .c-order > .change .sendBack .property dd select, .c-order > .change .sendBack .property dd span {
    font-size: 12px
}

.c-order > .change .payment li, .c-order > .change .sendBack li {
    padding: 22px 0 21px;
    border-top: 1px solid #e5e5e5
}

.c-order > .change .payment li .inner, .c-order > .change .sendBack li .inner {
    padding-top: 11px;
    padding-left: 28px
}

.c-order > .change .payment li .property dt, .c-order > .change .sendBack li .property dt {
    width: 32%
}

.c-order > .change .payment li .property dd, .c-order > .change .sendBack li .property dd {
    width: 68%
}

.c-order > .change ul.payment, .c-order > .change ul.sendBack {
    margin: 11px 0 0
}

.c-order > .link {
    margin-bottom: 21px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e5e5e5
}

.c-order > .link a, .c-order > .link button {
    margin-bottom: 11px
}

.c-order .errorText {
    color: #fc125d
}

.c-registered {
    margin: 0 10px
}

.c-registered li {
    border-top: 1px solid #e5e5e5;
    position: relative
}

.c-registered .property {
    padding: 11px 0 22px;
    width: 78.125%;
    width: calc(100% - 50px)
}

.c-registered dd, .c-registered dt {
    padding: 6px 10px 0 0;
    box-sizing: border-box
}

.c-registered dt {
    width: 30%;
    float: left
}

.c-registered dt + dd {
    width: 70%;
    float: left
}

.c-registered .btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -31px
}

.c-registered .btn a, .c-registered .btn button {
    display: block;
    margin-bottom: 6px
}

.c-registered:nth-child(2) li:first-child {
    margin-top: 0;
    border-top: 0
}

.c-page .prev.icon-chevron-left:after {
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-page .prev {
    position: absolute;
    top: 0;
    left: 0
}

.c-page .prev:after {
    margin-top: -4px;
    position: absolute;
    left: 4px;
    top: 50%
}

.c-page .next.icon-chevron-right:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-page .next {
    position: absolute;
    top: 0;
    right: 0
}

.c-page .next:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%
}

.c-page a {
    display: block;
    height: 27px;
    line-height: 27px;
    box-sizing: border-box;
    color: #999
}

.c-page a, .c-page li {
    width: 27px
}

.c-point {
    margin-bottom: 22px
}

.c-point p, .c-point p.link {
    margin: 11px 10px
}

.c-point p.link a {
    margin-left: 10px
}

.c-point p.link a:first-child {
    margin-left: 0
}

.c-point .minus {
    color: #fc125d
}

.c-point .property {
    border-bottom: 1px solid #e5e5e5;
    background: #e5e5e5
}

.c-point .property strong {
    margin-right: .5em;
    font-size: 16px;
    vertical-align: top
}

.c-point .property dt {
    padding: 10px 10px 11px;
    background: #e5e5e5;
    box-sizing: border-box;
    width: 36%;
    border-top: 1px solid #fff
}

.c-point .property dd, .c-point .property dt:first-child {
    border-top: 1px solid #e5e5e5
}

.c-point .property dd {
    padding: 10px 10px 11px;
    background: #fff;
    box-sizing: border-box;
    width: 64%
}

.c-point .property dd:after {
    content: "";
    display: none
}

.c-point .history {
    width: 100%
}

.c-point .history td, .c-point .history th {
    padding: 11px 10px;
    border: 1px solid #e5e5e5
}

.c-point .history td:first-child, .c-point .history th:first-child {
    border-left: 0
}

.c-point .history td:last-child, .c-point .history th:last-child {
    border-right: 0
}

.c-point .history tbody tr:first-child td {
    border-top: 0
}

.c-point .history tbody td {
    vertical-align: middle
}

.c-point .history tbody td:first-child {
    width: 75%
}

.c-point .history tbody td:nth-child(2) {
    width: 25%;
    text-align: right
}

.c-shop .name {
    margin: 22px 10px 11px;
    font-size: 15px
}

.c-shop .name .sm {
    font-size: 12px
}

.c-shop .map {
    margin-top: 11px;
    margin-bottom: 11px;
    width: 100%;
    height: 240px
}

.c-shop .fav {
    margin: 0 10px 22px
}

.c-shop .item {
    margin: 11px 10px;
    text-align: center
}

.c-shop dl {
    margin: 11px 10px 0
}

.c-shop .info dd, .c-shop .info dt {
    margin-bottom: 11px
}

.c-shop .info dt {
    width: 25%
}

.c-shop .info dd {
    padding-left: 0
}

.c-shop .info .address span {
    margin-right: 6px
}

.c-shop .tel, .c-shop .time {
    padding-left: 24px;
    position: relative;
    box-sizing: border-box
}

.c-shop .tel:after, .c-shop .time:after {
    position: absolute;
    display: block;
    left: 0;
    top: 1px;
    content: ""
}

.c-shop .time:after {
    background-position: 0 -609px
}

.c-shop .tel:after, .c-shop .time:after {
    width: 17px;
    height: 17px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-shop .tel:after {
    background-position: 0 -587px
}

.c-reserve .select {
    margin: 0 10px 22px
}

.c-reserve .select .notice-heading {
    font-size: 13px;
    line-height: 1.5
}

.c-reserve .select .notice-text {
    font-size: 11px;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em
}

.c-reserve .select label, .c-reserve .select select {
    width: 100%
}

.c-reserve .select label {
    margin-bottom: 11px
}

.c-reserve .list {
    margin: 0 10px 11px
}

.c-reserve .list li {
    padding: 11px 0;
    border-bottom: 1px dotted #e5e5e5;
    font-size: 10px;
    line-height: 1.5
}

.c-reserve .list li:last-child {
    border-bottom: 0
}

.c-reserve .list .shop {
    float: left;
    width: 38.46154%;
    width: calc(100% - 160px)
}

.c-reserve .list .stock {
    float: left;
    width: 50%;
    line-height: 28px;
    text-align: center;
    font-weight: 700
}

.c-reserve .list .btn {
    text-align: center;
    float: right;
    width: 100px;
    margin-top: 0
}

.c-reserve .list .btn a, .c-reserve .list .btn button {
    font-size: 11px;
    line-height: 22px;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.c-qaList {
    margin-bottom: 44px
}

.c-qaList ul {
    margin: 22px 0 33px;
    padding: 0 10px
}

.c-qaList dt {
    margin: 22px 0 11px;
    padding: 22px 11px 0 33px;
    border-top: 1px solid #e5e5e5;
    text-indent: -22px
}

.c-qaList dd {
    margin-bottom: 22px;
    padding: 0 11px 0 33px;
    text-indent: -22px
}

.c-qaList .icon {
    display: inline-block;
    width: 22px;
    text-indent: 0;
    color: #999
}

.c-lookbookHeader {
    margin-bottom: 11px;
    background: #00a6dd
}

.c-lookbookHeader a {
    line-height: 44px;
    color: #fff;
    display: block
}

.c-lookbookList .brand {
    padding: 11px 10px;
    text-align: right
}

.c-lookbookList li {
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.c-lookbookList li:last-child {
    border-bottom: 0
}

.c-lookbookList li a {
    padding: 22px 0;
    display: block
}

.c-lookbookList li img {
    width: 250px
}

.c-lookbookList .txt {
    margin-top: 5px
}

.c-lookbook {
    margin-bottom: 22px;
    padding: 0 10px;
    position: relative
}

.c-lookbook h1 {
    margin-bottom: 11px;
    font-size: 12px;
    line-height: 1.5
}

.c-lookbook h1 span {
    font-size: 20px;
    display: block
}

.c-lookbook .link {
    margin-bottom: 22px
}

.c-lookbook .link > li {
    padding-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 6px
}

.c-lookbook .link .btn {
    padding-left: 10px;
    border-left: 1px solid #000
}

.c-lookbook .link .theme {
    padding: 11px
}

.c-lookbook .link .theme h2 {
    margin-bottom: 11px;
    font-size: 16px
}

.c-lookbook .link .share {
    padding: 11px
}

.c-lookbook .link .share li {
    margin-right: 22px;
    float: left
}

.c-lookbook .data .number {
    margin-bottom: 11px;
    font-size: 20px
}

.c-lookbook .data li {
    margin-top: 11px
}

.c-lookbook .data a {
    display: inline-block;
    border-bottom: 1px solid #666
}

.c-footer {
    margin: 44px 0 0;
    padding: 20px 20px calc(50px + env(safe-area-inset-bottom));
    border-top: 1px solid #e5e5e5;
    position: relative;
    background: #f0f0f0;
    font-size: 14px
}

.c-footer, .c-footer a {
    color: #666
}

.c-footer .caption {
    margin-bottom: 22px;
    font-size: 16px
}

.c-footer .sns {
    margin-bottom: 44px
}

.c-footer .sns li {
    margin-right: 25px;
    float: left
}

.c-footer .support {
    margin-bottom: 44px
}

.c-footer .support li {
    margin-bottom: 22px;
    padding-left: 33px
}

.c-footer .support li:after {
    position: absolute;
    display: block;
    left: 0;
    top: 1px;
    content: ""
}

.c-footer .support .tel:after {
    background-position: 0 -74px
}

.c-footer .support .mail:after, .c-footer .support .tel:after {
    width: 20px;
    height: 20px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-footer .support .mail:after {
    background-position: 0 -49px
}

.c-footer .support .faq:after {
    width: 20px;
    height: 20px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -24px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-footer .app {
    margin-bottom: 44px;
    line-height: 33px
}

.c-footer .app span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.c-footer .link li {
    margin-bottom: 22px
}

.c-footer .link1 {
    margin-bottom: 44px;
    font-size: 14px
}

.c-footer .copyright {
    padding: 16px 0 17px;
    font-size: 9px;
    text-align: center
}

.c-footer .pagetop {
    position: absolute;
    right: 11px;
    top: 11px;
    display: none
}

.c-footer-navigation-container {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .13333333333333333);
    border-top: 1px solid #e5e5e5;
    transition: bottom .15s ease .2s
}

.c-footer--simple {
    padding-bottom: 0
}

.is-scrollDisable .c-footer-navigation-container {
    bottom: calc(-55px - env(safe-area-inset-bottom))
}

.c-footer-navigation-container .c-footer-navigation {
    height: 50px;
    background: #f8f8f8;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    padding-bottom: env(safe-area-inset-bottom)
}

.c-footer-navigation-container .list {
    width: 20%;
    text-align: center;
    position: relative
}

.c-footer-navigation-container .text {
    display: block;
    font-size: 10px;
    margin-top: 4px;
    line-height: 1;
    color: #555
}

.c-footer-navigation-container .count {
    position: absolute;
    left: 50%;
    top: 3px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #fc125d;
    font-size: 10px;
    -webkit-transform: translateX(30%);
    transform: translateX(30%)
}

.c-footer-navigation-container .cart, .c-footer-navigation-container .favorite, .c-footer-navigation-container .menu, .c-footer-navigation-container .search, .c-footer-navigation-container .snap {
    padding-top: 7px;
    display: block
}

.c-footer-navigation-container .cart:before, .c-footer-navigation-container .favorite:before, .c-footer-navigation-container .menu:before, .c-footer-navigation-container .search:before, .c-footer-navigation-container .snap:before {
    content: "";
    display: inline-block;
    overflow: hidden;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    vertical-align: bottom
}

.c-footer-navigation-container .icon-bars, .c-footer-navigation-container .icon-cart, .c-footer-navigation-container .icon-heart, .c-footer-navigation-container .icon-magnifying-glass, .c-footer-navigation-container .icon-snap {
    padding-top: 7px;
    display: block
}

.c-footer-navigation-container .icon-bars:before, .c-footer-navigation-container .icon-cart:before, .c-footer-navigation-container .icon-heart:before, .c-footer-navigation-container .icon-magnifying-glass:before, .c-footer-navigation-container .icon-snap:before {
    content: "";
    display: inline-block;
    overflow: hidden;
    background-image: none;
    vertical-align: bottom
}

.c-footer-navigation-container .menu:before {
    width: 20px;
    height: 18px;
    background-position: -13.5px -290px
}

.c-footer-navigation-container .icon-bars:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-bars.svg);
    mask-image: url(/assets/img/common/icon/default/icon-bars.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footer-navigation-container .snap:before {
    width: 29px;
    height: 23px;
    background-position: 0 -1412px
}

.c-footer-navigation-container .icon-snap:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-snap.svg);
    mask-image: url(/assets/img/common/icon/default/icon-snap.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footer-navigation-container .search:before {
    width: 20px;
    height: 20px;
    background-position: -9px -158px
}

.c-footer-navigation-container .icon-magnifying-glass:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass.svg);
    mask-image: url(/assets/img/common/icon/default/icon-magnifying-glass.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footer-navigation-container .favorite:before {
    width: 23px;
    height: 19px;
    background-position: 0 -1362px
}

.c-footer-navigation-container .icon-heart:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/default/icon-heart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footer-navigation-container .cart:before {
    width: 23px;
    height: 22px;
    background-position: -8px -219.5px
}

.c-footer-navigation-container .icon-cart:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-cart.svg);
    mask-image: url(/assets/img/common/icon/default/icon-cart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-globalNav {
    height: 100%;
    border-right: 1px solid #e5e5e5;
    z-index: 1
}

.c-globalNav, .c-globalNav .gender {
    position: fixed;
    left: 0;
    top: 0;
    width: 275px;
    background: #fff
}

.c-globalNav .gender {
    height: 44px;
    z-index: 3
}

.c-globalNav .gender li {
    float: left;
    width: 50%;
    height: 44px;
    line-height: 42px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    font-size: 14px;
    color: #999;
    text-align: center
}

.c-globalNav .gender li:first-child {
    border-left: 0
}

.c-globalNav .gender li.is-current {
    color: #00a6dd;
    border-bottom: 2px solid #00a6dd
}

.c-globalNav .link, .c-globalNav .sub {
    position: fixed;
    left: 0;
    top: 0;
    width: 275px;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    padding-bottom: 50px
}

.c-globalNav .sub .sub {
    width: 100%
}

.c-globalNav .link .down, .c-globalNav .link .up, .c-globalNav .link a {
    padding: 16px 20px 15px;
    border-bottom: 1px dotted #e5e5e5;
    display: block;
    position: relative;
    cursor: pointer
}

.c-globalNav .link .down:after, .c-globalNav .link .up:after, .c-globalNav .link a:after {
    margin-top: -4px;
    position: absolute;
    top: 50%
}

.c-globalNav .link .login {
    padding-left: 42px
}

.c-globalNav .link .login:before {
    margin-top: -9px;
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    width: 19px;
    height: 16.5px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -126px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.c-globalNav .link .down.icon-chevron-right:after, .c-globalNav .link .down:after, .c-globalNav .link a.icon-chevron-right:after, .c-globalNav .link a:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-globalNav .link .down:after, .c-globalNav .link a:after {
    right: 15px
}

.c-globalNav .link .up.icon-chevron-left:after, .c-globalNav .link .up:after {
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-globalNav .link .up {
    padding-left: 30px
}

.c-globalNav .link .up:after {
    left: 15px
}

.c-globalNav .link .name {
    margin-right: 10px;
    display: inline-block
}

.c-globalNav .link .point {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px
}

.c-globalNav .link .end .down, .c-globalNav .link .end .up, .c-globalNav .link .end a {
    border-bottom: 2px solid #e5e5e5
}

.c-contentsList {
    margin-bottom: 33px;
    border-top: 1px solid #e5e5e5
}

.c-contentsList a:hover {
    text-decoration: none
}

.c-contentsList .contents {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #e5e5e5
}

.c-contentsList .contents-inner.icon-chevron-right:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-contentsList .contents-inner {
    display: -webkit-flex;
    display: flex;
    padding-right: 20px;
    min-height: 88px;
    position: relative
}

.c-contentsList .contents-inner:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-right: 10px
}

.c-contentsList .thumb {
    padding-right: 10px;
    width: 88px;
    height: 88px
}

.c-contentsList img {
    width: 100%;
    height: auto
}

.c-contentsList .data {
    -webkit-flex: 1;
    flex: 1;
    padding-right: 10px
}

.c-contentsList .title {
    letter-spacing: .075em;
    margin-bottom: .2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.c-contentsList .brand, .c-contentsList .date, .c-contentsList .shop {
    color: #999;
    font-size: 10px;
    line-height: 1.5
}

.c-contentsList .brand, .c-contentsList .shop {
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.c-featureList .thumb {
    margin-bottom: 7px;
    position: relative
}

.c-featureList img {
    width: 100%;
    height: auto
}

.c-featureList .title {
    letter-spacing: .075em;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.c-featureList .data {
    overflow: hidden;
    margin-bottom: 3px
}

.c-featureList .brand, .c-featureList .date {
    color: #999;
    font-size: 10px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-searchList {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.c-searchList a {
    display: block;
    padding: 11px 20px 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    position: relative
}

.c-searchList a:after {
    border-right: 1px solid #000;
    border-top: 1px solid #000
}

.c-searchList .icon-chevron-right:after, .c-searchList a:after {
    content: "";
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-searchList .icon-chevron-right:after {
    border-right: 1px solid #333;
    border-top: 1px solid #333
}

.c-searchList a:after {
    margin-top: -4px;
    position: absolute;
    right: 14px;
    top: 50%
}

.c-banner {
    width: 100%;
    height: 50px;
    background: #fff
}

.c-banner--large {
    margin-bottom: 22px
}

.c-banner--large > a {
    display: block
}

.c-banner--large > a > img {
    width: 100%;
    height: auto
}

.c-header .count {
    text-indent: 0
}

.c-header .logo a, .c-header .logo a.release-fix {
    text-indent: -9999px;
    display: block;
    width: 186px;
    height: 100%;
    background: url(../img/common/logo_170x12@3x.png?v=20260121012526) no-repeat left 8px bottom 15px;
    background-size: 170px 12px;
    position: absolute;
    left: 10px
}

.c-noticeList .discount {
    color: #fc125d
}

.c-noticeList .icon {
    margin-bottom: 11px;
    padding: 0 10px;
    border: 1px solid #00a6dd;
    line-height: 25px;
    color: #00a6dd;
    border-radius: 3px;
    display: inline-block
}

.c-gender li {
    border-bottom: none;
    border-left: none
}

.c-globalNav .link .down, .c-globalNav .link .up, .c-globalNav .link a {
    font-size: 14px
}

ul.c-brandList {
    border-top: 1px solid #e5e5e5
}

.c-globalNav .count {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #fc125d;
    font-size: 10px;
    display: inline-block;
    vertical-align: text-bottom
}

.c-globalNav .link, .c-globalNav .sub {
    background: #fff
}

.c-footer .caption {
    font-size: 14px
}

.c-footer, .c-footer a {
    color: #000
}

.c-footer .sns {
    margin-bottom: 28px
}

section.c-notice time {
    display: block;
    font-size: 10px;
    color: #000
}

section.c-notice a {
    display: block
}

section.c-notice .info-title {
    font-size: 15px
}

section.c-notice a.icon-chevron-right:after, section.c-notice a:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

section.c-notice a {
    border-top: 1px solid #e5e5e5;
    padding: 10px 30px 10px 10px;
    position: relative
}

section.c-notice a:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-right: 10px
}

section.c-notice time {
    margin-right: 10px
}

.c-page li {
    display: inline-block;
    color: #999;
    line-height: 27px;
    width: auto;
    height: 27px;
    box-sizing: border-box;
    padding: 0 5px;
    min-width: 17px
}

.c-page li.is-current {
    border: 1px solid #000;
    line-height: 25px;
    color: #000;
    min-width: 27px
}

.c-page {
    margin: 22px 20px;
    text-align: center;
    position: relative
}

.c-form dd.name {
    overflow: visible
}

.c-noticeList .circle {
    display: table-cell;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #00a6dd
}

.c-sort {
    margin-bottom: 11px;
    padding-bottom: 11px;
    background: #e5e5e5;
    z-index: 6;
    position: relative
}

.c-actions .btn div a:first-child, .c-actions .btn div button:first-child {
    margin-left: 3%
}

.c-globalNav .link .name {
    display: block
}

.content .link .down .name {
    width: 80%;
    height: 20px;
    padding-left: 2em;
    background-image: url(../img/common/icon/icon_user.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    white-space: nowrap;
    overflow: hidden
}

.content .link .down .c-circle_user-area .icon-circle-user {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-circle-user.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-circle-user.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #00a6dd;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content .link .down .c-circle_user-area {
    position: relative;
    width: 80%;
    height: 20px;
    padding-left: 28px;
    white-space: nowrap;
    background-image: none
}

.content .link .down .c-circle_user-area span:first-of-type {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0
}

.news.l-separator + .pickup {
    margin-top: -20px
}

.c-pickupList > li {
    vertical-align: top
}

.c-pickupList > li img {
    width: 100%;
    height: auto
}

.c-pickupList .thumb {
    margin-bottom: 7px;
    position: relative
}

.c-pickupList .brand, .c-pickupList .date, .c-pickupList .title {
    margin-bottom: 3px;
    position: relative;
    font-size: 11px;
    color: #999
}

.c-pickupList .brand, .c-pickupList .date {
    float: left;
    color: #999
}

.c-pickupList .date:before {
    margin: 0 5px;
    content: "|";
    display: inline
}

.c-lookbook .m-ttl {
    margin-bottom: 11px;
    font-size: 12px;
    line-height: 1.5
}

.c-lookbook .m-ttl span {
    font-size: 20px;
    display: block
}

.c-form dd, .c-item .post .comment, .c-review .post .comment {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.inq-conf .c-form dl dd {
    max-width: 450px
}

.c-footer .time {
    font-size: 10px;
    margin-left: -5px
}

.c-footer li .subtext {
    margin-top: 3px;
    display: block;
    color: #999;
    font-size: 90%
}

.c-footer .support li.chat {
    margin-bottom: 15px
}

.c-footer .chat li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px
}

.c-footer .chat:after {
    margin-right: 9px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-size: 83px auto;
    background-repeat: no-repeat;
    background-position: -30px -50px;
    height: 18px;
    width: 20px
}

.c-footer .chat .standby {
    color: #fc125d;
    font-size: 10px;
    margin-top: 3px;
    line-height: 1.3
}

.c-footer li span.off {
    color: #aaa
}

.c-footer .caution {
    font-size: 11px
}

.c-footer .off-msg, .c-form-chat .off-msg, .help-content-link .off-msg {
    color: #fc125d
}

.c-footer .on-msg {
    color: #00a6dd
}

.c-form-chat .msg {
    text-align: center;
    display: block;
    margin-top: 5px
}

.c-footer .support li {
    margin-bottom: 0;
    padding-left: 0;
    position: relative
}

.c-footer .support li .wrap, .c-footer .support li a {
    margin-bottom: 22px;
    padding-left: 33px;
    display: block
}

.c-footer .support li a {
    display: block
}

.c-tab.sale-icon:last-child li a {
    color: #ac1319;
    position: relative
}

.c-tab.c-tab--saleicon li {
    position: relative
}

.c-tab.c-tab--saleicon li:last-child:before {
    content: "!";
    position: absolute;
    background: #ac1319;
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50px;
    display: block;
    color: #fff;
    line-height: 24px;
    left: 0;
    top: 4px
}

.c-tab.c-tab--saleicon li:last-child, .c-tab.c-tab--saleicon li:last-child a {
    color: #ac1319;
    border-color: #ac1319;
    position: relative
}

#a-coupon .c-cartDetail .coupon p, .c-couponList .description {
    white-space: pre-wrap;
    word-wrap: break-word
}

.c-footer .appli {
    margin-bottom: 30px
}

.c-appliLink.origin {
    border: 1px solid #ccc;
    display: table;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.7
}

.c-appliLink.origin:after {
    margin-top: -4px;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-appliLink.origin .thumb {
    width: 44px;
    padding-right: 13px
}

.c-appliLink.origin .thumb, .c-appliLink.origin .txt {
    display: table-cell;
    vertical-align: middle
}

.c-appliLink.origin .name {
    font-size: 15px
}

.c-appliLink.origin .disc {
    font-size: 12px
}

.c-linkboxList {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    margin-bottom: 30px
}

.c-linkboxList li.box {
    clear: both;
    margin-bottom: 20px
}

.c-linkboxList li.box .thumb {
    display: table-cell;
    width: 44px;
    padding-right: 13px;
    vertical-align: middle
}

.c-linkboxList li.box .thumb img {
    border-radius: 3px
}

.c-linkboxList li.box .txt {
    display: table-cell;
    vertical-align: middle
}

.c-linkboxList li.box .name {
    font-size: 15px
}

.c-linkboxList li.box .disc {
    font-size: 12px
}

.c-assessments .c-assessment {
    margin-bottom: 5px
}

.c-assessments .c-assessment:last-child {
    margin-bottom: 0
}

.c-assessment {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 22px
}

.c-assessment__title {
    font-size: 11px;
    font-weight: 700;
    color: #707070;
    margin-right: 11px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    white-space: nowrap
}

.c-stepbar {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 11px
}

.c-stepbar__unit {
    color: #999;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap
}

.c-stepbar__unit--low {
    text-align: right
}

.c-stepbar__unit--high {
    text-align: left
}

.c-stepbar__points {
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 0 11px
}

.c-stepbar__points li {
    position: relative;
    padding-left: 8.8vw;
    max-width: calc(14px + 8.8vw);
    line-height: 0;
    height: 14px;
    z-index: 1
}

.c-stepbar__points li:after {
    content: "";
    position: absolute;
    background-color: #e5e5e5;
    left: 0;
    top: 6px;
    width: calc(14px + 8.8vw);
    height: 2px
}

.c-stepbar__points li:first-child {
    padding-left: 0;
    width: 14px
}

.c-stepbar__points li:first-child:after {
    display: none
}

.c-stepbar__points li span {
    background-color: #e5e5e5;
    border-radius: 50%;
    display: inline-block;
    width: 14px;
    height: 14px
}

.c-stepbar__points li.is-active span {
    background-color: #00a6dd;
    z-index: 2;
    position: relative
}

.c-staffReview__average {
    padding-bottom: 22px;
    border-bottom: 1px solid #e5e5e5
}

.c-staffReview__average .m-heading {
    padding: 0;
    margin-bottom: 22px
}

.c-staffReview__post {
    margin-top: 11px;
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px dashed #e5e5e5
}

.c-staffReview__post .c-snap {
    padding-top: 11px;
    margin-bottom: 11px
}

.c-staffReview__post .c-snap .data .title {
    color: #707070;
    font-weight: 700;
    margin-bottom: 5px
}

.c-staffReview__post .c-snap .data .title.clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-staffReview__post .c-assessments {
    padding-bottom: 22px
}

.c-staffReview__post .comment {
    font-size: 11px;
    line-height: 2;
    color: #000
}

.c-staffReview__post .comment.is-closed {
    visibility: hidden;
    font-size: 0
}

.c-staffReview__post .comment.is-closed:before {
    visibility: visible;
    font-size: 11px;
    display: inline-block;
    content: attr(data-text)
}

.c-item .c-staffReview__post .comment {
    margin-bottom: 22px
}

.c-staffReview__post .m-readMore {
    margin-bottom: 11px
}

.c-paymentAttention {
    background-color: #ffeded;
    border-radius: 3px;
    padding: 12px 16px
}

.c-paymentAttention__img, .c-paymentAttention__wrap {
    display: -webkit-flex;
    display: flex
}

.c-paymentAttention__img {
    width: 57px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    align-items: center
}

.c-paymentAttention__img > img {
    width: 100%;
    height: auto
}

.c-paymentAttention__text {
    margin-left: 10px
}

.c-paymentAttention__text > ul > li {
    font-size: 9px;
    color: #de0000;
    line-height: 1.6;
    letter-spacing: -.04em;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 2px
}

.c-paymentAttention__text > ul > li:last-child {
    margin-bottom: 0
}

.c-paymentAttention__lead {
    display: inline-block;
    font-size: 12px;
    line-height: 1.83;
    font-weight: 700;
    color: #de0000;
    margin-bottom: 4px
}

.c-paymentAttention__caption {
    display: inline-block;
    font-size: 9px;
    line-height: 1.6;
    font-weight: 700;
    color: #de0000;
    letter-spacing: -.04em;
    margin-top: 14px
}

.m-heading {
    margin-top: 22px;
    margin-bottom: 11px;
    padding: 0 10px 21px;
    line-height: 22px;
    font-size: 17px;
    letter-spacing: .075em
}

.m-heading--registerFormHeading {
    margin: 22px 0;
    padding: 0;
    text-align: center;
    letter-spacing: normal
}

.m-heading--md {
    margin-top: 0;
    font-size: 14px
}

.m-heading--sm {
    padding: 22px 10px
}

.m-heading--line, .m-heading--sm {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.m-heading--line {
    padding: 0 10px;
    line-height: 33px;
    font-size: 12px;
    background: #e5e5e5
}

.m-heading + section > .m-heading--line {
    margin-top: -11px
}

.m-heading--nb {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.m-headingLink {
    padding: 22px 10px;
    float: right
}

.m-headingLink a {
    margin-left: 33px;
    display: block;
    float: left
}

.m-headingLink a:first-child {
    margin-left: 0;
    padding-left: 0
}

.m-headingLink--sm, .m-navTitle {
    padding: 0 10px;
    line-height: 33px
}

.m-navTitle {
    font-size: 12px;
    letter-spacing: .075em;
    background: #e5e5e5
}

.m-navTitle, .m-navTitle--first {
    margin-top: 22px
}

.m-navTitle--sm {
    margin-top: 33px;
    font-size: 12px
}

.m-text {
    padding: 4px;
    border: 1px solid #b5b5b5;
    border-radius: 0;
    box-shadow: none;
    height: 33px;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.c-form--register .m-text {
    width: 100%;
    height: auto;
    padding: 11px 15px;
    border-radius: 3px;
    border: 1px solid #b5b5b5;
    font-size: 16px;
    line-height: 23px;
    box-sizing: border-box
}

.c-form--register .m-text::-webkit-input-placeholder {
    color: #999
}

.c-form--register .m-text:-ms-input-placeholder {
    color: #999
}

.c-form--register .m-text::placeholder {
    color: #999
}

.m-text:disabled {
    background: #eee
}

.m-text--short {
    width: 220px
}

.m-textarea {
    padding: 4px;
    border: 1px solid #b5b5b5;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    box-sizing: border-box;
    vertical-align: bottom;
    width: 100%;
    min-height: 110px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.m-radio.icon-circle ~ span:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-circle.svg);
    mask-image: url(/assets/img/common/icon/default/icon-circle.svg);
    background-color: #999
}

.m-radio.icon-circle:checked ~ span:before, .m-radio.icon-circle ~ span:before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-radio.icon-circle:checked ~ span:before {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-circle-check.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-circle-check.svg);
    background-color: #00a6dd
}

.m-radio {
    display: none
}

.m-radio ~ span {
    margin-right: 28px;
    padding-left: 28px;
    display: inline-block;
    position: relative
}

.m-radio ~ span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-form--register .m-radio ~ span {
    margin-right: 0;
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px
}

.c-form--register .m-radio:checked ~ span:before, .c-form--register .m-radio ~ span:before {
    width: 24px;
    height: 24px
}

.m-radio:disabled + span:before {
    opacity: .3
}

.m-checkbox.icon-square ~ span:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-square.svg);
    mask-image: url(/assets/img/common/icon/default/icon-square.svg);
    background-color: #999
}

.m-checkbox.icon-square:checked ~ span:before, .m-checkbox.icon-square ~ span:before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-checkbox.icon-square:checked ~ span:before {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-square-check.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-square-check.svg);
    background-color: #00a6dd
}

.m-checkbox {
    display: none
}

.m-checkbox ~ span {
    padding-left: 30px;
    display: inline-block;
    position: relative
}

.m-checkbox ~ span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-checkbox.m-checkbox--registerFormCheckbox ~ span {
    padding-left: 32px
}

.m-checkbox.m-checkbox--registerFormCheckbox:checked ~ span:before, .m-checkbox.m-checkbox--registerFormCheckbox ~ span:before {
    width: 24px;
    height: 24px
}

.m-checkbox:disabled + span:before {
    opacity: .3
}

.m-checkbox:disabled ~ span {
    color: #999
}

.m-select.icon-chevron-down:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-select {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.m-select:after {
    margin-top: -8px;
    position: absolute;
    right: 4px;
    top: 50%;
    pointer-events: none
}

.m-select select {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    border: 0;
    border-radius: 0;
    padding: 0 25px 0 5px;
    max-width: 100%;
    height: 33px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
    box-sizing: border-box
}

.m-select--registerFormSelect {
    width: 100%
}

.m-select--registerFormSelect select {
    height: auto;
    padding: 11px 15px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #b5b5b5;
    font-size: 14px;
    line-height: 23px;
    box-sizing: border-box
}

.m-select--registerFormSelect:after {
    margin-top: -6px;
    right: 20px
}

.m-select select:disabled {
    color: #ccc;
    border-bottom: 1px solid #e5e5e5
}

.m-select select::-ms-expand {
    display: none
}

.m-more.icon-chevron-down:after, .m-more:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-more {
    padding: 11px 30px
}

.m-more:after {
    display: block;
    position: absolute;
    margin-top: -8px;
    margin-right: -42px;
    right: 50%;
    top: 50%
}

.c-itemList + .m-more, .c-snapList + .m-more {
    margin-top: -11px
}

.l-col3.c-itemList + .m-more {
    margin-top: -22px
}

.l-col4.c-itemList + .m-more {
    margin-top: 0
}

.c-topicList + .m-more {
    margin-top: -33px
}

.m-note {
    padding: 2px 0;
    font-size: 11px;
    line-height: 1.64;
    margin: 0 10px
}

.m-note .strong {
    color: #fc125d
}

.c-form--register .m-note--register {
    color: #999;
    font-size: 13px;
    line-height: 24px
}

input[type=tel] + span.m-note, input[type=text] + span.m-note {
    display: inline-block;
    margin-left: 10px
}

.m-link {
    color: #00a6dd
}

.m-link--default {
    color: #000;
    text-decoration: underline
}

.m-link--strong {
    color: #fc125d;
    text-decoration: underline
}

.m-textLink--default {
    color: #000;
    cursor: pointer;
    text-decoration: underline
}

.m-btn {
    padding: 5px 10px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    background: #fff;
    transition: opacity .3s ease;
    box-sizing: border-box;
    box-shadow: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.m-btn, .m-btn:hover {
    text-decoration: none
}

.m-btn:hover {
    opacity: .7
}

.m-btn:disabled {
    color: #fff;
    background: #999;
    border-color: #999;
    cursor: default
}

.m-btn:disabled:hover {
    opacity: 1
}

.m-btn--default {
    color: #000;
    border-color: #000
}

.m-btn--reset {
    color: #999;
    border-color: #999
}

.m-btn--disabled {
    color: #999;
    border-color: #999;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

.m-btn--disabled:hover {
    opacity: 1
}

.m-btn--primary {
    color: #fff;
    background: #00a6dd;
    border-color: #00a6dd
}

.m-btn--secondary {
    background: #000;
    border-color: #000
}

.m-btn--fav.icon-heart:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/default/icon-heart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-btn--fav {
    color: #fff;
    background: #ff8080;
    border-color: #ff8080
}

.m-btn--fav:before {
    content: "";
    display: inline-block;
    vertical-align: -6px;
    margin-right: 10px
}

.m-btn--block {
    line-height: 23px;
    font-size: 14px;
    padding: 15px 0;
    min-width: 0;
    width: 100%;
    display: block
}

.m-btn--s {
    width: 250px;
    line-height: 32px
}

.m-btn--xs {
    padding: 0 5px;
    line-height: 16px;
    font-size: 11px;
    vertical-align: middle
}

.m-btn--lg {
    font-size: 16px
}

.m-btn--wide {
    margin-left: 2.8%;
    width: 45.8%;
    font-size: 13px
}

.m-btn--md {
    height: 42px
}

.m-btn--down {
    padding-right: 30px;
    position: relative
}

.m-btn--down:after {
    margin-top: -7px;
    content: "";
    position: absolute;
    right: 9px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none
}

.m-btn--s .icon-plus_mark:before {
    content: "";
    border-bottom: 2px solid #333;
    width: 10px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.m-btn--s .icon-plus_mark:after {
    content: "";
    border-bottom: 2px solid #333;
    width: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-btn--s span {
    position: relative;
    padding-left: 22px;
    display: inline-block
}

.m-btn--s span:after, .m-btn--s span:before {
    position: absolute;
    top: 50%;
    left: 0
}

.m-btn--cart.icon-cart:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-cart.svg);
    mask-image: url(/assets/img/common/icon/default/icon-cart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-btn--cart:before {
    content: "";
    display: inline-block;
    vertical-align: -8px;
    margin-right: 10px
}

.m-btn--stock.icon-location:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-location.svg);
    mask-image: url(/assets/img/common/icon/default/icon-location.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-btn--stock:before {
    content: "";
    display: inline-block;
    vertical-align: -4px;
    margin-right: 5px
}

.m-btn--chat.icon-chat:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-chat.svg);
    mask-image: url(/assets/img/common/icon/default/icon-chat.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-btn--chat:before {
    content: "";
    display: inline-block;
    vertical-align: -4px;
    margin-right: 5px
}

.m-btn--camera.icon-camera-viewfinder:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-camera-viewfinder.svg);
    mask-image: url(/assets/img/common/icon/default/icon-camera-viewfinder.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-btn--camera {
    font-size: 11px
}

.m-btn--camera:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.m-btn--staffFav {
    border: none
}

.m-btn--staffFav.is-checked {
    color: #000;
    background: #f0f0f0
}

.m-btn--zip {
    color: #000;
    width: 104px;
    padding: 7px 21px;
    border-radius: 2px;
    border: 1px solid #000;
    font-size: 12px;
    line-height: 31px;
    box-sizing: border-box;
    background: #fff
}

.m-arrow:after {
    margin-top: -5.5px;
    width: 7px;
    height: 7px
}

.m-arrow.icon-chevron-right:after, .m-arrow:after {
    content: "";
    border-right: 1px solid #00a6dd;
    border-top: 1px solid #00a6dd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-arrow.icon-chevron-right:after {
    width: 6px;
    height: 6px
}

.m-arrow {
    display: inline-block;
    padding-right: 16px;
    position: relative;
    color: #00a6dd;
    text-decoration: none
}

.m-arrow:after {
    margin-top: -4px;
    position: absolute;
    right: 4px;
    top: 50%
}

.m-arrow--select {
    color: #000;
    padding: 0 25px 5px 5px;
    border-bottom: 1px solid #b5b5b5
}

.m-arrow--select:after {
    border-right: 1px solid #000;
    border-top: 1px solid #000
}

.m-fav {
    cursor: pointer;
    display: inline-block
}

.m-fav:before {
    margin-right: 7px;
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -882px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    vertical-align: middle
}

.m-fav.is-checked:before {
    background-position: 0 -902px
}

.m-fav.icon-heart:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/default/icon-heart.svg);
    background-color: #999
}

.m-fav.icon-heart.is-checked:before, .m-fav.icon-heart:before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-fav.icon-heart.is-checked:before {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-heart.svg);
    background-color: #00a6dd
}

.m-fav.release-fix {
    cursor: pointer;
    display: inline-block
}

.m-fav.release-fix:before {
    margin-right: 7px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: none
}

.m-save {
    cursor: pointer;
    display: inline-block
}

.m-save:before {
    margin-right: 5px;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -1078px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    vertical-align: middle
}

.m-save.is-checked:before {
    width: 16px;
    height: 16px;
    background-position: 0 -1098px
}

.m-stars {
    display: inline-block;
    text-indent: 100%;
    overflow: hidden;
    vertical-align: top;
    position: relative
}

.m-stars span {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.m-stars--lg .icon-star5, .m-stars--sm .icon-star5 {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-star5.svg);
    mask-image: url(/assets/img/common/icon/default/icon-star5.svg);
    background-color: #999
}

.m-stars--lg .icon-star5, .m-stars--lg .icon-star5 + span:after, .m-stars--sm .icon-star5, .m-stars--sm .icon-star5 + span:after {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 12px;
    -webkit-mask-size: 94px;
    mask-size: 94px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-stars--lg .icon-star5 + span:after, .m-stars--sm .icon-star5 + span:after {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-star5.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-star5.svg);
    background-color: #e1cf80
}

.m-stars--lg, .m-stars--sm {
    width: 94px;
    height: 12px;
    margin-top: 4px
}

.m-stars--lg .icon-star5, .m-stars--sm .icon-star5 {
    width: 94px
}

.m-stars--lg .icon-star5 + span, .m-stars--sm .icon-star5 + span {
    height: 12px;
    background-color: #fff
}

.m-stars--lg .icon-star5 + span:after, .m-stars--sm .icon-star5 + span:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-stars--md {
    background-position: 0 -1278px;
    vertical-align: top;
    margin-top: 2px
}

.m-stars--md, .m-stars--md span {
    width: 83.5px;
    height: 14px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.m-stars--md span {
    background-position: 0 -1297px
}

.m-stars--1 span {
    width: 20%
}

.m-stars--2 span {
    width: 40%
}

.m-stars--3 span {
    width: 60%
}

.m-stars--4 span, .m-stars--5:after {
    width: 80%
}

.m-app, .m-facebook, .m-instagram, .m-line, .m-twitter {
    display: block
}

.m-twitter {
    background-position: 0 -1119px
}

.m-facebook, .m-twitter {
    width: 35px;
    height: 35px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.m-facebook {
    background-position: 0 -842px
}

.m-instagram {
    background-position: 0 -922px
}

.m-instagram, .m-line {
    width: 35px;
    height: 35px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.m-line {
    background-position: 0 -962px
}

.m-twitter.icon-sns-twitter {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-twitter.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-twitter.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #999;
    width: 36px;
    height: 36px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-twitter.release-fix {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: none
}

.m-facebook.icon-sns-facebook {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-facebook.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-facebook.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #999;
    width: 36px;
    height: 36px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-facebook.release-fix {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: none
}

.m-line.icon-sns-line {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-line.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-line.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #999;
    width: 36px;
    height: 36px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-line.release-fix {
    background-image: none
}

.m-app, .m-line.release-fix {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.m-app {
    width: 30.5px;
    height: 30.5px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -731px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px
}

.m-disc:before {
    margin: 0 .5em;
    content: "";
    width: 2px;
    height: 2px;
    background: #000;
    border-radius: 50%;
    vertical-align: middle;
    font-size: 1px;
    line-height: 1px;
    display: inline-block
}

.m-data {
    overflow: hidden;
    *zoom: 1
}

.m-data dd, .m-data dt {
    float: left
}

.m-data dt {
    clear: left;
    color: #999
}

.m-data dd {
    margin-left: 5px;
    color: #000
}

.m-data--h {
    overflow: hidden;
    *zoom: 1
}

.m-data--h dd, .m-data--h dt {
    float: left
}

.m-data--h dt {
    color: #999
}

.m-data--h dd {
    margin-left: 5px;
    color: #000
}

.m-data--h dd:after {
    margin: 0 5px;
    content: "|";
    display: inline;
    color: #999
}

.m-data--h dd:last-child:after {
    content: "";
    display: none
}

.m-alert {
    border: 1px solid #00a6dd;
    color: #00a6dd
}

.m-alert, .m-error {
    margin: 11px 10px;
    padding: 5px 9px 6px
}

.m-error {
    border: 1px solid #fc125d;
    color: #fc125d
}

.m-modalClose {
    border-radius: 50%;
    background: #fff;
    position: absolute;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    cursor: pointer;
    top: 10px;
    right: 8px;
    z-index: 101
}

.m-modalClose.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.m-modalClose.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.m-modalClose:after, .m-modalClose:before {
    background: #000;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 1px;
    margin-left: -12px
}

.m-modalClose.release-fix:after, .m-modalClose.release-fix:before {
    background-color: #333;
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    margin-left: 0
}

.strategy-message {
    padding: 0 10px 10px
}

.m-heading > .strategy-message {
    padding: 0;
    margin-left: 10px;
    display: inline-block;
    font-size: 13px;
    color: #000;
    letter-spacing: 0
}

.m-checkbox:disabled ~ span:before, .m-radio:disabled ~ span:before {
    opacity: .3
}

.m-btn--off {
    color: #fff;
    background: #b5b5b5;
    border-color: #b5b5b5;
    cursor: default
}

.m-btn--secondary {
    color: #fff;
    background: #00a6dd;
    border-color: #00a6dd
}

.m-more {
    margin: 0 10px;
    padding: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    text-align: center;
    position: relative;
    font-size: 14px
}

#addr_srch {
    display: none
}

.b-message {
    font-size: 15px
}

.m-textIcon {
    border: 1px solid #000;
    line-height: 1.1;
    padding: 1.2px 3px .2px;
    margin-left: 10px;
    font-size: 10px;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -3.3px;
    vertical-align: bottom
}

.m-textIcon--pink {
    border: 1px solid #fc125d;
    color: #fc125d
}

.m-headingLink--btnlist .d-tab-btn a.m-btn + span {
    display: inline-block;
    margin-left: 11px
}

.c-order > .change .payment li dl.property.newcard .m-select-text {
    width: 32%
}

.c-order > .change .payment li dl.property.newcard .m-select-text + dd {
    width: 68%
}

main .m-heading--message {
    margin-top: 0;
    margin-bottom: 0;
    padding: 22px 10px;
    line-height: 22px;
    font-size: 17px;
    letter-spacing: .075em
}

.m-readMore {
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: 0;
    margin: 0 auto;
    font-size: 11px;
    color: #000;
    line-height: 22px;
    display: block;
    position: relative
}

.m-readMore:before {
    content: "\3082\3063\3068\898B\308B"
}

.m-readMore:after {
    content: "";
    display: block;
    position: absolute;
    margin-top: -7px;
    margin-right: -4.5em;
    right: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-footerWrapper {
    padding-bottom: calc(50px + env(safe-area-inset-bottom))
}

.c-footerWrapper .c-footerWrapper__heading {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    text-align: center
}

.c-footerCustomerService {
    padding: 40px 20px;
    position: relative;
    background: #f0f0f0
}

.c-footerCustomerService .c-footerCustomerService__linkBox {
    height: 66px;
    background: #fff;
    border: 1px solid #ccc;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative
}

.c-footerCustomerService .c-footerCustomerService__linkText {
    font-size: 14px;
    position: relative
}

.c-footerCustomerService .c-footerCustomerService__linkNote {
    font-size: 10px;
    color: #555
}

.c-footerCustomerService .c-footerCustomerService__chatButton {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.c-footerCustomerService .icon-help:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-help.svg);
    mask-image: url(/assets/img/common/icon/default/icon-help.svg)
}

.c-footerCustomerService .icon-headset:before, .c-footerCustomerService .icon-help:before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #333;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: "";
    position: absolute;
    display: inline-block;
    top: 3px;
    left: -22px
}

.c-footerCustomerService .icon-headset:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-headset.svg);
    mask-image: url(/assets/img/common/icon/default/icon-headset.svg)
}

.c-footerAppLink {
    position: relative;
    width: 335px;
    height: 100px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto
}

.c-footerAppLink .c-footerAppLink {
    width: 100px;
    height: 100px
}

.c-footerAppLink .c-footerAppLink__logo {
    border: 1px solid #ccc;
    border-radius: 10px
}

.c-footerAppLink .c-footerAppLink__description {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-footerAppLink .c-footerAppLink__description, .c-footerAppLink .c-footerAppLink__heading {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.c-footerAppLink .c-footerAppLink__row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-footerAppLink .c-footerAppLink__stars {
    position: relative;
    width: 78.33333333px;
    height: 10px
}

.c-footerAppLink .c-footerAppLink__stars span {
    position: absolute;
    left: 0;
    top: 0
}

.c-footerAppLink .c-footerAppLink__stars .icon-star5 {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-star5.svg);
    mask-image: url(/assets/img/common/icon/default/icon-star5.svg);
    background-color: #999;
    width: 78.33333333px
}

.c-footerAppLink .c-footerAppLink__stars .icon-star5, .c-footerAppLink .c-footerAppLink__stars .icon-star5 + span:after {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 10px;
    -webkit-mask-size: 78.33333333px;
    mask-size: 78.33333333px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footerAppLink .c-footerAppLink__stars .icon-star5 + span:after {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-star5.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-star5.svg);
    background-color: #e1cf80;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.c-footerAppLink .c-footerAppLink__text--large {
    font-size: 14px;
    font-weight: 700
}

.c-footerAppLink .c-footerAppLink__text--medium {
    font-size: 12px;
    line-height: 17px
}

.c-footerAppLink .c-footerAppLink__text--small {
    font-size: 10px;
    font-weight: 700
}

.c-footerInfo {
    display: grid;
    grid-template-columns:1fr 1fr;
    border-top: 1px solid #ccc
}

.c-footerInfo .c-footerInfo__item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 52px;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.c-footerInfo .c-footerInfo__item--single:nth-of-type(2n) {
    border-right: 1px solid #ccc
}

.c-footerInfo .c-footerInfo__item--double {
    grid-column: 1/3
}

.c-footerSns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 32px 0 40px
}

.c-footerSns .c-footerSns__iconWrapper {
    display: -webkit-flex;
    display: flex;
    gap: 24px
}

.c-footerSns .c-footerSns__circle {
    position: relative;
    background-color: #f0f0f0;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.c-footerSns .c-footerSns__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.c-footerSns .icon-sns-facebook {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-facebook.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-facebook.svg)
}

.c-footerSns .icon-sns-facebook, .c-footerSns .icon-sns-twitter {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footerSns .icon-sns-twitter {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-twitter.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-twitter.svg)
}

.c-footerSns .icon-sns-instagram {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-instagram.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-instagram.svg)
}

.c-footerSns .icon-sns-instagram, .c-footerSns .icon-sns-line {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #555;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-footerSns .icon-sns-line {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-sns-line.svg);
    mask-image: url(/assets/img/common/icon/default/icon-sns-line.svg)
}

.c-footerLogo {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #f0f0f0;
    padding: 36px 0 32px
}

.c-footerLogo .c-footerLogo__copyright {
    font-size: 10px;
    color: #555
}

.d-toggle-btn {
    cursor: pointer
}

.d-toggle-content {
    display: none
}

.d-radioToggle-btns {
    display: block
}

.d-radioToggle-content, .d-radioToggle-content1, .d-radioToggle-content2 {
    display: none
}

.d-dropdown {
    position: relative;
    cursor: pointer
}

.d-dropdown:hover .d-dropdown-content {
    visibility: visible;
    opacity: 1;
    top: 100%;
    transition: .15s;
    transition-delay: .2s
}

.d-dropdown-content {
    visibility: hidden;
    opacity: 0;
    background: #fff;
    position: absolute;
    right: 0;
    top: 80%;
    z-index: 1;
    transition: .15s;
    transition-delay: .2s
}

.d-modal {
    z-index: 7;
    display: none
}

.d-modal, .d-modal-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.d-modal-window {
    overflow: auto;
    background: rgba(0, 0, 0, .5);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.d-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.d-modal-content {
    margin: 11px 10px;
    padding: 11px 10px;
    display: block;
    background: #fff;
    border-radius: 4px;
    position: relative
}

.d-modal-content .close:before {
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.d-modal-content .close:after {
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.d-modal-content .close.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.d-modal-content .close.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.d-modal-content .close {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 2px;
    top: 7px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap
}

.d-modal-content .close:after, .d-modal-content .close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%
}

.d-modal-content .m-heading {
    padding: 11px 40px 11px 0;
    margin-top: 0
}

.d-modal--address .title, .d-modal--brand .title, .d-modal--cart .title, .d-modal--category .title, .d-modal--color .title, .d-modal--date .title, .d-modal--discount .title, .d-modal--fav .title, .d-modal--login .title, .d-modal--payment .title, .d-modal--price .title, .d-modal--save .title, .d-modal--sendBack .title {
    padding: 11px 40px 11px 0;
    font-size: 17px
}

.d-modal--address .btn, .d-modal--brand .btn, .d-modal--cart .btn, .d-modal--category .btn, .d-modal--color .btn, .d-modal--date .btn, .d-modal--discount .btn, .d-modal--fav .btn, .d-modal--hold .btn, .d-modal--login .btn, .d-modal--payment .btn, .d-modal--price .btn, .d-modal--save .btn, .d-modal--sendBack .btn {
    margin-top: 22px
}

.d-modal--address .btn a, .d-modal--address .btn button, .d-modal--brand .btn a, .d-modal--brand .btn button, .d-modal--category .btn a, .d-modal--category .btn button, .d-modal--color .btn a, .d-modal--color .btn button, .d-modal--date .btn a, .d-modal--date .btn button, .d-modal--login .btn a, .d-modal--login .btn button, .d-modal--payment .btn a, .d-modal--payment .btn button, .d-modal--price .btn a, .d-modal--price .btn button, .d-modal--sendBack .btn a, .d-modal--sendBack .btn button {
    float: left;
    margin-left: 10px;
    width: 48%;
    width: calc(50% - 5px);
    line-height: 53px
}

.d-modal--address .btn a:first-child, .d-modal--address .btn button:first-child, .d-modal--brand .btn a:first-child, .d-modal--brand .btn button:first-child, .d-modal--category .btn a:first-child, .d-modal--category .btn button:first-child, .d-modal--color .btn a:first-child, .d-modal--color .btn button:first-child, .d-modal--date .btn a:first-child, .d-modal--date .btn button:first-child, .d-modal--login .btn a:first-child, .d-modal--login .btn button:first-child, .d-modal--payment .btn a:first-child, .d-modal--payment .btn button:first-child, .d-modal--price .btn a:first-child, .d-modal--price .btn button:first-child, .d-modal--sendBack .btn a:first-child, .d-modal--sendBack .btn button:first-child {
    margin-left: 0
}

.d-modal--save p {
    margin: 11px 0
}

.d-modal--brand .brands {
    padding-bottom: 54px
}

.d-modal--brand .brand {
    margin-bottom: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 18px
}

.d-modal--brand .brand label {
    display: block;
    padding: 4px 0
}

.d-modal--brand .btn {
    padding: 11px 10px;
    background: #fff;
    border-radius: 0 0 4px 4px
}

.d-modal--category .select {
    margin-bottom: 22px
}

.d-modal--category .select label, .d-modal--category .select select {
    width: 100%
}

.d-modal--price .input {
    margin-top: 22px
}

.d-modal--price .range {
    margin: 0 11px 11px
}

.d-modal--price input[type=text] {
    text-align: right;
    background: 0;
    border: 0;
    padding: 5px 26px 5px 5px;
    width: 64px;
    line-height: 20px;
    display: block
}

.d-modal--price label {
    padding: 5px 0;
    position: absolute;
    right: 11px;
    top: 0;
    line-height: 20px;
    display: block
}

.d-modal--price .max, .d-modal--price .min {
    position: relative;
    display: block;
    width: 95px;
    height: 30px;
    border-radius: 2px 2px 0 0;
    background: #fff;
    border-bottom: 1px solid #000;
    text-align: right
}

.d-modal--price .min {
    float: left
}

.d-modal--price .max {
    float: right
}

.d-modal--color .colors {
    margin-top: 22px;
    font-size: 10px;
    text-align: center
}

.d-modal--color .colors li {
    margin-bottom: 11px;
    float: left;
    width: 20%;
    position: relative
}

.d-modal--color .colors .name {
    display: block
}

.d-modal--color .colors .tip {
    margin: 0 auto;
    display: block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-indent: 100%;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 2px;
    position: relative
}

.d-modal--color .colors input[type=checkbox], .d-modal--color .colors input[type=radio] {
    display: none
}

.d-modal--color .colors input[type=checkbox]:checked + .tip + .name, .d-modal--color .colors input[type=radio]:checked + .tip + .name {
    font-weight: 700
}

.d-modal--color .tip1 .tip {
    background: #fff;
    border-color: #999
}

.d-modal--color .tip2 .tip {
    background: grey
}

.d-modal--color .tip3 .tip {
    background: #333
}

.d-modal--color .tip4 .tip {
    background: #803d26
}

.d-modal--color .tip5 .tip {
    background: #e6dab8
}

.d-modal--color .tip6 .tip {
    background: #2e994c
}

.d-modal--color .tip7 .tip {
    background: #0060e6
}

.d-modal--color .tip8 .tip {
    background: #5d0d80
}

.d-modal--color .tip9 .tip {
    background: #f5e431
}

.d-modal--color .tip10 .tip {
    background: #f6b1d7
}

.d-modal--color .tip11 .tip {
    background: #db0028
}

.d-modal--color .tip12 .tip {
    background: #ff9633
}

.d-modal--color .tip13 .tip {
    background: linear-gradient(180deg, #fff 0, #a4a4a4);
    border-color: #d1d1d1
}

.d-modal--color .tip14 .tip {
    background: linear-gradient(180deg, #fff9d9 0, #997a3d);
    border-color: #ccb97e
}

.d-modal--color .tip15 .tip {
    border: 1px dashed #999
}

.d-modal--discount p {
    margin-bottom: 11px
}

.d-modal--discount dl {
    padding: 11px 0;
    border-top: 1px solid #e5e5e5
}

.d-modal--discount dt {
    padding-right: 11px
}

.d-modal--cart .color, .d-modal--fav .color {
    margin-top: 11px;
    font-size: 11px
}

.d-modal--cart .color li, .d-modal--fav .color li {
    margin-bottom: 11px
}

.d-modal--cart .color > li, .d-modal--fav .color > li {
    margin-bottom: 10px;
    border-bottom: 1px dotted #e5e5e5
}

.d-modal--cart .thumb, .d-modal--fav .thumb {
    float: left;
    width: 21.42857%;
    text-align: center;
    margin-bottom: 11px
}

.d-modal--cart .thumb .name, .d-modal--fav .thumb .name {
    margin-top: 4px;
    line-height: 18px
}

.d-modal--cart .size, .d-modal--fav .size {
    float: left;
    width: 78.57142%
}

.d-modal--cart .size a, .d-modal--cart .size button, .d-modal--fav .size a, .d-modal--fav .size button {
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    line-height: 40px;
    width: 100%
}

.d-modal--cart .data, .d-modal--fav .data {
    float: left;
    width: 39.5454%;
    text-align: center;
    line-height: 17px
}

.d-modal--cart .cart {
    width: 58.1727%;
    margin-right: 0;
    float: right
}

.d-modal--cart .shop, .d-modal--fav .shop {
    float: left;
    width: 27.2727%
}

.d-modal--fav .fav {
    float: left;
    width: 58.1727%;
    text-align: center
}

.d-modal--fav .fav .m-fav {
    padding: 8px 7px 4px 14px
}

.d-modal--cart .head, .d-modal--fav .head {
    text-align: center
}

.d-modal--cart .head .data, .d-modal--fav .head .data {
    line-height: 22px
}

.d-modal--cart .similar {
    margin-bottom: 11px;
    clear: both
}

.d-modal--cart .shipping-date {
    color: #999;
    font-size: 10px
}

.d-modal--attention .d-modal-window {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 1ch
}

.d-modal--attention .d-modal-content {
    padding: 20px 12px
}

.d-modal--attention .title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: #000;
    margin-bottom: 10px
}

.d-modal--attention .text {
    font-size: 12px;
    line-height: 1.83;
    color: #000
}

.d-modal--attention .text > strong {
    color: #db0028;
    font-weight: 700
}

.d-modal--attention .text + .c-paymentAttention {
    margin-top: 16px
}

.d-modal--attention .btn {
    margin-top: 20px
}

.d-stars .icon-star5-default {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-star5.svg);
    mask-image: url(/assets/img/common/icon/default/icon-star5.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #999;
    height: 24px;
    -webkit-mask-size: 188px;
    mask-size: 188px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.d-stars .icon-star5-yellow label:hover input[type=radio]:enabled + span:after, .d-stars input[type=radio]:checked + span:after {
    -webkit-mask-image: url(/assets/img/common/icon/solid/icon-star5.svg);
    mask-image: url(/assets/img/common/icon/solid/icon-star5.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #e1cf80;
    height: 24px;
    -webkit-mask-size: 188px;
    mask-size: 188px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.d-stars {
    position: relative;
    height: 24px;
    width: 188px;
    margin: 4px 0 0
}

.d-stars .icon-star5-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 188px
}

.d-stars .icon-star5-yellow label {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 24px
}

.d-stars .icon-star5-yellow label:hover input[type=radio]:enabled + span {
    background-color: #fff;
    height: 24px
}

.d-stars .icon-star5-yellow label:hover input[type=radio]:enabled + span:after {
    content: "";
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.d-stars .icon-star5-yellow label:first-child {
    width: 100%
}

.d-stars .icon-star5-yellow label:nth-child(2) {
    width: 80%
}

.d-stars .icon-star5-yellow label:nth-child(3) {
    width: 60%
}

.d-stars .icon-star5-yellow label:nth-child(4) {
    width: 40%
}

.d-stars .icon-star5-yellow label:nth-child(5) {
    width: 20%
}

.d-stars input[type=radio] {
    display: none
}

.d-stars input[type=radio] + span {
    display: inline-block;
    position: relative;
    width: 100%;
    text-indent: 100%;
    overflow: hidden;
    height: 24px
}

.d-stars input[type=radio]:checked + span {
    background-color: #fff;
    height: 24px
}

.d-stars input[type=radio]:checked + span:after {
    content: "";
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.d-stars input[type=radio]:enabled + span {
    cursor: pointer
}

.d-slider {
    position: relative
}

.d-slider-col8 > li {
    padding-bottom: 22px
}

.d-slider-prev.d-slider-outside a {
    left: -44px
}

.d-slider-next.d-slider-outside a {
    right: -44px
}

.d-slider-next a, .d-slider-prev a {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    outline: 0;
    width: 44px;
    height: 44px;
    text-indent: 100%;
    z-index: 1;
    display: block;
    overflow: hidden
}

.d-slider-prev a.icon-chevron-left:after {
    content: "";
    width: 12px;
    height: 12px;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.d-slider-prev a {
    left: 0
}

.d-slider-prev a:after {
    margin-top: -8px;
    position: absolute;
    left: 15px;
    top: 50%
}

.d-slider-next a.icon-chevron-right:after {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.d-slider-next a {
    right: 0
}

.d-slider-next a:after {
    margin-top: -8px;
    position: absolute;
    right: 15px;
    top: 50%
}

.d-slider-outside a {
    margin-top: 0;
    top: 38.5px
}

.d-slider-number {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 10px
}

.d-slider-current {
    padding-bottom: 1px;
    position: relative
}

.d-slider-current:after {
    content: "";
    position: absolute;
    left: -10%;
    bottom: 0;
    width: 120%;
    height: 1px;
    border-top: 1px solid #999;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.d-slider-thumb li {
    cursor: pointer
}

.d-drawer-wrapper {
    position: relative;
    z-index: 4;
    background: #fff
}

.d-drawer-overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    transition: opacity .3s
}

.d-drawer-nav {
    display: none
}

.d-drawer-aside {
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.d-drawer-hide {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 6;
    overflow: hidden;
    background: rgba(0, 0, 0, .6);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.d-drawer-hide:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 10px
}

.d-drawer-hide .close:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.d-drawer-hide .close:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.d-drawer-hide .close.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.d-drawer-hide .close.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.yappli-navi {
    .c-footer-navigation-container,
    .d-drawer-hide {
        display: none;
    }

    .c-globalNav, .c-globalNav .gender {
        width: 100%;
    }

    .c-globalNav .link, .c-globalNav .sub {
        width: 100%;
    }

    .d-drawer-sub {
        transform: translateX(100%);
    }

    .d-drawer-link.is-up > li > a, .d-drawer-link.is-up > li > span,
    .d-drawer-sub.is-up > li > a,
    .d-drawer-sub.is-up > li > span,
    .d-drawer-sub.is-up > li > ul > li > a,
    .d-drawer-sub.is-up > li > ul > li > span {
        transform: translateX(-100%);
    }
}

.d-drawer-hide .close:before {
    position: absolute;
    left: 22px;
    top: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.d-drawer-hide .close:after {
    position: absolute;
    left: 22px;
    top: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.d-drawer-is-show .d-drawer-nav {
    display: block
}

.d-drawer-is-show .d-drawer-hide {
    width: 100%
}

.d-drawer-is-show .d-drawer-overlay {
    visibility: visible;
    opacity: 1;
    z-index: 99999
}

.d-drawer-is-show .c-headerSearch, .d-drawer-is-show .d-drawer-aside, .d-drawer-is-show .d-drawer-hide {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translateX(276px);
    transform: translateX(276px)
}

.d-drawer-link, .d-drawer-sub.is-down {
    overflow: auto
}

.d-drawer-link.is-up, .d-drawer-sub {
    overflow: hidden
}

.d-drawer-link > li > a, .d-drawer-link > li > span, .d-drawer-sub, .d-drawer-sub > li > a, .d-drawer-sub > li > span, .d-drawer-sub > li > ul > li > a, .d-drawer-sub > li > ul > li > span {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.d-drawer-link > li > a, .d-drawer-link > li > span, .d-drawer-sub.is-down, .d-drawer-sub.is-up, .d-drawer-sub > li > a, .d-drawer-sub > li > span, .d-drawer-sub > li > ul > li > a, .d-drawer-sub > li > ul > li > span {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.d-drawer-sub {
    -webkit-transform: translateX(275px);
    transform: translateX(275px)
}

.d-drawer-link.is-up > li > a, .d-drawer-link.is-up > li > span, .d-drawer-sub.is-up > li > a, .d-drawer-sub.is-up > li > span, .d-drawer-sub.is-up > li > ul > li > a, .d-drawer-sub.is-up > li > ul > li > span {
    -webkit-transform: translateX(-275px);
    transform: translateX(-275px)
}

.is-scrollDisable {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed
}

.d-form-error {
    position: absolute;
    z-index: 1
}

.d-form-error .errorText {
    width: 100%;
    background: #ffedf5;
    position: relative;
    color: #e9506b;
    font-size: 11px;
    border: 1px solid #ffa8a8;
    padding: 4px 0 4px 4px;
    border-radius: 1px;
    min-width: 7.3em;
    white-space: nowrap;
    margin-top: 5px
}

.d-form-error .errorText:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-bottom-color: #ffa8a8
}

.d-form-error .errorText:after {
    content: "";
    position: absolute;
    left: 11px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #ffedf5
}

.d-pageTop {
    display: block;
    position: fixed;
    right: 10px;
    bottom: calc(65px + env(safe-area-inset-bottom));
    width: 42px;
    height: 42px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 3px;
    border: 1px solid #999;
    z-index: 4
}

.d-pageTop:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 16px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.d-loading {
    background: url(/assets/img/common/bx_loader.gif) 50% 50% no-repeat;
    min-height: 100px
}

.d-loading.success {
    opacity: 0
}

.d-loading.finish {
    opacity: 1;
    background: none;
    transition: opacity .2s ease
}

.d-suggest {
    position: relative
}

.d-suggest-list {
    left: 0;
    top: 60px;
    width: 100%;
    max-height: 70vh;
    overflow-y: auto;
    z-index: 1;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
    box-sizing: border-box;
    margin-bottom: 20px
}

.d-suggest-list p {
    margin: 0 11px;
    padding: 11px 0;
    border-bottom: 1px dotted #e5e5e5
}

.d-suggest-list ul:last-child li:last-child {
    border-bottom: 0
}

.d-suggest-list li {
    border-bottom: 1px dotted #e5e5e5;
    position: relative
}

.d-suggest-list .d-suggest-input {
    padding: 11px 11px 11px 42px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.d-suggest-list .d-suggest-input.replace {
    padding-right: 40px
}

.d-suggest-list a.d-suggest-input:after {
    display: none !important
}

.d-suggest-remove {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #e5e5e5;
    border-radius: 25px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    top: 50%;
    left: 12px;
    padding: 0;
    display: block;
    border: 1px;
    margin-top: -11px
}

.d-suggest-remove.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 8px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.d-suggest-remove.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 8px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.d-suggest-remove:after, .d-suggest-remove:before {
    position: absolute;
    right: 2px;
    top: 10px
}

.d-suggest-replace {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 11px;
    height: 11px;
    background-image: url(../img/common/icon.png?v=20260121012526);
    background-position: 0 -1521px;
    background-repeat: no-repeat;
    background-size: 83.5px 1641px;
    border: none;
    text-indent: 999px;
    background-color: inherit;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.d-drawer-link.is-up, .d-drawer-sub {
    overflow: visible
}

.d-drawer-is-show .d-drawer-link, .d-drawer-is-show .d-drawer-sub.is-down {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    background: #fff
}

.d-drawer-is-show .d-drawer-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.d-slider-number {
    background: hsla(0, 0%, 100%, .5);
    padding: 5px 10px
}

.c-sort .btn button, .d-modal--address .btn a, .d-modal--address .btn button, .d-modal--brand .btn a, .d-modal--brand .btn button, .d-modal--category .btn a, .d-modal--category .btn button, .d-modal--color .btn a, .d-modal--color .btn button, .d-modal--date .btn a, .d-modal--date .btn button, .d-modal--login .btn a, .d-modal--login .btn button, .d-modal--payment .btn a, .d-modal--payment .btn button, .d-modal--price .btn a, .d-modal--price .btn button, .d-modal--sendBack .btn a, .d-modal--sendBack .btn button, .m-btn--block {
    line-height: 50px;
    padding: 0
}

.d-modal--brand .brands {
    padding-top: 22px;
    padding-bottom: 0
}

.d-modal-content .favorite {
    position: relative
}

.d-modal-content .icon-square-check:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-square-check.svg);
    mask-image: url(/assets/img/common/icon/default/icon-square-check.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #999;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.d-modal-content .favorite:before {
    position: absolute;
    content: "";
    display: block;
    color: #000;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 15px;
    font-weight: 700
}

.u-hide {
    display: none !important
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both
}

.u-mt-4 {
    margin-top: 4px
}

.u-mb-4 {
    margin-bottom: 4px
}

.u-ml-4 {
    margin-left: 4px
}

.u-mr-4 {
    margin-right: 4px
}

.u-mt-8 {
    margin-top: 8px
}

.u-mb-8 {
    margin-bottom: 8px
}

.u-ml-8 {
    margin-left: 8px
}

.u-mr-8 {
    margin-right: 8px
}

.u-mt-12 {
    margin-top: 12px
}

.u-mb-12 {
    margin-bottom: 12px
}

.u-ml-12 {
    margin-left: 12px
}

.u-mr-12 {
    margin-right: 12px
}

.u-mt-16 {
    margin-top: 16px
}

.u-mb-16 {
    margin-bottom: 16px
}

.u-ml-16 {
    margin-left: 16px
}

.u-mr-16 {
    margin-right: 16px
}

.u-mt-20 {
    margin-top: 20px
}

.u-mb-20 {
    margin-bottom: 20px
}

.u-ml-20 {
    margin-left: 20px
}

.u-mr-20 {
    margin-right: 20px
}

.u-mt-24 {
    margin-top: 24px
}

.u-mb-24 {
    margin-bottom: 24px
}

.u-ml-24 {
    margin-left: 24px
}

.u-mr-24 {
    margin-right: 24px
}

.u-mt-28 {
    margin-top: 28px
}

.u-mb-28 {
    margin-bottom: 28px
}

.u-ml-28 {
    margin-left: 28px
}

.u-mr-28 {
    margin-right: 28px
}

.u-mt-32 {
    margin-top: 32px
}

.u-mb-32 {
    margin-bottom: 32px
}

.u-ml-32 {
    margin-left: 32px
}

.u-mr-32 {
    margin-right: 32px
}

.u-mt-36 {
    margin-top: 36px
}

.u-mb-36 {
    margin-bottom: 36px
}

.u-ml-36 {
    margin-left: 36px
}

.u-mr-36 {
    margin-right: 36px
}

.u-mt-40 {
    margin-top: 40px
}

.u-mb-40 {
    margin-bottom: 40px
}

.u-ml-40 {
    margin-left: 40px
}

.u-mr-40 {
    margin-right: 40px
}

.u-mt-44 {
    margin-top: 44px
}

.u-mb-44 {
    margin-bottom: 44px
}

.u-ml-44 {
    margin-left: 44px
}

.u-mr-44 {
    margin-right: 44px
}

.u-mt-48 {
    margin-top: 48px
}

.u-mb-48 {
    margin-bottom: 48px
}

.u-ml-48 {
    margin-left: 48px
}

.u-mr-48 {
    margin-right: 48px
}

.u-mt-52 {
    margin-top: 52px
}

.u-mb-52 {
    margin-bottom: 52px
}

.u-ml-52 {
    margin-left: 52px
}

.u-mr-52 {
    margin-right: 52px
}

.u-mt-56 {
    margin-top: 56px
}

.u-mb-56 {
    margin-bottom: 56px
}

.u-ml-56 {
    margin-left: 56px
}

.u-mr-56 {
    margin-right: 56px
}

.u-mt-60 {
    margin-top: 60px
}

.u-mb-60 {
    margin-bottom: 60px
}

.u-ml-60 {
    margin-left: 60px
}

.u-mr-60 {
    margin-right: 60px
}

.imageSearch-loading {
    position: fixed;
    height: 100%;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    opacity: 0;
    background: #000;
    transition: top 0s ease .3s, opacity 0s ease .3s;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.imageSearch-loading.active {
    opacity: 1;
    top: 0;
    transition: opacity .2s
}

.imageSearch-error:after, .imageSearch-loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .4)
}

.imageSearch-loading .loading {
    display: inline-block;
    height: 60px;
    width: 60px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-animation: loading-spin 1.2s ease-in-out infinite;
    animation: loading-spin 1.2s ease-in-out infinite;
    border-radius: 50%;
    z-index: 999;
    margin-top: -30px;
    margin-left: -30px
}

.imageSearch-loading .loading:before {
    content: "";
    display: block;
    border-radius: 50%;
    height: 60px;
    width: 100%;
    border: 8px solid hsla(0, 0%, 100%, .4);
    position: relative;
    box-sizing: border-box
}

.imageSearch-loading .loading:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@-webkit-keyframes loading-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes loading-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.imageSearch-error .img, .imageSearch-loading .img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.imageSearch-loading .text {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 42px);
    transform: translate(-50%, 42px);
    z-index: 999;
    opacity: .8
}

.imageSearch-success {
    position: fixed;
    height: 100%;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    opacity: 0;
    background: #fff;
    transition: top 0s ease .3s, opacity .3s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.imageSearch-success.active {
    opacity: 1;
    top: 0;
    transition: opacity .2s
}

.imageSearch-success .title {
    font-size: 17px;
    letter-spacing: .075em;
    padding: 7px 57px 7px 15px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 56px;
    box-sizing: border-box
}

.imageSearch-success .title .img {
    max-height: 42px;
    max-width: 35px
}

.imageSearch-success .title .text {
    width: 100%
}

.imageSearch-success .image {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 10px
}

.imageSearch-success .image canvas {
    max-width: calc(100% - 20px);
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.imageSearch-success .image-bg {
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0
}

.imageSearch-success .thumbs {
    display: -webkit-flex;
    display: flex;
    overflow-x: scroll;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    white-space: nowrap
}

.imageSearch-success .thumbs .thumb {
    color: #666;
    width: 80px;
    min-width: 80px;
    padding: 10px 10px 5px;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    vertical-align: top
}

.imageSearch-success .thumbs .thumb .img {
    z-index: 1;
    height: 50px;
    width: 50px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    border: 2px solid #fff
}

.imageSearch-success .thumbs .thumb.active {
    border-bottom: 2px solid #00a6dd;
    color: #00a6dd;
    font-weight: 700
}

.imageSearch-success .thumbs .thumb.active .img {
    border-color: #00a6dd
}

.imageSearch-success .thumbs img {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.imageSearch-success .thumbs .label {
    line-height: 1.5;
    white-space: pre-wrap
}

.imageSearch-success .items {
    display: none
}

.imageSearch-success .items.active {
    display: -webkit-flex;
    display: flex
}

.imageSearch-success .items .text {
    padding: 10px
}

.imageSearch-success .similar-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 10px 10px
}

.imageSearch-success .similar-thumb {
    padding: 10px 15px 8px 35px;
    position: relative;
    cursor: pointer
}

.imageSearch-success .similar-thumb:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    cursor: pointer;
    top: 50%;
    left: 0;
    background: #e5e5e5;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.imageSearch-success .similar-thumb:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 5px;
    border-radius: 2px;
    top: 50%;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg) translateY(-60%);
    transform: rotate(45deg) translateY(-65%)
}

.imageSearch-success .similar-thumb img {
    width: 35px
}

.imageSearch-success .similar-text {
    font-size: 17px;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.imageSearch-error {
    position: fixed;
    height: 100%;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    background: #000;
    opacity: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    transition: opacity .2s;
    -webkit-flex-direction: column;
    flex-direction: column
}

.imageSearch-error.active {
    top: 0;
    opacity: 1
}

.imageSearch-error .text {
    z-index: 102;
    position: relative;
    margin-bottom: 15px;
    color: #fff;
    font-size: 12px
}

.imageSearch-error .btn {
    z-index: 102;
    position: relative;
    width: calc(100% - 20px)
}

.imageSearch-error .icon-camera:before {
    -webkit-mask-image: url(/assets/img/common/icon/default/icon-camera.svg);
    mask-image: url(/assets/img/common/icon/default/icon-camera.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: "";
    display: inline-block
}

.imageSearch-error .btn:before {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.imageSearch-success .reset.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.imageSearch-success .reset.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #333;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.imageSearch-error .reset.icon-xmark:before, .imageSearch-loading .reset.icon-xmark:before {
    content: "";
    border-bottom: 1px solid #fff;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.imageSearch-error .reset.icon-xmark:after, .imageSearch-loading .reset.icon-xmark:after {
    content: "";
    border-bottom: 1px solid #fff;
    width: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.imageSearch-error .reset, .imageSearch-loading .reset, .imageSearch-success .reset {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 2px;
    top: 7px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    z-index: 101
}

.imageSearch-error .reset:after, .imageSearch-error .reset:before, .imageSearch-loading .reset:after, .imageSearch-loading .reset:before, .imageSearch-success .reset:after, .imageSearch-success .reset:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%
}

.help-content-link {
    text-align: center;
    vertical-align: top;
    line-height: 1.7
}

.help-content-link .text {
    margin-bottom: 30px;
    font-size: 13px
}

.help-content-link .help-btn {
    max-width: 500px;
    margin: 0 auto 30px
}

.help-content-link .help-btn li {
    display: inline-block;
    width: 31%;
    position: relative;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.4
}

.help-content-link .help-btn li.chat {
    width: 34%
}

.help-content-link .help-btn li .time {
    font-size: 9px
}

.help-content-link .help-btn li .on, .help-content-link .help-btn li span.off {
    transition: opacity .3s ease;
    padding-top: 63px;
    display: block;
    text-decoration: none
}

.help-content-link .help-btn li .on:before, .help-content-link .help-btn li span.off:before {
    display: block;
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    background: url(../img/common/help.png?v=20260121012526) no-repeat;
    background-size: 165px 110px;
    top: 0;
    right: 0;
    left: 0;
    margin: auto
}

.help-content-link .help-btn li.chat .on {
    cursor: pointer
}

.help-content-link .help-btn li.chat .on:before {
    background-position: -55px 0
}

.help-content-link .help-btn li.tel .on:before {
    background-position: -110px 0
}

.help-content-link .help-btn li.chat span.off:before {
    background-position: -55px -55px
}

.help-content-link .help-btn li.tel span.off:before {
    background-position: -110px -55px
}

.help-content-link .help-btn li.chat .standby {
    display: block;
    margin-top: 10px;
    margin-bottom: -10px
}

.help-content-link .help-btn + .standby, .help-content-link .help-btn li.chat .standby {
    border: 1px solid #fc125d;
    line-height: 1.7;
    color: #fc125d;
    font-size: 9px;
    text-align: center
}

.help-content-link .help-btn + .standby {
    display: inline-block;
    top: -20px;
    margin-bottom: 10px;
    padding: 1px 5px;
    position: relative
}

.help-content-link .caution {
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    line-height: 1.7;
    margin: -5px 10px 15px
}

/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * SCSS File by Detlef Beyer
 */
.bs-slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.bs-slider.bs-slider-horizontal {
    width: 100%;
    height: 20px
}

.bs-slider.bs-slider-horizontal .bs-slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0
}

.bs-slider.bs-slider-horizontal .bs-slider-selection, .bs-slider.bs-slider-horizontal .bs-slider-track-high, .bs-slider.bs-slider-horizontal .bs-slider-track-low {
    height: 100%;
    top: 0;
    bottom: 0
}

.bs-slider.bs-slider-horizontal .bs-slider-handle, .bs-slider.bs-slider-horizontal .bs-slider-tick {
    margin-left: -10px;
    margin-top: -5px
}

.bs-slider.bs-slider-horizontal .bs-slider-handle.bs-triangle, .bs-slider.bs-slider-horizontal .bs-slider-tick.bs-triangle {
    border-width: 0 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0
}

.bs-slider.bs-slider-horizontal .bs-slider-tick-label-container {
    white-space: nowrap
}

.bs-slider.bs-slider-horizontal .bs-slider-tick-label-container .bs-slider-tick-label {
    margin-top: 24px;
    display: inline-block;
    text-align: center
}

.bs-slider.bs-slider-vertical {
    height: 210px;
    width: 20px
}

.bs-slider.bs-slider-vertical .bs-slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0
}

.bs-slider.bs-slider-vertical .bs-slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0
}

.bs-slider.bs-slider-vertical .bs-slider-track-high, .bs-slider.bs-slider-vertical .bs-slider-track-low {
    width: 100%;
    left: 0;
    right: 0
}

.bs-slider.bs-slider-vertical .bs-slider-handle, .bs-slider.bs-slider-vertical .bs-slider-tick {
    margin-left: -5px;
    margin-top: -10px
}

.bs-slider.bs-slider-vertical .bs-slider-handle.bs-triangle, .bs-slider.bs-slider-vertical .bs-slider-tick.bs-triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0
}

.bs-slider.bs-slider-vertical .bs-slider-handle .bs-slider-tick-label-container, .bs-slider.bs-slider-vertical .bs-slider-tick .bs-slider-tick-label-container {
    white-space: nowrap
}

.bs-slider.bs-slider-vertical .bs-slider-handle .bs-slider-tick-label-container .bs-slider-tick-label, .bs-slider.bs-slider-vertical .bs-slider-tick .bs-slider-tick-label-container .bs-slider-tick-label {
    padding-left: 4px
}

.bs-slider.bs-slider-disabled .bs-slider-handle {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #dfdfdf, #bebebe);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf", endColorstr="#bebebe", GradientType=0)
}

.bs-slider.bs-slider-disabled .bs-slider-track {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #e5e5e5, #e9e9e9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#e9e9e9", GradientType=0);
    cursor: not-allowed
}

.bs-slider input {
    display: none
}

.bs-slider .bs-tooltip-inner {
    white-space: nowrap
}

.bs-slider .bs-tooltip.bs-top {
    margin-top: -36px
}

.bs-slider .bs-hide {
    display: none
}

.bs-slider-track {
    cursor: pointer;
    background-image: linear-gradient(180deg, #f5f5f5, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#f9f9f9", GradientType=0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.bs-slider-selection, .bs-slider-track {
    position: absolute;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    border-radius: 4px
}

.bs-slider-selection {
    background-image: linear-gradient(180deg, #f9f9f9, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#f5f5f5", GradientType=0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-sizing: border-box
}

.bs-slider-selection.tick-slider-selection {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #89cdef, #81bfde);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89cdef", endColorstr="#81bfde", GradientType=0)
}

.bs-slider-track-high, .bs-slider-track-low {
    position: absolute;
    background: transparent;
    box-sizing: border-box;
    border-radius: border-radius(4px)
}

.bs-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-color: #0e90d2;
    background-image: linear-gradient(180deg, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#149bdf", endColorstr="#0480be", GradientType=0);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 0 solid transparent
}

.bs-slider-handle.bs-round {
    border-radius: 20px
}

.bs-slider-handle.bs-custom, .bs-slider-handle.bs-triangle {
    background: transparent none
}

.bs-slider-handle.bs-custom:before {
    line-height: 20px;
    font-size: 20px;
    content: "\2605";
    color: #726204
}

.bs-slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #f9f9f9, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#f5f5f5", GradientType=0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-sizing: border-box;
    -webkit-filter: none;
    filter: none;
    opacity: .8;
    border: 0 solid transparent
}

.bs-slider-tick.bs-round {
    border-radius: 50%
}

.bs-slider-tick.bs-custom, .bs-slider-tick.bs-triangle {
    background: transparent none
}

.bs-slider-tick.bs-custom:before {
    line-height: 20px;
    font-size: 20px;
    content: "\2605";
    color: #726204
}

.bs-slider-tick.bs-in-selection {
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #89cdef, #81bfde);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89cdef", endColorstr="#81bfde", GradientType=0);
    opacity: 1
}

.bs-slider.bs-slider-horizontal {
    height: 32px
}

.bs-slider.bs-slider-horizontal .bs-slider-track {
    margin-top: -1px;
    height: 2px
}

.bs-slider-track {
    background: #fff
}

.bs-slider-handle {
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #999
}

.bs-slider-handle.bs-round {
    border-radius: 15px
}

.bs-slider.bs-slider-horizontal .bs-slider-handle, .bs-slider.bs-slider-horizontal .bs-slider-tick {
    margin-left: -15px;
    margin-top: -15px
}

.bs-slider-selection {
    background: #999;
    box-shadow: inset 0 -1px 0 hsla(0, 0%, 100%, .15)
}

/*!
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 5px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/assets/img/common/bx_loader.gif) 50% no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 53
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #999;
    text-indent: 100%;
    display: block;
    overflow: hidden;
    width: 6px;
    height: 6px;
    margin: 0 11px;
    outline: 0;
    border-radius: 3px
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #00a6dd;
}

.bx-wrapper .bx-prev {
    left: -33px
}

.bx-wrapper .bx-prev:after {
    margin-top: -8px;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bx-wrapper .bx-next {
    right: -33px
}

.bx-wrapper .bx-next:after {
    margin-top: -8px;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 33px;
    height: 33px;
    text-indent: 100%;
    z-index: 52;
    display: block;
    overflow: hidden
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

@media screen and (max-width: 374px) {
    .c-item .nav .column > a {
        font-size: 13px
    }

    .c-item .nav .column > a:last-child {
        width: 80%
    }

    .c-banner {
        width: 100%;
        height: 44px
    }
}

@media (max-width: 359px) {
    .c-linkboxList li.box .name {
        font-size: 13px
    }

    .c-linkboxList li.box .disc {
        font-size: 11px
    }

    .c-appliLink.origin {
        padding: 10px
    }

    .c-appliLink.origin .thumb {
        padding-right: 8px
    }

    .c-appliLink.origin .name {
        font-size: 13px
    }

    .c-appliLink.origin .disc {
        font-size: 11px
    }

    .c-stepbar__points li {
        padding-left: 6.25vw;
        max-width: calc(14px + 6.25vw)
    }

    .c-stepbar__points li:after {
        width: calc(14px + 6.25vw)
    }
}

/* 横スクロール用レイアウト-------------------------------*/
.l-horizontalListWrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
}
.l-horizontalList {
    display: flex;
    padding-right: 10px;
    margin-bottom: 22px;
}
.l-horizontalList .item {
    margin-left: 10px;
    width: 34vw;
}

.viewAllButton {
    display: flex;
    justify-content: center;
    padding: 20px 10px;
}

#itemSearch-page {
    height: 100dvh;
    overflow-x: clip;

    & .d-drawer-hide {
        position: fixed;
    }

    & .itemSearchTitle {
        font-size: 12px;
        font-weight: 700;
        padding: 24px 16px 0;
        line-height: 1.7;
    }

    & .itemSearchList {
        &:not(:is(.l-col2, .l-col3, .l-col4, .l-col5, .l-col6, .l-col8)) { /* .itemSearchList が現行BCSに存在している .l-col[*] クラスと併用されるべきではないことを明示しています */
            display: grid;
            gap: 16px;
            margin-inline: 16px;
        }

        &:is(.l-col2) { /* .itemSearchList が2カラムの場合のアイテム幅を定義 */
            & li.item {
                width: calc(50% - 24px);
                margin: 0 0 16px 16px;
            }
        }

        & .thumb {
            margin-bottom: 10px;

            /* CLS 防止用 */
            & a {
                display: block;
                aspect-ratio: 237/284;
            }
        }

        & .sale {
            width: revert;
            padding: revert;
            background: revert;
            line-height: inherit;
            left: 0;
            right: 0;
            bottom: 0;
            display: grid;
            place-items: center;
            min-height: 22px;
            font-size: 10px;
            background-color: rgba(51, 51, 51, 0.6);
        }

        & .soldout {
            margin-top: revert;
            background: revert;
            line-height: inherit;
            text-align: revert;
            top: calc(50% - 11px);
            left: 0;
            right: 0;
            display: grid;
            place-items: center;
            min-height: 22px;
            font-size: 11px;
            color: #f66;
            background-color: rgba(255, 255, 255, 0.85);
        }

        & .data {
            padding-bottom: 30px;
            color: #000;
        }

        & .fav {
            margin-top: -3px;
            margin-right: -7px;
            float: right;
        }

        & .brand {
            font-size: 10px;
            color: #666;
        }

        & .itemName {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            white-space: normal;
            width: 100%;
            margin-top: 7px;
            font-size: 10px;
        }

        & .price {
            margin-top: 4px;
            font-size: 12px;
            font-weight: 700;
        }

        & .review {
            margin-top: 6px;
        }

        & .reviewCount {
            display: inline-block;
            margin-left: -3px;
            font-size: 10px;
            transform: translateY(-1px);
        }

        & .reviewCountLink {
            padding-inline: 2px;
        }
    }

    & .itemSearchListPagination {
        margin: 16px 16px 56px;
        text-align: center;
        position: relative;

        & ul {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        & li, a {
            display: grid;
            place-items: center;
            min-width: 32px;
            aspect-ratio: 1 / 1;
            font-size: 11px;
            box-sizing: border-box;
        }

        & li {
            &.is-current {
                margin-inline: 6px;
                font-weight: 700;
                background-color: unset;
            }

            &:has(a) + &:has(a) {
                margin-left: 6px;
            }

            & a {
                color: #999;
                background-color: #F0F0F0;
                border-radius: 2px;
            }
        }

        & .prev.icon-chevron-left:after {
            content: "";
            width: 10px;
            height: 10px;
            border-left: 1px solid #000;
            border-top: 1px solid #000;
            transform: rotate(-45deg)
        }

        & .prev {
            position: absolute;
            top: 0;
            left: 0
        }

        & .prev:after {
            position: absolute;
            left: calc(50% - 3px);
            top: calc(50% - 5px);

        }

        & .next.icon-chevron-right:after {
            content: "";
            width: 10px;
            height: 10px;
            border-right: 1px solid #000;
            border-top: 1px solid #000;
            transform: rotate(45deg)
        }

        & .next {
            position: absolute;
            top: 0;
            right: 0
        }

        & .next:after {
            position: absolute;
            right: calc(50% - 3px);
            top: calc(50% - 5px);
        }
    }
}