@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&display=swap");

/* parts */

@import url("./modules/parts/base.css");
@import url("./modules/parts/text.css");
@import url("./modules/parts/button.css");
@import url("./modules/parts/label.css");
@import url("./modules/parts/form.css");
@import url("./modules/parts/select.css");
@import url("./modules/parts/checkbox.css");
@import url("./modules/parts/radio.css");
@import url("./modules/parts/divider.css");
@import url("./modules/parts/switch.css");
@import url("./modules/parts/badge.css");

/* layout */

@import url("./modules/layout/layout.css");
@import url("./modules/layout/container.css");

/* ui */

@import url("./modules/ui/table.css");
@import url("./modules/ui/tablelist.css");
@import url("./modules/ui/accordion.css");
@import url("./modules/ui/list.css");
@import url("./modules/ui/datalist.css");
@import url("./modules/ui/flashmessage.css");
@import url("./modules/ui/cartlist.css");
@import url("./modules/ui/deliverylist.css");
@import url("./modules/ui/carousel.css");
@import url("./modules/ui/halfmodal.css");
@import url("./modules/ui/imageuploader.css");
@import url("./modules/ui/tabmenu.css");
@import url("./modules/ui/tag.css");
@import url("./modules/ui/callout.css");
@import url("./modules/ui/toaster.css");
@import url("./modules/ui/attention-list.css");

/* application */

@import url("./modules/application/header.css");
@import url("./modules/application/drawer.css");
@import url("./modules/application/content.css");
@import url("./modules/application/footer.css");

/* pages */

@import url("./modules/pages/template.css");
@import url("./modules/pages/top.css");
@import url("./modules/pages/product.css");
@import url("./modules/pages/order.css");
@import url("./modules/pages/mypage.css");
@import url("./modules/pages/queue.css");
@import url("./modules/pages/lottery.css");

/* responsive */

@import url("./modules/layout/responsive.css");

/* override */

.formError {
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    left: 4px !important;
    right: 0 !important;
    bottom: -4px !important;
    width: auto !important;
    z-index: 0 !important;
}

.formError .formErrorContent {
    background: none !important;
    border: 0px solid var(--COLOR_DANGER) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: var(--COLOR_DANGER) !important;
    font-weight: 600;
    font-size: 10px !important;
    line-height: 12px;
    padding: 0px !important;
    position: absolute !important;
    letter-spacing: -1px;
}

.formError .formErrorArrow div {
    display: none !important;
}

.formError br {
    display: none;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    border: 1px solid var(--COLOR_HAIRLINE);
}

.ui-menu .ui-menu-item {
    display: block;
    height: 48px;
    line-height: 48px;
    text-indent: 8px;
    font-size: 16px;
    border-bottom: 1px solid var(--COLOR_HAIRLINE);
}

.ui-menu .ui-menu-item:last-child {
    border-bottom: 0px solid var(--COLOR_HAIRLINE);
}

.ui-widget-content {
    border-radius: 10px;
    border: 1px solid var(--COLOR_HAIRLINE);
    background: var(--COLOR_DEFAULT);
    color: var(--COLOR_PRIMARY);
}

.ui-state-active {
    background-color: var(--COLOR_PRIMARY);
    color: var(--COLOR_DEFAULT);
}

.flexslider {
    margin: 0;
    padding: 0;
    border: none;
}

.flex-direction-nav a:before {
    font-size: 16px;
}

.flex-direction-nav a.flex-prev:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f104";
    color: #454545;
    /*color: #FFFFFF;*/
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-shadow: 0 4px 0 #ffffff;
    /*text-shadow: 1px 1px 2px #454545;*/
}

.flex-direction-nav a.flex-next:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    color: #454545;
    /*color: #FFFFFF;*/
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-shadow: 0 4px 0 #ffffff;
    /*text-shadow: 1px 1px 2px #454545;*/
}

.flex-direction-nav a:before {
    font-size: 32px;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flex-direction-nav .flex-next {
    right: 0;
}
@media screen and (max-width: 1024px) {
    .flex-direction-nav {
        display: none;
        height: 0;
        top: auto;
        bottom: -29px;
    }
    .flex-direction-nav a::before {
        color: rgba(50, 50, 50, 0.8);
        font-size: 19px;
        padding: 4px;
    }
    .flex-direction-nav a {
        height: 25px;
    }
    .flex-direction-nav .flex-prev {
        left: 30%;
        opacity: 1;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 30%;
    }
    .flexslider:hover .flex-direction-nav .flex-prev {
        opacity: 0.7;
        left: 30%;
    }
    .flexslider:hover .flex-direction-nav .flex-next {
        opacity: 0.7;
        right: 30%;
    }
}