:root{
    --detail-selected:#39bbd2;
    --detail-bg:center / cover no-repeat url(../../img/brand/almond-milk/detail/bg-detail-frame.png);
  }
  
  /* slick */
  
  .ly-almondmilkDetail .topSlider{
    margin-left: 6px;
    margin-right: 6px;
  }
  
  .ly-almondmilkDetail .slick-active button::before{
    background-color: var(--detail-selected) !important;
    }
    
    .ly-almondmilkDetail .slide-dots li button::before{
      background-color: #e6d5c4;
    }
  
    @media all and (max-width:960px) {
      .ly-almondmilkDetail .topSlider{
        margin-left: 7px;
        margin-right: 7px;
      }
    }
  
  /* swiper */
  
  .ly-almondmilkDetail .swiper-button-prev, .ly-almondmilkDetail .swiper-button-next{
    background-color: var(--detail-selected);
    outline: 1px solid var(--detail-selected);
  }
  
  .ly-almondmilkDetail .swiper-button-prev::after, .ly-almondmilkDetail .swiper-button-next::after{
    background-color: #fff;
  }

  .ly-almondmilkDetail .swiper-button-prev:hover::after, .ly-almondmilkDetail .swiper-button-next:hover::after{
    background-color: var(--detail-selected);
  }
  
  /* ui-color */

  .ly-almondmilkDetail .sec-recipe_ingredient-item a{
    color: #dc4a05;
}
  
  .ly-almondmilkDetail .i-fav[data-fav="on"]::after,
  .ly-almondmilkDetail .i-fav[data-fav="off"]::after{
      background-color: var(--detail-selected);
  }
  
  .ly-almondmilkDetail .c-button_inner{
    border-color: #000;
  }
  
  /* padding */
  
  @media all and (max-width:960px) {
    .ly-almondmilkDetail .sec-recipe_title,
    .ly-almondmilkDetail .sec-recipe_desc,
    .ly-almondmilkDetail .sec-recipe_content,
    .ly-almondmilkDetail .sec-recipe_annotation,
    .ly-almondmilkDetail .sec-recipe_prepare,
    .ly-almondmilkDetail .sec-recipe_howto{
      padding-left: min(calc((14 / var(--sp))*100vw),14px);
      padding-right: min(calc((14 / var(--sp))*100vw),14px);
    }
  }

    /* deco */
    .ly-almondmilkDetail .sec-recipe_title::after{
        content: "";
        width: min(calc((316 / var(--pc))*100vw),316px);
        height: min(calc((323 / var(--pc))*100vw),323px);
        background: url(../../img/brand/almond-milk/detail/deco_1.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: max(calc((-94 / var(--pc))*100vw),-94px);
        right: max(calc((-176 / var(--pc))*100vw),-176px);
        z-index: 10;
      }
      .ly-almondmilkDetail .sec-recipe_desc::before{
        content: "";
        background: url(../../img/brand/almond-milk/detail/deco_2.png) no-repeat;
        background-size: contain;
        width: min(calc((105 / var(--pc))*100vw),105px);
        height: min(calc((426 / var(--pc))*100vw),169px);
        position: absolute;
        top: max(calc((-45 / var(--pc))*100vw),-45px);
        left: max(calc((-53 / var(--pc))*100vw),-53px);
        z-index: 10;
      }
      .ly-almondmilkDetail .sec-recipe_howto::before{
        content: "";
        background: url(../../img/brand/almond-milk/detail/deco_3.png) no-repeat;
        background-size: contain;
        width: min(calc((188 / var(--pc))*100vw),188px);
        height: min(calc((186 / var(--pc))*100vw),186px);
        position: absolute;
        top: min(calc((42 / var(--pc))*100vw),42px);
        right: max(calc((-130 / var(--pc))*100vw),-130px);
        z-index: 10;
      }
      .ly-almondmilkDetail .sec-recipe_howto::after{
        content: "";
        background: url(../../img/brand/almond-milk/detail/deco_4.png) no-repeat;
          background-size: contain;
          width: min(calc((213 / var(--pc))*100vw),213px);
          height: min(calc((223 / var(--pc))*100vw),223px);
          position: absolute;
          bottom: max(calc((-134 / var(--pc))*100vw),-134px);
          left: max(calc((-88 / var(--pc))*100vw),-88px);
          z-index: 10;
      }
      .ly-almondmilkDetail .c-ranking::before{
        content: "";
        background: url(../../img/brand/almond-milk/detail/deco_5.png) no-repeat;
          background-size: contain;
          width: min(calc((136 / var(--pc))*100vw),136px);
          height: min(calc((153 / var(--pc))*100vw),153px);
          position: absolute;
          top: max(calc((-95 / var(--pc))*100vw),-95px);
          right: max(calc((-55 / var(--pc))*100vw),-55px);
          z-index: 10;
      }
      
      @media all and (max-width:960px) {
        .ly-almondmilkDetail .sec-recipe_title::after{
            width: min(calc((138 / var(--sp))*100vw),138px);
            height: min(calc((139 / var(--sp))*100vw),139px);
            top: max(calc((-60 / var(--sp))*100vw),-60px);
            right: max(calc((-57 / var(--sp))*100vw),-57px);
        }
        .ly-almondmilkDetail .sec-recipe_desc::before{
          content: none;
        }
        .ly-almondmilkDetail .sec-recipe_nutrition:first-of-type::before{
          content: "";
          position: absolute;
          background: url(../../img/brand/almond-milk/detail/deco_2.png) no-repeat;
          background-size: contain;
          width: min(calc((43 / var(--sp))*100vw),43px);
          height: min(calc((139 / var(--sp))*100vw),139px);
          top: max(calc((-23 / var(--sp))*100vw),-23px);
          left: max(calc((-21 / var(--sp))*100vw),-21px);
          z-index: 10;
        }
        .ly-almondmilkDetail .sec-recipe_howto::before{
            width: min(calc((69 / var(--sp))*100vw),69px);
            height: min(calc((69 / var(--sp))*100vw),69px);
            top: max(calc((-81 / var(--sp))*100vw),-81px);
            right: max(calc((-24 / var(--sp))*100vw),-24px);
        }
        .ly-almondmilkDetail .sec-recipe_howto::after{
            width: min(calc((79 / var(--sp))*100vw),79px);
            height: min(calc((82 / var(--sp))*100vw),82px);
            bottom: max(calc((-30 / var(--sp))*100vw),-30px);
            right: max(calc((-22 / var(--sp))*100vw),-22px);
        }
        .ly-almondmilkDetail .c-ranking::before{
              width: min(calc((62 / var(--sp))*100vw),62px);
              height: min(calc((69 / var(--sp))*100vw),69px);
              top: unset;
              bottom: max(calc((-52 / var(--sp))*100vw),-52px);
              right: max(calc((-17 / var(--sp))*100vw),-17px);
          }
      }

  /* wrap */

  .ly-almondmilkDetail .c-wrapper{
    background-image: url(../../img/brand/almond-milk/detail/bg-detail.png);
    background-size: 100% 100%;
  }
  
  .ly-almondmilkDetail .sec-recipe{
    background: var(--detail-bg);
    padding: 50px 35px 50px;
  }
  
  .ly-almondmilkDetail .sec-recipe_border-inside{
    position: relative;
  }
  
  /* .ly-almondmilkDetail .sec-recipe_border-inside::before{
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-image: url(../../img/brand/almond-milk/detail/frame-detail.png);
    border-image-slice: 80;
    border-image-width: 42px;
    border-image-outset: 7px;
  } */
    
  @media all and (max-width:960px) {
    .ly-almondmilkDetail .c-wrapper{
      background-image: url(../../img/brand/almond-milk/detail/bg-detail_sp.png);
    }
  /* .ly-almondmilkDetail .sec-recipe_border-inside::before{
    border-image: url(../../img/brand/almond-milk/detail/frame-detail_sp.png);
    border-image-slice: 24;
    border-image-width: 19px;
    border-image-outset: 0px;
  } */
  .ly-almondmilkDetail .sec-recipe{
    padding: 30px 6px 8px;
    background: center / cover no-repeat url(../../img/brand/almond-milk/detail/bg-detail-frame_sp.png);
  }
  }
  
  /* top */
  
  .ly-almondmilkDetail .sec-recipe_pill{
    background: #e6d5c4;
  }
  
  .ly-almondmilkDetail .sec-recipe_heading{
    top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    z-index: 10;
    background-size: auto;
    width: 100%;
  }

  .ly-almondmilkDetail .sec-recipe_heading::before{
    content: "";
    width: calc(50% - 195px);
    height: 12px;
    background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
    position: absolute;
    top: 23px;
    left: 68px;
  }

  .ly-almondmilkDetail .sec-recipe_heading::after{
    content: "";
    width: calc(50% - 195px);
    height: 12px;
    background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
    position: absolute;
    top: 23px;
    right: 68px;
  }

.sec-recipe::before {
  content: "";
  width: 42px;
  height: 41px;
  background: url(../../img/brand/almond-milk/detail/border-left-top.png) no-repeat;
  position: absolute;
  top: 44px;
  left: 29px;
}

.sec-recipe::after {
  content: "";
  width: 41px;
  height: 42px;
  background: url(../../img/brand/almond-milk/detail/border-right-top.png) no-repeat;
  position: absolute;
  top: 44px;
  right: 29px;
}

.sec-recipe_border-outside::before{
  content: "";
  width: 12px;
  height: calc(100% - 50px);
  background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
  position: absolute;
  top: 34px;
  left: -6px;
  z-index: 1;
}

.sec-recipe_border-outside::after{
  content: "";
  width: 12px;
  height: calc(100% - 50px);
  background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
  position: absolute;
  top: 34px;
  right: -6px;
  z-index: 1;
}

.sec-recipe_border-inside::before{
  content: "";
  width: 41px;
  height: 42px;
  background: url(../../img/brand/almond-milk/detail/border-left-bottom.png) no-repeat;
  position: absolute;
  bottom: -26px;
  left: -6px;
}

.sec-recipe_border-inside::after{
  content: "";
  width: 41px;
  height: 42px;
  background: url(../../img/brand/almond-milk/detail/border-right-bottom.png) no-repeat;
  position: absolute;
  bottom: -26px;
  right: -6px;
}

.sec-recipe_products{
  position: relative;
}

.sec-recipe_footer::before{
  content: "";
  width: calc(100% - 66px);
  height: 14px;
  background: url(../../img/brand/almond-milk/detail//border-bottom.png) repeat-x;
  position: absolute;
  left: 33px;
  bottom: -25px;
  z-index: 1;
}
  
  .ly-almondmilkDetail .sec-recipe_title{
    padding-top: 118px;
  }
  
  @media all and (max-width:960px) {
    .ly-almondmilkDetail .sec-recipe_title{
        padding-top: 46px;
    }
    .ly-almondmilkDetail .sec-recipe_heading{
        top: 0px;
        padding-top: 19px;
      padding-left: 12px;
      padding-right: 12px;
      z-index: 10;
    }

    .ly-almondmilkDetail .sec-recipe_heading::before{
      content: "";
      width: calc(50% - 83px);
      height: 4px;
      background: url(../../img/brand/almond-milk/detail/border-top-sp.png) repeat-x;
      background-size: auto 100%;
      top: 32px;
      left: 17px;
    }
  
    .ly-almondmilkDetail .sec-recipe_heading::after{
      content: "";
      width: calc(50% - 83px);
      height: 4px;
      background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
      background-size: auto 100%;
      top: 32px;
      right: 17px;
    }
  
  .sec-recipe::before {
    content: "";
    width: 11.55px;
    height: 10.5px;
    background: url(../../img/brand/almond-milk/detail/border-left-top.png) no-repeat;
    background-size: 100% 100%;
    top: 31px;
    left: 6px;
  }
  
  .sec-recipe::after {
    content: "";
    width: 11.55px;
    height: 10.5px;
    background: url(../../img/brand/almond-milk/detail/border-right-top.png) no-repeat;
    background-size: 100% 100%;
    top: 31px;
    right: 6px;
  }
  
  .sec-recipe_border-outside::before{
    content: "";
    width: 5px;
    height: calc(100% - 30px);
    background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
    background-size: 5px 100%;
    top: 12px;
    left: 0;
    z-index: 1;
  }
  
  .sec-recipe_border-outside::after{
    content: "";
    width: 5px;
    height: calc(100% - 30px);
    background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
    background-size: 5px 100%;
    top: 12px;
    right: 0;
    z-index: 1;
  }
  
  .sec-recipe_border-inside::before{
    content: "";
    width: 11.55px;
    height: 10.5px;
    background: url(../../img/brand/almond-milk/detail/border-left-bottom.png) no-repeat;
    background-size: 100% 100%;
    bottom: 8px;
    left: 0px;
  }
  
  .sec-recipe_border-inside::after{
    content: "";
    width: 11.55px;
    height: 10.5px;
    background: url(../../img/brand/almond-milk/detail/border-right-bottom.png) no-repeat;
    background-size: 100% 100%;
    bottom: 8px;
    right: 0px;
  }
  
  .sec-recipe_products{
    position: relative;
  }
  
  .sec-recipe_footer::before{
    width: calc(100% - 19px);
    height: 4px;
    background: url(../../img/brand/almond-milk/detail/border-bottom.png) repeat-x;
    background-size: auto 100%;
    bottom: 8px;
    left: 9px;
  }
  }

  @media (max-width: 960px) and (min-width: 640px){
    .sec-recipe::before{
      left: 24px;
    }
    .sec-recipe::after{
      right: 24px;
    }
    .ly-almondmilkDetail .sec-recipe_heading::before,
    .ly-almondmilkDetail .sec-recipe_heading::after{
      width: calc(50% - 108px);
    }
    .ly-almondmilkDetail .sec-recipe_heading::before{
      left: 36px;
    }
    .ly-almondmilkDetail .sec-recipe_heading::after{
      right: 36px;
    }
  }
  
  /* content */
  
  .ly-almondmilkDetail .sec-recipe_nutrition.sec-recipe_box{
    background-image: url(../../img/brand/almond-milk/detail/bg-detail-nutrition.png);
  }
  .ly-almondmilkDetail .sec-recipe_ingredient.sec-recipe_box{
    background-image: url(../../img/brand/almond-milk/detail/bg-detail-ingredient.png);
  }
  .ly-almondmilkDetail .sec-recipe_prepare .sec-recipe_box{
    background-image: url(../../img/brand/almond-milk/detail/bg-detail-prepare.png);
  }
  @media all and (max-width:960px) {
    .ly-almondmilkDetail .sec-recipe_nutrition.sec-recipe_box,
    .ly-almondmilkDetail .sec-recipe_ingredient.sec-recipe_box,
    .ly-almondmilkDetail .sec-recipe_prepare .sec-recipe_box{
      background-image: url(../../img/brand/almond-milk/detail/bg-detail-block_sp.png);
    }
  }

  /* howtomake */

  .ly-almondmilkDetail .sec-recipe_howto .sec-recipe_box{
    background-image: url(../../img/brand/almond-milk/detail/bg-detail-howto.png);
  }

  @media all and (max-width:960px) {
      .ly-almondmilkDetail .sec-recipe_howto-title img{
          width: 115px;
      }
      .ly-almondmilkDetail .sec-recipe_howto-title::before,.ly-almondmilkDetail .sec-recipe_howto-title::after{
          margin-top: -6px;
          height: 1px;
          width: calc(50% - 70px);
      }
      .ly-almondmilkDetail .sec-recipe_howto .sec-recipe_box{
        background-image: url(../../img/brand/almond-milk/detail/bg-detail-block_sp.png);
      }
  }
  
    /* Rank */
  
    .ly-almondmilkDetail .c-ranking{
      background: var(--detail-bg);
      position: relative;
      background-size: 100% 100%;
    }
    
    .ly-almondmilkDetail .sec-recipe_return .c-button-arrow-left:hover::before{
      background: var(--detail-selected);
    }
    
    .ly-almondmilkDetail .sec-recipe_return .c-button_inner:hover{
      background-color: var(--detail-selected);
      color: #fff;
      border-color: var(--detail-selected);
    }

    .ly-almondmilkDetail .sec-recipe_return .c-button_inner:hover::before{
        background-color: #fff;
      }
    
    .ly-almondmilkDetail .c-ranking h2{
      padding-right: min(calc((64 / var(--pc))*100vw),64px);
    }
    
    @media all and (max-width:960px) {
      .ly-almondmilkDetail .c-ranking h2{
        padding-right: 0;
      }
    }
  
    .ly-almondmilkDetail .c-rank_flag{
      background-color: var(--detail-selected);
    }
    
    .ly-almondmilkDetail .c-rank_flag::before,
    .ly-almondmilkDetail .c-rank_flag::after{
      border-top: 8px solid var(--detail-selected);
    }