/* Swiper */

.swiper {
  z-index: 0 !important;
}

.swiper-slide-sp {
 width: 100px !important;
}

.slide-item-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.slide-item-wrap.swiper-slide {
  height: auto;
}

/* Header */

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: auto;
  min-width: 1200px;
  background-color: #FFF;
  -webkit-box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1200px) {
  .header {
      min-width: 320px;
  }
}

.header__fixed {
  z-index: 2;
  background-color: var(--default-color);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}

.header__item {
  height: 80px;
}

@media screen and (max-width: 959px) {
  .header__item { 
    height: 52px;
  }
}

/* Header Bar */

.header-bar {
  height: 40px;
  display: flex;
  padding: 0 100px;
}

.header-bar > a {
  cursor: pointer;
  font-weight: 600;
  color: var(--color);
  font-size: 0.875rem;
  border-top: 6px solid;
}

.header-bar > a:hover, .header-bar > a.active {
  background: #EAE5E5;
}

@media screen and (max-width: 959px) {
  .header-bar {
    height: 30px;
    padding: 0 16px;
  }

  .header-bar > a {
    font-size: 0.625rem;
    border-top-width: 4px;
  }
}

/* Header Logo */

.header__logo {
  width: 127px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ignica-store .header__logo {
  width: 158px;
}

@media screen and (max-width: 959px) {
  .header__logo {
    width: 84px;
  }
  
  .ignica-store .header__logo {
    width: 84px;
  }
}

/* Header Category */

.header__category {
  width: auto;
  color: #FFF;
  display: flex;
  align-items: center;
}

.header__category__icon {
  height: 36px;
}

/* Header Icon */

.header__icon {
  position: relative;
  aspect-ratio: 1;
  color: #FFF;
  height: 36px;
}

.header__icon.on::after {
  position: absolute;
  top: 0;
  right: -5px;
  content: "";
  width: 13px;
  height: 13px;
  vertical-align: top;
  border-radius: 50%;
  background-color: #F24D5A;
}

.header__icon-svg {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 959px) {
  .header__icon,
  .header__category__icon {
    height: 30px;
  }

  .header__icon.on::after {
    width: 10px;
    height: 10px;
  }
}

/* Cart Link */
.cart-link__icon.header__icon:after {
  position: absolute;
  top: 50%;
  right: 0;
  color: #fff;
  padding: 0 8px;
  font-size: 14px;
  overflow: hidden;
  line-height: 1.5;
  font-weight: 500;
  border-radius: 12px;
  border: 1px solid #fff;
  background-color: #EB7E11;
  transform: translate(50%, -100%);
  content: attr(data-cart);
}

@media screen and (max-width: 959px) {
  .cart-link__icon.header__icon:after {
    padding: 0 6px;
    font-size: 12px;
    line-height: 1.2;
  }
}

/* Searchbar */

.searchbar--wrap {
  width: 100%;
  height: 40px;
  display: flex;
  overflow: hidden;
  background: #FFF;
  align-items: center;
  border-radius: 20px;
}

.searchbar__input {
  border: none;
  height: 100%;
  padding-right: 0;
  font-size: 0.75rem;
  width: calc(100% - 140px);
}

.searchbar--wrap.view-category .searchbar__icon--plus,
.searchbar--wrap:not(.view-category) .searchbar__icon--minus {
  display: none;
}

.searchbar__icon--plus,
.searchbar__icon--minus {
  width: 12px;
  height: 12px;
  color: #2A367D;
}

.searchbar__icon--magnifier {
  width: 40px;
  height: 40px;
}

.searchbar__category {
  width: 100px;
  height: 100%;
  display: flex;
  padding: 0 10px;
  align-items: center;
  background: #DEDEDE;
  box-sizing: border-box;
  justify-content: space-between;
  cursor: pointer;
}

.searchbar__category-txt {
  white-space: normal;
  letter-spacing: .02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  color: #2A367D;
  max-width: 80%;
}

.searchbar--bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.searchbar--view {
  width: 100%;
  padding: 20px;
  display: none;
  min-height: 40px;
  background: #FFF;
  box-sizing: border-box;
  border-radius: 20px;
  margin-top: 10px;
}

.searchbar__suggest-list,
.searchbar__category-list {
  --sb-size: 10px;
  --sb-track-color: #DEDEDE;
  --sb-thumb-color: var(--default-color);
  display: none;
  overflow-y: auto;
  max-height: 380px;
}

.searchbar__suggest-list::-webkit-scrollbar,
.searchbar__category-list::-webkit-scrollbar {
  width: var(--sb-size);
}

.searchbar__suggest-list::-webkit-scrollbar-track,
.searchbar__category-list::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

.searchbar__suggest-list::-webkit-scrollbar-thumb,
.searchbar__category-list::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
}

.searchbar__category-item {
  white-space: normal;
  letter-spacing: .02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: black;
  cursor: pointer;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  padding-left: 12px;
}

.searchbar__category-item:hover {
  opacity: 0.7;
}

.searchbar__category-item.is-selected::before {
  position:absolute;
  display:block;
  height: 10px;
  width: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
	background: url(/img/common/icon_check_black-b8d9f0a03060870ff9af54934c487790.svg) 0 0 no-repeat;
  background-size: 100% auto;
  content: "";
}

.searchbar__suggest-item {
  cursor: pointer;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #5F5F5F;
}
.searchbar__suggest-item span {
  display: inline-block;
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.searchbar--wrap.view-suggest + .searchbar--view,
.searchbar--wrap.view-category + .searchbar--view,
.searchbar--wrap.view-suggest + .searchbar--view .searchbar__suggest-list,
.searchbar--wrap.view-category + .searchbar--view .searchbar__category-list {
  display: block;
}

.searchbar__suggest-item.searchbar__suggest-item-suggest:before {
  display: block;
  width: 12px;
  margin-right: 10px;
  height: 14px;
  background: url(/img/common/icon_search_2-54b69b8f172bc1c2e15b1862faa3243c.svg) 50% 50% no-repeat;
  background-size: 100% auto;
  content: "";

}

.searchbar__suggest-item.searchbar__suggest-item-suggest:after {
  display: block;
  width: 12px;
  margin-right: 20px;
  height: 14px;
  background: url(../../img/common/arrow_gray_top_left.svg) no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
  margin-left: auto;
}

.searchbar__suggest-item.searchbar__suggest-item-recent:before {
  display: block;
  width: 15px;
  margin-right: 10px;
  height: 14px;
  background: url(/img/common/icon_clock_2-b58804daad39ba1d89b466a0233aff05.svg) 50% 50% no-repeat;
  background-size: 100% auto;
  content: "";
  margin-bottom: 2px;
}

.searchbar__suggest-item.searchbar__suggest-item-hot:before {
  display: block;
  width: 12px;
  margin-right: 12px;
  margin-left: 2px;
  height: 14px;
  background: url(/img/common/icon_fire-b655c8789efb352e32df13a253d22283.svg) 50% 50% no-repeat;
  background-size: 100% auto;
  content: "";
  margin-bottom: 2px;
}

.searchbar__suggest-item.searchbar__suggest-item-hot:after {
  display: block;
  width: 12px;
  margin-right: 12px;
  height: 14px;
  background: url(../../img/common/arrow_gray_top_left.svg) no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
  margin-left: auto;
}

.searchbar__suggest-item .searchbar__suggest-item-recent-delete {
  display: block;
  width: 38px;
  padding: 0 10px;
  margin-left: auto;
}



@media screen and (max-width: 959px) {
  .searchbar--wrap {
    height: 30px;
  }

  .searchbar__input {
    width: calc(100% - 120px);
  }
  
  .searchbar__category {
    width: 90px;
  }
  
  .searchbar__icon--magnifier {
    width: 30px;
    height: 30px;
  }
}

/* Category Bar */

.category-bar--grey {
  color: #fff;
  background-color: #606060;
}
.category-bar--grey-fixed {
	z-index: 1;
	width: 100vw;
	position: fixed !important;
}
.category-bar--white {
  color: #606060;
  background-color: #F4F4F4;
}

/* Category Slide */

.category-bar__slide {
  flex-shrink: 0;
  transition-property: transform;
}

/* Category Link */

.category-bar__link {
  --underline-color: currentColor;
  color: inherit;
}

/* Main */

.main {
  width: 100%;
}

@media screen and (max-width: 959px) {
  .main-transparent {
    opacity: 0.5;
  }
}

/* Sidebar Fixed */

.sidebar__fixed {
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #F4F4F4;
}

/* Sidebar Scrollable */

.sidebar__scrollable {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  box-sizing: content-box;
}

.sidebar__scrollable::-webkit-scrollbar {
  display: none;
}

/* Sidebar Button */

.sidebar__button {
  position: absolute;
  left: 0;

  transform: translateX(-100%);

  color: #A5A5A5;
  background-color: #F4F4F4;

  width: 25px;
  height: 33px;

  transition-property: opacity;
}
.sidebar__button:hover,
.sidebar__button:active {
  opacity: .7;
}
.sidebar__button--open {
  top: 37px;

  border-top-left-radius: 9px;
}
.sidebar__button--close {
  top: 70px;

  border-bottom-left-radius: 9px;
}
.sidebar__button.active {
  color: #fff;
  background-color: #707070;

  pointer-events: none;
}

/* Sidebar Title */
.sidebar__title {
  background-color: #E5E5E5;
}

/* General Output List */
.general-output__list {
  border-right: rgba(0, 0, 0, .4) solid 1px;
}

/* General Output Price */
.general-output__price {
  overflow: hidden;
  white-space: nowrap;
}

/* Edit check */
.c-btn-edit-check {
  color: #FFF;
  font-weight: 700;
  padding: 10px 20px;
  font-size: 0.875rem;
  border-radius: 50px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}

/* Cart button */

.cart-button {
  width: 100%;
  max-width: 146px;

  padding: 0;
  border-radius: 30px;

  color: #fff;
  line-height: 50px;

  background-image: linear-gradient(45deg, #FF9F1D, #F86C06);
}
.cart-button:hover, .cart-button:focus,
.cart-button:active, .cart-button.active {
  background-image: linear-gradient(-45deg, #FF9F1D, #F86C06);
}
@media screen and (max-width: 1599px) {
  .cart-button {
    line-height: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .cart-button {
    line-height: 35px;
  }
}

.sidebar-widget {
  border-radius: 10px;
  background-color: #fff;
}

.sidebar__register {
  color: var(--default-color);
}

.sidebar__register:hover {
  text-decoration: underline;
}

/* Cart Product Volume */

.cart-product__volume {
  color: #A5A5A5;
}

/* Cart Product Bin */

.cart-product__bin {
  color: #A5A5A5;
}

/* Cart Product Price */

.cart-product__price {
  overflow: hidden;

  color: #7B817D;

  white-space: nowrap;
}

/* Cart Product Quantity */

.cart-product__quantity {
  width: 30px;
  height: 30px;
  padding: 0 2px;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  white-space: nowrap;
}

/* Cart <hr /> */

.cart-hr {
  width: 85px;
  border-bottom: 1px solid #A5A5A5;
}

/* Cart Link More */

.cart-link-more {
  color: var(--default-color);
  --underline-color: currentColor;
}

.cart-link-more__icon {
  color: var(--default-color);
}

/* Visually Top */
.visually-top {
  padding: 0 32px;
  background-size: auto 100%;
}

@media screen and (min-width: 960px) {
  .visually-top {
    background-image: url("/img/top/od_background_PC-005dcf2136a5a3d6b9c0b3ff512beddd.png");
  }
}


.visually-top__col-left {
  width: 420px;
  max-width: 500px;
  margin-left: -32px;
  box-sizing: border-box;
  background: var(--default-color-br);
}

.visually-top__col-right {
  flex: 1;
  box-sizing: border-box;
}

.visually-top__userinfo {
  font-size: 10px;
  overflow: hidden;
  font-weight: 600;
  background: #FFF;
  border-radius: 12px;
}

.visually-top__userinfo-img {
  width: auto;
  height: 15px;
}

.visually-top__store {
  font-size: 10px;
  color: #5F5F5F;
  font-weight: 600;
  border-radius: 12px;
  background-color: #EDEDED;
}

.visually-top__search {
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 25px;
  background-color: #FFF;
  border: 1px solid #BCBCBC;
  justify-content: space-between;
}

.visually-top__search-txt {
  width: 45%;
  color: #FFF;
  font-weight: 500;
  line-height: 34px;
  font-size: 0.75rem;
  text-align: center;
  background-color: var(--default-color);
}
.visually-top__search-txt-en {
  line-height: 18px;
}

.visually-top__search-input {
  flex: 1;
  height: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.visually-top__search-input > input {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.visually-top__search-btn {
  width: 34px;
  height: 34px;
  color: #FFF;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 50%;
  background-color: var(--default-color);
}

.visually-top__search-btn.mapSearch {
  width: auto;
  display: flex;
  padding: 0 12px;
  align-items: center;
  border-radius: 25px;
  justify-content: space-between;
  border: 1px solid var(--default-color);
}

.visually-top__search-btn > .svg {
  width: 16px;
}

.visually-top__delivery {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.visually-top__delivery-ttl {
  width: 65%;
  display: flex;
  align-items: center;
}

.visually-top__delivery-ttl > img {
  max-width: 75px;
}

.visually-top__delivery-btn {
  width: 35%;
  line-height: 1;
  font-size: 10px;
  color: #EB7E11;
  justify-content: flex-end;
}

.visually-top__order-eat {
  height: 41px;
  display: flex;
  align-items: center;
  border-radius: 0 0 12px 12px;
  background-color: #E63C241A;
  justify-content: space-between;
}

@media screen and (max-width: 959px) {
  .visually-top {
    padding: 0;
    background-image: url("/img/top/od_background_SP-26cc85d18825ed112c9879202c142296.webp");
  }

  .visually-top__col-left,
  .visually-top__col-right {
    margin: 0;
    width: 100%;
  }
  
  .visually-top__search-txt {
    line-height: 30px;
    font-size: 0.625rem;
  }
  
  .visually-top__search-btn {
    width: 30px;
    height: 30px;
    font-size: 0.625rem;
  }
  
  .visually-top__search-btn.mapSearch {
    padding: 0 8px;
  }
  
  .visually-top__search-btn > .svg {
    width: 14px;
  }
}

/* Search Store When Add Item */
.search-store__btn {
  display: inline-block;
  width: 100%;
  padding: 0;
  color: #FFF;
  cursor: pointer;
  font-size: 1rem;
  max-width: 200px;
  line-height: 50px;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0px 3px 6px #00000026;
  background-image: linear-gradient(45deg, #FF9F1D, #F86C06);
}

.search-store__btn:hover {
  opacity: 0.8;
}

/* Location Deliver Separation */
.location-deliver-separation {
  border-right: 1px solid #C3C3C3;
}

/* Today Bargain Store */
.today-bargain__store {
  color: #575757;
}

@media screen and (max-width: 1250px) {
  .today-bargain__store {
    display: flex;
    font-size: 10px;
  }
}

/* Visually Survey */
.visually-survey {
  width: 74px;
  height: 74px;
  color: #000;
  display: flex;
  border-radius: 12px;
  align-items: center;
  font-size: 0.6875rem;
  flex-direction: column;
  justify-content: center;
  background-color: #FFF;
  border: 1px solid #D6D6D6;
}

.visually-survey__icon {
  position: relative;
  width: 45px;
  height: 45px;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  background-color: #EAE5E5;
}

.visually-survey__icon > img {
  width: 21px;
}

.visually-survey__icon:after {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  min-width: 22px;
  line-height: 1.3;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #FFF;
  background-color: #EB7E11;
  transform: translateX(25%);
  content: attr(data-unread);
}

/* Visually News */

.visually-news {
  flex: 1;
  display: flex;
  align-items: center;
  background-color: #FFF;
  border-radius: 0 12px 12px 0;
}

.visually-news__tittle {
  color: #FFF;
  font-weight: 500;
  line-height: 60px;
  font-size: 0.75rem;
  background: #EB7E11;
  border-radius: 0 12px 12px 0;
}

.visually-news__new {
  height: 20px;
  color: #FFF;
  padding: 0 10px;
  font-weight: 600;
  font-size: 0.5rem;
  border-radius: 20px;
  background-color: #E82717;
}

.visually-news__clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (max-width: 959px) {
  .visually-news {
    border-radius: unset;
    justify-content: space-between;
    border-left: 4px solid #EB7E11;
  }
  
  .visually-news__tittle {
    line-height: 1;
    color: #EB7E11;
    background: unset;
    font-size: 0.625rem;
    border-radius: unset;
  }
  
  .visually-news__new {
    height: 15px;
  }

  .visually-news__clamp {
    flex: 1;
  }
}

/* Visually Banner */
.visually-banner {
  --swiper-theme-color: #EB7E11;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #FFF;
}

.ignica-store .visually-banner {
  --swiper-pagination-bullet-inactive-opacity: .2;
  --swiper-pagination-bullet-inactive-color: #000;
}

[data-visually-banner-slider] {
  max-height: 250px;
  visibility: hidden;
}

[data-visually-banner-slider].swiper-initialized {
  max-height: unset;
  visibility: visible;
  padding-bottom: 24px;
}

.visually-banner-slider {
  width: 100%;
}

.visually-banner-slide {
  width: calc(478 / 764 * 100%) !important;
}

.ignica-store .visually-banner-slide {
  width: calc(210 / 716 * 100%) !important;
}

.visually-banner-slide__cover {
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  transition: transform .2s;
  padding-top: calc(272 / 478 * 100%);
  transform: scale(.9) translateY(calc((272 / 478 * 0.1) * 100%));
}

.swiper-slide-active .visually-banner-slide__cover {
  transform: scale(1) translateY(0);
}

.visually-banner-slider__button-prev,
.visually-banner-slider__button-next{
  z-index: 1;
  width: 21px;
  height: 66px;
  cursor: pointer;
  background-color: #EB7E11;
}

.ignica-store .visually-banner-slider__button-prev,
.ignica-store .visually-banner-slider__button-next {
  width: 30px;
  height: 30px;
  background-color: var(--default-color);
}

.visually-banner-slider__button-prev {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ignica-store .visually-banner-slider__button-prev {
  border-radius: 50%;
  left: 6%;
}

.visually-banner-slider__button-next {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.ignica-store .visually-banner-slider__button-next {
  border-radius: 50%;
  right: 6%;
}

.visually-banner-slider__button-prev:after,
.visually-banner-slider__button-next:after {
  color: #FFF;
  line-height: 1;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  font-family: swiper-icons;
}

.visually-banner-slider__button-prev:after {
  content: 'prev'
}
.visually-banner-slider__button-next:after{
  content: 'next'
}

.visually-banner-slider-pagination {
  bottom: 0 !important;
}

@media screen and (max-width: 959px) {
  .ignica-store [data-visually-banner-slider] {
    padding-bottom: 24px !important;
  }

  .ignica-store .visually-banner-slide {
    width: calc(310 / 716 * 100%) !important;
  }
}

@media screen and (max-width: 639px) {
  .visually-banner {
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-inactive-color: #000;
  }

  .visually-banner-slide,
  .ignica-store .visually-banner-slide  {
    width: calc(308 / 375 * 100%) !important
    
  }

  .visually-banner-slide__cover{
    transform: scale(.9) translateY(0);
    padding-top: calc(173 / 308 * 100%);
  }
}

/* Coupon Info */

.coupon-info__edit {
  padding: 16px;
  max-width: 468px;
  text-align: center;
  font-size: 0.875rem;
  border-radius: 12px;
  box-sizing: border-box;
  border: 1px solid #EB7E11;
  background-color: #FFF2E5;
}

.coupon-info__edit-btn {
  color: #FFF;
  line-height: 1;
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 0.75rem;
  border-radius: 50px;
  display: inline-block;
  box-shadow: 0px 3px 6px #00000026;
  background-image: linear-gradient(45deg, #FF9F1D, #F86C06);
}

.coupon-info__edit-btn:hover {
  opacity: 0.8;
}

/* Product Slider */

.products-slider {
  visibility: hidden;
}
.products-slider.swiper-initialized {
  visibility: visible;
}
@media screen and (max-width: 959px) {
  .products-slider {
    background-color: #fff;
  }
}

.products-slider__slide {
  width: 164px !important;
  margin-right: 32px;
  box-sizing: border-box;
}

.products-slider__slide:last-child {
  margin-right: 0 !important;
}

.coupon-slider__slide {
  box-sizing: border-box;
  background-color: #fff;
}

@media screen and (max-width: 959px) {
  .products-slider__slide {
    padding: 8px 0;
  }

  .coupon-slider__slide {
    padding: 0 10px;
    max-width: 600px;
    width: 90% !important;
  }
}

@media screen and (max-width: 639px) {
  .products-slider__slide {
    margin-right: 24px;
    width: 140px !important;
  }
  
  .coupon-slider__slide {
    width: 91% !important;
  }
}

/* Aqua Slider Buttons */

.aqua__button-prev,
.aqua__button-next {
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--default-color);
}

.aqua__button-prev:after,
.aqua__button-next:after {
  font-size: 10px;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  color: #fff;
}

.aqua__button-prev:after {
  content: 'prev';
}

.aqua__button-next:after {
  content: 'next';
}

.products-slider__picture {
  object-fit: cover;
}

.products-slider__picture-ar {
  height: 0;
  padding-top: 100%;
}

.products-slider__picture-ar img {
  margin: auto;
}

.products-slider__volume {
  color: #7B817D;
  white-space: normal;
  letter-spacing: .02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.products-slider__price {
  max-width: 100%;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
}

.products-slider__tax {
  color: #7B817D;
}

.products-slider__to-card {
  color: #FFF;
  height: 40px;
  display: flex;
  font-size: 0.75rem;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--default-color);
  background-color: var(--default-color);
}

.products-slider__to-card:hover,
.products-slider__to-card:focus,
.products-slider__to-card:active,
.products-slider__to-card.active {
  background-color: #FFF;
  color: #707070;
}

.products-slider__to-card-icon {
  color: #FFF;
}
.products-slider__to-card:hover .products-slider__to-card-icon,
.products-slider__to-card:focus .products-slider__to-card-icon,
.products-slider__to-card:active .products-slider__to-card-icon,
.products-slider__to-card.active .products-slider__to-card-icon {
  color: var(--default-color);
}

.products-slider__controls {
  border-radius: 10px;
  overflow: hidden;
}

.products-slider__control-value {
  padding: 0 10px;
  background-color: #FFF;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;

  line-height: 38px;
}

.products-slider__control {
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #707070;
  background-color: #DDD;
}

.products-slider__control:not(.js-counter-remove) {
  color: #FFF;
  background-color: var(--default-color);
}

.products-slide__product-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 959px) {
  .products-slide__product-col {
    align-items: flex-start;
  }
}

/* Product Label New */

.product-label-new {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  pointer-events: none;
}

.product-label-new__quantity {
  width: 25px;
  height: 25px;

  border-radius: 50%;

  overflow: hidden;
  background-color: #E7380D;

  color: #fff;
}

.product-label-new__feature {
  right: -8px;
  bottom: 8px;

  padding: 2px 16px 2px 10px;
  border-top-left-radius: 8px;

  background-color: #F24D5A;

  color: #fff;
}

/* Pickup item list */

.js-pickup-item-trigger.active {
  position: relative
}

.js-pickup-item-trigger.active:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid var(--default-color);
  content: "";
}

/* Modal */

.modal {
  z-index: 10;
  background-color: #fff;
}

.modal__top {
  height: 60px;

  border-bottom: 8px solid #0AD6BB;
}
.modal__body {
  background-color: #F7F7F7;
}

.modal__title {
  font-size: 1.375rem;
}

/* Section Border */

.section-border {
  border-top: 4px solid #F7F7F7;
}

.section-border-bottom {
  border-bottom: 4px solid #F7F7F7;
}

.section-border:not(.hidden) {
  border-top: none;
}

.section-border:not(.hidden) ~ .section-border:not(.hidden) {
  border-top: 4px solid #F7F7F7;
}

/* Pickup Banner */

.pickup-banner {
  width: 100%;
  max-width: 393px;
}
@media screen and (max-width: 959px) {
  .pickup-banner {
    padding-top: 50px;
    max-width: 100%;
  }
}

/* Banner/Pickup Item List */
.banner--wrap {
  width: 100%;
  max-width: 361px;
}

.pickup-item__ar,
.banner-item__ar {
  width: 100%;
  height: 0;
  padding-top: calc(205 / 361 * 100%);
}

.banner-item__ar > img {
  margin: auto;
  border-radius: 25px;
}

.pickup-item__bg {
  overflow: hidden;
  border-radius: 25px;
  background: #E95378;
}

.pickup-item__bg:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  background: #AD135F;
  border-radius: 0 100% 0 0;
  transform: translateX(-10%);
  width: calc(205 / 361 * 100%) ;
  content: "";
}

.pickup-item__ttl {
  z-index: 1;
  width: 100%;
  color: #FFF;
  display: flex;
  height: 50%;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.pickup-item__ttl > img {
  width: 110px;
  height: 55px;
}

.pickup-item__br {
  position: absolute;
  width: 65%;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}

.pickup-item__br-img {
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.pickup-item__br-button {
  color: #000;
  border-radius: 30px;
  background-color: #FFFFFFCC;
}

@media screen and (max-width: 959px) {
  .banner--wrap {
    max-width: 100%;
  }

  .pickup-item__ar {
    padding: 0;
    height: auto;
    box-sizing: border-box;
  }

  .banner-item__ar > img {
    border-radius: 25px 25px 0 0;
  }

  .banner-item__ar-wrap {
    max-width: 722px;
  }

  .pickup-item__bg {
    width: 100%;
    height: 100%;
    border-radius: 25px 25px 0 0;
  }

  .pickup-item__br {
    position: unset;
    width: 100%;
    height: 100%;
    transform: unset;
    min-height: unset;
  }
}

@media screen and (max-width: 959px) and (min-width: 641px) {
  .banner--wrap > a,
  .pickup-item__ar {
    display: block;
    max-width: 361px;
  }
}

/* Gift */

.gift-section:after {
  content: '';
  display: block;
  width: 100%;
  height: 150px;
  background-color: #D5D5D5;
}
@media screen and (max-width: 959px) {
  .gift-section:after {
    display: none;
  }
}

.gift-section__picture {
  width: 100%;
  max-width: 458px;
  margin-bottom: -130px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

@media screen and (max-width: 959px) {
  .gift-section__picture {
    margin-bottom: 0;
    box-shadow: none;
  }
}

.gift-section__picture-sizer {
  height: 0;
  padding-top: calc(258 / 458 * 100%);
}

@media screen and (max-width: 959px) {
  .gift-section__title {
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
    color: #918D85;
  }
}

/* Banner Slider */

[data-banners-slider] {
  visibility: hidden;
  --swiper-theme-color: #0AD6BB;
}

[data-banners-slider].swiper-initialized {
  visibility: visible;
}

.banners-slider__slide {
  position: relative;
  width: 100%;
  max-width: 370px !important;
}

[class*='banners-slider__picture'] {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: calc(160 / 512 * 100%);
}

.banners-slider__picture--small {
  padding-top: calc(120 / 468 * 100%);
}

.banners-slider__picture--large {
  position: unset;
  padding-top: calc(204 / 370 * 100%);
}

.banners-slider__pagination {
  bottom: 0 !important;
}

/* Banner Single */

.banner-single {
  background-color: #F7F7F7;
}

/* Anchor */

[data-anchor] {
  cursor: pointer !important;
}

/* Footer */

.footer-red {
  color: #fff;
  background-color: #E7380D;
}

.footer-red .link {
  --underline-color: currentColor;
}

.footer-white {
  color: #E7380D;
  background-color: #fff;
}

.footer-white .link {
  --underline-color: currentColor;
}

.footer-white__wrap {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 959px) {
  .footer-link {
    font-size: 0.65rem;
  }
  .footer-white__wrap {
    justify-content: center;
  }
}

.after-hide::after {
  content: none !important;
}

.before-hide::before {
  content: none !important;
}

/* Location delivery button */

.location-deliver-button {
  width: 100%;
  max-width: 179px;

  padding: 0;
  border-radius: 30px;

  color: #fff;
  line-height: 40px;

  background-image: linear-gradient(45deg, #FF9F1D, #F86C06);
}
.location-deliver-button:hover, .location-deliver-button:focus,
.location-deliver-button:active, .location-deliver-button.active {
  background-image: linear-gradient(-45deg, #FF9F1D, #F86C06);
}
@media screen and (max-width: 1599px) {
  .location-deliver-button {
    line-height: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .location-deliver-button {
    line-height: 35px;
  }
}

.pagetop {
  display: flex;
  position: fixed;
  right: 265px;
  bottom: 22px;
  z-index: 10;
  max-width: 50px;
}

.c-coupon-txt1{
	font-size: 10px !important;
}

/* c-box-coupon */

.c-box-coupon-wrap,
.c-box-coupon-item-wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.c-box-coupon-point{
  font-size: 14px;
  margin-top: 8px;
  color: #2A367D;
  font-weight: 600;
  line-height: 20px;
}

.c-box-coupon-point > img{
  height: 16px;
  margin: 2px 0;
  width: auto !important;
}

.c-box-coupon-point > p{
  width: 45%;
}

.c-box-coupon-discount{
  font-size: 12px;
  color: #f79a1d;
  margin-top: 6px;
}

.c-box-coupon-discount-sidebar,
.c-box-coupon-item-wrap .c-box-coupon-discount{
  color: #fff;
  padding: 7px;
  display: flex;
  font-size: 0.725rem;
  border-radius: 30px;
  margin-bottom: 10px;
	background: #f24d5a;
  justify-content: center;
}

.c-box-coupon-item-wrap .c-box-coupon-point{
  margin-top: 0;
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 10px;
  justify-content: flex-start;
}

.c-box-coupon-item-wrap .c-box-coupon-point > img{
  height: 22px;
  margin: 3px 0;
}

.c-box-coupon-item-wrap .c-box-coupon-discount{
  width: 320px;
  margin-top: 0;
  font-size: 1rem;
}

@media screen and (max-width: 750px){
	.c-box-coupon-discount{
		font-size: 0.8rem;
	}

  .c-box-coupon-item-wrap .c-box-coupon-point{
    line-height: 7vw;
    margin-bottom: 2vw;
    padding-left: 2vw;
  }

  .c-box-coupon-item-wrap .c-box-coupon-point > img{
    height: 5.6vw;
    margin: 0.7vw 0;
  }

  .c-box-coupon-item-wrap .c-box-coupon-point > p{
    width: 100%;
  }

  .c-box-coupon-item-wrap .c-box-coupon-discount{
    width: 100%;
    margin-bottom: 2vw;
  }
}

.rotate-180 {
	transform: rotate(180deg);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .swiper-sp {
    background-color: #fff;
    width: 100vw;
    max-height: 115px;
    margin-left: -30px;
  }
}

.prevent-scroll {
	overflow:hidden;
	height:100vh;
}

.c-container-coupon-list-top {
  display: flex;
  flex-direction: row;
  border: 1px solid #f5f2f2;
  box-shadow: 1px 2px 5px 2px #f5f2f2;
  border-radius: 10px;
  background-color: #fff;
  min-height: 120px;
}

@media screen and (max-width: 750px) {
  .c-container-coupon-list-top{
    min-height: 120px;
  }
}

.c-coupon-list-top {
  min-width: 170px;
}

@media screen and (max-width: 750px) {
  .c-coupon-list-top{
    min-width: 144px;
  }
}

.online-delivery-txt {
    font-size: 12px;
    color: #707070;
}

.c-coupon-list-top-txt {
  display: flex;
  justify-content: space-around;
  color: white;
  font-size: 0.7rem;
  position: absolute;
  width: 60px;
  right: calc((100% - 60px)/2);
  top: 40px;
}

.c-coupon-list-top-img {
  position: absolute;
  opacity: 0.6;
  width: 100px !important;
  height: 60px;
  top: 50px;
  right: calc((100% - 100px)/2);
}

@media screen and (max-width: 750px) {
  .c-coupon-list-top-txt{
    top: 30px;
  }

  .c-coupon-list-top-img{
    top: 40px;
  }
}

.c-coupon-list-top-container-description {
  	width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

@media screen and (max-width: 750px) {
  .c-coupon-list-top-description-txt {
    font-size: 0.8rem;
  }
}

.c-coupon-desctiption-txt-top {
	font-size: 14px !important;
}

.c-coupon-list-top-title-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  overflow-wrap: break-word;
}

.c-coupon-title-txt-top {
  color: #707070;
  font-size: 12px !important;
}

@media screen and (max-width: 750px) {
  .c-coupon-title-txt-top {
    font-size: 10px !important;
  }
}

.coupon-slider-list-top {
  height: 120px !important;
  cursor: pointer;
}

@media screen and (max-width: 959px) {
  .coupon-slider-list-top {
    padding: 0 10px;
  }
}

@media screen and (max-width: 750px) {
  .coupon-slider-list-top {
    width: 95% !important;
    height: 100px !important;
    padding: 0 10px;
  }
}

.c-box-coupon-list-top-top {
  top: 30%;
  max-height: 140px;
}

.product-slider-list-coupon-top {
  height: 180px;
}

.c-coupon-list-top-calendar{
  font-size: 12px;
  color: #707070;
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .c-coupon-list-top-calendar{
    font-size: 10px;
  }
}

@media screen and (max-width: 280px) {
  .c-coupon-list-top {
    min-width: 70px;
  }

  .c-coupon-list-top-txt {
    font-size: 0.5rem;
    top: 20px;
  }

  .c-coupon-list-top-img {
    width: 70px !important;
    height: 51px;
    top: 25px;
    right: calc((100% - 70px)/2);
  }

  .online-delivery-txt{
    font-size: 0.7rem;
  }

  .c-coupon-list-top-description-txt {
    font-size: 0.7rem;
  }
}
.center-items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.front_item-info-area.item-header {
  background: #f4f4f4;
  border-radius: 0 0 30px 30px;
}

.c-online-slider__item-header {
  color: #fff;
  background-color: #E01F06;
  text-align: center;
  font-size: 1.5rem;
  border-radius: 30px 30px 0 0;
}

.c-online-slider__item-header .header-logo__link {
  display: block;
  margin: auto;
  width: 25vw;
}

.c-online-slider__item-qrcode {
  padding: 15px;
  background: #fff;
  border-radius: 23px;
  font-size: 4.333333vw;
  border: 1px solid #A5A5A5;
}

#qrcode {
  background-color: #fff !important;
  display: flex;
}

#qrcode > img {
  background-color: #fff !important;
  z-index: 99 !important;
}

.sidebar-total-product__text {
  width: 45% !important;
}

.sidebar-total-product__price {
  width: 55% !important;
}

.c-check-recommend {
  padding: 40px 60px;
}

@media screen and (max-width: 750px) {
  .c-check-recommend {
    padding: 20px 0;
  }
}

.c-recommend-top {
  border: solid 1px #A5A5A5;
  border-radius: 15px;
  padding: 0 16px 16px;
  margin: 0 16px;
}

.c-recommend-top .front_item-info-area {
  width: 201.75px !important;
}

@media screen and (max-width: 1600px) {
  .c-recommend-top .front_item-info-area {
    width: 155px !important;
  }
}

.c-point-history-link__text {
  color: #2b377d;
  font-weight: 700;
}

.c-point-history-point__text-unit {
  font-size: 1.3rem;
  color: #2b377d;
  font-weight: 600;
}

/* Point History */
.c-point-history__wrap {
  padding: 40px;
  margin-top: 30px;
  background-color: #F7F7FE;
}

.c-point-history__user {
  width: 30px;
  margin-top: 4px;
  margin-right: 12px;
}

.c-point-history__info {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
  color: #5F5F5F;
  margin: 16px 0 30px;
  border-top: 1px solid #A5A5A5;
  border-bottom: 1px solid #A5A5A5;
}

.c-point-history__info-ttl {
  font-size: 1rem;
  margin-right: 40px;
  margin-bottom: 30px;
}

.c-point-history__info-item {
  display: flex;
  line-height: 1;
  margin-left: 40px;
  margin-bottom: 8px;
  font-size: 1.75rem;
  align-items: center;

}

.c-point-history__info-img {
  width: auto;
  height: 20px;
}

.c-point-history__search {
  height: 40px;
  width: 150px;
  padding: 8px;
  border-radius: 4px;
  background-color: #FFF;
  border: 1px solid #A5A5A5;
}

input.c-point-history__search::-webkit-calendar-picker-indicator {
  right: 8px;
  background: url(/img/common/arrow_gray_bottom2-30311fe7723c255447ce0f1106d26635.svg) 50% 50% no-repeat;
}

.c-point-history__list {
  display: flex;
  margin: 20px 0;
  gap: 40px 40px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c-point-history__item {
  overflow: hidden;
  border-radius: 12px;
  width: calc(50% - 20px);
  background-color: #FFF;
  border: 1px solid #D8D8D8;
}

.c-point-info__date-time {
  padding: 12px;
  color: #2A367D;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
  background-color: #D8D8D8;
}

.c-point-info__content {
  display: flex;
  padding: 0 20px;
  align-items: center;
}

.c-point-info__logo {
  max-width: 100px;
  max-height: 40px;
}

.c-point-history__arrow {
  width: 8px;
  margin-left: 8px;
  margin-right: -16px;
}

@media screen and (max-width: 959px) {
  .c-point-history__list {
    display: block;
    margin: 0;
  }
  
  .c-point-history__item {
    width: 100%;
    max-width: 550px;
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 750px) {
  .c-point-history__wrap {
    margin-top: 0;
    padding: 4vw !important;
  }

  .c-point-history__user {
    width: 6vw;
    margin-top: 0.6vw;
    margin-right: 3vw;
  }

  .c-point-history__info {
    display: block;
    padding: 4vw 0;
    margin: 4vw 0 8vw;
    border-width: 0.53333vw;
  }
  
  .c-point-history__info-ttl {
    margin: 0;
  }
  
  .c-point-history__info-item {
    margin: 4vw 0 1vw;
    justify-content: space-between;
  }
  
  .c-point-history__info-img {
    width: auto;
    height: 5vw;
  }

  .c-point-history__search {
    width: 40vw;
    height: 10vw;
    padding: 2vw;
    border-radius: 1vw;
    border-width: 0.53333vw;
  }
  
  input.c-point-history__search::-webkit-calendar-picker-indicator {
    right: 2vw;
  }

  .c-point-history__item {
    max-width: unset;
    margin-top: 5.33333vw;
    border-width: 0.53333vw;
  }

  .c-point-info__date-time {
    padding: 3vw;
  }
  
  .c-point-info__content {
    padding: 0 4vw;
  }
  
  .c-point-info__logo {
    max-width: 22vw;
    max-height: 10vw;
  }

  .c-point-history__arrow {
    width: 4vw;
    height: 4vw;
  }

}

/* Help message */
.help-message {
  position: relative;
}

.help-message:hover {
  opacity: unset;
}

.help-message:hover .c-txt-radio:not(.is-disabled),
.help-message:hover .c-icon__help-message:hover::before {
  opacity: 0.6;
}

.c-icon__help-message:hover .c-icon__help-message-content {
  display: block;
}

.c-icon__help-message {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 45%;
  width: 30px;
  z-index: 10;
  height: 33.6px;
}

.c-icon__help-message:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/common/icon_question_grey-337475b964ff4233fcd78b5e3b2b7e2e.svg) 50% 50% no-repeat;
  background-size: 100% auto;
  content: "";
}

.c-icon__help-message-content {
  display: none;
  position: absolute;
  top: 0;
  left: 110%;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  font-size: 0.875rem;
  background-color: #929292;
  white-space: pre;
}

.c-icon__help-message-content::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #929292 transparent transparent;
}

@media screen and (max-width: 750px) {
  .c-icon__help-message {
    left: 40%;
    width: 6vw;
    height: 7.46667vw;
  }
  
  .c-icon__help-message-content {
    left: calc(100% + 1.5vw);
    padding: 1.5vw;
    font-size: 3vw;
  }
  
  .c-icon__help-message-content::after {
    right: 99%;
    top: 3.73333vw;
    border-width: 1.5vw;
  }
}

/* ---------------------------------------------
*   ignica-store
--------------------------------------------- */

/* Catergory bar */
.category-bar__wrap {
  border-bottom: 1px solid #2A367D;
}

.ec-category-swiper {
  visibility: hidden;
}

.ec-category-swiper.swiper-initialized {
  visibility: visible;
}

.ec-category-swiper .category-bar__slide {
  cursor: pointer;
  color: #2A367D;
  line-height: 30px;
  margin-right: 30px;
}

.ec-category-swiper .category-bar__slide.checked {
  color: #FFF;
  padding: 0 20px;
  min-width: 60px;
  border-radius: 15px;
  background: #2A367D;
}
/* Product */

.products-slider--top .swiper-slide-item {
  max-width: 216px;
  height: auto;
}

.products-slider__picture2-ar {
  height: 0;
  padding-top: calc(180 / 180 * 100%);
}

.products-slider__picture3-ar {
  height: 0;
  padding-top: calc(150 / 120 * 100%);
}

.products-slider__picture3-ar img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  border-radius: 10px;
  transform: translate(-50%, -50%);
}

.products-textbox {
  border-radius: 0 0 10px 10px;
  background-color: rgba(255, 255, 255, 0.8);
}

.products-textbox.new:before {
  content: "New";
  position: absolute;
  top: -8px;
  left: 6px;
  width: 40px;
  height: 16px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  background-color: #FF0000;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
}

.products-info_no {
  color: #2A367D;
  font-size: 28px;
  line-height: 34px;
}

.products-info_logo {
  height: 30px;
  max-width: 120px;
  object-fit: contain;
}

@media screen and (max-width: 750px) {
  .products-slider--top .swiper-slide-item {
    max-width: 156px;
  }

  .products-info_logo {
    max-width: 100px;
  }
}

.products-favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path stroke="rgba(242, 77, 90, 1)" fill="rgba(255, 255, 255, 0)" d="M16.191,4.222a4.175,4.175,0,0,0-5.905,0l-.8.8-.8-.8a4.176,4.176,0,0,0-5.905,5.905l.8.8,5.905,5.905,5.905-5.905.8-.8a4.175,4.175,0,0,0,0-5.905Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') no-repeat center center;
  display: block;
}

.products-favorite-check[value="true"] + .products-favorite {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path stroke="rgba(242, 77, 90, 1)" fill="rgba(242, 77, 90, 1)" d="M16.191,4.222a4.175,4.175,0,0,0-5.905,0l-.8.8-.8-.8a4.176,4.176,0,0,0-5.905,5.905l.8.8,5.905,5.905,5.905-5.905.8-.8a4.175,4.175,0,0,0,0-5.905Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') no-repeat center center;
}

.products-favorite-check {
  display: none;
}

/* ---------------------------------------------
*   c-categories
--------------------------------------------- */
.c-category-acc__head,
.c-category-acc__head-parent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  height: 46px;
  padding: 10px 20px 10px 0;
  background-color: #F4F4F4;
}

.c-category-acc__head-parent[data-type="1"] {
  background-color: #E5E5E5;
  border-left: 4px solid #fd8619;
}

.c-category-acc__head-parent[data-type="2"] {
  background-color: #E5E5E5;
  border-left: 4px solid #19b23d;
}

.c-category-acc__head-img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 5px;
}

.c-category-acc__head-val {
  display: flex;
  align-items: center;
}

.c-category-acc__body {
  overflow: auto;
  min-height: 70px;
}

.c-category-acc__body .c-box-container--list-arrow {
  justify-content: space-between;
}

.c-category-acc__head:after {
  position: absolute;
  top: 50%;
  right: 3vw;
  width: 8px;
  height: 14px;
  background-color: #0B0B0B;
  -webkit-mask: url(/img/common/arrow_gray_right2-f9d237b7b86e3bab94a1df23f1fd0c1a.svg) no-repeat 0 0;
  mask: url(/img/common/arrow_gray_right2-f9d237b7b86e3bab94a1df23f1fd0c1a.svg) no-repeat 0 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translateY(-75%);
  transform: translateY(-75%) rotate(90deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  content: "";
}

.front_category_loading-img {
    display: block;
    margin: 2vh auto;
}

.c-category-acc__head.is-show:after {
  -webkit-transform: translateY(-25%) rotateZ(-90deg);
  transform: translateY(-25%) rotateZ(-90deg);
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .c-category-acc-changed {
      width: calc(100% - 247px);
  }
}

@media screen and (max-width: 750px) {
  .c-category-acc__head,
  .c-category-acc__head-parent {
    height: 18.4vw;
    font-size: 3.73333vw;
    padding: 1.33333vw 8vw 1.33333vw 0;
  }
}

/* ---------------------------------------------
*   View Item Detail
--------------------------------------------- */
#viewItemDetail .c-box-modal__content {
  width: 100%;
  height: 85vh;
  max-width: 440px;
  border-radius: 24px;
  padding: 10px 10px 110px;
}

#viewItemDetail .c-box-popup__content {
  margin: 0 10px;
  overflow-y: auto;
  height: calc(100% - 35px);
}

#viewItemDetail .c-box-popup__caption {
  font-size: 1rem;
  min-height: 35px;
  padding-right: 45px;
  margin-bottom: 16px;
}

#viewItemDetail .c-box-popup__caption::after {
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 750px) {
  #viewItemDetail .c-box-modal__content {
    top: 40px;
    height: unset;
    max-width: 500px;
  }
}

/* ---------------------------------------------
*   c-box-modal--news		
--------------------------------------------- */
@media screen and (min-width: 751px) {
  .c-box-modal--news .c-box-modal__content--full {
    top: 100px;
    width: 90%;
    padding: 40px;
    max-width: 1120px;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 750px) {
  .c-box-modal--news .c-box-popup__caption {
    font-size: 4.5vw;
    min-height: 13.15vw;
    box-sizing: border-box;
    padding: 3vw 4vw 3vw 12vw;
    border-bottom: 0.53333vw solid #EDEDED;
  }

  .c-box-modal--news .c-box-popup__caption::after {
    top: 3vw;
    left: 4vw;
    right: unset;
    width: 4.8vw;
    background-image: url(/img/common/arrow_black_back-92bb97a9415691e93898b789b9dcaf49.svg);
    height: 6.75vw;
    content: unset;
  }
  .c-box-modal--news .c-box-popup__caption:before {
    top: 4vw;
  }

  .c-box-modal--news .c-box-popup__content {
    padding: 0 4vw;
  }
}

/* ---------------------------------------------
*   c-news
--------------------------------------------- */
.c-news__date {
  font-weight: 700;
  margin-bottom: 35px;
  font-size: 1.125rem;
}

.c-news__date > span {
  font-weight: 700;
  font-size: 1.375rem;
}

.c-news__ttl {
  font-weight: 700;
  font-size: 1.375rem;
  margin-bottom: 20px;
}

.c-news__img-notice {
  max-width: 100%;
  max-height: 292px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.c-news__body {
  white-space: break-spaces;
}

.c-news__url-info {
  display: inline-block;
  color: #0AD6BB;
}

@media screen and (max-width: 750px) {
  .c-news__date {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
  
  .c-news__date > span {
    font-size: 4.53333vw;
  }
  
  .c-news__ttl {
    font-weight: 700;
    font-size: 1.375rem;
    margin-bottom: 20px;
  }
  
  .c-news__img-notice {
    width: 100%;
    max-width: unset;
    margin-top: 4vw;
    max-height: unset;
    margin-bottom: 6vw;
  }

  .c-news__ttl {
    font-size: 4vw;
    margin-bottom: 5.33333vw;
    padding-bottom: 3.33333vw;
    border-bottom: 1px solid #A5A5A5;
  }
}

/* Shop List */
.shop-list {
  gap: 5px 5px;
}

.shop-list-item {
  color: #000;
  cursor: pointer;
  background: #FFF;
  border-radius: 6px;
  width: calc(20% - 4px);
  box-sizing: border-box;
  border: 1px solid #D6D6D6;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.shop-list-item:hover,
.shop-list-item:active {
  opacity: 0.6;
  color: #000;
}

.shop-list-img {
  width: 75px;
  height: 75px;
  border-radius: 4px;
}

@media screen and (max-width: 1366px) {
  .shop-list-item {
    width: calc((100% - 15px) / 4);
  }
}

@media screen and (max-width: 959px) {
  .shop-list-item {
    width: calc((100% - 10px) / 3.001);
  }
}

@media screen and (max-width: 750px) {
  .shop-list-item {
    width: calc(50% - 2.5px);
  }
}

/* ---------------------------------------------
*   c-nav-menu
--------------------------------------------- */
.c-nav-menu {
  position: fixed;
  display: flex;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 70px;
  background: #EDEDED;
}

.c-nav-menu__list {
  width: 100%;
  display: flex;
  margin: 0 auto;
  max-width: 500px;
  align-items: center;
  justify-content: space-evenly;
}

.c-nav-menu__item-btn {
  width: 20%;
  height: 100%;
  display: flex;
  cursor: pointer;
  font-size: 10px;
  color: #606060;
  text-align: center;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  border-top: 4px solid transparent;
}

.c-nav-menu__item-btn.active {
  border-color: #EB7E11;
}

.c-nav-menu__item-btn.disable {
  pointer-events: none;
}

.c-nav-menu__item-btn > div {
  width: 33px;
  height: 33px;
}

.c-nav-menu__item-btn .help-icon {
  background: url(/img/common/sp-nav__help-icon-d46f3219b6262c82ea3d259942f2b303.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn .twitter-icon {
  background: url(/img/common/x_SP-d7fa07ed15abea07f61fd2e6ae50248f.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn .category-icon {
  background: url(/img/common/icon_category-29054dd9a93d33d6ee0d49023c13cb96.svg) no-repeat center center/contain;
  transform: translate(55%,60%);
  width: 15px;
  height: 15px;
}

.c-nav-menu__item-btn .home-icon {
  background: url(/img/common/sp-nav__home-icon-4483855c6db1e912187ce322966a1eff.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn .od-icon {
  background: url(/img/common/sp-nav__od-icon-bf92faf563589e2866efc3d7debbe3a3.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn .ignica-icon {
  background: url(/img/common/sp-nav__ignica-icon-6b8359646fe699728eb05de6a316a77d.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn .search-icon {
  background: url(/img/common/sp-nav__search-icon-b2000e9cef868e100bbd221b21af69ee.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn.disable .help-icon {
  background: url(/img/common/sp-nav__help-icon--disable-4aab9d17273f7a70bb5be1791bf9f563.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn.disable .twitter-icon {
  background: url(/img/common/x_SP_disable-9fe71c6f9cc0dae28c694aa5fed77af9.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn.disable .home-icon {
  background: url(/img/common/sp-nav__home-icon--disable-1fd9a2a345632ecb662c6669299bbc37.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn.disable .od-icon {
  background: url(/img/common/sp-nav__od-icon--disable-f4c972c53462e7f16e45d3ea24ee474b.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn.disable .ignica-icon {
  background: url(/img/common/sp-nav__ignica-icon--disable-c9b0fdac1ca30a7ff34ff46516b2739f.svg) no-repeat center center/contain;
}

.c-nav-menu__item-btn.disable .search-icon {
  background: url(/img/common/sp-nav__search-icon--disable-429ef233003768e12bfadc4a0983277e.svg) no-repeat center center/contain;
}

/* ---------------------------------------------
*   c-item-detail
--------------------------------------------- */
[data-item-image-slider] {
  visibility: hidden;
}

[data-item-image-slider].swiper-initialized {
  visibility: visible;
}

.c-item-detail__shop-logo {
  max-width: 190px;
  max-height: 50px;
}

.c-item-detail__slide {
  width: calc(210 / 375 * 100%) !important;
}

.c-item-detail__image {
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  padding-top: 100%;
  transition:all 200ms linear;
  transform: scale(0.9) translateY(calc((180 / 320 * 0.1) * 100%));
}

.swiper-slide-active .c-item-detail__image {
  transform: scale(1) translateY(0);
}

.c-item-detail__button-prev,
.c-item-detail__button-next {
  z-index: 1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--default-color);
  cursor: pointer;
}

.c-item-detail__button-prev {
  left: 6%;
}

.c-item-detail__button-next {
  right: 6%;
}

.c-item-detail__button-prev:after,
.c-item-detail__button-next:after {
  font-size: 10px;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  color: #fff;
}

.c-item-detail__button-prev:after {
  content: 'prev';
}

.c-item-detail__button-next:after {
  content: 'next';
}

.c-item-detail__volume {
  color: #707070;
}

.c-item-detail__pr-bg {
  color: #FFF;
  padding: 15px 70px;
  text-align: center;
  background: url(/img/common/icon_topic-f22a70d6c495dc51644d97b02caaf4bb.svg) var(--default-color) left 15px top 50% no-repeat;
  background-size: 50px 35px;
}

.c-item-detail__pr-btn {
  display: flex;
  color: #707070;
  padding: 5px 15px;
  margin-right: 16px;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 40px;
  border: 1px #707070 solid;
}

.c-item-detail__pr-btn > svg {
  width: 15px;
  margin-left: 10px;
}

.c-item-detail__menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 95px;
  display: flex;
  padding: 0 20px;
  background: #EDEDED;
  flex-direction: column;
  justify-content: center;
}

.c-item-detail__price {
  line-height: 1;
  max-width: 100%;
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
}

.c-item-detail__tax {
  color: #7B817D;
  line-height: 1.4;
  padding-top: 5px;
  font-size: 0.75rem;
}

@media screen and (max-width: 939px) {
  .c-item-detail__slide {
  width: calc(180 / 375 * 100%) !important;
  }
}

/*  */
#coupon-swiper {
  flex-wrap: wrap;
  visibility: hidden;
}

#coupon-swiper.swiper-initialized {
  visibility: visible;
}

.coupon-slider-items {
  width: 100%;
  display: flex;
  margin-top: 15px;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .coupon-slider-items {
    margin-top: 0;
    margin-bottom: 6vw;
  }
}

.visually-list-coupon-top-slider-pagination {
  width: unset !important;
  display: unset !important;
  position: unset !important;
}

.visually-list-coupon-top-slider-pagination .swiper-pagination-bullet-active {
  background-color: #0AD6BB;
}

/*  */
.c-card-content__item-mark {
  height: 3.5vw;
  min-height: 16px;
  max-height: 19px;
  width: 100%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-card-content__item-mark img {
  width: 12px !important;
}

.c-card-content__item-mark .text-xsmall {
  color: #6F6F6F;
}

.c-card-content__item-promotion {
  height: 21px;
  width: 100%;
  background-color: #F24D5A;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-card-content__item-promotion .text-small {
  color: #FFFFFF;
}

.products-slider__text-red .products-slider__price,
.products-slider__text-red .products-slider__tax {
  color: #F24D5A;
}

.c-card-content__text-height {
  height: 130px;
  position: relative;
}

.tpoint_area {
  border: 1px solid #E8E8E8;
  border-radius: 2px;
  text-align: center;
  align-items: center;
}

.tpoint_area img {
  width: 70px;
}

.c-text-seller-info {
  white-space: normal;
  letter-spacing: .02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.c-point-history__balance-text {
  font-size: 16px;
  color: #5F5F5F;
}