@charset "utf-8";

:root {
    --font-family-LCT: "Libre Caslon Text";
    --font-family-Roboto: "Roboto";
    --color-white-common: #fff;
    --color-common-gray-1: #f7f7f7;
    --color-common-gray-2: #666;
    --color-common-gray-3: #999;
    --color-common-gray-4: #ECECEC;
    --color-common-gray-5: #f2f2f2;
    --color-common-black-1: #333;
    --color-common-red-1: #FF5859;
    --color-common-red-2: #FF5911;
    --color-common-brown-1: #A85959;
    --color-common-soil-1: #F5F3EE;
    --pic-animation: all 0.3s ease-in-out;
    --transform: scale(1.08);
}

@keyframes showhide-animation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes width-animation-1 {
    0% {
        width: 0;
    }

    100% {
        width: 18px;
    }
}

@keyframes width-animation-2 {
    0% {
        width: 18px;
    }

    100% {
        width: 0;
    }
}

/* common-roller */
.common-roller-1::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
}

.common-roller-1::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

.common-roller-1::-webkit-scrollbar-thumb {
    background-color: #f7f7f7;
    border-radius: 10px;
}

.pic-hover img {
    transition: var(--pic-animation);
}

.pic-hover:hover img {
    transform: var(--transform);
}

/* base-switch */
.base-switch {
    display: flex;
    align-items: center;
}

.base-switch input {
    display: none;
}

.base-switch .check-box {
    display: block;
    width: 26px;
    height: 14px;
    background: var(--color-common-gray-4);
    border-radius: 12px;
    position: relative;
    cursor: pointer;
}

.base-switch .check-box:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--color-white-common);
    position: absolute;
    top: 1px;
    left: 1px;
    transition: .2s;
}

.base-switch input:checked~.check-box {
    background: var(--color-common-gray-2);
}

.base-switch input:checked~.check-box:before {
    left: 13px;
}

.base-switch .check-txt {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    margin-left: 4px;
}

/* fg_ex_tip */
.fg_ex_tip {
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url("../img/icon_notes_16x16.svg") no-repeat center center/cover;
    position: relative;
    vertical-align: -3px;
}

.fg_ex_tip:hover .tip_popup {
    display: block;
}

/* tip_popup */
.tip_popup {
    display: none;
    width: 204px;
    padding: 16px;
    background: #fff;
    border: 1px solid #C6C6C6;
    box-sizing: border-box;
    border-radius: 2px;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0);
}

.tip_popup::before {
    content: '';
    display: block;
    width: 13px;
    height: 10px;
    background: url("../img/vector_down.svg") no-repeat center center/cover;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: rotate(-180deg);
    margin-left: -6.5px;
}

.tip_popup .tip_popup_ttl {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    letter-spacing: normal;
}

/* txt-inner */
.txt-inner {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: auto;
}

.txt-inner:after {
    width: 0;
    display: block;
    height: 10px;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 0;
    opacity: 0;
    animation: showhide-animation 0.3s ease-in-out;
    animation: width-animation-2 0.3s ease-in-out;
}

.txt-inner.bg-dark:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi40MTI5IDAuMTk4ODlDMTIuNjgzMyAtMC4wNjYyOTY2IDEzLjEyMTUgLTAuMDY2Mjk2NiAxMy4zOTE5IDAuMTk4ODlMMTcuNzk3MiA0LjUxOTg5QzE4LjA2NzYgNC43ODUwOCAxOC4wNjc2IDUuMjE0OTIgMTcuNzk3MiA1LjQ4MDExTDEzLjM5MTkgOS44MDExMUMxMy4xMjE1IDEwLjA2NjMgMTIuNjgzMyAxMC4wNjYzIDEyLjQxMjkgOS44MDExMUMxMi4xNDI1IDkuNTM1OTIgMTIuMTQyNSA5LjEwNjA3IDEyLjQxMjkgOC44NDA4OUwxNS42MzY1IDUuNjc5MDVIMFY0LjMyMDk1SDE1LjYzNjVMMTIuNDEyOSAxLjE1OTExQzEyLjE0MjUgMC44OTM5MjYgMTIuMTQyNSAwLjQ2NDA3NiAxMi40MTI5IDAuMTk4ODlaIiBmaWxsPSIjMzMzMzMzIi8+DQo8L3N2Zz4NCg==');
}

a:active .txt-inner.bg-dark:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi40MTI5IDAuMTk4ODlDMTIuNjgzMyAtMC4wNjYyOTY2IDEzLjEyMTUgLTAuMDY2Mjk2NiAxMy4zOTE5IDAuMTk4ODlMMTcuNzk3MiA0LjUxOTg5QzE4LjA2NzYgNC43ODUwOCAxOC4wNjc2IDUuMjE0OTIgMTcuNzk3MiA1LjQ4MDExTDEzLjM5MTkgOS44MDExMUMxMy4xMjE1IDEwLjA2NjMgMTIuNjgzMyAxMC4wNjYzIDEyLjQxMjkgOS44MDExMUMxMi4xNDI1IDkuNTM1OTIgMTIuMTQyNSA5LjEwNjA3IDEyLjQxMjkgOC44NDA4OUwxNS42MzY1IDUuNjc5MDVIMFY0LjMyMDk1SDE1LjYzNjVMMTIuNDEyOSAxLjE1OTExQzEyLjE0MjUgMC44OTM5MjYgMTIuMTQyNSAwLjQ2NDA3NiAxMi40MTI5IDAuMTk4ODlaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=');
}

a:hover .txt-inner:after {
    width: 18px;
    margin-left: 10px;
    display: block;
    opacity: 1;
    animation: width-animation-1 0.3s ease-in-out;
}


/*  category-renewal common: swiper-button-prev / swiper-button-next */
[class*="-swiper-area"] .swiper-button-prev,
[class*="-swiper-area"] .swiper-button-next {
    width: 18px;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    margin-top: 11.5%;
    cursor: pointer;
}

.vendor-swiper-area .swiper-button-prev,
.vendor-swiper-area .swiper-button-next {
    margin-top: 9.5%;
}

.item-swiper-area .swiper-button-prev,
.item-swiper-area .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    margin-top: -16px;
}

.curation-swiper-area .swiper-button-prev,
.curation-swiper-area .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}

.item-swiper-area .button-disabled {
    opacity: .4;
    cursor: default;
}

.item-swiper-area .swiper-backface-hidden~.button-disabled {
    display: none;
}

[class*="-swiper-area"] .swiper-button-prev {
    left: -30px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyMiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjA5MDkgNDAuMDQ3NkwxLjkwOTA2IDIxTDIwLjA5MDkgMS45NTIzOSIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

[class*="-swiper-area"] .swiper-button-prev:not(.button-disabled):hover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIycHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDIyIDQyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiA0MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzQ0IwQjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMjAuMDkxLDEuOTUyTDEuOTA5LDIxDQoJbDE4LjE4MiwxOS4wNDgiLz4NCjwvc3ZnPg0K');
}

[class*="-swiper-area"] .swiper-button-next {
    right: -30px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIycHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDIyIDQyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiA0MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMS45MDksMS45NTJMMjAuMDkxLDIxDQoJTDEuOTA5LDQwLjA0OCIvPg0KPC9zdmc+DQo=');
}

[class*="-swiper-area"] .swiper-button-next:not(.button-disabled):hover {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyMiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuOTA5MTggNDAuMDQ3NkwyMC4wOTEgMjFMMS45MDkxOCAxLjk1MjM5IiBzdHJva2U9IiMzQ0IwQjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
}

[class*="-swiper-area"] .swiper-button-prev:after,
[class*="-swiper-area"] .swiper-button-next:after {
    display: none;
}

/* icon-badge */
.icon-badge {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    flex: none;
}

.icon-badge+.icon-badge {
    margin-left: 6px;
}

.icon-badge.icon-premium {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3NV82NTE2KSI+CjxwYXRoIGQ9Ik0yLjM2ODQyIDAuMTY2OTkySDEyLjYzMTZDMTMuOTQyMSAwLjE2Njk5MiAxNSAxLjM0OTM1IDE1IDIuODE0MDVWMTIuNTE5OUMxNSAxMy45ODQ2IDEzLjk0MjEgMTUuMTY3IDEyLjYzMTYgMTUuMTY3SDIuMzY4NDJDMS4wNTc4OSAxNS4xNjcgMCAxMy45ODQ2IDAgMTIuNTE5OVYyLjgxNDA1QzAgMS4zNDkzNSAxLjA1Nzg5IDAuMTY2OTkyIDIuMzY4NDIgMC4xNjY5OTJaIiBmaWxsPSIjMkYzODQyIi8+CjxwYXRoIGQ9Ik04LjQxNTA0IDQuMDIyNzZDNy45MDE4OCA0LjAzMTU4IDcuNDEyNDEgNC4yNDMzNSA3LjAyNTU3IDQuNjIyNzZWNC4wNDkyM0w1Ljg1NzE1IDQuMjI1N0M1LjczODczIDQuMjY5ODIgNS42MjAzIDQuMjYwOTkgNS41MDk3OCA0LjIwODA1QzUuNDM4NzIgNC4xMjg2NCA1LjM3NTU3IDQuMDQwNDEgNS4zMjAzIDMuOTQzMzVDNS4yNzI5NCAzLjg3Mjc2IDUuMjE3NjcgMy44MTA5OSA1LjE1NDUyIDMuNzU4MDVDNS4xMDcxNSAzLjcxMzk0IDUuMDUxODggMy42OTYyOSA0Ljk4ODcyIDMuNjk2MjlDNC45MTc2NyAzLjY5NjI5IDQuODU0NTEgMy43MzE1OCA0LjgwNzE1IDMuNzg0NTJDNC43NTk3OCAzLjg0NjI5IDQuNzM2MDkgMy45MjU3IDQuNzQzOTkgNC4wMDUxMUM0Ljc2NzY3IDQuMTQ2MjkgNC44NjI0MSA0LjI2OTgyIDQuOTg4NzIgNC4zMTM5NEM1LjE3ODIgNC40MTEgNS4zODM0NiA0LjQ1NTExIDUuNTk2NjIgNC40Mjg2NEg1LjU4ODczQzUuNzg2MDkgNC40Mjg2NCA1LjkxMjQxIDQuNTg3NDcgNS45MDQ1MSA1LjE2MVY4LjY3Mjc2VjEwLjg0MzNDNS45MDQ1MSAxMS43MTY5IDUuNzM4NzMgMTEuNzk2MyA1LjQzODczIDExLjkwMjJDNS4zMDQ1MiAxMS45NTUxIDUuMzM2MDkgMTIuMTA1MSA1LjQzMDgzIDEyLjEwNTFINy41MDcxNUM3LjYwOTc4IDEyLjEwNTEgNy42NDEzNiAxMS45NTUxIDcuNDk5MjUgMTEuOTExQzcuMTkxMzYgMTEuODA1MSA3LjAzMzQ2IDExLjcxNjkgNy4wMzM0NiAxMC44NTIyVjguOTI4NjRDNy40MjAzIDkuMjQ2MjkgNy44ODYwOSA5LjQyMjc2IDguMzY3NjcgOS40MzE1OEM4LjkyODIgOS40NDA0MSA5LjQ2NTA0IDkuMTU4MDYgOS44MTI0MSA4LjY2Mzk0QzEwLjIyMjkgOC4wOTkyMyAxMC40MzYxIDcuMzg0NTMgMTAuNDA0NSA2LjY2MUMxMC40NDQgNS45NjM5NCAxMC4yNDY2IDUuMjc1NyA5Ljg1OTc4IDQuNzI4NjRDOS40OTY2MiA0LjI1MjE3IDguOTU5NzggMy45OTYyOSA4LjQxNTA0IDQuMDIyNzZaTTguOTY3NjcgOC41MjI3NkM4Ljc4NjA5IDguOTEwOTkgOC40MzA4MyA5LjE1ODA1IDguMDM2MDkgOS4xNTgwNUM3LjgzMDgzIDkuMTU4MDUgNy42MjU1NyA5LjA4NzQ3IDcuNDUxODggOC45NzI3NkM3LjI4NjA5IDguODY2ODggNy4xMzYwOSA4LjczNDUyIDcuMDE3NjcgOC41NzU3VjUuNjE5ODJDNy4wMjU1NyA1LjI5MzM1IDcuMTM2MDkgNC45NzU3IDcuMzE3NjcgNC43MTk4MkM3LjQ5MTM2IDQuNDk5MjMgNy43MzYwOSA0LjM2Njg4IDcuOTk2NjIgNC4zNDA0MUM4LjM5OTI1IDQuMzQwNDEgOC43NjI0MSA0LjU5NjI5IDguOTI4MiA1LjAwMjE3QzkuMTg4NzIgNS41NDkyMyA5LjMwNzE1IDYuMTY2ODggOS4yODM0NiA2Ljc4NDUyQzkuMzE1MDQgNy4zNzU3IDkuMjA0NTEgNy45NzU3IDguOTY3NjcgOC41MjI3NloiIGZpbGw9IiNENkFCNzgiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNzVfNjUxNiI+CjxyZWN0IHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC4xNjY5OTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
}

.icon-badge.icon-reward {
    width: 14px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNS40Nzg1MkMwIDQuODkxMjkgMC4zMTI3NDkgNC4zNTM3IDAuODE0ODA2IDQuMDU1OTVMNi4xNjQ2IDAuODk2NTFDNi42ODMxMiAwLjU5MDQ4NyA3LjMxNjg4IDAuNTkwNDg3IDcuODM1NCAwLjg5NjUxTDEzLjE4NTIgNC4wNTU5NUMxMy42ODczIDQuMzUzNyAxNCA0Ljg5OTU2IDE0IDUuNDc4NTJWMTEuODU1NUMxNCAxMi40NDI3IDEzLjY4NzMgMTIuOTgwMyAxMy4xODUyIDEzLjI3OEw3LjgzNTQgMTYuNDM3NUM3LjMxNjg4IDE2Ljc0MzUgNi42ODMxMiAxNi43NDM1IDYuMTY0NiAxNi40Mzc1TDAuODE0ODA2IDEzLjI3OEMwLjMxMjc0OSAxMi45ODAzIDAgMTIuNDM0NCAwIDExLjg1NTVMMCA1LjQ3ODUyWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzM3NV82NTIwKSIvPgo8cGF0aCBkPSJNNi4yMTAzNCA5LjE1NDU4VjExLjg2NjZINC44ODExNlY0LjkyNTc4SDcuMDYwMjJDNy41NDc3NSA0LjkyNTc4IDcuOTY0NDYgNC45NzUzOCA4LjMxMDM0IDUuMDc0NThDOC42NTk1MiA1LjE3MDU4IDguOTQ0NDYgNS4zMDY1OCA5LjE2NTE2IDUuNDgyNThDOS4zODkxNiA1LjY1ODU4IDkuNTUyMjIgNS44Njk3OCA5LjY1NDM0IDYuMTE2MThDOS43NTk3NSA2LjM1OTM4IDkuODEyNDYgNi42MjgxOCA5LjgxMjQ2IDYuOTIyNThDOS44MTI0NiA3LjE1NjE4IDkuNzc2MjIgNy4zNzY5OCA5LjcwMzc1IDcuNTg0OThDOS42MzQ1OCA3Ljc5Mjk4IDkuNTMyNDYgNy45ODE3OCA5LjM5NzQgOC4xNTEzOEM5LjI2NTY0IDguMzIwOTggOS4xMDA5MyA4LjQ2OTc4IDguOTAzMjggOC41OTc3OEM4LjcwODkzIDguNzI1NzggOC40ODY1OCA4LjgyODE4IDguMjM2MjIgOC45MDQ5OEM4LjQwNDIyIDguOTk3NzggOC41NDkxNyA5LjEzMDU4IDguNjcxMDUgOS4zMDMzOEwxMC40NTk4IDExLjg2NjZIOS4yNjM5OUM5LjE0ODY5IDExLjg2NjYgOS4wNDk4NyAxMS44NDQyIDguOTY3NTIgMTEuNzk5NEM4Ljg4ODQ2IDExLjc1NDYgOC44MjA5MyAxMS42OTA2IDguNzY0OTMgMTEuNjA3NEw3LjI2MjgxIDkuMzg0OThDNy4yMDY4MSA5LjMwMTc4IDcuMTQ0MjIgOS4yNDI1OCA3LjA3NTA1IDkuMjA3MzhDNy4wMDkxNiA5LjE3MjE4IDYuOTEwMzQgOS4xNTQ1OCA2Ljc3ODU4IDkuMTU0NThINi4yMTAzNFpNNi4yMTAzNCA4LjIyODE4SDcuMDQwNDZDNy4yOTA4MSA4LjIyODE4IDcuNTA4MjIgOC4xOTc3OCA3LjY5MjY5IDguMTM2OThDNy44ODA0NiA4LjA3NjE4IDguMDMzNjQgNy45OTI5OCA4LjE1MjIyIDcuODg3MzhDOC4yNzQxMSA3Ljc3ODU4IDguMzY0NjkgNy42NTA1OCA4LjQyMzk5IDcuNTAzMzhDOC40ODMyOCA3LjM1NjE4IDguNTEyOTMgNy4xOTQ1OCA4LjUxMjkzIDcuMDE4NThDOC41MTI5MyA2LjY2NjU4IDguMzkyNjkgNi4zOTYxOCA4LjE1MjIyIDYuMjA3MzhDNy45MTUwNSA2LjAxODU4IDcuNTUxMDUgNS45MjQxOCA3LjA2MDIyIDUuOTI0MThINi4yMTAzNFY4LjIyODE4WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8zNzVfNjUyMCIgeDE9IjIuNDMzOTNlLTA3IiB5MT0iMy45NzMyOSIgeDI9IjE0LjQ0NTIiIHkyPSIxMi4yODMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5MUVBRUEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUFDOEQ2Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==');
}

.icon-badge.icon-fg {
    width: 17px;
    height: 17px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC4xNjY5OTIiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcng9IjguNSIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNNS4xMjg5MSA1Ljk3OTQ5VjExLjY2N0g0LjE0ODQ0VjUuOTc5NDlINS4xMjg5MVpNNy40NDkyMiA4LjQ2Nzc3VjkuMjQ1MTJINC44Nzg5MVY4LjQ2Nzc3SDcuNDQ5MjJaTTcuNzczNDQgNS45Nzk0OVY2Ljc2MDc0SDQuODc4OTFWNS45Nzk0OUg3Ljc3MzQ0Wk0xMi45MjE5IDguNzYwNzRWMTAuOTMyNkMxMi44NDExIDExLjAzOTQgMTIuNzE0OCAxMS4xNTY2IDEyLjU0MyAxMS4yODQyQzEyLjM3MzcgMTEuNDA5MiAxMi4xNDg0IDExLjUxNzMgMTEuODY3MiAxMS42MDg0QzExLjU4NTkgMTEuNjk5NSAxMS4yMzU3IDExLjc0NTEgMTAuODE2NCAxMS43NDUxQzEwLjQ1OTYgMTEuNzQ1MSAxMC4xMzI4IDExLjY4NTIgOS44MzU5NCAxMS41NjU0QzkuNTM5MDYgMTEuNDQzIDkuMjgyNTUgMTEuMjY0NiA5LjA2NjQxIDExLjAzMDNDOC44NTI4NiAxMC43OTU5IDguNjg3NSAxMC41MTA3IDguNTcwMzEgMTAuMTc0OEM4LjQ1MzEyIDkuODM2MjYgOC4zOTQ1MyA5LjQ1MDg1IDguMzk0NTMgOS4wMTg1NVY4LjYyNDAyQzguMzk0NTMgOC4xOTQzNCA4LjQ0NzkyIDcuODExNTIgOC41NTQ2OSA3LjQ3NTU5QzguNjY0MDYgNy4xMzcwNCA4LjgyMDMxIDYuODUwNTkgOS4wMjM0NCA2LjYxNjIxQzkuMjI2NTYgNi4zODE4NCA5LjQ3MTM1IDYuMjA0NzUgOS43NTc4MSA2LjA4NDk2QzEwLjA0NjkgNS45NjI1NyAxMC4zNzM3IDUuOTAxMzcgMTAuNzM4MyA1LjkwMTM3QzExLjIwNDQgNS45MDEzNyAxMS41ODk4IDUuOTc5NDkgMTEuODk0NSA2LjEzNTc0QzEyLjIwMTggNi4yODkzOSAxMi40Mzg4IDYuNTAyOTMgMTIuNjA1NSA2Ljc3NjM3QzEyLjc3MjEgNy4wNDk4IDEyLjg3NzYgNy4zNjIzIDEyLjkyMTkgNy43MTM4N0gxMS45NjA5QzExLjkyOTcgNy41MTU5NSAxMS44Njg1IDcuMzM4ODcgMTEuNzc3MyA3LjE4MjYyQzExLjY4ODggNy4wMjYzNyAxMS41NjEyIDYuOTAzOTcgMTEuMzk0NSA2LjgxNTQzQzExLjIzMDUgNi43MjQyOCAxMS4wMTY5IDYuNjc4NzEgMTAuNzUzOSA2LjY3ODcxQzEwLjUyNzMgNi42Nzg3MSAxMC4zMjgxIDYuNzIxNjggMTAuMTU2MiA2LjgwNzYyQzkuOTg0MzggNi44OTM1NSA5Ljg0MTE1IDcuMDE5ODYgOS43MjY1NiA3LjE4NjUyQzkuNjE0NTggNy4zNTMxOSA5LjUyOTk1IDcuNTU2MzIgOS40NzI2NiA3Ljc5NTlDOS40MTUzNiA4LjAzNTQ4IDkuMzg2NzIgOC4zMDg5MiA5LjM4NjcyIDguNjE2MjFWOS4wMTg1NUM5LjM4NjcyIDkuMzMxMDUgOS40MTkyNyA5LjYwODQgOS40ODQzOCA5Ljg1MDU5QzkuNTUyMDggMTAuMDkyOCA5LjY0ODQ0IDEwLjI5NzIgOS43NzM0NCAxMC40NjM5QzkuOTAxMDQgMTAuNjMwNSAxMC4wNTYgMTAuNzU2OCAxMC4yMzgzIDEwLjg0MjhDMTAuNDIwNiAxMC45MjYxIDEwLjYyNjMgMTAuOTY3OCAxMC44NTU1IDEwLjk2NzhDMTEuMDc5NCAxMC45Njc4IDExLjI2MyAxMC45NDk1IDExLjQwNjIgMTAuOTEzMUMxMS41NDk1IDEwLjg3NCAxMS42NjI4IDEwLjgyODUgMTEuNzQ2MSAxMC43NzY0QzExLjgzMiAxMC43MjE3IDExLjg5ODQgMTAuNjY5NiAxMS45NDUzIDEwLjYyMDFWOS40OTEyMUgxMC43NjE3VjguNzYwNzRIMTIuOTIxOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

.icon-tip {
  display: block;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNUM5Ljg1NjUyIDE1IDExLjYzNyAxNC4yNjI1IDEyLjk0OTcgMTIuOTQ5N0MxNC4yNjI1IDExLjYzNyAxNSA5Ljg1NjUyIDE1IDhDMTUgNi4xNDM0OCAxNC4yNjI1IDQuMzYzMDEgMTIuOTQ5NyAzLjA1MDI1QzExLjYzNyAxLjczNzUgOS44NTY1MiAxIDggMUM2LjE0MzQ4IDEgNC4zNjMwMSAxLjczNzUgMy4wNTAyNSAzLjA1MDI1QzEuNzM3NSA0LjM2MzAxIDEgNi4xNDM0OCAxIDhDMSA5Ljg1NjUyIDEuNzM3NSAxMS42MzcgMy4wNTAyNSAxMi45NDk3QzQuMzYzMDEgMTQuMjYyNSA2LjE0MzQ4IDE1IDggMTVaTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2WiIgZmlsbD0iIzk5OTk5OSIvPg0KPHBhdGggZD0iTTguOTI5OTUgNi41ODg2Mkw2LjYzOTk1IDYuODc1NjJMNi41NTc5NSA3LjI1NTYyTDcuMDA3OTUgNy4zMzg2MkM3LjMwMTk1IDcuNDA4NjIgNy4zNTk5NSA3LjUxNDYyIDcuMjk1OTUgNy44MDc2Mkw2LjU1Nzk1IDExLjI3NTZDNi4zNjM5NSAxMi4xNzI2IDYuNjYyOTUgMTIuNTk0NiA3LjM2NTk1IDEyLjU5NDZDNy45MTA5NSAxMi41OTQ2IDguNTQzOTUgMTIuMzQyNiA4LjgzMDk1IDExLjk5NjZMOC45MTg5NSAxMS41ODA2QzguNzE4OTUgMTEuNzU2NiA4LjQyNjk1IDExLjgyNjYgOC4yMzI5NSAxMS44MjY2QzcuOTU3OTUgMTEuODI2NiA3Ljg1Nzk1IDExLjYzMzYgNy45Mjg5NSAxMS4yOTM2TDguOTI5OTUgNi41ODg2MloiIGZpbGw9IiM5OTk5OTkiLz4NCjxwYXRoIGQ9Ik04LjAwMDEyIDZDOC41NTI0MSA2IDkuMDAwMTIgNS41NTIyOCA5LjAwMDEyIDVDOS4wMDAxMiA0LjQ0NzcyIDguNTUyNDEgNCA4LjAwMDEyIDRDNy40NDc4NCA0IDcuMDAwMTIgNC40NDc3MiA3LjAwMDEyIDVDNy4wMDAxMiA1LjU1MjI4IDcuNDQ3ODQgNiA4LjAwMDEyIDZaIiBmaWxsPSIjOTk5OTk5Ii8+DQo8L3N2Zz4NCg==') no-repeat center center/cover;
  position: relative;
}

/* section-main-ttl */
.section-main-ttl {
  font-family: var(--font-family-LCT);
  color: var(--color-common-black-1);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  position: relative;
  display: flex;
  align-items: baseline;
}

/* item-list */
.item-list {
  display: flex;
  flex-wrap: wrap;
}

.item-list>li {
  margin-left: 16px;
  position: relative;
}

.column-4>li {
  width: calc((100% - 48px) / 4);
}

.column-5>li {
  width: calc((100% - 64px) / 5);
}

.column-6>li {
  width: calc((100% - 80px) / 6);
}

.column-4>li:nth-child(4n+1),
.column-5>li:nth-child(5n+1),
.column-6>li:nth-child(6n+1) {
  margin-left: 0;
}

.column-4>li:nth-child(n+5),
.column-5>li:nth-child(n+6),
.column-6>li:nth-child(n+7) {
  margin-top: 20px;
}

/* item-component */
li:hover .item-component {
    position: relative;
    z-index: 10;
}

.item-component a {
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.item-component a:hover {
    text-decoration: underline;
}

.item-component .item-pic {
    aspect-ratio: 2 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background: var(--color-common-gray-5);
}

.item-component.square .item-pic {
    aspect-ratio: 1 / 1;
}

.item-component .item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-component .item-pic .favorite {
    width: 14px;
    height: 12px;
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjA4OTI3NzMgNS4xNDg5NEwwLjA4Njc5NzQgNS4xNTY1MkMwLjA0MjE2MDEgNS40MTY3NSAwLjAxMjQwMTkgNS43MDQ3NiAwLjAwMjQ4MjUgNi4wMTA0N0MtMC4wNDQ2MzQ3IDcuNzQ2MTUgMC41ODAyODggOS4zNjU2MiAxLjc2MzE4IDEwLjU3MDdMMTIgMjFMMjIuMjM2OCAxMC41NzA3QzIzLjQxOTcgOS4zNjU2MiAyNC4wNDQ2IDcuNzQ2MTUgMjMuOTk1IDYuMDEyOTlDMjMuOTg1MSA1LjcwNzI5IDIzLjk1NTQgNS40MTkyNyAyMy45MTA3IDUuMTU5MDVMMjMuOTA4MiA1LjE1MTQ3QzIzLjg5ODMgNS4wOTU5MyAyMy44OTA5IDUuMDQyOTIgMjMuODgzNSA0Ljk4OTkyQzIzLjg3ODUgNC45NDk0OSAyMy44NzExIDQuODkzNzcgMjMuODY2MSA0Ljg3NjA4TDIzLjg1ODcgNC44NDMyNEMyMy43ODkyIDQuNTMyNDggMjMuNzEyMyA0LjI1OTYyIDIzLjYyMzEgNC4wMTIwM0wyMy42MDgyIDMuOTc0MTNMMjMuNTU2MSAzLjgzNzdDMjMuNTMxMyAzLjc5MjIzIDIzLjQ5MTYgMy43MTg5NiAyMy40NTIgMy42MjgwMUMyMy4zMjggMy4zNDc1NyAyMy4xOTE2IDMuMDkyNCAyMy4wMzUzIDIuODQ3MzNMMjMuMDMwNCAyLjgzOTc1QzIzLjAwNzMgMi44MDEyIDIyLjk3MTcgMi43NTE3NiAyMi45MzI3IDIuNjk3NTlDMjIuOTI1NiAyLjY4Nzg1IDIyLjkxODUgMi42Nzc5NiAyMi45MTEzIDIuNjY3OTVDMjIuOTAwMiAyLjY1MTUyIDIyLjg4ODQgMi42MzUwOSAyMi44NzY2IDIuNjE4NjZDMjIuODY0OCAyLjYwMjI1IDIyLjg1MzEgMi41ODU4MyAyMi44NDE5IDIuNTY5NDJMMjIuODM3IDIuNTY0MzZDMjIuNjkwNiAyLjM1NzE5IDIyLjUzMTkgMi4xNjAxMyAyMi4zNjU4IDEuOTgwNzVDMjIuMzU0OCAxLjk2ODYyIDIyLjM0NDUgMS45NTY4MyAyMi4zMzQ1IDEuOTQ1MzhDMjIuMzE3NCAxLjkyNTg1IDIyLjMwMTEgMS45MDczMiAyMi4yODM5IDEuODg5OEMyMi4yNjg4IDEuODczNjQgMjIuMjU0MSAxLjg1NzY5IDIyLjIzOTkgMS44NDIzMkMyMi4yMDUzIDEuODA0ODUgMjIuMTczOSAxLjc3MDg3IDIyLjE0NzYgMS43NDU3OUwyMi4xNDAxIDEuNzM4MjFDMjEuODkyMSAxLjQ5NTY3IDIxLjY1MTYgMS4yOTM1NSAyMS40MDYxIDEuMTE5MjNDMjEuMzU2NSAxLjA4Mzg1IDIxLjMxNjggMS4wNTEwMSAyMS4yODk1IDEuMDI4MjdDMjEuMDQ2NSAwLjg2NjU3OCAyMC43NjYzIDAuNzEyNDY0IDIwLjQxNDEgMC41NDgyNDRDMjAuMzU0NiAwLjUyMjk3OSAyMC4yODI3IDAuNDk1MTg4IDIwLjIwODMgMC40NjczOTdDMjAuMTg5NyAwLjQ1OTgxNyAyMC4xNzExIDAuNDUyODY5IDIwLjE1MjUgMC40NDU5MjJDMjAuMTMzOSAwLjQzODk3NCAyMC4xMTUzIDAuNDMyMDI2IDIwLjA5NjcgMC40MjQ0NDdDMTkuODUzNyAwLjMzMDk2NyAxOS42MDU3IDAuMjUyNjQ3IDE5LjM1NzcgMC4xODk0ODVDMTkuMjQxMiAwLjE2MTY5NCAxOS4xMzQ1IDAuMTM2NDI5IDE5LjA0MDMgMC4xMTg3NDRMMTkuMDMyOSAwLjExNjIxOEMxOC42MDM4IDAuMDM3ODk3IDE4LjI1NjcgMCAxNy45MzkyIDBDMTYuMDEyNCAwIDE0LjI0NDMgMC44OTk0MjMgMTMuMDgxMiAyLjQ3MDg5TDEyIDMuOTMzNzFMMTAuOTE4OCAyLjQ3MDg5QzkuNzU1NzQgMC44OTk0MjMgNy45ODUxMiAwIDYuMDYwNzYgMEM1Ljc0MzM0IDAgNS4zOTYxNiAwLjAzNzg5NyA0Ljk2NDY2IDAuMTEzNjkxTDQuOTU3MjMgMC4xMTYyMThDNC44NjI5OSAwLjEzMzkwMyA0Ljc1NjM2IDAuMTU5MTY3IDQuNjM3MzIgMC4xODk0ODVDNC4zODkzNCAwLjI1MjY0NyA0LjE0MTM1IDAuMzMwOTY3IDMuODk4MzMgMC40MjQ0NDdMMy43OTQxOCAwLjQ2MjM0NEMzLjcxNzMgMC40OTAxMzUgMy42NDUzOCAwLjUxNzkyNiAzLjU4MzM5IDAuNTQ1NzE3QzMuMjI4NzcgMC43MDk5MzcgMi45NDg1NSAwLjg2NDA1MiAyLjcwOCAxLjAyNTc1QzIuNjk4OTkgMS4wMzI2MyAyLjY4OTA3IDEuMDQwNDQgMi42NzgyNCAxLjA0ODk3QzIuNjUzMzEgMS4wNjg2IDIuNjIzNTUgMS4wOTIwNCAyLjU4ODk3IDEuMTE2N0MyLjM0MzQ2IDEuMjkxMDMgMi4xMDI5MiAxLjQ5MzE0IDEuODU3NDEgMS43MzMxNkwxLjg0OTk3IDEuNzQwNzRDMS44MjQ1MiAxLjc2MzIxIDEuNzk0NDMgMS43OTYzMiAxLjc2MTI4IDEuODMyOEMxLjc0NTk4IDEuODQ5NjQgMS43MzAwMyAxLjg2NzE5IDEuNzEzNTggMS44ODQ3NEMxLjY5OTk0IDEuODk4NjQgMS42ODY5MiAxLjkxMzE3IDEuNjczOSAxLjkyNzY5QzEuNjYwODggMS45NDIyMiAxLjY0Nzg2IDEuOTU2NzUgMS42MzQyMiAxLjk3MDY0QzEuNDYzMTEgMi4xNTI1NSAxLjMwNDQgMi4zNDk2MiAxLjE1ODA5IDIuNTU5MzFMMS4xNTMxMyAyLjU2NDM2TDEuMDgzNyAyLjY2MjlDMS4wMzY1OCAyLjcyODU5IDAuOTkxOTQzIDIuNzkxNzUgMC45NjQ2NjUgMi44MzQ3TDAuOTU5NzA1IDIuODQ0OEMwLjgwNTk1NCAzLjA4OTg3IDAuNjY5NTYyIDMuMzQ1MDQgMC41NDMwOSAzLjYyNTQ4QzAuNTAzNDEyIDMuNzE4OTYgMC40NjM3MzUgMy43OTIyMyAwLjQzODkzNiAzLjgzNzdDMC40Mjc3NzcgMy44NjU1IDAuNDE3MjM4IDMuODkzMjkgMC40MDY2OTggMy45MjEwOEMwLjM5NjE1OSAzLjk0ODg3IDAuMzg1NjIgMy45NzY2NiAwLjM3NDQ2IDQuMDA0NDVDMC4yODUxODYgNC4yNTQ1NyAwLjIwODMxIDQuNTI3NDMgMC4xMzg4NzQgNC44NDA3MUwwLjEzMTQzNSA0Ljg3MzU2QzAuMTI2NDc1IDQuODkxMjQgMC4xMTkwMzYgNC45NDY4MiAwLjExNDA3NiA0Ljk4NzI1QzAuMTA2NjM2IDUuMDQyODMgMC4wOTkxOTY3IDUuMDkzMzYgMC4wODkyNzczIDUuMTQ4OTRaTTEuNjAzNjcgNS4xNjM3N0MxLjY1OTc5IDQuOTEwODEgMS43MTc4MyA0LjcwNjQxIDEuNzc5MzIgNC41MzA4OEwxLjYwMzY3IDUuMTYzNzdaTTEuNzc5MzIgNC41MzA4OEMxLjc4OTU0IDQuNTA0NzkgMS43OTg2MyA0LjQ4MDkxIDEuODA1NTcgNC40NjI2MUMxLjgzNjc4IDQuNDAyMjkgMS44NzYgNC4zMjI2MyAxLjkxNTk3IDQuMjI5OThDMi4wMTQwMyA0LjAxMzg3IDIuMTE2NzQgMy44MjMwNCAyLjIzMDM0IDMuNjQxOThMMi4yNDY1IDMuNjE2MjFDMi4yNDY4NSAzLjYxNTcxIDIuMjQ3MiAzLjYxNTIxIDIuMjQ3NTYgMy42MTQ2OUMyLjI2MjE0IDMuNTkzNzYgMi4yODA0IDMuNTY4MDggMi4zMDI1NyAzLjUzNzE3TDIuMzA5MDMgMy41MjgwOUwyLjMxNjQ2IDMuNTIwNTJMMi4zODgyNSAzLjQxNzYzQzIuNDkzNjMgMy4yNjY1OSAyLjYwNDUxIDMuMTI5MTggMi43MTk5NCAzLjAwNTcxQzIuNzM1NzUgMi45ODkyOSAyLjc0OTMgMi45NzQ3IDIuNzU5OTQgMi45NjMwOUMyLjc3MjQ0IDIuOTQ5NDYgMi43ODM5NSAyLjkzNjYxIDIuNzg5OSAyLjkyOTk3TDIuNzkwOTUgMi45Mjg3OUMyLjc5MjI2IDIuOTI3MzMgMi43OTMzNyAyLjkyNjEgMi43OTQzIDIuOTI1MDZMMi43OTYyOCAyLjkyMzA0TDIuODA4MiAyLjkxMDMzQzIuODI4ODQgMi44ODgyOSAyLjg0NzQzIDIuODY3OTMgMi44NjEwMyAyLjg1Mjk4TDIuODc5MTcgMi44MzMwM0wyLjg4Mjk0IDIuODI5N0wyLjkxNjQ2IDIuNzk1NTVDMy4xMDc5NyAyLjYwOTI0IDMuMjg1NDUgMi40NjE4NCAzLjQ1NzQxIDIuMzM5NzNMMy40NTk5MSAyLjMzNzk1QzMuNTA5MDggMi4zMDI4OCAzLjU1MDA2IDIuMjcxNCAzLjU3ODQ5IDIuMjQ5MjNMMy41ODUyIDIuMjQzOTZDMy43MzU3NyAyLjE0NjIxIDMuOTI5NiAyLjAzODkxIDQuMjAyMzYgMS45MTIxMkM0LjIxNzg4IDEuOTA1NDUgNC4yNDk0NyAxLjg5Mjc2IDQuMzA0MTQgMS44NzNMNC40MjQwNyAxLjgyOTM2TDQuNDM2ODQgMS44MjQ0NUM0LjYyMzEyIDEuNzUyOCA0LjgxNDgyIDEuNjkyMTcgNS4wMDc1NSAxLjY0MzA4QzUuMTE2OTYgMS42MTUyMSA1LjE4NzA3IDEuNTk5MjcgNS4yMzM5IDEuNTkwNDhMNS4zMDE5OCAxLjU3NzdDNS42NDMzNCAxLjUyMDQxIDUuODc1OTggMS41IDYuMDYwNzYgMS41QzcuNTAxMzkgMS41IDguODI3NTkgMi4xNjcyNyA5LjcxMjUyIDMuMzYyNDdDOS43MTIzMyAzLjM2MjIyIDkuNzEyNzEgMy4zNjI3MiA5LjcxMjUyIDMuMzYyNDdMMTIgNi40NTczTDE0LjI4NjkgMy4zNjMyM0MxNC4yODY5IDMuMzYzMzEgMTQuMjg3IDMuMzYzMTYgMTQuMjg2OSAzLjM2MzIzQzE1LjE3MjEgMi4xNjc0MyAxNi40OTYzIDEuNSAxNy45MzkyIDEuNUMxOC4xMTc3IDEuNSAxOC4zNDA2IDEuNTE5MDggMTguNjU5IDEuNTczMzdMMTguNzYzNiAxLjU5MzAxQzE4LjgxMzcgMS42MDI0MSAxOC44ODA4IDEuNjE3ODUgMTguOTk4IDEuNjQ1NzdDMTkuMTgzOCAxLjY5MzUxIDE5LjM2ODYgMS43NTE5NyAxOS41NDg0IDEuODIwNjhDMTkuNTgzNyAxLjgzNDc1IDE5LjYxNDQgMS44NDYxNiAxOS42Mjc2IDEuODUxMDhDMTkuNjM4NiAxLjg1NTIxIDE5LjY0MzYgMS44NTcwOCAxOS42NDUxIDEuODU3NjZDMTkuNjQ1MSAxLjg1NzY2IDE5LjY0NTUgMS44NTc4IDE5LjY0NTEgMS44NTc2NkwxOS42NjI3IDEuODY0ODJMMTkuNjgzNCAxLjg3MjU1QzE5LjczNzIgMS44OTI2NyAxOS43NzgyIDEuOTA4NTcgMTkuODA3NCAxLjkyMDQyQzIwLjA2MzYgMi4wNDA5NyAyMC4yNTI1IDIuMTQ0OTMgMjAuNDAzNiAyLjI0MTI2QzIwLjQzOTUgMi4yNjk4IDIwLjQ4NDMgMi4zMDQyIDIwLjUzNTEgMi4zNDA0OEwyMC41Mzc2IDIuMzQyMjZDMjAuNzA5MyAyLjQ2NDE4IDIwLjg4NjggMi42MTE1MiAyMS4wODA5IDIuODAwNDdMMjEuMDk1MiAyLjgxNDk4TDIxLjEwMjkgMi44MjIzTDIxLjExMjQgMi44MzI0NUwyMS4xNDM5IDIuODY2NDdDMjEuMTU2NiAyLjg4MDE4IDIxLjE3MjQgMi44OTcyOCAyMS4xODkzIDIuOTE1MzhMMjEuMjAwMSAyLjkyNjg4TDIxLjIxNzQgMi45NDY1OEMyMS4yMjY3IDIuOTU3MiAyMS4yMzk1IDIuOTcxNjUgMjEuMjU0MiAyLjk4NzlMMjEuMjU5NyAyLjk5NDAxTDIxLjI2NTMgMy4wMDAwNUMyMS4zODM3IDMuMTI3ODUgMjEuNTAxMSAzLjI3MzAxIDIxLjYxMTcgMy40Mjk2OEwyMS42ODE1IDMuNTI4NTdMMjEuNjg1OCAzLjUzMjg4TDIxLjY5MjUgMy41NDIyM0wyMS43MjggMy41OTE2MUwyMS43NTE5IDMuNjI1MDRDMjEuNzUyOSAzLjYyNjU1IDIxLjc1MzkgMy42Mjc5IDIxLjc1NDcgMy42MjkwOEwyMS43NTkyIDMuNjM2NTRMMjEuNzc1IDMuNjYwNjZDMjEuODg2NiAzLjgzNjQ5IDIxLjk4NTggNC4wMjE2MyAyMi4wNzg4IDQuMjMxOEMyMi4xMTgyIDQuMzIxODIgMjIuMTU3MSA0LjQwMDI5IDIyLjE4ODIgNC40NjAyOUwyMi4yMDkzIDQuNTE1NjlMMjIuMjE4NSA0LjUzODk0QzIyLjI3OTEgNC43MDk4NCAyMi4zMzcyIDQuOTEzMzEgMjIuMzkzOSA1LjE2NjM0QzIyLjM5NDEgNS4xNjgzIDIyLjM5NDQgNS4xNzAzMyAyMi4zOTQ2IDUuMTcyNDRMMjIuMzk2MiA1LjE4NTI3TDIyLjM5ODkgNS4yMDQ3MkMyMi40MDU5IDUuMjU0NTkgMjIuNDE2NyA1LjMzMTQ3IDIyLjQzMTYgNS40MTVMMjIuNDQzOSA1LjQ4NDEyQzIyLjQ3MDIgNS42NTU2OCAyMi40ODg4IDUuODQ5MjYgMjIuNDk1NyA2LjA1ODcyQzIyLjUzMzMgNy4zOTUxOSAyMi4wNTQ1IDguNjE1MTIgMjEuMTY2MyA5LjUyTDEyIDE4Ljg1ODZMMi44MzM2NyA5LjUyQzEuOTQ1OTggOC42MTU2MyAxLjQ2NjQ1IDcuMzk1NTcgMS41MDE4MiA2LjA1NTE0QzEuNTA4NzYgNS44NDYwOCAxLjUyNzM5IDUuNjUyODUgMS41NTM2MiA1LjQ4MTU2IiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=');
    opacity: 0;
    transition: .2s;
}

.item-component .item-pic .favorite.liked {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjIzNjggMTAuNTcwN0wxMiAyMUwxLjc2MzE4IDEwLjU3MDdDMC41ODAyODggOS4zNjU2MiAtMC4wNDQ2MzQ3IDcuNzQ2MTUgMC4wMDI0ODI1IDYuMDEwNDdDMC4wMTI0MDE5IDUuNzA0NzYgMC4wNDIxNjAxIDUuNDE2NzUgMC4wODY3OTc0IDUuMTU2NTJMMC4wODkyNzczIDUuMTQ4OTRDMC4wOTkxOTY3IDUuMDkzMzYgMC4xMDY2MzYgNS4wNDI4MyAwLjExNDA3NiA0Ljk4NzI1QzAuMTE5MDM2IDQuOTQ2ODIgMC4xMjY0NzUgNC44OTEyNCAwLjEzMTQzNSA0Ljg3MzU2TDAuMTM4ODc0IDQuODQwNzFDMC4yMDgzMSA0LjUyNzQzIDAuMjg1MTg2IDQuMjU0NTcgMC4zNzQ0NiA0LjAwNDQ1QzAuMzk2Nzc5IDMuOTQ4ODcgMC40MTY2MTggMy44OTMyOSAwLjQzODkzNiAzLjgzNzdDMC40NjM3MzUgMy43OTIyMyAwLjUwMzQxMiAzLjcxODk2IDAuNTQzMDkgMy42MjU0OEMwLjY2OTU2MiAzLjM0NTA0IDAuODA1OTU0IDMuMDg5ODcgMC45NTk3MDUgMi44NDQ4TDAuOTY0NjY1IDIuODM0N0MwLjk5MTk0MyAyLjc5MTc1IDEuMDM2NTggMi43Mjg1OSAxLjA4MzcgMi42NjI5TDEuMTUzMTMgMi41NjQzNkwxLjE1ODA5IDIuNTU5MzFDMS4zMDQ0IDIuMzQ5NjIgMS40NjMxMSAyLjE1MjU1IDEuNjM0MjIgMS45NzA2NEMxLjY2MTUgMS45NDI4NSAxLjY4NjMgMS45MTI1NCAxLjcxMzU4IDEuODg0NzRDMS43NjU2NiAxLjgyOTE2IDEuODEyNzcgMS43NzM1OCAxLjg0OTk3IDEuNzQwNzRMMS44NTc0MSAxLjczMzE2QzIuMTAyOTIgMS40OTMxNCAyLjM0MzQ2IDEuMjkxMDMgMi41ODg5NyAxLjExNjdDMi42Mzg1NiAxLjA4MTMzIDIuNjc4MjQgMS4wNDg0OCAyLjcwOCAxLjAyNTc1QzIuOTQ4NTUgMC44NjQwNTIgMy4yMjg3NyAwLjcwOTkzNyAzLjU4MzM5IDAuNTQ1NzE3QzMuNjQ1MzggMC41MTc5MjYgMy43MTczIDAuNDkwMTM1IDMuNzk0MTggMC40NjIzNDRDMy44Mjg4OSAwLjQ0OTcxMSAzLjg2MzYxIDAuNDM3MDc5IDMuODk4MzMgMC40MjQ0NDdDNC4xNDEzNSAwLjMzMDk2NyA0LjM4OTM0IDAuMjUyNjQ3IDQuNjM3MzIgMC4xODk0ODVDNC43NTYzNiAwLjE1OTE2NyA0Ljg2Mjk5IDAuMTMzOTAzIDQuOTU3MjMgMC4xMTYyMThMNC45NjQ2NiAwLjExMzY5MUM1LjM5NjE2IDAuMDM3ODk3IDUuNzQzMzQgMCA2LjA2MDc2IDBDNy45ODUxMiAwIDkuNzU1NzQgMC44OTk0MjMgMTAuOTE4OCAyLjQ3MDg5TDEyIDMuOTMzNzFMMTMuMDgxMiAyLjQ3MDg5QzE0LjI0NDMgMC44OTk0MjMgMTYuMDEyNCAwIDE3LjkzOTIgMEMxOC4yNTY3IDAgMTguNjAzOCAwLjAzNzg5NyAxOS4wMzI5IDAuMTE2MjE4TDE5LjA0MDMgMC4xMTg3NDRDMTkuMTM0NSAwLjEzNjQyOSAxOS4yNDEyIDAuMTYxNjk0IDE5LjM1NzcgMC4xODk0ODVDMTkuNjA1NyAwLjI1MjY0NyAxOS44NTM3IDAuMzMwOTY3IDIwLjA5NjcgMC40MjQ0NDdDMjAuMTMzOSAwLjQzOTYwNSAyMC4xNzExIDAuNDUyMjM4IDIwLjIwODMgMC40NjczOTdDMjAuMjgyNyAwLjQ5NTE4OCAyMC4zNTQ2IDAuNTIyOTc5IDIwLjQxNDEgMC41NDgyNDRDMjAuNzY2MyAwLjcxMjQ2NCAyMS4wNDY1IDAuODY2NTc4IDIxLjI4OTUgMS4wMjgyN0MyMS4zMTY4IDEuMDUxMDEgMjEuMzU2NSAxLjA4Mzg1IDIxLjQwNjEgMS4xMTkyM0MyMS42NTE2IDEuMjkzNTUgMjEuODkyMSAxLjQ5NTY3IDIyLjE0MDEgMS43MzgyMUwyMi4xNDc2IDEuNzQ1NzlDMjIuMTg0OCAxLjc4MTE2IDIyLjIzMTkgMS44MzQyMiAyMi4yODM5IDEuODg5OEMyMi4zMTEyIDEuOTE3NTkgMjIuMzM2IDEuOTQ3OTEgMjIuMzY1OCAxLjk4MDc1QzIyLjUzMTkgMi4xNjAxMyAyMi42OTA2IDIuMzU3MTkgMjIuODM3IDIuNTY0MzZMMjIuODQxOSAyLjU2OTQyQzIyLjg2NDIgMi42MDIyNiAyMi44ODkgMi42MzUxMSAyMi45MTEzIDIuNjY3OTVDMjIuOTU4NSAyLjczMzY0IDIzLjAwMzEgMi43OTQyNyAyMy4wMzA0IDIuODM5NzVMMjMuMDM1MyAyLjg0NzMzQzIzLjE5MTYgMy4wOTI0IDIzLjMyOCAzLjM0NzU3IDIzLjQ1MiAzLjYyODAxQzIzLjQ5MTYgMy43MTg5NiAyMy41MzEzIDMuNzkyMjMgMjMuNTU2MSAzLjgzNzdDMjMuNTczNSAzLjg4MzE4IDIzLjU5MDggMy45Mjg2NiAyMy42MDgyIDMuOTc0MTNMMjMuNjIzMSA0LjAxMjAzQzIzLjcxMjMgNC4yNTk2MiAyMy43ODkyIDQuNTMyNDggMjMuODU4NyA0Ljg0MzI0TDIzLjg2NjEgNC44NzYwOEMyMy44NzExIDQuODkzNzcgMjMuODc4NSA0Ljk0OTM1IDIzLjg4MzQgNC45ODk3N0MyMy44OTA5IDUuMDQyODMgMjMuODk4MyA1LjA5NTg5IDIzLjkwODIgNS4xNTE0N0wyMy45MTA3IDUuMTU5MDVDMjMuOTU1NCA1LjQxOTI3IDIzLjk4NTEgNS43MDcyOSAyMy45OTUgNi4wMTI5OUMyNC4wNDQ2IDcuNzQ2MTUgMjMuNDE5NyA5LjM2NTYyIDIyLjIzNjggMTAuNTcwN1oiIGZpbGw9IiNGRjU4NTkiLz4KPC9zdmc+Cg==');
}

.item-component .quick-shop {
    position: absolute;
    width: 80%;
    height: 30px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    /* display: none; */
    opacity: 0;
    transition: .2s;
}

.item-component .item-pic:hover .favorite,
.item-component .item-pic:hover .quick-shop {
    /* display: block; */
    opacity: .9;
}

.item-component .tag_txt {
  position: absolute;
  width: unset;
  padding: 0 4px;
  height: 17px;
  background: #F3F3F3;
  opacity: 0.8;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  line-height: 17px;
  color: #666666;
  left: 0;
  top: 6px;
  z-index: 10;
  font-size: 9px;
  font-family: Roboto, sans-serif;
}

.item-component .item-info {
    font-size: 14px;
    margin-top: 8px;
}

.item-component .sponsored {
    height: 16px;
    line-height: 16px;
    color: #999;
    font-size: 10px;
    display: flex;
    align-items: center;
    position: relative;
}

.item-component .sponsored .icon-sponsored-tip {
    width: 8px;
    height: 8px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGlkPSJpbmZvIj4NCjxnIGlkPSJHcm91cCAyMzA3IDEiPg0KPGcgaWQ9IjEwIDEiPg0KPHBhdGggaWQ9IkVsbGlwc2UgMiAxIiBkPSJNNiAxMUM4Ljc2MTQyIDExIDExIDguNzYxNDIgMTEgNkMxMSAzLjIzODU4IDguNzYxNDIgMSA2IDFDMy4yMzg1OCAxIDEgMy4yMzg1OCAxIDZDMSA4Ljc2MTQyIDMuMjM4NTggMTEgNiAxMVoiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KPC9nPg0KPGcgaWQ9Ikdyb3VwIDIzMDYgMSI+DQo8cGF0aCBpZD0iRWxsaXBzZSAzIDEiIGQ9Ik02LjAwOTY2IDQuMjEyNjdDNi40NTQ1NSA0LjIxMjY3IDYuODE1MjEgMy44NTIwMSA2LjgxNTIxIDMuNDA3MTJDNi44MTUyMSAyLjk2MjIyIDYuNDU0NTUgMi42MDE1NiA2LjAwOTY2IDIuNjAxNTZDNS41NjQ3NiAyLjYwMTU2IDUuMjA0MSAyLjk2MjIyIDUuMjA0MSAzLjQwNzEyQzUuMjA0MSAzLjg1MjAxIDUuNTY0NzYgNC4yMTI2NyA2LjAwOTY2IDQuMjEyNjdaIiBmaWxsPSIjOTk5OTk5Ii8+DQo8ZyBpZD0iR3JvdXAgMjMwNSAxIj4NCjxwYXRoIGlkPSJQYXRoIDEyMjkgMSIgZD0iTTYuNjAwMjEgOC44MDk0NkM2LjYwMDIxIDkuMTQyOCA2LjMzNjMyIDkuNDA2NjggNi4wMDI5OCA5LjQwNjY4QzUuNjY5NjUgOS40MDY2OCA1LjQwNTc2IDkuMTQyOCA1LjQwNTc2IDguODA5NDZWNS42MDExM0M1LjQwNTc2IDUuMjY3OCA1LjY2OTY1IDUuMDAzOTEgNi4wMDI5OCA1LjAwMzkxQzYuMzM2MzIgNS4wMDM5MSA2LjYwMDIxIDUuMjY3OCA2LjYwMDIxIDUuNjAxMTNWOC44MDk0NloiIGZpbGw9IiM5OTk5OTkiLz4NCjwvZz4NCjwvZz4NCjwvZz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center;
    background-size: 100%;
    margin-left: 4px;
}

.item-component .sponsored .sponsored-tip-popup {
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #d8d8d8;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.2;
}

.item-component .sponsored .icon-sponsored-tip:hover~.sponsored-tip-popup {
    display: block;
}

.item-component .vendor-name-area {
    display: flex;
    align-items: center;
}

.item-component .vendor-name-area .icon-badge {
    flex: none;
}

.item-component .icon-badge:first-of-type {
    margin-left: 4px;
}

.item-component .item-info .icon .ico_new {
    width: 39px;
    height: 22px;;
    margin-right: 4px;
    padding-top: 2px;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: center;
    background: #F7F7F7;
    box-sizing: border-box;
}

.item-component .item-info .icon .ico_date
{
    width: auto;
    height: 22px;
    background: #F7F7F7;
    box-sizing: border-box;
    text-align: center;
    color: #666666;
    line-height: 18px;
    font-size: 10px;
    display: inline-block;
    padding: 2px 5px 1px;
    margin-right: 4px;
    border:0;
}

.item-component .item-info .icon .btn-play {
    width: 34px;
    height: 22px;
    background: #f7f7f7 url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6.5' stroke='%23333'/%3E%3Cpath d='M5.385 10.231l5.194-3.23L5.385 3.77v6.461z' fill='%23333'/%3E%3C/svg%3E") no-repeat center;
    margin-right: 4px;
}

.item-component .vendor-name a {
    color: var(--color-common-black-1);
    font-weight: 500;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
}

.item-component .vendor-name.row-2 a {
  -webkit-line-clamp: 2;
}

.item-component .badge-promo {
    margin-top: 4px;
}

.item-component .project-name {
    max-height: 40px;
    margin-top: 4px;
}

.item-component .project-name a {
    width: fit-content;
    color: var(--color-common-gray-2);
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

.item-component .project-name.row-1 a {
  -webkit-line-clamp: 1;
}

.item-component .project-price {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 6px;
}

.item-component .project-sale-price {
    color: var(--color-common-red-1);
    margin: 0;
}

.item-component .project-original-price {
    color: var(--color-common-black-1);
    margin: 0;
}

.item-component .project-sale-price~.project-original-price {
    text-decoration: line-through;
}

.item-component .members-only {
    display: flex;
    align-items: center;
    color: var(--color-common-brown-1);
    line-height: 18px;
    margin-top: 6px;
    position: relative;
}

.item-component .members-only:before {
    content: '';
    display: block;
    width: 14px;
    height: 15px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5Ml82MzI4KSI+CjxwYXRoIGQ9Ik02Ljk4OTk5IDAuNjcxODc1QzEwLjg0OTcgMC42NzE4NzUgMTMuOTkgMy44MTIxOCAxMy45OSA3LjY3MTg4QzEzLjk5IDExLjUzMTYgMTAuODQ5NyAxNC42NzE5IDYuOTg5OTkgMTQuNjcxOUMzLjEzMDMgMTQuNjcxOSAtMC4wMTAwMDk4IDExLjUzMTYgLTAuMDEwMDA5OCA3LjY3MTg4Qy0wLjAxMDAwOTggMy44MTIxOCAzLjEzMDMgMC42NzE4NzUgNi45ODk5OSAwLjY3MTg3NVpNNi45ODk5OSAxMy41OTVDMTAuMjU2MyAxMy41OTUgMTIuOTEzMSAxMC45MzgyIDEyLjkxMzEgNy42NzE4OEMxMi45MTMxIDQuNDA1NTcgMTAuMjU2MyAxLjc0ODggNi45ODk5OSAxLjc0ODhDMy43MjM2OCAxLjc0ODggMS4wNjY5MSA0LjQwNTU3IDEuMDY2OTEgNy42NzE4OEMxLjA2NjkxIDEwLjkzODIgMy43MjM2OCAxMy41OTUgNi45ODk5OSAxMy41OTVaIiBmaWxsPSIjQTg1OTU5Ii8+CjxwYXRoIGQ9Ik02Ljk5IDMuOTAyNDZDNy43OTc2OSAzLjkwMjQ2IDguNjg0IDQuMTU4NzYgOS40MjI3NyA0LjYwNTY5QzkuNjc2OTIgNC43NTk2OSA5Ljc1ODc3IDUuMDkwMyA5LjYwNDc3IDUuMzQ1NTNDOS40NTA3NyA1LjU5OTY5IDkuMTE5MDcgNS42ODE1MyA4Ljg2NDkyIDUuNTI3NTNDOC4yODg3NyA1LjE3OTY5IDcuNjA2IDQuOTc5MzggNi45OSA0Ljk3OTM4QzYuMjA3MDcgNC45NzkzOCA1LjM3NDYxIDUuMzM0NzYgNS4zNzQ2MSA1Ljk5Mzg0QzUuMzc0NjEgNi42MDg3NiA2LjAzMzY5IDYuODkzMDcgNy4xMjAzMSA3LjI4OTM4QzguMTg4NjEgNy42NzgxNSA5LjUxODYxIDguMTYyNzYgOS41MDg5MiA5LjUyMjkyQzkuNTA4OTIgMTAuNTk2NiA4LjQwMjkyIDExLjQ0MDkgNi45OTEwNyAxMS40NDA5QzYuMjI5NjkgMTEuNDQwOSA1LjUzMDc3IDExLjIwMTggNC44NTIzMSAxMC43MTA4QzQuNjExMDcgMTAuNTM2MyA0LjU1ODMxIDEwLjE5OTIgNC43MzI3NyA5Ljk1OTA3QzQuOTA3MjMgOS43MTg5MiA1LjI0NDMgOS42NjUwNyA1LjQ4NDQ2IDkuODM5NTNDNS45Nzg3NyAxMC4xOTgxIDYuNDU4IDEwLjM2NTEgNi45OTEwNyAxMC4zNjUxQzcuNzU4OTIgMTAuMzY1MSA4LjQzMiA5Ljk2OTg0IDguNDMyIDkuNTE5NjlDOC40MzYzMSA4Ljk1NjQ2IDcuNzk5ODQgOC42ODQgNi43NTIgOC4zMDI3NkM1LjY1ODkyIDcuOTA0MyA0LjI5NzY5IDcuNDA4OTIgNC4yOTc2OSA1Ljk5NkM0LjI5NzY5IDQuNzg0NDYgNS40Mjk1NCAzLjkwNDYxIDYuOTkgMy45MDQ2MVYzLjkwMjQ2WiIgZmlsbD0iI0E4NTk1OSIvPgo8cGF0aCBkPSJNNi45ODk5OCAyLjgyNTY1QzcuMjg3MjEgMi44MjU2NSA3LjUyODQ0IDMuMDY2ODggNy41Mjg0NCAzLjM2NDExVjQuNDQxMDNDNy41Mjg0NCA0LjczODI2IDcuMjg3MjEgNC45Nzk0OSA2Ljk4OTk4IDQuOTc5NDlDNi42OTI3NSA0Ljk3OTQ5IDYuNDUxNTIgNC43MzgyNiA2LjQ1MTUyIDQuNDQxMDNWMy4zNjQxMUM2LjQ1MTUyIDMuMDY2ODggNi42OTI3NSAyLjgyNTY1IDYuOTg5OTggMi44MjU2NVoiIGZpbGw9IiNBODU5NTkiLz4KPHBhdGggZD0iTTYuOTg5OTggMTAuMzY0MkM3LjI4NzIxIDEwLjM2NDIgNy41Mjg0NCAxMC42MDU1IDcuNTI4NDQgMTAuOTAyN1YxMS45Nzk2QzcuNTI4NDQgMTIuMjc2OCA3LjI4NzIxIDEyLjUxODEgNi45ODk5OCAxMi41MTgxQzYuNjkyNzUgMTIuNTE4MSA2LjQ1MTUyIDEyLjI3NjggNi40NTE1MiAxMS45Nzk2VjEwLjkwMjdDNi40NTE1MiAxMC42MDU1IDYuNjkyNzUgMTAuMzY0MiA2Ljk4OTk4IDEwLjM2NDJaIiBmaWxsPSIjQTg1OTU5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTkyXzYzMjgiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgMTMuOTkgMTQuNjcxOSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    margin: -1px 4px 0 0;
}

.item-component .project-other {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}

.item-component .project-other span {
    flex: none;
    box-sizing: border-box;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    background-color: var(--color-common-gray-1);
    margin-right: 4px;
}

.item-component .new {
    text-transform: uppercase;
}

.item-component .video {
    width: 28px;
    height: 22px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyOCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC4xMjk4ODMiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMiIgZmlsbD0iI0Y3RjdGNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDE2LjIwNjhDMTYuODAzOSAxNi4yMDY4IDE5LjA3NjkgMTMuOTMzOCAxOS4wNzY5IDExLjEyOTlDMTkuMDc2OSA4LjMyNTk4IDE2LjgwMzkgNi4wNTI5NiAxNCA2LjA1Mjk2QzExLjE5NjEgNi4wNTI5NiA4LjkyMzA4IDguMzI1OTggOC45MjMwOCAxMS4xMjk5QzguOTIzMDggMTMuOTMzOCAxMS4xOTYxIDE2LjIwNjggMTQgMTYuMjA2OFpNMTQgMTcuMTI5OUMxNy4zMTM3IDE3LjEyOTkgMjAgMTQuNDQzNiAyMCAxMS4xMjk5QzIwIDcuODE2MTcgMTcuMzEzNyA1LjEyOTg4IDE0IDUuMTI5ODhDMTAuNjg2MyA1LjEyOTg4IDggNy44MTYxNyA4IDExLjEyOTlDOCAxNC40NDM2IDEwLjY4NjMgMTcuMTI5OSAxNCAxNy4xMjk5WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMTIuNjE1MiAxNC4zNjA1TDE3LjIzMDYgMTEuMTI5N0wxMi42MTUyIDcuODk4OTNMMTIuNjE1MiAxNC4zNjA1WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
}

.item-component .free-shipping-excess {
    margin-top: 4px;
}

.item-component .free-shipping-excess .txt-data {
    margin-left: 2px;
}

.item-component .vendor-mp {
    margin-top: 4px;
}

.item-component .project-style {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
}

/* item-component swiper */
.item-component .swiper,
.item-component .swiper-slide {
    width: fit-content;
    overflow: hidden;
}

.item-component .item-pic-swiper {
    width: 100%;
}

.item-component .item-pic-swiper .swiper-button-next,
.item-component .item-pic-swiper .swiper-button-prev {
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    opacity: 0;
    transition: .2s;
}

.item-component .item-pic-swiper:hover .swiper-button-next,
.item-component .item-pic-swiper:hover .swiper-button-prev {
    opacity: 1;
}

.item-component .item-pic-swiper .swiper-button-next {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjMiIGN4PSI5IiBjeT0iOSIgcj0iOSIgZmlsbD0id2hpdGUiLz4KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNOCAxMkwxMSA5TDggNiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
}

.item-component .item-pic-swiper .swiper-button-prev {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjMiIGN4PSI5IiBjeT0iOSIgcj0iOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA5IDkpIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjYiIGQ9Ik0xMCA2TDcgOUwxMCAxMiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
}

.item-component .item-pic-swiper .swiper-button-next:after,
.item-component .item-pic-swiper .swiper-button-prev:after {
    display: none;
}

.item-component .tag_txt {
    position: absolute;
    width: unset;
    padding: 0 4px;
    height: 17px;
    background: #F3F3F3;
    opacity: 0.8;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    line-height: 17px;
    color: #666666;
    left: 0;
    top: 6px;
    z-index: 10;
    font-size: 9px;
    font-family: Roboto, sans-serif;
}

/* vendor-component */
.vendor-component a {
    text-decoration: none;
}

.vendor-component .vendor-info-ttl a:hover {
    text-decoration: underline;
}

.vendor-component .vendor-img {
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.vendor-component .vendor-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vendor-component .vendor-info {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}

.vendor-component .vendor-info-ttl-area {
    display: flex;
    align-items: center;
}

.vendor-component .vendor-info-ttl a {
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word;
}

.vendor-component .item-info-price {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  color: var(--color-common-gray-2);;
}

.vendor-component .vendor-info-ttl-area .icon-badge {
    flex: none;
}

.vendor-component .vendor-info-ttl-area .icon-badge:first-of-type {
    margin-left: 4px;
}

.vendor-component .vendor-info-price {
    display: block;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 4px;
}

/* view-more-link */
.view-more-link {
    font-family: var(--font-family-Roboto);
    color: var(--color-common-gray-2);
    font-size: 16px;
    line-height: 24px;
    margin-left: auto;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjguMTI5ODgiIHI9IjgiIGZpbGw9IiNEREREREQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjAyNzUzIDQuMTYxOTZMMTAuOTY3NiA4LjA2NTg4QzEwLjk4ODUgOC4wODkzOSAxMSA4LjExOTYzIDExIDguMTUwOTRDMTEgOC4xODIyNSAxMC45ODg1IDguMjEyNDkgMTAuOTY3NiA4LjIzNjAxTDcuMDI3NTMgMTIuMDk3OEM3LjAwMzggMTIuMTE4NSA2Ljk3MzI5IDEyLjEyOTkgNi45NDE2OSAxMi4xMjk5QzYuOTEwMSAxMi4xMjk5IDYuODc5NTggMTIuMTE4NSA2Ljg1NTg2IDEyLjA5NzhMNiAxMS4yNDk2TDkuMDgzNDIgOC4xOTM4OUM5LjEwNDk3IDguMTcwMjIgOS4xMTY5IDguMTM5NDcgOS4xMTY5IDguMTA3NThDOS4xMTY5IDguMDc1NyA5LjEwNDk3IDguMDQ0OTUgOS4wODM0MiA4LjAyMTI4TDYgNS4wMTAxM0w2Ljg1NjY5IDQuMTYxOTZDNi44ODA0MiA0LjE0MTI4IDYuOTEwOTMgNC4xMjk4OCA2Ljk0MjUzIDQuMTI5ODhDNi45NzQxMiA0LjEyOTg4IDcuMDAzOCA0LjE0MTI4IDcuMDI3NTMgNC4xNjE5NloiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==') no-repeat center right;
    padding-right: 24px;
}

/* section-breadcrumbs */
.section-breadcrumbs {
    width: 100%;
}

.section-breadcrumbs .section-inner {
    box-sizing: border-box;
    padding: 12px 48px;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    z-index: 10;
}

.section-breadcrumbs .breadcrumbs-list {
    display: flex;
    align-items: center;
}

.section-breadcrumbs .breadcrumbs-list li {
    color: var(--color-common-gray-2);
    position: relative;
    display: flex;
    align-items: center;
    line-height: 16px;
}

.section-breadcrumbs .breadcrumbs-list li+li {
    padding-left: 16px;
    margin-left: 10px;
}

.section-breadcrumbs .breadcrumbs-list li+li::before {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDEgOSIgc3Ryb2tlPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=');
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.section-breadcrumbs a {
    color: var(--color-common-gray-2);
    font-size: 12px;
    line-height: 16px;
}

.section-breadcrumbs li:last-of-type a {
  pointer-events: none;
  cursor: default;
}

/* filter-tag */
.filter-tag {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    border-radius: 20px;
    background: #F7F7F7;
    font-size: 11px;
    color: #333;
}

.filter-tag .btn_x {
    font-size: 0;
    color: transparent;
    flex: 1;
    width: 6px;
    height: 6px;
    padding: 6px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMyAzLjUwMjVMMC41MDI1IDZMMCA1LjQ5NzVMMi40OTc1IDNMMCAwLjUwMjVMMC41MDI1IDBMMyAyLjQ5NzVMNS40OTc1IDBMNiAwLjUwMjVMMy41MDI1IDNMNiA1LjQ5NzVMNS40OTc1IDZMMyAzLjUwMjVaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=') no-repeat center;
    margin-left: 4px;
}

.paging .disabled {
    opacity: .4;
    pointer-events: none;
    cursor: default;
}

/* curation-swiper */
.curation-swiper {
    width: 100%;
    padding: 8px;
    margin: -8px 0 0 -8px;
}

.curation-swiper .curation-slide {
    height: auto;
}

/* curation-wrapper */
.curation-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: visible;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 24px;
    transition: .5s;
    cursor: pointer;
}

.curation-wrapper:hover {
    transform: scale(1.02);
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.03);
}

.curation-wrapper .curation-box {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.curation-wrapper .curation-box .curation-item {
    flex: none;
    aspect-ratio: 1 / 1;
    width: calc(50% - 1px);
    margin-bottom: 2px;
    height: 100%;
}

.curation-wrapper .curation-box .curation-item img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.curation-wrapper .curation-ttl {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    max-height: 48px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
}

.curation-wrapper .curation-ttl:hover {
    text-decoration: underline;
    cursor: pointer;
}

.curation-wrapper .by-vendor-name {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 4px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.curation-wrapper .by-vendor-name span {
    font-weight: 700;
  color: #999 !important;
}

.curation-wrapper .by-vendor-name span:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* main-tag-list */
.main-tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
}

.main-tag-list li {
    background: #F7F7F7;
    border-radius: 24px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    font-size: 16px;
    text-align: center;
    color: #333;
    margin: 0 16px 16px 0;
    cursor: pointer;
}

.main-tag-list li:hover {
    background-color: #3CB0B4;
    color: #FFFFFF;
}