@charset "utf-8";

/* おお蔵専用 */
:root {
    --color-main: #003da7;
    --color-sub: #e55300;
    --color-accent1: #4a7ace;
    --color-accent2: #3472de;
    --color-accent3: #1a73e8;
    --color-accent4: #26afff;
    --color-accent5: rgba(0, 133, 216, 0.4);
    --color-accent6: #e4f4ff;
    --color-accent7: #B6CCF4;
    --color-accent-sub1: #ffa069;
    --color-paresub: var(--color-paresub-accent);
    --color-paresub-accent: #F5BA99;
    --color-grayout: #b6b6b6;
    --color-error: #ff0000;
    --color-server-error: #ff6c00;
    --color-header-icon: white;
}

@media only screen and (max-width: 768px) {
    :root {
        --color-header-icon: var(--color-main);
    }
}

.btn.-bottom-download::after {
    background-image: url(/img/ookura/download-main.svg);
}

.btn.-bottom-download:hover::after {
    background-image: url(/img/ookura/download-white.svg);
}

.form_calendar-icon::after {
    background-image: url(/img/ookura/calendar.svg);
}

.currentAuctions .currentAuctions_dateTitle.-iconCalendar::before {
    background: center / contain no-repeat url(/img/ookura/calendar.svg);
}

.currentAuctions .currentAuctions_dateTitle.-iconWatch::before {
    background: center / contain no-repeat url(/img/ookura/watch.svg);
}

.itemListing_favorite::after,
.product_favorite::after {
    background-image: url(/img/ookura/favorite.svg);
}

.product_favorite.is-active::after,
.itemListing_favorite.is-active::after {
    background-image: url(/img/ookura/favorite-main.svg);
}

.favorite_btn.is-active::after {
    background-image: url(/img/ookura/heart-white.svg);
}

.btn.-left-arrow::before {
    background-image: url("/img/ookura/left-arrow.svg");
}

.btn.-right-arrow::after {
    background-image: url("/img/ookura/right-arrow-main.svg");
}

.btn.-right-link::after {
    background-image: url("/img/ookura/right-link-main.svg");
}

.btn.-right-in::after {
    background-image: url("/img/ookura/right-in-white.svg");
}

.btn.-bg-blue.-right-arrow::after,
.btn.-bg-orange.-right-arrow::after,
a.itemListing_item_detail:hover .btn::after,
.btn_area .btn.-border-blue.-right-arrow:hover::after,
.logout .btn.-border-blue.-right-arrow:hover::after,
.password_complate .btn.-border-blue.-right-arrow:hover::after,
.logout .btn.-border-blue.-right-arrow:hover::after,
.download .btn.-border-blue.-right-arrow:hover::after {
    background-image: url(/img/ookura/right-arrow-white.svg);
}

@media (any-hover: hover) {
    .btn.-bg-blue.-right-arrow:hover::after {
        background-image: url("/img/ookura/right-arrow-main.svg");
    }
    .btn.-right-in:hover::after {
        background-image: url("/img/ookura/right-in-white-hover.svg");
    }
}

.step01::before {
    background-image: url(/img/ookura/step01-gray.svg);
}

.step01.active::before {
    background-image: url(/img/ookura/step01.svg);
}

.step02::before {
    background-image: url(/img/ookura/step02-gray.svg);
}

.step02.active::before {
    background-image: url(/img/ookura/step02.svg);
}

.step03::before {
    background-image: url(/img/ookura/step03-gray.svg);
}

.step03.active::before {
    background-image: url(/img/ookura/step03.svg);
}

.step04::before {
    background-image: url(/img/ookura/step04-gray.svg);
}

.step04.active::before {
    background-image: url(/img/ookura/step04.svg);
}

.step05::before {
    background-image: url(/img/ookura/step05-gray.svg);
}

.step05.active::before {
    background-image: url(/img/ookura/step05.svg);
}

.step01-icon::before {
    background-image: url(/img/ookura/step01.svg);
}

.step02-icon::before {
    background-image: url(/img/ookura/step02.svg);
}

.step03-icon::before {
    background-image: url(/img/ookura/step03.svg);
}

.step04-icon::before {
    background-image: url(/img/ookura/step04.svg);
}

.step05-icon::before {
    background-image: url(/img/ookura/step05.svg);
}

.step06-icon::before {
    background-image: url(/img/ookura/step06.svg);
}

@media (any-hover: hover) {
    .step01:hover::before {
        background-image: url(/img/ookura/step01.svg);
    }

    .step02:hover::before {
        background-image: url(/img/ookura/step02.svg);
    }

    .step03:hover::before {
        background-image: url(/img/ookura/step03.svg);
    }

    .step04:hover::before {
        background-image: url(/img/ookura/step04.svg);
    }

    .step05:hover::before {
        background-image: url(/img/ookura/step05.svg);
    }
}