/* common */

#gheader{
    display: none!important;
}

.pagetop{
    display: none!important;
    opacity: 0!important;
}

#breadcrumb{
    display: none!important;
}

#gfooter{
    display: none!important;
}

/* slick */

.slick-track{
    display: flex!important;
    flex-wrap: wrap!important;
    width: 100%!important;
    transform: unset!important;
    justify-content: center!important;
    row-gap: 12px!important;
    column-gap: 12px!important;
}

.slick-list{
    padding: 0!important;
}

.slick-track:before, .slick-track:after{
    content: none!important;
}

.slick-slide{
    float: unset!important;
    flex: 0 0 calc(33.3% - 12px)!important;
    width: unset!important;
    padding: 0!important;
    margin: 0!important;
}

.slick-slide .i-fav,
.slick-slide .play,
.slick-slide .cookpad{
    display: none!important;
}

.slide-dots{
    display: none!important;
}

.slick-cloned{
    display: none!important;
}

.slick-arrow{
    display: none!important;
}

/* swiper */

.swiper-slide{
    flex: 0 0 calc(33.3% - 12px)!important;
    width: unset!important;
    padding: 0!important;
    margin: 0!important;
}

.swiper-wrapper{
    flex-wrap: wrap!important;
    justify-content: center!important;
    width: 100%!important;
    transform: unset!important;
    row-gap: 12px!important;
    column-gap: 12px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    height: auto!important;
}

.swiper-wrapper .swiper-slide.c-slider_list-item{
    transform: unset!important;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper{
    transform: unset!important;
}
  
.swiper-slide-duplicate{
    display: none!important;
}

.swiper-button_wrapper{
    display: none!important;
}

/* top */

.ly-misoTop .sec-pickup::after{
    background-size: cover!important;
    height: 100%!important;
  }

.ly-misoTop .sec-pickup{
    padding-bottom: 29px!important;
    padding: 33px 0 0 0;
}
.ly-misoTop .sec-new{
    margin-top: 0!important;
    padding-top: 32px!important;
}

.ly-misoTop .c-banners{
    flex-wrap: wrap!important;
    justify-content: center!important;
    row-gap: 12px!important;
    column-gap: 12px!important;
    overflow: auto!important;
    margin-left: 0!important;
    margin-right: 0!important;
    max-width: unset!important;
}

.ly-misoTop .c-banners-item{
    flex: 0 0 calc(33.3% - 12px)!important;
    width: unset!important;
    padding: 0!important;
    margin: 0!important;
    min-width: unset!important;
}
  
.ly-misoTop .sec-result_search{
    display: none!important;
}
  
.ly-misoTop .sec-search_buttons{
    display: none!important;
}

.ly-misoTop .sec-mv_title_wrapper{
    position: absolute!important;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    width: 0!important;
    height: 0!important;
    margin: auto!important;
}

.ly-misoTop .sec-mv_title{
    width: calc((438 / var(--pc))*100vw)!important;
    top: calc((-70 / var(--pc))*100vw)!important;
    right: calc((-12 / var(--pc))*100vw)!important;
    transform: translateY(-50%)!important;
    left: unset!important;
}

.ly-misoTop .sec-mv picture img {
    content: url('../../img/brand/miso/top/mv.png')!important;
}

/* recipetop,search,favorite */

.c-top-search picture img {
    content: url('../../img/top/mv_sp.png')!important;
}

.c-top-search_title{
    top: max(calc((30 / var(--sp))*100vw),30px)!important;
    width: calc((245 / var(--sp))*100vw)!important;
}

.c-top-tag_list{
    flex-wrap: wrap!important;
    overflow: unset!important;
}

/* recipetop */

.sec-brand .c-slider_list-item a{
    width: 100%!important;
}

.sec-brand .c-slider_list-item a img{
    width: 100%!important;
}

/* detail */

.ly-detail .slick-track,.ly-detail .swiper-wrapper{
    flex-wrap: nowrap!important;
}

.ly-detail .sec-recipe_content,.ly-detail .sec-recipe_howto,.ly-detail .sec-recipe_prepare{
    padding-left: min(calc((40 / var(--pc))*100vw),40px)!important;
    padding-right: min(calc((40 / var(--pc))*100vw),40px)!important;
}

.ly-detail .sec-recipe_content,.ly-detail .sec-recipe_howto-chunk + .sec-recipe_howto-chunk,.ly-detail .sec-recipe_prepare{
    margin-top: 24px!important;
}

.ly-detail .c-wrapper{
    padding: 24px 10px 0!important;
}

.ly-detail .sec-recipe {
    padding: 41px 6px 8px!important;
    margin: 0 auto 3em!important;
}

.ly-detail .sec-recipe_box-title img{
    height: 14px!important;
}

.ly-detail .sec-recipe_box-title {
    margin-bottom: 13px!important;
}

.ly-detail .sec-recipe_heading {
    top: 18px!important;
}

.ly-detail .sec-recipe_logo img {
    width: 105px!important;
    height: auto!important;
}

.ly-detail .sec-recipe_title {
    padding-top: 38px!important;
    font-size: 22px!important;
    margin-bottom: 18px!important;
}

.ly-detail .sec-recipe_attention {
    margin-top: 13px!important;
}

.ly-detail .sec-recipe_pill {
    font-size: 11px!important;
    padding: 5px 26px!important;
}

.ly-detail .sec-recipe_pill-num {
    font-size: 16px!important;
    margin-left: 6px!important;
    margin-right: 2px!important;
    position: relative!important;
    top: 1px!important;
}

.ly-detail .sec-recipe_attention-text {
    font-size: 11px!important;
}

.ly-detail .sec-recipe .slick-dotted.slick-slider {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
}

.ly-detail .sec-recipe_desc{
    padding-left: min(calc((40 / var(--pc))*100vw),40px)!important;
    padding-right: min(calc((40 / var(--pc))*100vw),40px)!important;
}

.ly-detail .sec-recipe_desc-text{
    text-align: left!important;
    font-size: 11px!important;
}

.ly-detail .sec-recipe_title::before{
    width: min(calc((152 / var(--sp))*100vw),152px)!important;
    height: min(calc((152 / var(--sp))*100vw),152px)!important;
    top: max(calc((-106 / var(--sp))*100vw),-106px)!important;
    left: max(calc((-38 / var(--sp))*100vw),-38px)!important;
}

.ly-detail .sec-recipe_desc-text::before{
    content: ""!important;
    width: min(calc((93 / var(--sp))*100vw),93px)!important;
    height: min(calc((90 / var(--sp))*100vw),90px)!important;
    background: url(../../img/common/illust/flower_04.png) no-repeat!important;
    background-size: contain!important;
    position: absolute!important;
    top: max(calc((20 / var(--sp))*100vw),20px)!important;
    right: max(calc((-47 / var(--sp))*100vw),-47px)!important;
    z-index: 1!important;
}

.ly-detail .sec-recipe_howto::before{
    background: url(../../img/common/illust/flower_09.png) no-repeat!important;
    background-size: contain!important;
    width: min(calc((95 / var(--sp))*100vw),95px)!important;
    height: min(calc((85 / var(--sp))*100vw),85px)!important;
    top: max(calc((-47 / var(--sp))*100vw),-47px)!important;
    left: max(calc((-41 / var(--sp))*100vw),-41px)!important;
    z-index: 1!important;
}

.ly-detail .sec-recipe_howto::after{
    background: url(../../img/common/illust/flower_10.png) no-repeat!important;
    background-size: contain!important;
    width: min(calc((120 / var(--sp))*100vw),120px)!important;
    height: min(calc((112 / var(--sp))*100vw),112px)!important;
    bottom: max(calc((-23 / var(--sp))*100vw),-23px)!important;
    right: max(calc((-42 / var(--sp))*100vw),-42px)!important;
}

.ly-detail .sec-recipe_content{
    flex-direction: row!important;
    column-gap: min(calc((20 / var(--pc))*100vw),20px)!important;
}

.ly-detail .sec-recipe_box{
    border-radius: 10px!important;
    padding-top: 24px!important;
    padding-left: min(calc((32 / var(--pc))*100vw),32px)!important;
    padding-bottom: 24px!important;
    padding-right: min(calc((32 / var(--pc))*100vw),32px)!important;
}

.ly-detail .sec-recipe_nutrition-wrapper{
    width: calc(37.75% - min(calc((10 / var(--pc))*100vw),10px))!important;
}

.sec-recipe_nutrition + .sec-recipe_nutrition{
    margin-top: 13px!important;
  }

.ly-detail .sec-recipe_nutrition-list {
    padding-top: 13px!important;
    padding-bottom: 13px!important;
}

.ly-detail .sec-recipe_nutrition-chunk + .sec-recipe_nutrition-chunk {
    margin-top: 13px!important;
}

.ly-detail .sec-recipe_nutrition-chunk{
    margin-left: 0!important;
    margin-right: 0!important;
    flex-direction: column!important;
    align-items: center!important;
}

.ly-detail .sec-recipe_nutrition-name, .ly-detail .sec-recipe_nutrition-mass {
    font-size: 11px!important;
}

.ly-detail .sec-recipe_nutrition-heading{
    margin-right: 0!important;
    margin-bottom: min(calc((16 / var(--pc))*100vw),16px)!important;
}

.ly-detail .sec-recipe_nutrition-allergy {
    font-size: 9px!important;
}

.ly-detail .sec-recipe_ingredient{
    width: calc(62.25% - min(calc((10 / var(--pc))*100vw),10px))!important;
    margin-top: 0!important;
}

.ly-detail .sec-recipe_ingredient-chunk:has(.sec-recipe_ingredient-group) {
    margin-top: 24px!important;
}

.ly-detail .sec-recipe_ingredient-item{
    padding: 13px 0!important;
}

.ly-detail .sec-recipe_ingredient-name, .ly-detail .sec-recipe_ingredient-mass{
    font-size: 11px!important;
}

.ly-detail .sec-recipe_ingredient-icon{
    width: 20px!important;
    height: 20px!important;
    margin-right: 8px!important;
}

.ly-detail .sec-recipe_ingredient-icon img {
    width: 100%!important;
    height: 100%!important;
}

.ly-detail .sec-recipe_annotation{
    margin-top: 13px;
    padding-left: min(calc((40 / var(--pc))*100vw),40px)!important;
    padding-right: min(calc((40 / var(--pc))*100vw),40px)!important;
}

.ly-detail .sec-recipe_annotation-text{
    text-align: left!important;
    font-size: 11px!important;
}

.ly-detail .sec-recipe_prepare-item:first-of-type {
    font-size: 11px!important;
    padding: 0 0 13px 21px!important;
}

.ly-detail .sec-recipe_prepare-item{
    font-size: 11px!important;
    padding: 13px 0 13px 21px!important;
}

.ly-detail .sec-recipe_howto{
    margin-top: 36px!important;
    padding-bottom: min(calc((40 / var(--pc))*100vw),40px)!important;
}

.ly-detail .sec-recipe_howto-chunk{
    margin-left: 0!important;
    margin-right: 0!important;
}

.ly-detail .sec-recipe_howto-unit:not(.slick-cloned) {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    width: calc((100% / 3) - min(calc((10 / var(--pc))*100vw),10px))!important;
}

.ly-detail .sec-recipe_howto-title{
    margin-bottom: 18px!important;
}

.ly-detail .sec-recipe_howto-title::before, .ly-detail .sec-recipe_howto-title::after{
    width: calc(50% - 60px)!important;
    margin-top: 0!important;
}

.ly-detail .sec-recipe_howto-title img{
    width: 90px!important;
    height: auto!important;
}

.ly-detail .sec-recipe_howto-item {
    padding: 13px 0!important;
}

.ly-detail .sec-recipe_howto-item:first-of-type{
    padding: 0 0 13px 0!important;
}

.ly-detail .sec-recipe_howto-step{
    width: 20px!important;
}

.ly-detail .sec-recipe_howto-step img{
    height: auto!important;
}

.sec-recipe_howto-desc img{
    width: 15px!important;
    height: 15px!important;
}

.ly-detail .sec-recipe_howto-desc{
    font-size: 11px!important;
    margin-top: 0!important;
}

.ly-detail .sec-recipe_howto-text{
    font-size: 11px!important;
}

.ly-detail .sec-recipe_howto-link{
    text-align: center!important;
    font-size: 11px!important;
}

.ly-detail .sec-recipe_nutrition:first-of-type:before,.ly-detail .c-ranking,.ly-detail .sec-recipe_return,.ly-detail .sec-recipe_desc::before{
    display: none!important;
}

.ly-oatmilkDetail .sec-recipe_heading{
    background: var(--detail-bg);
}

.ly-tonyugurtDetail .sec-recipe_border-inside::before,
.ly-tonyucheeseDetail .sec-recipe_border-inside::before{
    top: 7.5px!important;
    height: calc(100% - 7.5px)!important;
}

.ly-almondmilkDetail .sec-recipe::before,
.ly-almondmilkDetail .sec-recipe::after{
    top: 51px!important;
}

.ly-almondmilkDetail .sec-recipe_border-outside::before,
.ly-almondmilkDetail .sec-recipe_border-outside::after{
    top: 20px!important;
    height: calc(100% - 38px)!important;
}

.ly-almondmilkDetail .sec-recipe_footer::before{
    width: calc(100% - 21px)!important;
    left: 10px!important;
}

.ly-tonyuDetail .sec-recipe_heading::after{
    right: 6px!important;
}

.ly-tonyuDetail .sec-recipe_heading::before{
    left: 6px!important;
}

.ly-tonyuDetail .sec-recipe_border-inside::before{
    top: -9px!important;
    height: calc(100% + 9px)!important;
}