:root{
  --selected:#ef4300;
  --default:#ffd739;
  --sub:#ffdbc2;
  --targerWidth:1160px;
  --modalSelected:#ef4300;
  --modalSelectedBg:#fff;
  --modalBorder:#ffdbc2;
  --modalSearchBorder:transparent;
  --modalBg:center / cover no-repeat url(../../img/brand/miso/detail/bg/modal.png);
  --modalBg-sp:center / cover no-repeat url(../../img/brand/miso/detail/bg/modal.png);
}

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

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

.ly-misoTop .sec-related_return .c-button-arrow-left:hover::before{
  background: #000;
}

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

.ly-misoTop .c-button_fav_inner{
  border-color: var(--sub);
}

.ly-misoTop .sec-mv::before,.ly-misoTop .sec-mv::after{
  content: "";
  position: absolute;
}
.ly-misoTop .sec-mv::before{
  width: min(calc((348 / var(--pc))*100vw),348px);
  height: min(calc((359 / var(--pc))*100vw),359px);
  background: url(../../img/brand/miso/detail/illust/flower_01.png) no-repeat;
  background-size: contain;
  top: min(calc((-113 / var(--pc))*100vw),-113px);
  left: 0;
}
.ly-misoTop .sec-mv::after{
  width: min(calc((182 / var(--pc))*100vw),182px);
  height: min(calc((360 / var(--pc))*100vw),360px);
  background: url(../../img/brand/miso/detail/illust/flower_02.png) no-repeat;
  background-size: contain;
  bottom: min(calc((26 / var(--pc))*100vw),26px);
  right: 0;
}

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

.ly-misoTop .sec-mv_title img{
  height: 100%;
}

.ly-misoTop .sec-pickup::before,.ly-misoTop .sec-pickup::after{
  content: "";
  position: absolute;
}
.ly-misoTop .sec-pickup{
  padding: 0 0 min(calc((72 / var(--pc))*100vw),72px);
  margin-top: min(calc((-64 / var(--pc))*100vw),-64px);
  box-shadow: none;
}
.ly-misoTop .sec-pickup::before{
  width: min(calc((239 / var(--pc))*100vw),239px);
  height: min(calc((303 / var(--pc))*100vw),303px);
  background: url(../../img/brand/miso/detail/illust/flower_03.png) no-repeat;
  background-size: contain;
  bottom: min(calc((312 / var(--pc))*100vw),312px);
  left: 0;
  z-index: 1;
}
.ly-misoTop .sec-pickup::after{
  width: 100%;
  height: clamp(300px,calc((432 / var(--pc))*100vw),440px);
  background: url(../../img/brand/miso/detail/bg/main-head.png) top center;
  background-size: cover;
  bottom: 0;
}
.ly-misoTop .c-pickup_list_image img {
}

@media all and (min-width:1390px) {
  .ly-misoTop .sec-pickup::after{
    height: clamp(300px,calc((380 / var(--pc))*100vw),440px);
  }
}

@media all and (max-width:960px) {
  .ly-misoTop .sec-new,.ly-misoTop .sec-search,.ly-misoTop .sec-result,.ly-misoTop .c-ranking{
    background-size: 35px;
  }
  .ly-misoTop .sec-pickup::after{
    height: min(calc((400 / var(--sp))*100vw),400px);
  }
  .ly-misoTop .sec-mv::before{
    width: min(calc((125 / var(--sp))*100vw),125px);
    height: min(calc((131 / var(--sp))*100vw),131px);
    top: max(calc((-41 / var(--sp))*100vw),-41px);
  }
  .ly-misoTop .sec-mv::after{
    width: min(calc((85 / var(--sp))*100vw),85px);
    height: min(calc((164 / var(--sp))*100vw),164px);
    bottom: max(calc((177 / var(--sp))*100vw),177px);
  }
  .ly-misoTop .sec-mv_title{
    width: calc((248 / var(--sp))*100vw);
    top:  calc((-225 / var(--sp))*100vw);
    right:  unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .ly-misoTop .sec-pickup{
    margin-top: min(calc((-41 / var(--sp))*100vw),-41px);
    padding:min(calc((33 / var(--sp))*100vw),33px) 0 min(calc((20 / var(--sp))*100vw),33px);
  }
  .ly-misoTop .sec-pickup .c-slider_list-item{
    padding: 5px 4px 0;
  }
}
@media all and (max-width:640px) {
  .ly-misoTop .sec-pickup::after{
    height: min(calc((300 / var(--sp))*100vw),300px);
  }
  .ly-misoTop .sec-pickup::before{
    width: 100%;
    height: min(calc((110 / var(--sp))*100vw),110px);
  }
}
/* New */
.ly-misoTop .sec-new{
  padding-bottom: min(calc((44 / var(--pc))*100vw),44px);
  background: url(../../img/brand/miso/detail/bg/main-light.png) top;
}
@media all and (max-width:960px){
  .ly-misoTop .sec-new{
    padding-bottom: min(calc((35 / var(--sp))*100vw),35px);
  }
}

@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);
  }
}

/* Search */
@media all and (min-width: 961px) {
  .ly-misoTop .sec-search_kinds{
    width: min(calc((640 / var(--pc))* 100vw), 640px);
    min-width: 640px;
  }
  .ly-misoTop .sec-search_kinds_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 10px;
  }
  .ly-misoTop .sec-search_kinds_list-item_features_button[data-accordion="off"]::before{
    top: 0;
  }
}
.ly-misoTop .sec-search_kinds_list-item_upper{
  border: 1px solid var(--sub);
}
.ly-misoTop .sec-search_kinds_list-item_upper img{
  width: 88px;
}
.ly-misoTop .sec-search_kinds_list-item[data-select="on"] .sec-search_kinds_list-item_upper::before{
  border: 3px solid var(--selected);
  width: calc(100% + 3px);
  height: calc(100% + 3px);
}
.ly-misoTop .sec-search_kinds_list-item:nth-of-type(1) .sec-search_kinds_list-item_bottom {
}
.ly-misoTop .sec-search_kinds_list-item_features_button{
  background-color: var(--default);
}
.ly-misoTop .sec-search_recipe .c-button-l1_inner{
  color: #fff;
  border: 2px solid var(--selected);
  background-color: var(--selected);
}
.ly-misoTop .sec-search_recipe .c-button-l1_inner:hover{
  color: var(--selected);
  background-color: #fff;
}
.ly-misoTop .sec-search_recipe .c-button-l1_inner:hover::before{
  background-color: var(--selected);
}
.ly-misoTop .c-category_list-item_label{
  border: 1px solid var(--sub);
  background-color: #fff;
}
.ly-misoTop .c-category_list-item_label::before{
  background-color: #000;
}
.ly-misoTop .c-category_list-item_check:checked + .c-category_list-item_label{
  outline-color: var(--selected);
  color: var(--selected);
}
.ly-misoTop .c-category_list-item_check:checked + .c-category_list-item_label::before{
  background-color: var(--selected);
}
.ly-misoTop .c-category_list-item_check:checked + .c-category_list-item_label::after{
  border: 3px solid var(--marusanRed);
  width: calc(100% + 3px);
  height: calc(100% + 3px);
}
.ly-misoTop .sec-search_kinds_list-item .sec-search_kinds_list-item_features{
}
/* Result */
.ly-misoTop .sec-result .c-button_inner:hover{
  background-color: var(--sub);
}
@media all and (max-width:960px) {
  .ly-misoTop .sec-result_search_select select{
    color: var(--selected);
  }
  .ly-misoTop .sec-result_search_select::after{
    background-color:var(--selected);
  }
}



/* Related */
.ly-misoTop .sec-related .c-button_inner:hover{
  background-color: var(--sub);
}


/* Favorite */
.ly-misoTop .c-button_fav_inner:hover{
  background-color: #ffdbc2;
  border-color: #ffdbc2;
  color: #000;
}
.ly-misoTop .c-button_fav_inner:hover::before{
  background-color: #ff7145;
}
.ly-misoTop .c-button_fav_inner:hover::after{
  background-color: #000;
}
.ly-misoTop .i-fav[data-fav="on"]::after{
  background-color: var(--selected);
}
.ly-misoTop .i-fav[data-fav="off"]::after{
  background-color: var(--selected);
}

/* Rank */
.ly-misoTop .c-rank_flag{
  background-color: var(--selected);
}
.ly-misoTop .c-rank_flag::before{
  border-top: 8px solid var(--selected);
}
.ly-misoTop .c-rank_flag::after{
  border-top: 8px solid var(--selected);
}

/* Tag */
.ly-misoTop .c-tag_list-item{
  border: 1px solid var(--accentYellow);
}

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

/* Swiper */
.ly-misoTop .swiper-button-prev,
.ly-misoTop .swiper-button-next{
  background-color: var(--default);
  outline: 1px solid var(--default);
}
.ly-misoTop .swiper-button-prev::after,
.ly-misoTop .swiper-button-next::after {
  background-color: #000;
}

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

@media all and (min-width:1366px) {
  .ly-misoTop .c-ranking .swiper{
    padding-left :calc((100% - var(--targerWidth)) / 2);
    padding-right :calc((100% - var(--targerWidth)) / 2);
  }
}

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

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

/* muuri */
.ly-misoTop .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/miso/new.svg) no-repeat top left;
}
@media all and (max-width:960px) {
  .ly-misoTop .muuri .item[data-new="on"] .c-card_list-item_upper::before {
    width: 42px;
    height: 21px;
    background-size: contain;
  }
}
.c-main {
  overflow: hidden;
}
@media all and (min-width:768px) {
  .ly-misoTop .sec-related {
      padding-bottom: 240px;
  }
  .gfooter__inner {
      margin-top: 0;
  }
}

@media all and (max-width:767px) {
  .mc-breadcrumb {
      margin-top: -70px;
  }
  .ly-misoTop .sec-related {
      padding-bottom: 40px;
  }
  .ly-misoTop .sec-search_kinds_list-item_upper img{
    width: 64px;
  }
  .ly-misoTop .c-pickup_list-static {
    padding: min(calc((20 / var(--sp))*100vw),20px) 13px 0;
  }
  .ly-misoTop .c-pickup_list_image img {
    object-fit: contain;
  }
  .ly-misoTop .sec-search_kinds_list-item_features_button[data-accordion="off"]::before{
    left: 0!important;
  }
}