@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%;
  }
}

/** GlobalE共通 **/
ul {
  list-style: none !important;
}

[data-ge-shippingswitcher-flag][data-ge-mobile-shippingswitcher-flag] > * {
  margin: 0 !important;
  padding: 0 !important;
}

[data-ge-shippingswitcher-flag][data-ge-mobile-shippingswitcher-flag] img {
  margin: 0 !important;
  display: block;
  bottom: 2px;
}

[data-ge-shippingswitcher-flag][data-ge-mobile-shippingswitcher-flag] a {
  display: block;
}