:root{
    --selected:#cee8db;
    --default:#f54e4a;
    --sub:#f0e1c1;
    --targerWidth:1160px;
    --modalSelected:#f54e4a;
    --modalSelectedBg:#fff;
    --modalBorder:#f0e1c1;
    --modalSearchBorder:transparent;
    --modalBg:center / cover no-repeat url(../../img/brand/tonyu/top/modal.png);
    --modalBg-sp:center / cover no-repeat url(../../img/brand/tonyu/top/modal_sp.png);
  }

/* ui-color */

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

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

.ly-tonyuTop .sec-related_return .c-button_inner:hover,
.ly-tonyuTop .sec-result .c-button_inner:hover{
    background: var(--sub);
    border-color: var(--sub);
    color: #000;
}

.ly-tonyuTop .sec-related_return .c-button_inner:hover::before,
.ly-tonyuTop .sec-result .c-button_inner:hover::after{
    background: #000;
}

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

/* MV */

.ly-tonyuTop .sec-mv_title{
    width: calc((448 / var(--pc))*100vw);
    top: calc((-106 / var(--pc))*100vw);
    left: calc((-552 / var(--pc))*100vw);
}

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

/* bg */

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

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

.ly-tonyuTop .sec-pickup{
    background: url(../../img/brand/tonyu/top/bg_pattern.png);
    background-repeat: repeat;
    background-size: 70px;
}

.ly-tonyuTop .sec-pickup{
    background-position: center;
}

.ly-tonyuTop .sec-result h2::before,
.ly-tonyuTop .sec-search h2::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 13px;
    background-repeat:repeat-x;
    background-size: 96px;
    top: -4px;
    background-image: url(../../img/brand/tonyu/top/bg_border-top.png);
    background-position: top;
}
.ly-tonyuTop .sec-result_card::after,
.ly-tonyuTop .sec-search_buttons::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 13px;
    background-repeat:repeat-x;
    background-size: 96px;
    bottom: -4px;
    background-image: url(../../img/brand/tonyu/top/bg_border-bottom.png);
    background-position: bottom;
}
.ly-tonyuTop .sec-search,
.ly-tonyuTop .sec-result{
    max-width: 1270px;
    position: relative;
    background: url(../../img/brand/tonyu/top/bg_pattern.png);
    background-repeat: repeat;
    background-size: 70px;
}
.ly-tonyuTop .sec-search::before,
.ly-tonyuTop .sec-search::after,
.ly-tonyuTop .sec-result::before,
.ly-tonyuTop .sec-result::after{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 8px;
    background-repeat:repeat-y;
    background-size: 12px;
}

.ly-tonyuTop .sec-search::before,
.ly-tonyuTop .sec-result::before{
    right: -4px;
    background-image: url(../../img/brand/tonyu/top/bg_border-right.png);
    background-position: right;
}

.ly-tonyuTop .sec-search::after,
.ly-tonyuTop .sec-result::after{
    left: -4px;
    background-image: url(../../img/brand/tonyu/top/bg_border-left.png);
    background-position: left;
}

@media all and (max-width:1280px) and (min-width:961px){
    .ly-tonyuTop .sec-search,
    .ly-tonyuTop .sec-result{
        margin-left: min(calc((8 / var(--pc))* 100vw), 8px);
        margin-right: min(calc((8 / var(--pc))* 100vw), 8px);
    }    
}
@media all and (max-width: 960px) {
    .ly-tonyuTop .sec-pickup{
        background-size: 35px;
    }
}

/* pick up */

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

/* New */

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

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

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

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

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

/* sec-search */
.ly-tonyuTop .sec-search{
    border-radius: 0;
    margin-bottom: 33px;
}

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

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

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

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

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

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

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

.ly-tonyuTop .sec-search_fillter .c-button_inner:hover,
.ly-tonyuTop .sec-search_clear .c-button_inner:hover{
    background: var(--selected);
}

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

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

.ly-tonyuTop .sec-search_kinds_list-item[data-select="on"] .sec-search_kinds_list-item_upper::before{
    border: 3px solid var(--default);
    width: calc(100% + 3px);
    height: calc(100% + 3px);
}

.ly-tonyuTop .sec-search_kinds_list-item_upper img{
    width: 34px;
}

.ly-tonyuTop .sec-search_kinds_list-item[data-select="on"] .sec-search_kinds_list-item_label{
    color: var(--default);
}

.ly-tonyuTop .sec-search_kinds_list-item_features_button{
    background: var(--selected);
}

.ly-tonyuTop .sec-search_kinds_list-item_features_button[data-accordion="off"]::before {
    top: 0;
}

@media all and (max-width:960px){
    .ly-tonyuTop .sec-search{
        margin: 0 8px;
    }
    .ly-tonyuTop .sec-result{
        margin: 13px 8px 0;
    }
    .ly-tonyuTop .sec-search::before, .ly-tonyuTop .sec-search::after, .ly-tonyuTop .sec-result::before, .ly-tonyuTop .sec-result::after{
        width: 4px;
        background-size: 6px;
    }
    .ly-tonyuTop .sec-search::before, .ly-tonyuTop .sec-result::before{
        right: -2px;
    }
    .ly-tonyuTop .sec-search::after, .ly-tonyuTop .sec-result::after{
        left: -2px;
    }
    .ly-tonyuTop .sec-result h2::before, .ly-tonyuTop .sec-search h2::before{
        background-size: 48px;
        height: 6.5px;
        top: -2px;
    }
    .ly-tonyuTop .sec-result_card::after, .ly-tonyuTop .sec-search_buttons::after{
        background-size: 48px;
        height: 6.5px;
        bottom: -2px;
    }
    .ly-tonyuTop .sec-search, .ly-tonyuTop .sec-result{
        background-size: 35px;
    }
    .ly-tonyuTop .sec-result_card{
        padding: 0 9px;
    }
    .ly-tonyuTop .sec-search_kinds_list-item_features_button[data-accordion="off"]::before {
        top: -1px;
        left: 0;
    }
    .ly-tonyuTop .c-pickup_list-item-static{
        min-width: 40%;
    }
    .ly-tonyuTop .c-pickup_list-static{
        overflow-x: auto;
        justify-content: flex-start;
    }
    .ly-tonyuTop .c-pickup_list_image img{
        max-height: 100%;
    }
}
@media all and (max-width:960px) and (min-width:640px) {
    .ly-tonyuTop .sec-search,
    .ly-tonyuTop .sec-result{
        margin: 13px 13px 0;
    }
}

/* sec-result */

.ly-tonyuTop .sec-result{
    padding-top: min(calc((42 / var(--pc))* 100vw), 42px) ;
}

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

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

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

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

.ly-tonyuTop .c-tag_list-item{
    border: 1px solid var(--sub);
}

.ly-tonyuTop .sec-search_kinds_list-item_upper{
    border: 1px solid var(--sub);
}

.ly-tonyuTop .dropbox-select{
    color: var(--default);
}

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

.ly-tonyuTop .dropbox::after{
    background: var(--default);
}

/* c-rank */

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

.ly-tonyuTop .c-rank_flag{
    background-color: var(--default);
}

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

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

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

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

/* related */

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

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

.ly-tonyuTop .c-banners{
    overflow-x: unset;
}

.ly-tonyuTop .swiper-slide {
    width: calc(min(calc((878 / var(--pc))*100vw),878px) / 3);
}

.ly-tonyuTop .swiper-button_wrapper{
    top: min(calc((2 / var(--pc))*100vw),2px);
}

@media all and (max-width:960px){
    .ly-tonyuTop .swiper-button_wrapper{
    display: none;
    }
    .ly-tonyuTop .c-banners-item{
        margin: 0;
        padding-right: 8px;
    }
}

/* muuri */
.ly-tonyuTop .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/tonyu/new.svg) no-repeat top left;
}
@media all and (max-width:960px) {
    .ly-tonyuTop .muuri .item[data-new="on"] .c-card_list-item_upper::before {
        width: 42px;
        height: 21px;
        background-size: contain;
    }
}

@media all and (min-width:768px) {
    .gfooter__inner {
        margin-top: 0;
    }
    .ly-tonyuTop .sec-related {
        padding-bottom: 240px;
    }
}
@media all and (max-width:768px) {
    .mc-breadcrumb {
        margin-top: -70px;
    }
    .ly-tonyuTop .sec-related {
        padding-bottom: 40px;
    }
}