:root{
  --detail-selected:#ef4300;
}

.c-wrapper{
  background: url(../../img/brand/miso/detail/bg/main.png) top;
  background-size: cover;
}

/* ui-color */
.sec-recipe_ingredient-item a{
  color: var(--detail-selected);
}

/* Frame */
.sec-recipe {
  background: url(../../img/brand/miso/detail/bg/main-light.png) center;
  background-size: cover;
}

.sec-recipe_border-outside{
  padding: 5px;
}
.sec-recipe_border-outside,.sec-recipe_border-inside{
  border: 1px solid #000;
  border-top: none;
}
.sec-recipe_border-outside::before,.sec-recipe_border-outside::after{
  width: 34%;
}
.sec-recipe_border-inside::before,.sec-recipe_border-inside::after{
  width: calc(34% - 2px);
}
.sec-recipe_border-outside::before,.sec-recipe_border-outside::after,
.sec-recipe_border-inside::before,.sec-recipe_border-inside::after{
  content: "";
  height: 1px;
  border-top: 1px solid #000;
  position: absolute;
  top: 0;
}
.sec-recipe_border-outside::before,.sec-recipe_border-inside::before{
  right: 0;
}
.sec-recipe_border-outside::after,.sec-recipe_border-inside::after{
  left: 0;
}
.sec-recipe_border-deco::before,.sec-recipe_border-deco::after {
  content: "";
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 2px;
  height: 4px;
  position: absolute;
  top: -6px;
}
.sec-recipe_border-deco::before{
  left: calc(34% + 5px);
}
.sec-recipe_border-deco::after{
  right: calc(34% + 5px);
}

@media all and (max-width:960px) {
  .sec-recipe_border-outside{
    padding: 2px;
  }
  .sec-recipe_border-outside::before, .sec-recipe_border-outside::after{
    width: 27%;
  }
  .sec-recipe_border-inside::before,.sec-recipe_border-inside::after{
    width: calc(27% - 1px);
  }
  .sec-recipe_border-deco::before{
    left: calc(27% + 1px);
  }
  .sec-recipe_border-deco::after{
    right: calc(27% + 1px);
  }
}

/* Flower */
.sec-recipe_title::before{
  content: "";
  width: min(calc((387 / var(--pc))*100vw),387px);
  height: min(calc((336 / var(--pc))*100vw),336px);
  background: url(../../img/brand/miso/detail/illust/flower_08.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: max(calc((-239 / var(--pc))*100vw),-239px);
  left: max(calc((-175 / var(--pc))*100vw),-175px);
  z-index: 1;
}
.sec-recipe_title::after{
  content: "";
  width: min(calc((231 / var(--pc))*100vw),231px);
  height: min(calc((223 / var(--pc))*100vw),223px);
  background: url(../../img/brand/miso/detail/illust/flower_04.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: max(calc((-6 / var(--pc))*100vw),-6px);
  right: max(calc((-152 / var(--pc))*100vw),-152px);
  z-index: 1;
}
.sec-recipe_desc::before{
  content: "";
  background: url(../../img/brand/miso/detail/illust/flower_05.png) no-repeat;
  background-size: contain;
  width: min(calc((169 / var(--pc))*100vw),169px);
  height: min(calc((138 / var(--pc))*100vw),169px);
  position: absolute;
  top: max(calc((-50 / var(--pc))*100vw),-50px);
  left: max(calc((-80 / var(--pc))*100vw),-80px);
}
.sec-recipe_howto::before{
  content: "";
  background: url(../../img/brand/miso/detail/illust/flower_06.png) no-repeat;
  background-size: contain;
  width: min(calc((169 / var(--pc))*100vw),169px);
  height: min(calc((150 / var(--pc))*100vw),150px);
  position: absolute;
  top: max(calc((-46 / var(--pc))*100vw),-46px);
  right: max(calc((-133 / var(--pc))*100vw),-133px);
}
.sec-recipe_howto::after{
  content: "";
    background: url(../../img/brand/miso/detail/illust/flower_07.png) no-repeat;
    background-size: contain;
    width: min(calc((280 / var(--pc))*100vw),280px);
    height: min(calc((267 / var(--pc))*100vw),267px);
    position: absolute;
    bottom: max(calc((-109 / var(--pc))*100vw),-109px);
    right: max(calc((-151 / var(--pc))*100vw),-151px);
}

@media all and (max-width:960px) {
  .sec-recipe_title::before{
    width: min(calc((152 / var(--sp))*100vw),152px);
    height: min(calc((152 / var(--sp))*100vw),152px);
    top: max(calc((-106 / var(--sp))*100vw),-106px);
    left: max(calc((-38 / var(--sp))*100vw),-38px);
  }
  .sec-recipe_title::after{
    content: none;
  }
  .sec-recipe_desc::before{
    content: none;
  }
  .sec-recipe_howto::before{
    background: url(../../img/brand/miso/detail/illust/flower_09.png) no-repeat;
    background-size: contain;
    width: min(calc((95 / var(--sp))*100vw),95px);
    height: min(calc((85 / var(--sp))*100vw),85px);
    top: max(calc((-47 / var(--sp))*100vw),-47px);
    left: max(calc((-41 / var(--sp))*100vw),-41px);
    z-index: 1;
  }
  .sec-recipe_howto::after{
    background: url(../../img/brand/miso/detail/illust/flower_10.png) no-repeat;
    background-size: contain;
    width: min(calc((120 / var(--sp))*100vw),120px);
    height: min(calc((112 / var(--sp))*100vw),112px);
    bottom: max(calc((-23 / var(--sp))*100vw),-23px);
    right: max(calc((-42 / var(--sp))*100vw),-42px);
  }
  .sec-recipe_nutrition:first-of-type:before{
    content: "";
    width: min(calc((93 / var(--sp))*100vw),93px);
    height: min(calc((90 / var(--sp))*100vw),90px);
    background: url(../../img/brand/miso/detail/illust/flower_04.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: max(calc((-36 / var(--sp))*100vw),-36px);
    right: max(calc((-47 / var(--sp))*100vw),-47px);
    z-index: 1;
  }
}


/* content */
.sec-recipe_box{
  background-image: url(../../img/brand/miso/detail/bg/page-block.png);
}

/* Rank */
.sec-recipe_return .c-button-arrow-left:hover::before{
  background: #000;
}

.sec-recipe_return .c-button_inner:hover{
  background-color: var(--accentPink);
}

.c-ranking h2{
  padding-right: min(calc((64 / var(--pc))*100vw),64px);
}
@media all and (max-width:960px) {
  .c-ranking h2{
    padding-right: 0;
  }
}