:root{
    --selected:#39bbd2;
    --default:#dc4a03;
    --sub:#000;
    --targerWidth:1160px;
    --modalSelected:#39bbd2;
    --modalSelectedBg:#fff;
    --modalBorder:#000;
    --modalSearchBorder:transparent;
    --modalBg:center / cover no-repeat url(../../img/brand/almond-milk/top/modal.png);
    --modalBg-sp:center / cover no-repeat url(../../img/brand/almond-milk/top/modal_sp.png);
  }

/* ui-color */

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

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

/* MV */

.ly-almondmilkTop .sec-mv_title{
    width: calc((616 / var(--pc))*100vw);
    top: calc((-108 / var(--pc))*100vw);
    left: calc((-438 / var(--pc))*100vw);
}

.ly-almondmilkTop .sec-mv_title img{
  height: auto;
}

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

    .ly-almondmilkTop .sec-mv_title img{
        content: url(../../img/brand/almond-milk/top/top-logo_sp.svg);
    }
}


/* bg */

.ly-almondmilkTop .sec-pickup,.ly-almondmilkTop .c-wrapper{
  background: url(../../img/brand/almond-milk/top/bg-main.png);
  background-repeat: repeat-y;
  background-size: 100% 800px;
}

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

@media all and (max-width:960px) {
  .ly-almondmilkTop .sec-new,.ly-almondmilkTop .sec-result, .ly-almondmilkTop .sec-related, .ly-almondmilkTop .c-ranking, .ly-almondmilkTop .sec-search{
    background-size: 35px;
    }
    .ly-almondmilkTop .sec-pickup,.ly-almondmilkTop .c-wrapper{
      background-size: 100% 300px;
    }
}

/**/

.ly-almondmilkTop .i-check::before{
    background: #000;
}

/* New */

.ly-almondmilkTop .i-star::before{
    background: var(--sub);
}

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

.ly-almondmilkTop .swiper-button-prev:after, .ly-almondmilkTop .swiper-button-next:after{
    background: #fff;
}

.ly-almondmilkTop .swiper-button-prev:hover::after, .ly-almondmilkTop .swiper-button-next:hover::after {
    background-color: var(--selected);
}

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

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

/* about */

.ly-almondmilkTop .about{
    text-align: center;
    margin-top: 36px;
}

.ly-almondmilkTop .about img{
    max-width: 522px;
}

@media all and (max-width:960px) {

    .ly-almondmilkTop .about{
        margin: 0 min(calc((32 / var(--sp))*100vw),32px);
        margin-top: 36px;
    }
    
    .ly-almondmilkTop .about img{
        width: 100%;
        height: auto;
    }
}

/* sec-search */

.ly-almondmilkTop .sec-search,.ly-almondmilkTop .sec-result{
    border-radius: 30px;
    position: relative;
    z-index: 1;
}


.ly-almondmilkTop .sec-result_tags{
  position: relative;
  z-index: 10;
}

.ly-almondmilkTop .sec-search h2::before{
  content: "";
  width: calc(50% - 215px);
  height: 12px;
  background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
  position: absolute;
  top: 26px;
  left: 60px;
}

.ly-almondmilkTop .sec-search h2::after{
  content: "";
  width: calc(50% - 215px);
  height: 12px;
  background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
  position: absolute;
  top: 26px;
  right: 60px;
}

.ly-almondmilkTop .sec-search_title::after {
content: "";
width: 45px;
height: 45px;
background: url(../../img/brand/almond-milk/detail/border-right-top.png) no-repeat;
position: absolute;
top: 26px;
right: 15px;
}

.ly-almondmilkTop .sec-search_title::before{
content: "";
width: 12px;
height: calc(100% - 134px);
background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
position: absolute;
top: 68px;
left: 19px;
z-index: 1;
}

.ly-almondmilkTop .sec-search::before {
  content: "";
  width: 45px;
  height: 45px;
  background: url(../../img/brand/almond-milk/detail/border-left-top.png) no-repeat;
  position: absolute;
  top: 27px;
  left: 19px;
  }

.ly-almondmilkTop .sec-search::after{
content: "";
width: 12px;
height: calc(100% - 134px);
background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
position: absolute;
top: 68px;
right: 19px;
z-index: 1;
}

.ly-almondmilkTop .sec-search_buttons::before{
content: "";
width: 41px;
height: 42px;
background: url(../../img/brand/almond-milk/detail/border-left-bottom.png) no-repeat;
position: absolute;
bottom: 24px;
left: 19px;
}

.ly-almondmilkTop .sec-search_buttons::after{
content: "";
width: 41px;
height: 42px;
background: url(../../img/brand/almond-milk/detail/border-right-bottom.png) no-repeat;
position: absolute;
bottom: 25px;
right: 19px;
}

.ly-almondmilkTop .sec-search_recipe::before{
content: "";
width: calc(100% - 120px);
height: 14px;
background: url(../../img/brand/almond-milk/detail//border-bottom.png) repeat-x;
position: absolute;
left: 60px;
bottom: 24px;
z-index: 1;
}

@media all and (max-width:960px){
    .ly-almondmilkTop .sec-search,.ly-almondmilkTop .sec-result{
        border-radius: 15px;
    }
    .ly-almondmilkTop .sec-search h2::before{
      content: "";
      width: calc(100% - 32px);
      height: 4px;
      background: url(../../img/brand/almond-milk/detail/border-top-sp.png) repeat-x;
      background-size: auto 100%;
      top: 9px;
      left: 16px;
    }
  
    .ly-almondmilkTop .sec-search h2::after{
      content: none;
    }
  
    .ly-almondmilkTop .sec-search_title::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: 9px;
    left: 4px;
  }
  
  .ly-almondmilkTop .sec-search_title::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: 10px;
    right: 6px;
  }
  
  .ly-almondmilkTop .sec-search::before{
    content: "";
    width: 5px;
    height: calc(100% - 36px);
    background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
    background-size: 5px 100%;
    top: 19px;
    left: 4px;
    z-index: 1;
  }
  
  .ly-almondmilkTop .sec-search::after{
    content: "";
    width: 5px;
    height: calc(100% - 36px);
    background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
    background-size: 5px 100%;
    top: 19px;
    right: 4px;
    z-index: 1;
  }
  
  .ly-almondmilkTop .sec-search_buttons::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: 4px;
  }
  
  .ly-almondmilkTop .sec-search_buttons::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: 4px;
  }
  .ly-almondmilkTop .sec-search_recipe::before{
    width: calc(100% - 32px);
    height: 4px;
    background: url(../../img/brand/almond-milk/detail/border-bottom.png) repeat-x;
    background-size: auto 100%;
    bottom: 9px;
    left: 16px;
  }
}

@media all and (max-width:960px) and (min-width:640px) {
  .ly-almondmilkTop .sec-search h2{
    padding-top: 8px;
  }
  .ly-almondmilkTop .sec-result h2{
    padding-top: 8px;
  }
}

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

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

.ly-almondmilkTop .i-fav[data-fav="off"]::after,.i-fav[data-fav="on"]::after{
    background: var(--selected);
}

.ly-almondmilkTop .c-category_list-item_check:checked + .c-category_list-item_label::before{
    background: var(--selected);
}

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

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

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

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

.ly-almondmilkTop .sec-search_fillter .c-button_inner:hover,
.ly-almondmilkTop .sec-search_clear .c-button_inner:hover{
    background: var(--selected);
    color: #fff;
}

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

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

/* sec-result */

.ly-almondmilkTop .i-light::before{
    background: var(--default);
}

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

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

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

.ly-almondmilkTop .c-button_fav_inner:hover::before{
    background: #fff;
}

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

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

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


.ly-almondmilkTop .sec-result h2::before{
  content: "";
  width: calc(50% - 215px);
  height: 12px;
  background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
  position: absolute;
  top: 26px;
  left: 60px;
}

.ly-almondmilkTop .sec-result h2::after{
  content: "";
  width: calc(50% - 215px);
  height: 12px;
  background: url(../../img/brand/almond-milk/detail/border-top.png) repeat-x;
  position: absolute;
  top: 26px;
  right: 60px;
}

.ly-almondmilkTop .sec-result_title::after {
content: "";
width: 45px;
height: 45px;
background: url(../../img/brand/almond-milk/detail/border-right-top.png) no-repeat;
position: absolute;
top: 26px;
right: 15px;
}

.ly-almondmilkTop .sec-result_title::before{
content: "";
width: 12px;
height: calc(100% - 134px);
background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
position: absolute;
top: 68px;
left: 19px;
z-index: 1;
}

.ly-almondmilkTop .sec-result::before {
  content: "";
  width: 45px;
  height: 45px;
  background: url(../../img/brand/almond-milk/detail/border-left-top.png) no-repeat;
  position: absolute;
  top: 27px;
  left: 19px;
  }

.ly-almondmilkTop .sec-result::after{
content: "";
width: 12px;
height: calc(100% - 134px);
background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
position: absolute;
top: 68px;
right: 19px;
z-index: 1;
}

.ly-almondmilkTop .sec-result_card>ul::before{
content: "";
width: 41px;
height: 42px;
background: url(../../img/brand/almond-milk/detail/border-left-bottom.png) no-repeat;
position: absolute;
bottom: max(calc((-31 / var(--pc))*100vw),-31px);
left: max(calc((-38 / var(--pc))*100vw),-38px);
}

.ly-almondmilkTop .sec-result_card>ul::after{
content: "";
width: 41px;
height: 42px;
background: url(../../img/brand/almond-milk/detail/border-right-bottom.png) no-repeat;
position: absolute;
bottom: max(calc((-31 / var(--pc))*100vw),-31px);
right: max(calc((-38 / var(--pc))*100vw),-38px);
}

.ly-almondmilkTop .sec-result_card::before{
content: "";
width: calc(100% - 120px);
height: 14px;
background: url(../../img/brand/almond-milk/detail//border-bottom.png) repeat-x;
position: absolute;
left: 60px;
bottom: 24px;
z-index: 1;
}

@media all and (max-width:1200px){
  .ly-almondmilkTop .sec-result_card>ul::before{
    bottom: max(calc((-24 / var(--pc))*100vw),-24px);
    left: max(calc((-34 / var(--pc))*100vw),-34px);
    }
    
    .ly-almondmilkTop .sec-result_card>ul::after{
      bottom: max(calc((-24 / var(--pc))*100vw),-24px);
      right: max(calc((-34 / var(--pc))*100vw),-34px);
    }
}

@media all and (max-width:1050px){
  .ly-almondmilkTop .sec-result_card>ul::before{
    bottom: max(calc((-22 / var(--pc))*100vw),-22px);
    left: max(calc((-32 / var(--pc))*100vw),-32px);
    }
  .ly-almondmilkTop .sec-result_card>ul::after{
    bottom: max(calc((-22 / var(--pc))*100vw),-22px);
    right: max(calc((-32 / var(--pc))*100vw),-32px);
  }
}

@media all and (max-width:960px){
  .ly-almondmilkTop .sec-result h2::before{
    content: "";
    width: calc(100% - 32px);
    height: 4px;
    background: url(../../img/brand/almond-milk/detail/border-top-sp.png) repeat-x;
    background-size: auto 100%;
    top: 9px;
    left: 16px;
  }

  .ly-almondmilkTop .sec-result h2::after{
    content: none;
  }

  .ly-almondmilkTop .sec-result_title::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: 9px;
  left: 4px;
}

.ly-almondmilkTop .sec-result_title::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: 10px;
  right: 6px;
}

.ly-almondmilkTop .sec-result::before{
  content: "";
  width: 5px;
  height: calc(100% - 38px);
  background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
  background-size: 5px 100%;
  top: unset;
  bottom: 19px;
  left: 4px;
  z-index: 1;
}

.ly-almondmilkTop .sec-result::after{
  content: "";
  width: 5px;
  height: calc(100% - 38px);
  background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
  background-size: 5px 100%;
  top: unset;
  bottom: 19px;
  right: 4px;
  z-index: 1;
}

.ly-almondmilkTop .sec-result_card>ul::before{
  content: "";
  position: absolute;
  width: 11.55px;
  height: 10.5px;
  background: url(../../img/brand/almond-milk/detail/border-left-bottom.png) no-repeat;
  background-size: 100% 100%;
  bottom: max(calc((-19 / var(--sp))*100vw),-19px);
  left: max(calc((-29 / var(--sp))*100vw),-29px);
}

.ly-almondmilkTop .sec-result_card>ul::after{
  content: "";
  position: absolute;
  width: 11.55px;
  height: 10.5px;
  background: url(../../img/brand/almond-milk/detail/border-right-bottom.png) no-repeat;
  background-size: 100% 100%;
  bottom: max(calc((-19 / var(--sp))*100vw),-19px);
  right: max(calc((-29 / var(--sp))*100vw),-29px);
}
.ly-almondmilkTop .sec-result_card::before{
  width: calc(100% - 32px);
  height: 4px;
  background: url(../../img/brand/almond-milk/detail/border-bottom.png) repeat-x;
  background-size: auto 100%;
  bottom: 9px;
  left: 16px;
}
}

@media all and (max-width:640px){
  .sec-result_tags{
    position: relative;
  }
  
  .ly-almondmilkTop .sec-result_tags::before{
    content: "";
    position: absolute;
    width: 5px;
    height: min(calc((160 / var(--sp))*100vw),160px);
    background: url(../../img/brand/almond-milk/detail/border-left.png) repeat-y;
    background-size: 5px 100%;
    top: -47px;
    left: -30px;
    z-index: 1;
  }
  
  .ly-almondmilkTop .sec-result_tags::after{
    content: "";
    position: absolute;
    width: 5px;
    height: min(calc((160 / var(--sp))*100vw),160px);
    background: url(../../img/brand/almond-milk/detail/border-right.png) repeat-y;
    background-size: 5px 100%;
    top: -47px;
    right: -30px;
    z-index: 1;
  }
  .ly-almondmilkTop .sec-result::before{
    height: 35px;
  }
  
  .ly-almondmilkTop .sec-result::after{
    height: 35px;
  }
  .ly-almondmilkTop .sec-result_card>ul::before{
    bottom: max(calc((-19 / var(--sp))*100vw),-19px);
    left: max(calc((-1 / var(--sp))*100vw),-1px);
  }
  
  .ly-almondmilkTop .sec-result_card>ul::after{
    bottom: max(calc((-19 / var(--sp))*100vw),-19px);
    right: max(calc((-1 / var(--sp))*100vw),-1px);
  }
}

@media all and (max-width:320px){
  .ly-almondmilkTop .sec-result_card>ul::before{
    bottom: max(calc((-22 / var(--sp))*100vw),-22px);
    left: max(calc((-1 / var(--sp))*100vw),-1px);
  }
  
  .ly-almondmilkTop .sec-result_card>ul::after{
    bottom: max(calc((-22 / var(--sp))*100vw),-22px);
    right: max(calc((-1 / var(--sp))*100vw),-1px);
  }
}

/* c-rank */

.ly-almondmilkTop .i-crown::after{
    background: var(--default);
}

.ly-almondmilkTop .c-rank_flag{
    background-color: var(--selected);
}

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

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

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

@media all and (max-width:960px){
  .ly-almondmilkTop .c-ranking .swiper h2 img{
    content: url(../../img/brand/almond-milk/top/popularity_almondmilk_sp.svg);
  }
  .ly-almondmilkTop .c-ranking .swiper h2 img{
      height: 36px;
  }
}

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

/* related */

.ly-almondmilkTop .sec-related{
    padding-top: 0;
}

.ly-almondmilkTop .sec-related_return .c-button_inner:hover::before{
    background:#fff;
}

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

/* modal-about */

#modal2 .c-modal-wrap{
    overflow: hidden;
}

#modal2 .u-color--blue{
    color: #39bbd2;
  }
  #modal2 .u-color--orange{
    color: #ff5a00;
  }
  #modal2 .u-weight--bold{
    font-weight: bold;
  }
  /* Parts */
  #modal2 .p-text-deco{
    position: relative;
  }
  #modal2 .p-text-deco span{
    position: relative;
    z-index: 1;
  }
  #modal2 .p-text-deco::after{
    content: "";
    position: absolute;
    z-index: 0;
  }
  #modal2 .p-text-deco--mini::after{
    height: 11px;
    width: 97%;
    background: url(../../img/brand/almond-milk/top/deco_underline-mini.png) repeat;
    left: 0;
    bottom: 0;
  }
  #modal2 .p-text-deco--red::after{
    height: 15px;
    width: 103%;
    background: url(../../img/brand/almond-milk/top/deco_underline-red.png) repeat;
    left: 0;
    bottom: 2px;
  }
  #modal2 .p-text-deco--blue::after{
    height: 15px;
    width: 97%;
    background: url(../../img/brand/almond-milk/top/deco_underline-blue.png) repeat;
    left: 0;
    bottom: 4px;
  }
  @media all and (max-width: 960px) {
    #modal2 .p-text-deco--blue::after,
    #modal2 .p-text-deco--red::after {
      height: 11px;
      bottom: 0;
    }
  }
  #modal2 .about-almondmilk_container{
    padding: 50px 0 0;
    position: relative;
    z-index: -2;
  }
  #modal2 .about-almondmilk_container-deco{
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    text-align: center;
    position: relative;
  }
  #modal2 .about-almondmilk_container-deco::before{
    content: "";
    width: 41.5%;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: -21px;
  }
  #modal2 .about-almondmilk_container-deco::after{
    content: "";
    width: 41.5%;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: -21px;
  }
  #modal2 .about-almondmilk_container-deco img{
    max-width: 86px;
    width: 100%;
  }
  @media all and (max-width: 960px) {
    #modal2 .about-almondmilk_container{
      padding: 9px 0 6px;
    }
    #modal2 .about-almondmilk_container-deco{
      max-width: 242px;
    }
    #modal2 .about-almondmilk_container-deco::before{
      width: 39%;
      left: -32px;
      height: 1px;
      top: calc(50% + 2px);
    }
    #modal2 .about-almondmilk_container-deco::after{
      width: 39%;
      right: -32px;
      height: 1px;
      top: calc(50% + 2px);
    }
    #modal2 .about-almondmilk_container-deco img{
      max-width: 46px;
      width: 30%;
    }
  }
  
  #modal2 .about-almondmilk_headding{
    margin: 0 auto;
    max-width: 680px;
    width: 100%;
    padding-top: 77px;
    text-align: center;
  }
  #modal2 .about-almondmilk_lead{
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 2;
    text-align: center;
    margin: 0 auto;
    max-width: 790px;
    width: 100%;
    padding-top: 36px;
    position: relative;
  }
  #modal2 .about-almondmilk_lead::after{
    content: "";
    width: 97.5px;
    height: 145px;
    background: url(../../img/brand/almond-milk/top/deco_almond-01.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -130px;
    top: 100px;
  }
  @media all and (min-width: 961px) {
    #modal2 .about-almondmilk_headding img{
      max-width: 680px;
    }
  }
  @media all and (max-width: 960px) {
    #modal2 .about-almondmilk_headding{
      padding-top: 48px;
      text-align: center;
      max-width: 100%;
    }
    #modal2 .about-almondmilk_headding img{
      max-width: 261px;
      width: 100%;
    }
    #modal2 .about-almondmilk_lead{
      font-size: min(15.5px,4.17vw);
      max-width: 355px;
      padding: 24px 0 0;
    }
    #modal2 .about-almondmilk_lead::after{
      /* width: 48px;
      height: 71px;
      top: 138px;
      right: 15px;
      transform: rotate(-22deg); */
      display: none;
    }
  }
  
  #modal2 .about-almondmilk_list{
    margin: 0 auto 75px;
    max-width: 1070px;
    width: 100%;
    padding-top: 60px;
    position: relative;
  }
  #modal2 .about-almondmilk_list::after{
    content: "";
    width: 168px;
    height: 185px;
    background: url(../../img/brand/almond-milk/top/deco_almond-02.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -185px;
    left: -23px;
  }
  #modal2 .about-almondmilk_list-items{
    display: flex;
    position: relative;
  }
  #modal2 .about-almondmilk_list-items::after{
    content: "";
    position: absolute;
    z-index: -1;
  }
  #modal2 .about-almondmilk_list-items__header{
    display: flex;
    align-items: center;
  }
  #modal2 .about-almondmilk_list-items__header-number{
    max-width: 37px;
    width: 100%;
  }
  #modal2 .about-almondmilk_list-items__header-text{
    padding-left: 42px;
    position: relative;
  }
  #modal2 .about-almondmilk_list-items__header-text::after{
    content: "";
    position: absolute;
    width: 3px;
    height: 39px;
    background-color: #000;
    top: calc((100% - 39px)/2);
    left: 20px;
  }
  #modal2 .about-almondmilk_list-items__header-text p:first-child{
    font-size: clamp(16px,18px,1.3vw);
  }
  #modal2 .about-almondmilk_list-items__header-catch{
    display: inline-block;
    letter-spacing: 3px;
    font-size: clamp(24px,28px,2vw);
  }
  #modal2 .about-almondmilk_list-items__box{
    padding: min(48px,3.5vw) 0 0 min(40px,calc((40/ var(--pc))*100vw));
  }
  #modal2 .about-almondmilk_list-items__body {
    margin-top: min(28px,2vw);
    line-height: 1.75;
    letter-spacing: -0.3px;
    font-size: clamp(16px,18px,1.3vw);
  }
  #modal2 .about-almondmilk_list-items img{
    width: auto;
  }
  #modal2 .about-almondmilk_list-items__header-number img {
    max-width: 37px;
  }
  @media all and (max-width: 960px) {
    #modal2 .about-almondmilk_list{
      padding-top: 45px;
      /* max-width: 710px;
      width: calc(710 / 750 * 100vw); */
      max-width: 355px;
      margin-bottom: 44px;
    }
    #modal2 .about-almondmilk_list::after{
      content: "";
      width: 92.5px;
      height: 92.5px;
      bottom: -44px;
      left: -38px;
    }
    #modal2 .about-almondmilk_list-items{
      flex-direction: column-reverse;
      /* top: 0;
      left: 50%;
      transform: translate(-50%);
      background: url(../img/bg-paper-01_sp_all.png) no-repeat;
      background-position: top center;
      background-size: contain;
      padding-bottom: calc(550 / 750 * 100vw);
      padding-right: calc(50 / 750 * 100vw);
      padding-left: calc(50 / 750 * 100vw) */
    }
    #modal2 .about-almondmilk_list-items::before {
        content: "";
        width: calc(156px / 2);
        height: calc(131px / 2);
        background: url(../../img/brand/almond-milk/top/deco_almond-01_sp.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: -23px;
        right: 0;
        margin: 0 -18px 0 0;
      }
    #modal2 .about-almondmilk_list-items:nth-of-type(2)::before {
      display: none;
    }
    
    #modal2 .about-almondmilk_list-items__header{
      flex-direction: column;
      align-items: center;
    }
    #modal2 .about-almondmilk_list-items__header-number{
      margin-top: 24px;
      max-width: 28px;
      position: relative;
    }
    #modal2 .about-almondmilk_list-items__header-number::after{
      content: "";
      position: absolute;
      width: 28px;
      height: 1px;
      background-color: #000;
      top: 24px;
      left: 50%;
      transform: translate(-50%);
    }
    #modal2 .about-almondmilk_list-items__box{
      padding: 0;
      padding-right: min(12px,calc(12 / var(--sp) * 100vw));
      padding-left: min(12px,calc(12 / var(--sp) * 100vw));
    }
    #modal2 .about-almondmilk_list-items__header-text::after {
      display: none;
    }
    #modal2 .about-almondmilk_list-items__header-text{
      padding-left: 0;
      text-align: center;
      padding-top: 24px;
    }
    #modal2 .about-almondmilk_list-items__header-text p:first-child {
      font-size: min(16.8px,calc((16.8 / var(--sp))*100vw));
      letter-spacing: 0;
    }
    #modal2 .about-almondmilk_list-items__header-catch {
      font-size: 19px;
      margin-top: 2px;
    }
    #modal2 .about-almondmilk_list-items__body {
      font-size: 14px;
      margin-top: 24px;
    }
    #modal2 .about-almondmilk_list-items__body p {
      line-height: 2;
    }
    #modal2 .about-almondmilk_list-items__header-number img {
      max-width: 28px;
    }
  }
  
  /* 1st */
  #modal2 .about-almondmilk_list-items::after{
    background: url(../../img/brand/almond-milk/top/bg-paper-01.png) no-repeat;
    background-size: contain;
    width: 719px;
    height: 374px;
    right: 0;
  }
  #modal2 .about-almondmilk_list-items:first-child>img{
    margin-top: 15px;
  }
  @media all and (max-width: 960px) {
    #modal2 .about-almondmilk_list-items::after{
      max-width: 710px;
      width: 100%;
      height: calc(854 / 750 * 100vw);
      top: 0;
      left: 50%;
      transform: translate(-50%);
      background: url(../../img/brand/almond-milk/top/bg-paper-01_sp.png) no-repeat top;
      background-size: contain;
      /* display: none; */
    }
    #modal2 .about-almondmilk_list-items:first-child>img{
      margin: 0 0 0 4%;
      margin-top: 16px;
      max-width: 725px;
      width: calc(725 / 750 * 100%);
    }
  }
  @media all and (max-width: 374px) {
    #modal2 .about-almondmilk_list-items::after{
        height: 80%;
        background-size: cover;
      }
  }
  /* 2nd */
  #modal2 .about-almondmilk_list-items:nth-child(2){
    margin-top: 72px;
    flex-direction: row-reverse;
    column-gap: 72px;
  }
  #modal2 .about-almondmilk_list-items:nth-child(2)::after{
    background: url(../../img/brand/almond-milk/top/bg-paper-02.png) no-repeat;
    background-size: contain;
    width: 718px;
    height: 393px;
    top: 10px;
    left: 0;
  }
  #modal2 .about-almondmilk_list-items:nth-child(2)>img{
    margin: -8px 10px 0 0;
  }
  #modal2 .about-almondmilk_list-items:nth-child(2) #modal2 .about-almondmilk_list-items__header-text>p{
    letter-spacing: 1.5px;
  }
  #modal2 .about-almondmilk_list-items:nth-child(2) #modal2 .about-almondmilk_list-items__body{
    margin-top: 20px;
  }
  
  @media all and (max-width: 960px) {
    #modal2 .about-almondmilk_list-items:nth-child(2) {
      flex-direction: column-reverse;
      margin-top: 40px;
    }
    #modal2 .about-almondmilk_list-items:nth-child(2)::after{
      max-width: 710px;
      width: 100%;
      height: calc(856 / 750 * 100vw);
      top: 0;
      left: 50%;
      transform: translate(-50%);
      background: url(../../img/brand/almond-milk/top/bg-paper-02_sp.png) no-repeat top;
      background-size: contain;
    }
  
    #modal2 .about-almondmilk_list-items:nth-child(2)>img {
      margin: 0 0 0 4%;
      margin-top: 20px;
      max-width: 725px;
      width: calc(725 / 750 * 100%);
    }
  
    #modal2 .about-almondmilk_list-items:nth-child(2) #modal2 .about-almondmilk_list-items__header-text>p{
      letter-spacing: 0;
    }
  }

  @media all and (max-width: 374px) {
#modal2 .about-almondmilk_list-items:nth-child(2)::after{
        height: 80%;
        background-size: cover;
      }
  }

  @media all and (max-width: 1280px) and (min-width: 961px) {
    #modal2 .about-almondmilk_lead{
        font-size: calc((22 / var(--pc))*100vw);
        padding: 24px min(18px,4.8vw) 0;
      }
    #modal2 .about-almondmilk_list-items__header-text p:first-child{
        font-size: calc((18 / var(--pc))*100vw);
      }
      #modal2 .about-almondmilk_list-items__header-catch{
        font-size: calc((28 / var(--pc))*100vw);
      }
      #modal2 .about-almondmilk_list-items__body {
        font-size: calc((18 / var(--pc))*100vw);
      }
      #modal2 .about-almondmilk_list-items:nth-child(2){
        column-gap: 0;
      }
    #modal2 .about-almondmilk_list-items:first-child>img{
        width: 40%;
    }
    #modal2 .about-almondmilk_list-items:nth-child(2)>img{
        width: 40%;
    }
    #modal2 .about-almondmilk_list-items::after{
      height: calc((374 / var(--pc))*100vw);
      background-position: right;
    }
    #modal2 .about-almondmilk_list-items:nth-child(2)::after{
      height: calc((393 / var(--pc))*100vw);
      background-position: left;
    }
    #modal2 .about-almondmilk_list-items__box{
        padding: min(48px,3.5vw) calc((40 / var(--pc))*100vw) 0 calc((40/ var(--pc))*100vw);
        flex: auto;
    }
    #modal2 .about-almondmilk_lead::after{
        width: calc((97.5 / var(--pc))*100vw);
        height: calc((145 / var(--pc))*100vw);
        right: calc((-90 / var(--pc))*100vw);
        top: 100px;
      }
      #modal2 .about-almondmilk_list::after{
        width: calc((188 / var(--pc))*100vw);
        height: calc((185 / var(--pc))*100vw);
        bottom: -180px;
        left: calc((-35 / var(--pc))*100vw);
      }
  }

  #modal2 .c-modal_button::before{
    content: none;
}

#modal2 .c-modal_button{
    background: #fff;
    color: #000;
    border-color: #000;
    border-width: 1px;
    font-size: 16px;
    max-width: 300px;
}

#modal2 .c-modal_button::after{
    background: #000;
}

#modal2 .c-modal_button:hover{
    background: #000;
    color: #fff;
}

#modal2 .c-modal_button:hover::after{
    background: #fff;
}

#modal2 .c-modal_button-mini-close{
  top: 41px;
  right: 41px;
}

@media all and (max-width: 960px) {
  #modal2 .c-modal_button{
    font-size: 12px;
    max-width: 200px;
    height: 45px;
  }
  #modal2 .c-modal_button::after{
    width: 6px;
  }
  #modal2 .c-modal_button-mini-close{
    top: min(calc((16 / var(--sp))*100vw),16px);
    right: min(calc((16 / var(--sp))*100vw),16px);
  }
}

@media all and (max-width: 960px) and (min-width:640px) {
  #modal2 .about-almondmilk_container-deco{
    max-width: unset;
  }
  #modal2 .about-almondmilk_container-deco img{
    max-width: 72px;
  }
  #modal2 .about-almondmilk_headding img{
    max-width: 360px;
  }
  #modal2 .about-almondmilk_lead{
    max-width: unset;
    font-size: min(15.5px,2vw);
  }
  #modal2 .about-almondmilk_container-deco::before{
    left: 0;
  }
  #modal2 .about-almondmilk_container-deco::after{
    right: 0;
  }
  #modal2 .about-almondmilk_list{
    max-width: unset;
  }
  #modal2 .about-almondmilk_list-items__box{
    padding-right: calc(12 / var(--sp) * 100vw);
    padding-left: calc(12 / var(--sp) * 100vw);
  }
  #modal2 .about-almondmilk_list-items::after{
    height: calc(440 / 750 * 100vw);
    background: url(../../img/brand/almond-milk/top/bg-paper_tab.png) no-repeat top;
    background-size: contain;
  }
  #modal2 .about-almondmilk_list-items:first-child>img{
    max-width: 400px;
    margin-top: calc(16 / var(--sp) * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #modal2 .about-almondmilk_list-items:nth-child(2)::after{
    height: calc(440 / 750 * 100vw);
    background: url(../../img/brand/almond-milk/top/bg-paper_tab.png) no-repeat top;
    background-size: contain;
  }
  #modal2 .about-almondmilk_list-items:nth-child(2)>img{
    max-width: 400px;
    margin-top: calc(16 / var(--sp) * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}

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

@media all and (min-width:768px) {
  .ly-almondmilkTop .sec-related {
      padding-bottom: 240px;
  }
  .gfooter__inner {
      margin-top: 0;
  }
}

@media all and (max-width:767px) {
  .mc-breadcrumb {
      margin-top: -70px;
  }
  .ly-almondmilkTop .sec-related {
      padding-bottom: 40px;
  }
}