@charset 'UTF-8';
/*  Add Custom CSS here.  */


.mv_add5off_img_wrap{
    display: flex;
}

.mv_add5off_img{
    width: 100%;
}

.mv_add5off_img img{
    width: 100%;
    object-fit: cover;
}

.mv_add5off_link01{
    display: flex;
    justify-content: center;
    padding: 30px 15px;
}

.mv_add5off_btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #363232;
    border-radius: 100px;
    max-width: 100px;
    max-width: 600px;
    padding: 0px 140px;
}


@media all and (max-width:767px) {
    .mv_add5off_btn01 {
    max-width: 72%;
    padding: 1px 11%;
}
}

/*  LINE 友達追加  */
.sec_anno_head .linkarea {
    background-color: #00b900;
    font-size: 1.5rem;
    color:#fff;
    letter-spacing: .05em;
    gap:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec_anno_head .btn{
    width:395px;
}

@media all and (max-width:767px) {
    .sec_anno_head .linkarea {
        padding: 0 10px 2px;
    }
    .sec_anno_head .txt{
        font-size:11px;
        letter-spacing: 0.1em;
    }
    .sec_anno_head .btn{
        width:88%;
    }
}


/*  ボタン「商品一覧」追加  */
.sec_scr_bnr {
    position: fixed;
    z-index: 100;
    right: -10px;
    bottom: -180px;
    transition: .3s ease;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    flex-direction:row-reverse;
  }
.sec_scr_bnr.show {
    bottom: 20px;
  }
/*.sec_scr_bnr.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
*/
.sec_scr_bnr .linkbtn {
    /*width: 230px;*/
    /*padding: 18px 60px 18px 30px;*/
    /*padding: 18px 30px 18px 30px;*/
    position:relative;
}
/*.sec_scr_bnr .linkbtn:hover {
    opacity: 1;
    background-color: #191919;
    color: #fff;
}*/
.sec_scr_bnr .scroll_banner_linkbtn01 {
    width: 260px;
    padding: 0px 25px;
    position:relative;
    background-color: #363232;
    border-radius: 100px;
    margin: 0 -25px 0 auto;
}

.sec_scr_bnr .scroll_banner_linkbtn02{
     width: 220px;
    padding: 0;
    background:none;
    border:none;
}


@media all and (max-width:767px) {
    .sec_scr_bnr {
        right: 0;
        left: 0;
        margin: auto;
    }
    .sec_scr_bnr.show {
        bottom: 20px;
    }
    .sec_scr_bnr.pos {
        /*width: 83%;*/
        bottom: 90px;
    }

    .sec_scr_bnr .scroll_banner_linkbtn01 {padding: 1px 13px;font-size: 13px;z-index:5; max-width:180px;margin: 0 auto;}
    .sec_scr_bnr .scroll_banner_linkbtn02 {
        width: 27%;
        position: absolute;
        right: 0;
    }

    .sec_scr_bnr .linkbtn::after {
        display: none;
    }
    
    .sec_scr_bnr.pos .scroll_banner_linkbtn01 {
        max-width:150px;
    }
    
    .sec_scr_bnr.pos .scroll_banner_linkbtn02 {
        width: 27%;
    }
    

    
}