:root{
    --selected:#4c2900;
    --default:#225b2b;
    --sub:#000;
    --targerWidth:1160px;
    --modalSelected:#4c2900;
    --modalSelectedBg:#fff;
    --modalBorder:#000;
    --modalSearchBorder:transparent;
    --modalBg:center / 100% 100% no-repeat url(../../img/brand/tonyucheese/top/modal.png);
    --modalBg-sp:center / 100% 100% no-repeat url(../../img/brand/tonyucheese/top/modal_sp.png);
  }

/* ui-color */

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

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

/* MV */

.ly-tonyucheeseTop .sec-mv_title{
    width: calc((730 / var(--pc))*100vw);
    top: calc((-140 / var(--pc))*100vw);
    left: 50%;
    transform: translateX(-50%);
}

@media all and (max-width:960px) {
    .ly-tonyucheeseTop .sec-mv_title {
        width: calc((348 / var(--sp))*100vw);
        top: calc((-63 / var(--sp))*100vw);
        left: 50%;
    }
}

/* bg */

.ly-tonyucheeseTop .sec-new,
.ly-tonyucheeseTop .sec-search,
.ly-tonyucheeseTop .sec-result,
.ly-tonyucheeseTop .c-ranking,
.ly-tonyucheeseTop .sec-related{
    background: url(../../img/brand/tonyucheese/top/bg-pattern.png) repeat;
    background-size: 50px;
}

.ly-tonyucheeseTop .c-wrapper{
    background: url(../../img/brand/tonyucheese/top/bg-main.png) repeat;
    background-size: 100%;
}

.ly-tonyucheeseTop .sec-pickup{
    background: url(../../img/brand/tonyucheese/top/bg-semi.png) no-repeat;
    background-size: cover;
}

@media all and (max-width:960px){
    .ly-tonyucheeseTop .sec-new,
    .ly-tonyucheeseTop .sec-search,
    .ly-tonyucheeseTop .sec-result,
    .ly-tonyucheeseTop .c-ranking,
    .ly-tonyucheeseTop .sec-related{
        background-size: 25px;
    }
}

/* pick up */

.ly-tonyucheeseTop .i-check::before{
    background: #000;
}

/* New */

.ly-tonyucheeseTop .i-star::before{
    background: #f5b300;
}

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

@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-tonyucheeseTop .swiper-button-prev, .ly-tonyucheeseTop .swiper-button-next{
    background-color: var(--sub);
    outline: 1px solid var(--sub);
}

.ly-tonyucheeseTop .swiper-button-prev:after, .ly-tonyucheeseTop .swiper-button-next:after{
    background: #fff;
}

.ly-tonyucheeseTop .swiper-button-prev:hover::after, .ly-tonyucheeseTop .swiper-button-next:hover::after {
    background-color: var(--sub);
}

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

/* sec-search */

.ly-tonyucheeseTop .c-category_list-item_label::before{
    background: var(--sub);
}

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

.ly-tonyucheeseTop .i-fav[data-fav="off"]::after,.i-fav[data-fav="on"]::after{
    background: var(--default);
}

.ly-tonyucheeseTop .c-category_list-item_check:checked + .c-category_list-item_label::before{
    background: var(--selected);
}

.ly-tonyucheeseTop .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-tonyucheeseTop .c-category_list-item_check:checked + .c-category_list-item_label{
    color: var(--selected);
}

.ly-tonyucheeseTop .sec-search_fillter .c-button_inner,
.ly-tonyucheeseTop .sec-search_clear .c-button_inner{
    border: 2px solid var(--selected);
}

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

.ly-tonyucheeseTop .sec-search_fillter .c-button_inner:hover,
.ly-tonyucheeseTop .sec-search_clear .c-button_inner:hover{
    background: var(--selected);
    color: #fff;
}

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

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

/* sec-result */

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

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

.ly-tonyucheeseTop .i-light::before{
    background: #f5b300;
}

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

.ly-tonyucheeseTop .c-button_fav_inner::before{
    background: var(--default);
}

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

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

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

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

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

/* c-rank */

.ly-tonyucheeseTop .i-crown::after{
    background: #f5b300;
}

.ly-tonyucheeseTop .c-rank_flag{
    background-color: #f5b300;
}

.ly-tonyucheeseTop .c-rank_flag::before{
    border-top: 8px solid #f5b300;
}

.ly-tonyucheeseTop .c-rank_flag::after{
    border-top: 8px solid #f5b300;
}

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

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

/* related */

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

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

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

/* muuri */
.ly-tonyucheeseTop .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/tonyucheese/new.svg) no-repeat top left;
  }
  @media all and (max-width:960px) {
    .ly-tonyucheeseTop .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-tonyucheeseTop .sec-related {
        padding-bottom: 240px;
    }
    .gfooter__inner {
        margin-top: 0;
    }
  }

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

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