:root{
    --selected:#009174;
    --default:#c4e9e1;
    --sub:#000;
    --targerWidth:1160px;
    --modalSelected:#009174;
    --modalSelectedBg:#fff;
    --modalBorder:#000;
    --modalSearchBorder:transparent;
    --modalBg:center / cover no-repeat url(../../img/brand/tonyugurt/top/modal.png);
    --modalBg-sp:center / cover no-repeat url(../../img/brand/tonyugurt/top/modal.png);
  }

/* ui-color */

.ly-tonyugurtTop .c-button .c-button_inner{
    border-color: var(--sub);
}

.ly-tonyugurtTop .c-button_inner:hover{
    background:var(--selected);
    border-color: var(--selected);
    color: #fff;
}

/* MV */

.ly-tonyugurtTop .sec-mv_title{
    width: calc((366 / var(--pc))*100vw);
    top: calc((-163 / var(--pc))*100vw);
    left: calc((-546 / var(--pc))*100vw);
}

@media all and (max-width:960px) {
    .ly-tonyugurtTop .sec-mv_title {
        width: calc((180 / var(--sp))*100vw);
        top: calc((-186 / var(--sp))*100vw);
        left: 50%;
        transform: translateX(-50%);
    }
}

/* bg */

.ly-tonyugurtTop .sec-new,
.ly-tonyugurtTop .c-ranking,
.ly-tonyugurtTop .sec-related{
    background: url(../../img/brand/tonyugurt/top/bg-sub.png) no-repeat;
    background-size: cover;
}

.ly-tonyugurtTop .c-wrapper{
    background: url(../../img/brand/tonyugurt/top/bg-main.png);
    background-repeat: repeat;
    background-size: 100%;
}
  
.ly-tonyugurtTop .sec-pickup,.ly-tonyugurtTop .sec-search,.ly-tonyugurtTop .sec-result{
background: url(../../img/brand/tonyugurt/top/bg-pattern.png);
background-repeat: repeat;
background-size: 50px;
}

@media all and (max-width:960px){
    .ly-tonyugurtTop .sec-pickup,.ly-tonyugurtTop .sec-search,.ly-tonyugurtTop .sec-result{
        background-size: 25px;
        }
}

/* pick up */

.ly-tonyugurtTop .i-check::before{
    background: #ffcd46;
}

.ly-tonyugurtTop .sec-pickup{
    z-index: 10;
}

/* New */

.ly-tonyugurtTop .i-star::before{
    background: #ffcd46;
}

.ly-tonyugurtTop .sec-new{
    margin-bottom: min(calc((45 / var(--pc))*100vw),45px);
}

@media all and (min-width:961px){
    .newSwiper .swiper-button_wrapper {
        top: min(calc((100 / var(--pc))*100vw),30px);
    }
  }
  
  @media all and (min-width:1120px){
    .newSwiper .swiper-button_wrapper {
        top: min(calc((100 / var(--pc))*100vw),45px);
    }
  }
  
  @media all and (min-width:1200px){
    .newSwiper .swiper-button_wrapper {
        top: min(calc((100 / var(--pc))*100vw),50px);
    }
  }
  
  @media all and (min-width:1300px){
    .newSwiper .swiper-button_wrapper {
        top: min(calc((100 / var(--pc))*100vw),70px);
    }
  }
  
  @media all and (min-width:1366px){
    .newSwiper .swiper-button_wrapper {
        top: min(calc((100 / var(--pc))*100vw),80px);
    }
  }
  
  @media all and (min-width:700px) {
    .newSwiper .swiper-wrapper{
      height: calc((165 / var(--sp))*100vw)
    }
  }
  @media all and (min-width:800px) {
    .newSwiper .swiper-wrapper{
      height: calc((155 / var(--sp))*100vw)
    }
  }
  @media all and (min-width: 961px) {
    .newSwiper .swiper-wrapper{
      height: min(calc((330 / var(--pc))*100vw),330px);
    }
  }

/* swiper */

.ly-tonyugurtTop .swiper-button-prev, .ly-tonyugurtTop .swiper-button-next{
    background-color: var(--default);
    outline: 1px solid var(--default);
}

.ly-tonyugurtTop .swiper-button-prev:after, .ly-tonyugurtTop .swiper-button-next:after{
    background: #000;
}

.ly-tonyugurtTop .swiper-button-prev:hover::after, .ly-tonyugurtTop .swiper-button-next:hover::after {
    background-color: #000;
}

@media all and (min-width:961px) {
   .ly-tonyugurtTop .c-ranking .swiper{
      padding-left: min(calc((57 / var(--pc))*100vw),57px);
    }
  }
  
@media all and (min-width:1366px) {
   .ly-tonyugurtTop .c-ranking .swiper{
      padding-left :calc((100% - var(--targerWidth)) / 2);
      padding-right :calc((100% - var(--targerWidth)) / 2);
    }
}

/* about */
.about{
    text-align: center;
    margin-top: 36px;
}

/* sec-search */

.ly-tonyugurtTop .sec-search,.ly-tonyugurtTop .sec-result{
    border-radius: 30px;
}

@media all and (max-width:960px){
    .ly-tonyugurtTop .sec-search,.ly-tonyugurtTop .sec-result{
        border-radius: 15px;
    }
}

.ly-tonyugurtTop .c-category_list-item_label::before{
    background: #000;
}

.ly-tonyugurtTop .c-category_list-item_label {
    border: 1px solid var(--sub);
    background-color: #fff;
}

.ly-tonyugurtTop .i-fav[data-fav="off"]::after,.i-fav[data-fav="on"]::after,
.ly-tonyugurtTop .c-category_list-item_check:checked + .c-category_list-item_label::before{
    background: var(--selected);
}

.ly-tonyugurtTop .c-category_list-item_check:checked + .c-category_list-item_label::after{
    border: 3px solid var(--selected);
    width: calc(100% + 3px);
    height: calc(100% + 3px);
}

.ly-tonyugurtTop .c-category_list-item_check:checked + .c-category_list-item_label{
    color: var(--selected);
}

.ly-tonyugurtTop .sec-search_fillter .c-button_inner,
.ly-tonyugurtTop .sec-search_clear .c-button_inner{
    border: 2px solid #000;
}

.ly-tonyugurtTop .sec-search_recipe .c-button_inner{
    background: var(--selected);
    color: #fff;
    border: 2px solid var(--selected);
}

.ly-tonyugurtTop .sec-search_fillter .c-button_inner:hover,
.ly-tonyugurtTop .sec-search_clear .c-button_inner:hover{
    background: var(--selected);
    border: 2px solid var(--selected);
    color: #fff;
}

.ly-tonyugurtTop .sec-search_recipe .c-button_inner:hover{
    background: #fff;
    color: var(--selected);
}

.ly-tonyugurtTop .sec-search_recipe .c-button_inner:hover::before{
    background: var(--selected);
}

/* sec-result */

.ly-tonyugurtTop .i-light::before{
    background: #ffcd46;
}

.ly-tonyugurtTop .c-result_sort_button[data-sort="on"]{
    color: var(--selected);
}

.ly-tonyugurtTop .c-button_fav_inner::before{
    background: var(--selected);
}

.ly-tonyugurtTop .c-button_fav_inner:hover{
    background: var(--selected);
    border-color: var(--selected);
}

.ly-tonyugurtTop .c-button_fav_inner:hover::before{
    background: #fff;
}

.ly-tonyugurtTop .dropbox-select{
    color: var(--selected);
}

.ly-tonyugurtTop .search-sort-list__item.is-active .search-sort-list__label{
    color: var(--selected);
}

.ly-tonyugurtTop .dropbox::after{
    background: var(--selected);
}


/* c-rank */

.ly-tonyugurtTop .i-crown::after{
    background: #ffa42d;
}

.ly-tonyugurtTop .c-rank_flag{
    background-color: var(--selected);
}

.ly-tonyugurtTop .c-rank_flag::before{
    border-top: 8px solid var(--selected);
}

.ly-tonyugurtTop .c-rank_flag::after{
    border-top: 8px solid var(--selected);
}

.ly-tonyugurtTop .c-ranking .swiper-button_wrapper{
    top: min(calc((8 / var(--pc))*100vw),8px);
}

@media all and (max-width:960px) and (min-width:640px) {
    .ly-tonyugurtTop .c-ranking .swiper{
      padding-top: 48px;
    }
  }

/* related */

.ly-tonyugurtTop .sec-related{
    padding-top: 74px;
}

.ly-tonyugurtTop .sec-related_return .c-button_inner:hover::before{
    background:#fff;
}

@media all and (max-width:960px){
    .ly-tonyugurtTop .sec-related{
        padding-top: 36px;
    }
    .ly-tonyugurtTop .sec-related_return{
        margin-top: 0;
        padding-top: 24px;
    }
}

/* muuri */
.ly-tonyugurtTop .muuri .item[data-new="on"] .c-card_list-item_upper::before{
    content: "";
    position: absolute;
    width: 76px;
    height: 38px;
    top: 0;
    left: 0;
    background-size: contain;
    z-index: 10;
    background: url(../../img/brand/tonyugurt/new.svg) no-repeat top left;
  }
  @media all and (max-width:960px) {
    .ly-tonyugurtTop .muuri .item[data-new="on"] .c-card_list-item_upper::before {
        width: 42px;
        height: 21px;
        background-size: contain;
    }
  }

  @media all and (min-width:768px) {
    .ly-tonyugurtTop .sec-related {
        padding-bottom: 240px;
    }
    .gfooter__inner {
        margin-top: 0;
    }
  }

  @media all and (max-width:767px) {
    .mc-breadcrumb {
        margin-top: -70px;
    }
    .ly-tonyugurtTop .sec-related {
        padding-bottom: 40px;
    }
  }

  .c-banners {
    justify-content: center;
  }