@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&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");

/* 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");

/* 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;
}