@charset "utf-8";

.m-sw-220929m {position:relative; line-height:0; font-size:0;}

.m-sw-220929m .skin-header {
    margin: 0 auto;
    padding-bottom: 30px;
}

.m-sw-220929m .skin-header .title {
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    font-weight: bold;
}

.m-sw-220929m .skin-header .ty-1 {padding: 0 20px;}
.m-sw-220929m .skin-header .ty-2 {text-align: center;}
.m-sw-220929m .skin-header img {max-width: 100%; max-height: 500px;}

.m-sw-220929m .show-window-inner {width: 100%; display: flex;}

.m-sw-220929m .show-window-inner > .inner {width: 100%; overflow: hidden;}
.m-sw-220929m .show-window-inner > .inner .drag-wrap {width: calc(100% - 40px); position: relative; padding: 0 20px;}

.m-sw-220929m .show-window-inner > .inner .shadow-div {position: absolute; width: 100px; height: 100%; top: 0; right: 0;}

.m-sw-220929m .drag-list {display: inline-block; white-space: nowrap;}
.m-sw-220929m .drag-list .inner {position: relative; text-align: center;}
.m-sw-220929m .drag-list .inner > a {position: absolute; width: 140px; height: 140px; top: 0; left: 0; z-index: 3;}
.m-sw-220929m .drag-list > li {width: 140px; display: inline-block; vertical-align: top; padding-right: 15px;}

.m-sw-220929m .drag-list .image {margin-bottom: 13px;}
.m-sw-220929m .drag-list .image .block {position: relative;}
.m-sw-220929m .drag-list .image .block .icon.circle {position: absolute; top: 0; right: -15px; z-index: 2;}
.m-sw-220929m .drag-list .image .block .icon.circle > img {width: 56px; height: 56px;}
.m-sw-220929m .drag-list .image .block .icon.round {display: flex; align-items: center; position: absolute; height: 19px; top: 0; left: 0; padding: 0 7px; background: #444444; z-index: 2;}
.m-sw-220929m .drag-list .image .block .icon.round p {font-size: 12px; line-height: 1; color: #FFFFFF;}
.m-sw-220929m .drag-list .image .block > img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.m-sw-220929m .drag-list .image .thumb img {width: 140px; height: 140px; object-fit: cover;}
.m-sw-220929m .drag-list .image .thumb .circle {width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; background-color: #eeeeee; border-radius: 50%;}
.m-sw-220929m .drag-list .image .thumb .circle img {border-radius: 50%;}
.m-sw-220929m .drag-list .image .thumb .circle svg {border-radius: 50%;}
.m-sw-220929m .drag-list .image .thumb .circle .svg-noproduct {width: 70px; height: 70px; border-radius: 0; opacity: 0.2;}
.m-sw-220929m .drag-list .image .thumb .round {width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; background-color: #eeeeee; border-radius: 25px;}
.m-sw-220929m .drag-list .image .thumb .round img {border-radius: 25px;}
.m-sw-220929m .drag-list .image .thumb .round svg {border-radius: 25px;}
.m-sw-220929m .drag-list .image .thumb .round .svg-noproduct {width: 70px; height: 70px; border-radius: 0; opacity: 0.2;}

.m-sw-220929m .drag-list .adult .circle:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 1; opacity: 0.8; border-radius: 50%;}
.m-sw-220929m .drag-list .adult .round:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 1; opacity: 0.8; border-radius: 25px;}
.m-sw-220929m .drag-list .adult > div:nth-child(1) {width: 140px; height: 140px; position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2;}

.m-sw-220929m .drag-list .soldout .circle:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 1; opacity: 0.8; border-radius: 50%;}
.m-sw-220929m .drag-list .soldout .round:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 1; opacity: 0.8; border-radius: 25px;}
.m-sw-220929m .drag-list .soldout > div:nth-child(1) {width: 140px; height: 140px; position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2;}

.st0{clip-path:url(#SVGID_00000158714447928279404080000018325989234319729816_);}
.st1{fill:#CB1F22;}

.m-sw-220929m .drag-list .discount {position: relative; height: 7px; z-index: 2;}
.m-sw-220929m .drag-list .discount > div {position: absolute; height: 20px; background-color: #ff0000; border-radius: 9px; top: -25px; left: 50%; transform: translateX(-50%); padding: 0 10px;}
.m-sw-220929m .drag-list .discount span {font-weight: bold; font-size: 13px; line-height: 19px; color: #FFFFFF;}

.m-sw-220929m .drag-list .brand p {font-size: 12px; line-height: 1; color: #000000; margin-top: 2px; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-sw-220929m .drag-list .title p {font-size: 13px; line-height: 1.4; color: #000000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: break-spaces;}
.m-sw-220929m .drag-list .summary p {font-size: 12px; line-height: 1.4; color: #666666; margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: break-spaces;}

.m-sw-220929m .drag-list .price {margin-top: 3px;}
.m-sw-220929m .drag-list .price .ty-1 .currency-price {font-weight: bold; font-size: 17px; line-height: 1; color: #000000;}
.m-sw-220929m .drag-list .price .ty-1 .currency-text {margin-left:2px; font-size: 14px; line-height: 1; color: #000000;}

.m-sw-220929m .drag-list .price .ty-2 {position: relative; font-size: 12px; line-height: 1; color: #aaa; margin-top: 4px;}
.m-sw-220929m .drag-list .price .ty-2 span {position: relative;}
.m-sw-220929m .drag-list .price .ty-2 span:before {display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 0; border-top: 1px solid #cccccc;}

.m-sw-220929m .drag-list .level-price {margin-top: 10px;}
.m-sw-220929m .drag-list .level-price .open-price {font-weight: bold; font-size: 15px; line-height: 1; color: #cccccc;}

.m-sw-220929m .progress-div {width: calc(100% - 40px); margin: 0 20px; overflow: hidden;}
.m-sw-220929m .drag-progress {width: 100%; position: relative; margin-top: 40px; margin-bottom: 8px;}
.m-sw-220929m .drag-progress .drag-bar {width: 100%; height: 3px; background-color: #b4b4b4;}

.m-sw-220929m .drag-progress .drag-handle {position: absolute; width: 16px; height: 16px; top: -6px; left: 0; border-radius: 50%; background-color: #166fcc; z-index: 2; cursor: pointer;}
.m-sw-220929m .drag-progress .drag-handle:before {content: ""; width: 1000px; height: 3px; top: 6px; right: 16px; position: absolute; background-color: #166fcc;}