@charset "utf-8";
/*------------------------------------------------------------
    2025.10
    秋のツヤツヤキャンペーン
------------------------------------------------------------*/
#item-contents{
    overflow: hidden;
}

.txt__kerning{ margin-left: -0.5em}

/*------------------------------------------------------------
    area__main
------------------------------------------------------------*/
.area__main{
    display: flex;
    flex-direction: column;
    align-items:center;
    align-self: stretch;
    background:url("../images/bg_01.webp") repeat;
}
.area__main .block__main{
    width: 100%;
    max-width: 900px;
}


/*------------------------------------------------------------
    frame__event-dates
------------------------------------------------------------*/
.frame__event-dates{
    display: flex;
    flex-direction: column;
    align-items:center;
    align-self: stretch;
    background: #E74650;
}
.inner__event-dates{
    display: flex;
    padding: 10px;
    justify-content: center;
    gap: 5px;
    width: 100%;
    max-width: 900px;
    color: #fff;
}
    .frame__event-dates h3{
        text-align: center;
        font-family:"MFW-YuGoPr6N-Bold";
        font-size: 11px;
        line-height: 1em;
        letter-spacing: 0.05em;
        display: flex;
        padding: 2px 10px;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        border: 1px solid #FFF;
    }
    .frame__event-dates p{
        line-height: 1em;
    }
    .frame__event-dates p.txt__deadline{
        font-family:"MFW-YuGoPr6N-Bold";
        font-size: 14px;
        letter-spacing: 0em;
        text-align: center;
    }

    .frame__event-dates p.txt__year{
        font-size: 11px;
        letter-spacing: 0em;
        font-family:"MFW-YuGoPr6N-Bold";
    }

    .frame__event-dates p.txt__day{
        font-size: 32px;
        letter-spacing: 0.05em;
        font-family:"MFW-YuGoPr6N-Bold";
    }
        .frame__event-dates p.txt__day span{
            font-size: 21px;
        }
    .frame__event-dates p.txt__time{
        font-size: 13px;
        font-family:"MFW-YuGoPr6N-Bold";
        margin-left: -.5em;
        padding-bottom: 5px;
    }
        .frame__event-dates p.txt__time span{
            font-size: 11px;
        }
    .frame__event-dates p.txt__tell{
        font-size: 13px;
        line-height:1.2em;
        text-align: center;
    }
        .frame__event-dates p.txt__tell span{
            font-size: 11px;
        }

@media screen and (max-width: 413px){
    .frame__event-dates p.txt__day{
        font-size: 25px;
    }
    .frame__event-dates p.txt__day span{
        font-size: 18px;
    }
}
@media screen and (min-width: 560px){
.inner__event-dates{
    gap: 8px;
}
    .frame__event-dates h3{
        font-size: 13px;
    }
    .frame__event-dates p.txt__deadline{
        font-size: 16px;
    }

    .frame__event-dates p.txt__year{
        font-size: 14px;
    }

    .frame__event-dates p.txt__day{
        font-size:36px;
    }
        .frame__event-dates p.txt__day span{
            font-size: 24px;
        }
    .frame__event-dates p.txt__time{
        font-size: 16px;
    }
        .frame__event-dates p.txt__time span{
            font-size: 16px;
        }
    .frame__event-dates p.txt__tell{
        font-size: 16px;
    }
        .frame__event-dates p.txt__tell span{
            font-size: 13px;
        }
}

.frame__event-dates .area__web{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:5px;
}
    .frame__event-dates .block__web{
        display: flex;
        justify-content: center;
        align-items:flex-end;
        gap:0px;
    }
    .frame__event-dates .box__web{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:3px;
    }

    .frame__event-dates .area__tell{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:3px;
        padding-left: 10px;
      }



/*------------------------------------------------------------
    frame__cp-item_list
------------------------------------------------------------*/
.frame__cp-item_list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5vw;
    gap: 5vw;
}
    @media screen and (min-width: 680px) {
        .frame__cp-item_list{
            padding: 42px 5vw 0;
            gap: 32px;
        }
    }

.inner__cp-item_list{
    width: 100%;
    max-width: 960px;
    display: grid;
    gap:2.5vw;
    grid-template-rows:fit-content(100%) minmax(0, 1fr);
    grid-template-columns: repeat(3,minmax(0, 1fr));
}
    @media screen and (min-width: 769px) {
        .inner__cp-item_list{
            grid-template-columns: repeat(4,minmax(0, 1fr));
            gap:24px;
        }
    }


/*box__cp-item*/
.box__cp-item{
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #BAB09E;
    background: #fff;
    cursor: pointer;
}
.box__cp-item:hover{
    opacity: .8;
}
.box__cp-item:after{
    content: '';
    display: block;
    width: 2.25vw;
    height: 1.5vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M0.5 1L4.5 5L8.5 1' stroke='%23715E3A' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

    .box__cp-item .unit__icon_off{
        width: 53px;
        height: 53px;
        position: absolute;
        top:0;
        right: 0;
        z-index: 10;
        color: #FFF;
        text-align: right;
        font-size: 4vw;
        font-family:"MFW-YuGoPr6N-Bold";
        letter-spacing: -0.08em;
        color: #FFF;
        padding: 2px;
        line-height: 1em;
        z-index: 1;
    }
    .box__cp-item .unit__icon_off:before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 11.75vw;
        height:  11.75vw;
        background: url("../images/icon_off_bg.webp") 0 0 no-repeat;
        background-size: contain;
        z-index: -1;
    }


        .box__cp-item .unit__icon_off .txt__per{
            font-size: 2.5vw;
            letter-spacing: 0em;
            padding-left: 2px;
        }
        .box__cp-item .unit__icon_off .txt__off{
            font-size: 2vw;
            display: block;
            letter-spacing: 0em;
            line-height: .7em;
        }
    .box__cp-item .unit__ph{
        border-radius: 5px 5px 0 0;
        overflow: hidden;
    }
    .box__cp-item .unit__txt{
        display: flex;
        height: 8vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        color: #715E3A;
        text-align: center;
        font-size: 3.25vw;
        line-height: 1em;
        letter-spacing: -0.03em;
    }
@media screen and (min-width: 680px) {
    .box__cp-item .unit__txt{
        letter-spacing: 0em;
    }
}
    .box__cp-item .unit__price{
        display: flex;
        color: #DF4C53;
        align-items: baseline;
        letter-spacing: 0;
        line-height: 1em;
        font-size: 4.25vw;
        font-family:"MFW-YuGoPr6N-Bold";
    }
        .box__cp-item .unit__price .txt__yen{
            font-size: 2.5vw;
        }
        .box__cp-item .unit__price .txt__tax{
            font-size: 2.5vw;
            letter-spacing: -0.05em;
            margin-left: -.5em;
        }
@media screen and (min-width: 680px) {
.box__cp-item:after{
    width: 17px;
    height: 10px;
}

    .box__cp-item .unit__icon_off{
        font-size: 28px;
    }
    .box__cp-item .unit__icon_off:before{
        width: 80px;
        height: 80px;
    }
        .box__cp-item .unit__icon_off .txt__per{
            font-size: 13px
        }
        .box__cp-item .unit__icon_off .txt__off{
            font-size: 13px;
        }
    .box__cp-item .unit__txt{
        height: 50px;
        font-size: 18px;
    }
    .box__cp-item .unit__price{
        font-size: 28px;
        letter-spacing: 0;
    }
        .box__cp-item .unit__price .txt__yen,
        .box__cp-item .unit__price .txt__tax{
            font-size:16px;
        }
}

/*===========================================================
    wrap__cp_menu
------------------------------------------------------------*/
.wrap__cp_menu{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5vw;
    gap: 5vw;
}
    @media screen and (min-width: 680px) {
        .wrap__cp_menu{
            padding: 42px 0;
            gap: 32px;
        }
    }


/*------------------------------------------------------------
    frame__cp-item_list-select
------------------------------------------------------------*/
.frame__cp-item_list-select{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.inner__cp-item_list-select{
    width: 100%;
    max-width: 680px;
    padding: 5vw 0 0;
}
.area__cp-item_list-select{
    display: flex;
    width: 100%;
    padding: 5.5vw 4vw 4vw 4vw;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #BAB09E;
    background: #fff;
}
    .area__cp-item_list-select:hover{
        opacity: .8;
    }
    .area__cp-item_list-select:after{
        content: '';
        display: block;
        width: 2.25vw;
        height: 1.5vw;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M0.5 1L4.5 5L8.5 1' stroke='%23715E3A' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

        .area__cp-item_list-select .box__tit{
            flex-direction: column;
            align-items: center;
            gap: 10px;
            width: 100%;
        }
        .area__cp-item_list-select .box__tit:after{
            content: '';
            display: block;
            width:100%;
            height: 1px;
            background: #BAB09E;
            margin-top: 10px;
        }
        .area__cp-item_list-select .box__tit h3{
            position: absolute;
            transform:translateX(-50%);
            top:-9.5vw;
            left: 50%;
            width: 80vw;
        }
        .area__cp-item_list-select .box__tit p{
            color:#DF4C53;
            text-align: center;
            font-size: 3.25vw;
            font-family:"MFW-YuGoPr6N-Bold";
            line-height: 1.5em;
        }
.area__cp-item_list-select .box__txt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:16px;
}
    .area__cp-item_list-select .box__txt p{
        font-size: 3.75vw;
        line-height: 1.75em;
    }
    .area__cp-item_list-select .box__txt p .txt__line{
        color: #DF4C53;
        font-size: 4vw;
        font-family:"MFW-YuGoPr6N-Bold";
        text-decoration: underline;
    }
    .area__cp-item_list-select .box__txt p .txt__s{
        font-size: 3vw;
    }
    .area__cp-item_list-select .box__txt p .txt__note{
        font-size: 2.5vw;
        display: block;
    }
    .area__cp-item_list-select .box__txt .unit__ph{
        width: 20vw;
        flex-shrink: 0;
}

@media screen and (min-width: 680px) {
    .inner__cp-item_list-select{
        padding: 32px 0 0;
    }
    .area__cp-item_list-select{
        padding: 34px 28px 28px 28px;
    }
    .area__cp-item_list-select:after{
        width: 17px;
        height: 10px;
    }
        .area__cp-item_list-select .box__tit h3{
            top:-62px;
            width: 540px;
        }
        .area__cp-item_list-select .box__tit p{
            font-size: 21px;
        }
    .area__cp-item_list-select .box__txt p{
        font-size:21px;
    }
    .area__cp-item_list-select .box__txt p .txt__line{
        font-size: 24px;
    }
    .area__cp-item_list-select .box__txt p .txt__s{
        font-size:18px;
    }
    #item-contents .area__cp-item_list-select .box__txt p .txt__note{
        font-size: 13px !important;
    }
    .area__cp-item_list-select .box__txt .unit__ph{
        width: 136px;
}
}

/*------------------------------------------------------------
    frame__cp-item_list-select
------------------------------------------------------------*/
.frame__cp-item_list-present{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.inner__cp-item_list-present{
    width: 100%;
    max-width: 680px;
}
    .area__cp-item-present{
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px 4vw;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 5px;
        border: 1px solid #BAB09E;
        background:url("../images/bg_07.webp");
}
    .area__cp-item-present:hover{
        opacity: .8;
    }
    .area__cp-item-present:after{
        content: '';
        display: block;
        width: 2.25vw;
        height: 1.5vw;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M0.5 1L4.5 5L8.5 1' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        z-index: 10;
    }
    .area__cp-item-present .box__cp-item-present{
        display: flex;
        width: 100%;
        gap: 10px;
        align-self: stretch;
        align-items: center;
    }
    .area__cp-item-present .box__cp-item-present h3{
        width:36vw;
        flex-shrink: 0;
    }
    .area__cp-item-present .box__cp-item-present h3 img{
        width:100%;
        height: auto;
    }
@media screen and (min-width: 680px) {
    .area__cp-item-present:after{
        width: 17px;
        height: 10px;
    }
    .area__cp-item-present .box__cp-item-present h3{
        width:240px;
    }
}


/*===========================================================
    frame__cp-about
------------------------------------------------------------*/
.frame__cp-about{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.frame__cp-about img{
    width: 100%;
    height: auto;
}
    .inner__cp-about{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 680px;
        padding: 5vw;
        gap: 5vw;
    }
    @media screen and (min-width: 680px) {
        .inner__cp-about{
            padding: 42px 0;
            gap: 32px;
        }
    }
.frame__cp-about .area__cp-about{
    position: relative;
    display: flex;
    width: 100%;
    padding: 4vw;
    flex-direction: column;
    gap: 4vw;
    border: 1px solid #E74650;
    background: #FFF;
}
        .frame__cp-about .area__cp-about:before{
            position: absolute;
            display: block;
            content:"";
            background: url("../images/icon_mail.svg") 0 0 no-repeat;
            width: 12.5vw;
            height:7.5vw;
            background-size: contain;
            top: -2vw;
            right: -1.75vw;
            z-index: 0;
            transform: rotate(12deg);
        }
        .frame__cp-about .area__cp-about:after{
            position: absolute;
            transform:translateX(-50%);
            left: 50%;
            bottom: -2.5vw;
            content:"";
            display: block;
            background: url("../images/arrow_01.svg") 0 0 no-repeat;
            width: 6vw;
            height: 4vw;
            background-size: contain;
            z-index: 0;
        }
    .frame__cp-about .area__cp-about .box__tit{
        display: flex;
        gap: 2.5vw;
        align-self: stretch;
        justify-content: center;
        align-items: center;
    }
    .frame__cp-about .area__cp-about .box__tit .unit__face{
        width: 15vw;
        flex-shrink: 0;
    }
    .frame__cp-about .area__cp-about .box__tit h3{
        color: #DF4C53;
        font-size: 3.75vw;
        line-height:1.5em;
        text-align: left;
        letter-spacing: -0.05em !important;
        font-family:"MFW-YuGoPr6N-Bold";
    }
    .frame__cp-about .area__cp-about p{
        text-align: justify;
        font-size: 3.75vw;
        line-height:1.5em;
        letter-spacing: 0.05em;
    }

    @media screen and (min-width: 680px) {
    .frame__cp-about .area__cp-about{
        padding: 27px;
        gap: 27px;
    }
        .frame__cp-about .area__cp-about:before{
            width: 85px;
            height:51px;
            top: -14px;
            right: -12px;
        }
        .frame__cp-about .area__cp-about:after{
            bottom: -17px;
            width: 40px;
            height: 28px;
        }
        .frame__cp-about .area__cp-about .box__tit{
            gap: 16px;
        }
        .frame__cp-about .area__cp-about .box__tit .unit__face{
            width: 100px;
        }
        .frame__cp-about .area__cp-about .box__tit h3{
            font-size: 21px;
            letter-spacing: 0 !important;
        }
        .frame__cp-about .area__cp-about p{
            font-size: 18px;
        }
    }


/*------------------------------------------------------------
    area__cp-about-tit
------------------------------------------------------------*/
.area__cp-about-tit{
    width: 84vw;
}

/*------------------------------------------------------------
    area__cp-about-s-txt
------------------------------------------------------------*/
.area__cp-about-s-txt{
    text-align: center;
    width: 84vw;
}

/*------------------------------------------------------------
    area__cp-about-txt
------------------------------------------------------------*/
.area__cp-about-txt{
    width: 84vw;
}

    @media screen and (min-width: 680px) {
        .area__cp-about-tit,
        .area__cp-about-s-txt,
        .area__cp-about-txt{
            width: 620px;
        }
    }

/*------------------------------------------------------------
    frame__pickup-item
------------------------------------------------------------*/
#pickup-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.frame__pickup-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.group__pickup-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    z-index: 10;
}

/*block__acco_tit*/
.frame__pickup-item .block__acco_tit{
    display: flex;
    justify-content: center;
    align-self: stretch;
}
.frame__pickup-item .box__acco_tit{
    display: flex;
    padding: 5px 12px 5px 10px;
    align-items: center;
    width: 100%;
    max-width: 840px;
    gap: 4vw;
    cursor: pointer;
}
    .frame__pickup-item .box__acco_tit:before{
        position: absolute;
        transform:translateY(-50%);
        top: 50%;
        right: 20px;
        content:"";
        width: 4px;
        height: 21px;
        display: block;
        flex-shrink: 0;
    }
        .frame__pickup-item .acco_op .box__acco_tit:before{
            display: none;
        }
    .frame__pickup-item .box__acco_tit:after{
        content:"";
        width: 20px;
        height: 5px;
        display: block;
        flex-shrink: 0;
    }
    .frame__pickup-item .box__acco_tit h3{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width:21.25vw;
        height:21.25vw;
    }
    .frame__pickup-item .box__acco_tit h3 img{
        width: 100%;
        height: auto;
    }
    .frame__pickup-item .box__acco_tit p{
        flex: 1;
        font-size: 3.75vw;
        line-height: 1.5em;
    }

    @media screen and (min-width: 680px) {
        .frame__pickup-item .box__acco_tit{
            gap: 28px;
        }
        .frame__pickup-item .box__acco_tit h3{
            width:140px;
            height:140px;
        }
        .frame__pickup-item .box__acco_tit p{
            font-size:21px;
        }
    }

/*pickup_skin*/
.pickup_skin .block__acco_tit{ background: url("../images/bg_02.webp") 0 0; background-size:100% auto;}
.pickup_skin .box__acco_tit:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='21' viewBox='0 0 4 21' fill='none'%3E%3Cpath d='M4 18.5C4 19.6046 3.10457 20.5 2 20.5C0.89543 20.5 -8.35087e-07 19.6046 -7.86805e-07 18.5L-8.74228e-08 2.5C-3.91405e-08 1.39543 0.89543 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5L4 18.5Z' fill='%23D66A86'/%3E%3C/svg%3E");
}
.pickup_skin .box__acco_tit:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5' viewBox='0 0 20 5' fill='none'%3E%3Cpath d='M18 0.5C19.1046 0.5 20 1.39543 20 2.5C20 3.60457 19.1046 4.5 18 4.5H2C0.89543 4.5 0 3.60457 0 2.5C0 1.39543 0.89543 0.5 2 0.5H18Z' fill='%23D66A86'/%3E%3C/svg%3E");
}

/*pickup_nail*/
.pickup_nail .block__acco_tit{ background: url("../images/bg_03.webp") 0 0; background-size:100% auto;}
.pickup_nail .box__acco_tit:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='21' viewBox='0 0 4 21' fill='none'%3E%3Cpath d='M4 18.5C4 19.6046 3.10457 20.5 2 20.5C0.89543 20.5 -8.35087e-07 19.6046 -7.86805e-07 18.5L-8.74228e-08 2.5C-3.91405e-08 1.39543 0.89543 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5L4 18.5Z' fill='%23C189D3'/%3E%3C/svg%3E");
}
.pickup_nail .box__acco_tit:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5' viewBox='0 0 20 5' fill='none'%3E%3Cpath d='M18 0.5C19.1046 0.5 20 1.39543 20 2.5C20 3.60457 19.1046 4.5 18 4.5H2C0.89543 4.5 0 3.60457 0 2.5C0 1.39543 0.89543 0.5 2 0.5H18Z' fill='%23C189D3'/%3E%3C/svg%3E");
}

/*pickup_teeth*/
.pickup_teeth .block__acco_tit{ background: url("../images/bg_04.webp") 0 0; background-size:100% auto;}
.pickup_teeth .box__acco_tit:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='21' viewBox='0 0 4 21' fill='none'%3E%3Cpath d='M4 18.5C4 19.6046 3.10457 20.5 2 20.5C0.89543 20.5 -8.35087e-07 19.6046 -7.86805e-07 18.5L-8.74228e-08 2.5C-3.91405e-08 1.39543 0.89543 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5L4 18.5Z' fill='%237D9FC6'/%3E%3C/svg%3E");
}
.pickup_teeth .box__acco_tit:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5' viewBox='0 0 20 5' fill='none'%3E%3Cpath d='M18 0.5C19.1046 0.5 20 1.39543 20 2.5C20 3.60457 19.1046 4.5 18 4.5H2C0.89543 4.5 0 3.60457 0 2.5C0 1.39543 0.89543 0.5 2 0.5H18Z' fill='%237D9FC6'/%3E%3C/svg%3E");
}

/*pickup_hair*/
.pickup_hair .block__acco_tit{ background: url("../images/bg_05.webp") 0 0; background-size:100% auto;}
.pickup_hair .box__acco_tit:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='21' viewBox='0 0 4 21' fill='none'%3E%3Cpath d='M4 18.5C4 19.6046 3.10457 20.5 2 20.5C0.89543 20.5 -8.35087e-07 19.6046 -7.86805e-07 18.5L-8.74228e-08 2.5C-3.91405e-08 1.39543 0.89543 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5L4 18.5Z' fill='%2389BC99'/%3E%3C/svg%3E");
}
.pickup_hair .box__acco_tit:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5' viewBox='0 0 20 5' fill='none'%3E%3Cpath d='M18 0.5C19.1046 0.5 20 1.39543 20 2.5C20 3.60457 19.1046 4.5 18 4.5H2C0.89543 4.5 0 3.60457 0 2.5C0 1.39543 0.89543 0.5 2 0.5H18Z' fill='%2389BC99'/%3E%3C/svg%3E");
}

/*pickup_body*/
.pickup_body .block__acco_tit{ background: url("../images/bg_06.webp") 0 0; background-size:100% auto;}
.pickup_body .box__acco_tit:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='21' viewBox='0 0 4 21' fill='none'%3E%3Cpath d='M4 18.5C4 19.6046 3.10457 20.5 2 20.5C0.89543 20.5 -8.35087e-07 19.6046 -7.86805e-07 18.5L-8.74228e-08 2.5C-3.91405e-08 1.39543 0.89543 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5L4 18.5Z' fill='%23E39E67'/%3E%3C/svg%3E");
}
.pickup_body .box__acco_tit:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5' viewBox='0 0 20 5' fill='none'%3E%3Cpath d='M18 0.5C19.1046 0.5 20 1.39543 20 2.5C20 3.60457 19.1046 4.5 18 4.5H2C0.89543 4.5 0 3.60457 0 2.5C0 1.39543 0.89543 0.5 2 0.5H18Z' fill='%23E39E67'/%3E%3C/svg%3E");
}


/*block__pickup*/
.frame__pickup-item .wrap__acco{
    display: flex;
    padding: 8vw 5vw;
    align-items: center;
    flex-direction: column;
    gap: 8vw;
    align-self: stretch;
    background: #fff;
}
    .frame__pickup-item .block__pickup{
        max-width: 680px;
        display: grid;
        gap: 4vw;
        grid-template-columns: 24vw 1fr;
        grid-template-rows: repeat(2,minmax(0, auto));
    }
    @media screen and (min-width: 680px) {
        .frame__pickup-item .block__pickup{
            gap: 24px;
        }
    }

    .frame__pickup-item .block__pickup .box__ph{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .frame__pickup-item .block__pickup .box__txt{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
    .frame__pickup-item .block__pickup .box__comment{
        grid-column: 1/3;
        display: flex;
        flex-direction: column;
        padding: 12px 20px;
        gap: 5px;
        border: 3px solid;
    }
    .frame__pickup-item .block__pickup .box__comment .icon__face{
            display: flex;
            width: 16vw;
            height: 16vw;
            transform: rotate(12deg);
            justify-content: center;
            align-items: center;
            position: absolute;
            right: -5vw;
            top: -8vw;
    }
    .frame__pickup-item .block__pickup .icon_pickUp{
        display: flex;
        padding: 2px 2.5vw;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius:9999px;
        }
    .frame__pickup-item .block__pickup .icon_pickUp img{
        width: 15vw;
        height: auto;
    }
    .frame__pickup-item .block__pickup h4{
        font-size: 4vw;
        line-height:1em;
        letter-spacing: 0.01em !important;
    }
    .frame__pickup-item .block__pickup .box__txt p{
        text-align: justify;
        font-size: 3.5vw;
        line-height: 1.5em;
        letter-spacing: -0.05em;
    }
    .frame__pickup-item .block__pickup h5{
        font-size: 3.5vw;
        line-height: 1em;
        letter-spacing: -0.01em;
    }
    .frame__pickup-item .block__pickup h5 span{
        font-size: 2.5vw;
    }
    .frame__pickup-item .block__pickup .box__comment p{
        text-align: justify;
        font-size: 3.5vw;
        line-height: 1.5em;
        letter-spacing: -0.05em;
    }
    @media screen and (min-width: 680px) {
        .frame__pickup-item .wrap__acco{
            padding: 54px 34px;
            gap: 54px;
        }
        .frame__pickup-item .block__pickup{
            grid-template-columns: 160px 1fr;
        }
        .frame__pickup-item .block__pickup .box__comment .icon__face{
            width: 100px;
            height: 100px;
            right: -34px;
            top: -54px;
        }
        .frame__pickup-item .block__pickup .icon_pickUp{
            padding: 2px 15px;
            }
        .frame__pickup-item .block__pickup .icon_pickUp img{
            width: 100px;
        }
        .frame__pickup-item .block__pickup h4{
            font-size: 24px;
        }
        .frame__pickup-item .block__pickup h5{
            font-size: 21px;
        }
        .frame__pickup-item .block__pickup h5 span{
            font-size: 16px;
        }
        .frame__pickup-item .block__pickup .box__txt p,
        .frame__pickup-item .block__pickup .box__comment p{
            font-size: 18px;
            letter-spacing: 0em;
        }
    }

    .frame__pickup-item .btn__pickup-item{
        display: flex;
        width: 100%;
        max-width: 420px;
        height: 60px;
        padding: 12px 0 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background: url("../images/bg_07.webp") 0 0 no-repeat;
        background-size: 100% auto;
        color: #FFF;
        font-size: 4vw;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-family:"MFW-YuGoPr6N-Bold";
        overflow: hidden;
    }
    .frame__pickup-item .btn__pickup-item:hover{
        opacity: .8;
    }
    .frame__pickup-item .btn__pickup-item:after{
        content:"";
        width: 15px;
        height: 9px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M1.5 1L7.5 7L13.5 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }
        .frame__pickup-item .btn__pickup-item .icon__off{
            position: absolute;
            transform: translateX(-50%) translateY(-50%);
            top: 50%;
            left:50%;
            display: flex;
            width: 68px;
            height: 68px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            border-radius: 50%;
            border: 1px solid #FFF;
            margin-left: -22.5vw;
        }
        .frame__pickup-item .btn__pickup-item .icon__off img{
            width: 50px;
            transform: rotate(-6deg);
        }
@media screen and (min-width: 490px) {
        .frame__pickup-item .btn__pickup-item{
            font-size: 21px;
        }
        .frame__pickup-item .btn__pickup-item .icon__off{
            margin-left: -120px;
        }
    }

/*pickup_nail*/
.pickup_nail .block__pickup{
    width: 100%;
    grid-template-columns: 1fr 1fr;
}
    .pickup_nail .block__pickup .box__ph{
        gap:5px;
    }
    .pickup_nail .block__pickup .box__ph:nth-child(1){
        padding-left:12.5vw;
    }
    .pickup_nail .block__pickup .box__ph:nth-child(2){
        padding-right:12.5vw;
    }
    .pickup_nail .block__pickup h4{
        display: flex;
        align-items: center;
        justify-content:center;
        text-align: center;
        height: 2.5em;
        line-height: 1.2em;
    }
    .pickup_nail .block__pickup .unit__ph img{
        width: 24vw;
    }

    @media screen and (min-width: 680px) {
        .pickup_nail .block__pickup .unit__ph img{
            width: 160px;
        }
        .pickup_nail .block__pickup .box__ph:nth-child(1){
            padding-left:85px;
        }
        .pickup_nail .block__pickup .box__ph:nth-child(2){
            padding-right:85px;
        }
    }


/*pickup_body*/
.pickup_body .block__pickup .box__main-pickup_body{
    grid-column: 1/3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.pickup_body .block__pickup .tit__main-pickup_body{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.pickup_body .block__pickup .txt__main-pickup_body{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.pickup_body .block__pickup h3{
    color: #BF7234;
    text-align: center;
    font-size: 33px;
    line-height: 1em;
    letter-spacing:0.15em;
}
.pickup_body .block__pickup p{
    line-height: 1.5em;
}



/*pickup_skin*/
.pickup_skin .block__pickup .box__comment{ border-color:#F7CBD5;}
.pickup_skin .block__pickup .icon_pickUp{ background: #DE8199;}
.pickup_skin .block__pickup h4,
.pickup_skin .block__pickup h5{ color: #DE8199; }

/*pickup_nail*/
.pickup_nail .block__pickup .box__comment{ border-color:#DECAE1;}
.pickup_nail .block__pickup .icon_pickUp{ background: #C189D3;}
.pickup_nail .block__pickup h4,
.pickup_nail .block__pickup h5{ color: #C189D3; }

/*pickup_teeth*/
.pickup_teeth .block__pickup .box__comment{ border-color:#C8EEF1;}
.pickup_teeth .block__pickup .icon_pickUp{ background: #7D9FC6;}
.pickup_teeth .block__pickup h4,
.pickup_teeth .block__pickup h5{ color: #7D9FC6; }

/*pickup_hair*/
.pickup_hair .block__pickup .box__comment{ border-color:#D1F2D4;}
.pickup_hair .block__pickup .icon_pickUp{ background: #89BC99;}
.pickup_hair .block__pickup h4,
.pickup_hair .block__pickup h5{ color: #89BC99; }

/*pickup_body.*/
.pickup_body .block__pickup .box__comment{ border-color:#FADABA;}
.pickup_body .block__pickup .icon_pickUp{ background: #E39E67;}
.pickup_body .block__pickup h4,
.pickup_body .block__pickup h5{ color: #BF7234; }




/*------------------------------------------------------------
    frame__about-present
------------------------------------------------------------*/
.frame__about-present{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #FFECEC;
}
.inner__about-present{
    display: flex;
    flex-direction: column;
    align-items: center;
        width: 100%;
        max-width: 680px;
        padding: 5vw;
        gap: 5vw;
    }
    @media screen and (min-width: 680px) {
        .inner__about-present{
            padding: 42px 0;
            gap: 32px;
        }
    }

/*box__tit-about-present*/
.frame__about-present .box__tit-about-present{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap:16px;
}
.frame__about-present .box__tit-about-present h2{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 52.5vw;
}
.frame__about-present .box__tit-about-present h2:before{
    content:"";
    width: 18vw;
    height: 18vw;
    background: url("../images/icon_present.svg") 0 0 no-repeat;
    background-size: contain;
}
.frame__about-present .box__tit-about-present p{
    font-size: 3.5vw;
    line-height: 1em;
    letter-spacing: -0.01em;
}


/*area__about-present*/
.frame__about-present .area__about-present{
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    background: #F6CBCB;
}

.frame__about-present .area__about-present p.txt__about-present{
    font-size: 3.25vw;
    line-height: 1.5em;
}
.frame__about-present .area__about-present p.txt__about-present span{
    color: #B21E23;
}
.frame__about-present .area__about-present p.txt__about-present img{
    width: auto;
    height: 8vw;
    margin-top: 10px;
    color: #B21E23;
}

.frame__about-present .area__about-present .box__present{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-shrink: 0;
    border-radius: 100%;
    background: url("../images/bg_07.webp") 0 0 no-repeat;
    background-size: contain;
}
.frame__about-present .area__about-present .box__present h4{
    line-height: 1em;
}
.frame__about-present .area__about-present .box__present h4 img{
    width: 17.5vw;
    height: auto;
}
.frame__about-present .area__about-present .box__present p{
    color: #FFF;
    text-align: center;
    font-size: 2.75vw;
    line-height: 150%;
    letter-spacing:-0.01em;
    font-family:"MFW-YuGoPr6N-Bold";
}

.present_01 .box__present{
    width: 28vw;
    height: 28vw;
}

.present_01 .unit_item{
    position: absolute;
    width: 13.25vw;
    transform: translateX(-50%) translateY(-50%) rotate(12deg);
    top: 50%;
    left:50%;
    margin-top: 5vw;
    margin-left: -10vw;
}

.present_02 .box__present{
    width: 32vw;
    height: 32vw;
    padding-top: 2.5vw;
}
.present_02 .unit_item{
    display: flex;
    justify-content: center;
}
.present_02 .unit_item img{
    object-fit: cover;
}
.present_02 .unit_item img:nth-child(1){
    transform:rotate(12deg);
    width: 12vw;
}
.present_02 .unit_item img:nth-child(2){
    width: 28vw;
}
    @media screen and (min-width: 680px) {
        /*box__tit-about-present*/
        .frame__about-present .box__tit-about-present h2{
            width: 350px;
        }
        .frame__about-present .box__tit-about-present h2:before{
            width: 120px;
            height: 120px;
        }
        .frame__about-present .box__tit-about-present p{
            font-size:21px;
        }


        /*area__about-present*/
        .frame__about-present .area__about-present p.txt__about-present{
            font-size: 18px;
        }
        .frame__about-present .area__about-present p.txt__about-present img{
            height: 54px;
        }
        .frame__about-present .area__about-present .box__present h4 img{
            width:120px;
        }
        .frame__about-present .area__about-present .box__present p{
            font-size: 18px;
        }
        .present_01 .box__present{
            width: 190px;
            height: 190px;
        }
        .present_01 .unit_item{
            width: 90px;
            margin-left: -56px;
        }

        .present_02 .box__present{
            width: 217px;
            height: 217px;
            padding-top: 16px;
        }
        
        .present_02 .unit_item img:nth-child(1){
            width: 80px;
        }
        .present_02 .unit_item img:nth-child(2){
            width: 182px;
        }
    }

.frame__about-present h3 img{
    width: 80vw;
    height: auto;
}
    @media screen and (min-width: 680px) {
        .frame__about-present h3 img{
            width: 540px;
        }
    }

.area__secret-present{
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    align-self: stretch;
    border-radius: 9999px;
    background: #E98484;
}
.area__secret-present:before{
    content:"";
    width: 7vw;
    height: 10.5vw;
    flex-shrink: 0;
    background: url("../images/icon_question.svg") 0 0 no-repeat;
    background-size: contain;
}
.area__secret-present .box__secret-present{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.area__secret-present h5{
    display: flex;
    align-self: stretch;
}
.area__secret-present h5 img{
    width: 20vw;
    height: auto;
}
.area__secret-present p{
    color: #FFF;
    text-align: center;
    font-size: 3.25vw;
    line-height: 1em;
}
.area__secret-present .unit_tell{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.area__secret-present .unit_tell p{
    color: #FFF;
    text-align: center;
    font-size: 3vw;
    line-height: 150%;
}
.area__secret-present .unit_tell p a{
    color: #FFF !important;
    text-decoration: none !important;
}
@media(min-width: 768px){
    .area__secret-present .unit_tell p a[href^="tel:"]{
        pointer-events: none;
      }
    .area__secret-present .unit_tell p a:hover{
        opacity: 1;
        cursor: default;
      }
}
.area__secret-present .unit_tell .txt_tell{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    text-align: center;
    font-size: 6vw;
    line-height: 1em;
    letter-spacing:0.05em;
    font-family:"MFW-YuGoPr6N-Bold";
}
.area__secret-present .unit_tell .txt_tell img{
    width: 8vw;
    height: auto;
}

.frame__about-present .txt__note{
    width: 100%;
    text-align: right;
}
    @media screen and (min-width: 680px) {
        .area__secret-present{
            gap:20px;
        }
        .area__secret-present:before{
            width: 48px;
            height: 72px;
        }
        .area__secret-present h5 img{
            width: 136px;
        }
        .area__secret-present p{
            font-size: 18px;
        }
        .area__secret-present .unit_tell p{
            font-size: 20px;
        }
        .area__secret-present .unit_tell .txt_tell{
            font-size: 40px;
        }
        .area__secret-present .unit_tell .txt_tell img{
            width: 54px;
        }
}



/*------------------------------------------------------------
   section__item_cart
------------------------------------------------------------*/
.section__item_cart{
margin-top: 0;
}
.section__item_cart:before,
.section__item_cart:after{
    display: none;
}

.group__cp_item-cart{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #DD96B8;
}
.group__cp_item-cart .area__sub_cart_main{
    max-width: 680px;
    display: grid;
    gap: 16px;
    grid-template-columns: 24vw 1fr;
    grid-template-rows: repeat(2,minmax(0, auto));
    align-items: flex-start;
}

.group__cp_item-cart .area__sub_cart_main .box__item_txt{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.group__cp_item-cart .area__sub_cart_main .box__item_txt h3{
    font-size: 5vw;
    line-height:1.3em;
    letter-spacing:0.01em;
    width: 100%;
    text-align: left;
    padding-top: 10px;
}
.group__cp_item-cart .area__sub_cart_main .box__item_txt h3 span{
    font-size: 4vw;
    letter-spacing: 0;
}
.group__cp_item-cart .area__sub_cart_main .box__item_txt p{
    font-size: 3.5vw;
    line-height: 1.5em;
    letter-spacing: 0em;
    width: 100%;
    text-align: left;
}


.group__cp_item-cart .area__sub_cart_main .box__item_price{
    grid-column: 1/3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4vw;
}
.group__cp_item-cart .area__sub_cart_main .box__item_price .icon__off{
    display: flex;
    width: 18vw;
    height: 18vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 100%;
    padding: 2vw;
    background: url("../images/bg_07.webp") 0 0 no-repeat;
    background-size: contain;
}
.group__cp_item-cart .area__sub_cart_main .unit__item_price{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 15px;
}
.group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal{
    color: #5A5655;
    font-size: 2.5vw;
    line-height:1em;
    text-align: right;
}
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal .txt__off{
        font-size: 3vw;
        text-decoration-line: line-through;
    }
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal .icon__yen{
        font-size: 2.5vw;
    }
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal .txt__tax{
        font-size: 2.5vw;
        margin-left: -.5em;
    }
.group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price{
    text-align: right;
    color:#DF4C53;
    font-size: 10vw;
    line-height: 1em;
    letter-spacing: -0.01em;
    font-family:"MFW-YuGoPr6N-Bold";
}
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price .icon__yen{
        font-size: 6vw;
    }
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price .txt__yen{
        font-size: 6vw;
    }
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price .txt__tax{
        margin-left: -0.5em;
        font-size: 3vw;
    }


@media screen and (min-width: 680px) {
    .group__cp_item-cart .area__sub_cart_main{
        grid-template-columns: 160px 1fr;
    }

    .group__cp_item-cart .area__sub_cart_main .box__item_txt h3{
        font-size: 24px;
    }
    .group__cp_item-cart .area__sub_cart_main .box__item_txt h3 br{
        display: none;
    }
    .group__cp_item-cart .area__sub_cart_main .box__item_txt h3 span{
        font-size: 21px;
    }
    .group__cp_item-cart .area__sub_cart_main .box__item_txt p{
        font-size:18px;
    }

    .group__cp_item-cart .area__sub_cart_main .box__item_price{
        gap: 24px;
    }
    .group__cp_item-cart .area__sub_cart_main .box__item_price .icon__off{
        width: 120px;
        height: 120px;
        padding: 15px;
    }
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal{
        font-size: 16px;
    }
        .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal .txt__off{
            font-size: 20px;
        }
        .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal .icon__yen{
            font-size: 16px;
        }
        .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__nomal .txt__tax{
            font-size: 16px;
        }
    .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price{
        font-size:54px;
    }
        .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price .icon__yen{
            font-size: 42px;
        }
        .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price .txt__yen{
            font-size: 42px;
        }
        .group__cp_item-cart .area__sub_cart_main .unit__item_price p.txt__price .txt__tax{
            font-size: 20px;
        }
}


.group__cp_item-cart .area__item_cart{
    background: #FFECEC;
}
.section__item_cart .group__cp_item-cart .box__quant:before{
    border-color: #DD554C transparent transparent transparent;
}




/*acco*/
/*box__item_outline*/
.area__item_ingredients .box__item_outline{
    gap: 0;
}
.inner__acco__outline .acco__outline{
    padding-left: 1em !important;
}