@charset 'UTF-8';
#cherryblossom
{
    line-height: 1;
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: justify;
}
#cherryblossom ol,
#cherryblossom li
{
    margin: 0;
    padding: 0;

    list-style: none;
}
.cherryblossom_container img
{
    width: 100%;
    height: auto;
}
.cherryblossom_container *
{
    font: inherit;
    font-family: 'Noto Sans JP', 'Gill Sans', 'Gill Sans MT', Calibri, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
    font-weight: 500;
    line-height: inherit;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    background-repeat: no-repeat;
}
#cherryblossom *:before,
#cherryblossom *:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
@media screen and (min-width: 375px)
{
    #cherryblossom .util_max374
    {
        display: none !important;
    }
}
@media screen and (max-width: 374px)
{
    #cherryblossom .util_min375
    {
        display: none !important;
    }
}

#cherryblossom .detaillink_btn
{
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;

    display: block;

    width: 200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 12px 0 14px;

    text-align: center;
    text-indent: .1em;
    letter-spacing: .1em;

    color: #fff;
    border-radius: 40px;
    background-color: #004236;
}
#cherryblossom .section_inner
{
    max-width: 375px;
    margin-right: auto;
    margin-left: auto;
}
#cherryblossom_go_top
{
    position: fixed;
    right: 8px;
    bottom: 68px;
    z-index: 5;

    visibility: hidden;

    width: 47px;

    -webkit-transition-duration: .5s;
       -moz-transition-duration: .5s;
        -ms-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s;
    -webkit-transition-property: opacity, visibility;
       -moz-transition-property: opacity, visibility;
        -ms-transition-property: opacity, visibility;
         -o-transition-property: opacity, visibility;
            transition-property: opacity, visibility;

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}
#cherryblossom_go_top.show
{
    visibility: visible;

    opacity: 1;

    -ms-filter: none;
        filter: none;
}
#footer {
    padding-bottom: 78px !important;
}
#contents_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #F8F3E8;
}
#contents_nav_list {
    display: flex;
    justify-content: space-between;
    height: 58px;
}
#contents_nav li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.33333%;
    height: 58px;
    box-sizing: border-box;
}
#contents_nav li a {
    border-top: 8px solid #000;
    width: 100%;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
}
#contents_nav li img {
    width: auto;
    height: 31px !important;
    vertical-align: top;
}
#contents_nav li + li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 1px;
    height: 40px;
    background-color: #004236;
}
#contents_nav li a[href="#cb_cherryblossom"] {
    border-top-color: #E8A1CA;
}
#contents_nav li a[href="#cb_bergamot"] {
    border-top-color: #32A639;
}
#contents_nav li a[href="#cb_jasmine"] {
    border-top-color: #F39B52;
}
#contents_nav li a[href="#cb_rose"] {
    border-top-color: #AA2F2F;
}
#contents_nav li a[href="#cb_tonka"] {
    border-top-color: #7B0000;
}
.cherryblossom_kv img {
    vertical-align: top;
}



.firstview {
    background-color: #FAF7EE;
    padding: 50px 0 36px;
    .firstview_ttl {
        width: 270px;
        margin: 0 auto 40px;
        text-align: left;
        img {
            width: auto;
            height: 204px !important;
        }
    }
    .firstview_txt {
        font-weight: bold;
        width: fit-content;
        font-size: 16px;
        line-height: 30px;
        margin: calc((1em - 1lh) / 2) auto;
    }
    .firstview_navi {
        width: calc((340/375)*100%);
        margin: 55px auto 0;
        ul {
            display: flex;
            justify-content: space-between;
            li {
                width: calc((82/340)*100%);
            }
        }
    }
}


.cb_section {
    position: relative;
}
.sectionTitle {
    text-align: center;
}
.sectionTitle img {
    width: auto;
    height: 28px !important;
}
.sectionTitleJP {
    margin: 7px 0 16px;
    line-height: 1.5;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-align: center;
}
.sectionCopy {
    margin-bottom: 32px;
    line-height: 1.25;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.sectionLead {
    margin: 0 calc(20/375*100vw) 32px;
    display: flex;
    flex-direction: column-reverse;
}
.sectionLeadImage {
    margin: 32px auto 0;
    width: calc(554/750*100vw);
}
.sectionLeadTxt p {
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
}


.specialset {
}
.specialsetTitle {
    margin-bottom: 70px;
    text-align: center;
}
.specialsetTitle img {
    width: auto;
    height: 28px !important;
}


.itemBox {
    text-align: center;
}
.itemImg {
    margin: 0 auto 10px;
    width: calc(122/375*100vw);
    text-align: center;
}
.itemBoxBody {
    margin: 0 auto;
    width: calc(256/375*100vw);
}
.itemName {
    line-height: 1.428;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.05em;
    white-space: nowrap;
}
.limited .itemName span.limitedItem,
#cb_rose .limitedItem {
    display: block;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 0.062em;
}
.itemPrice {
    margin: 12px auto 22px;
    padding: 9px 0 0;
    border-top: 1px solid #000;
    width: calc(196/375*100vw);
    width: 100%;
    line-height: 1.5;
    font-size: 12px;
}
.itemPrice span {
    font-size: 10px !important;
}
.itemInfo {
    margin: -6px 0 22px;
    line-height: 1.3;
    font-size: 10px;
}
.itemIntro {
}
.itemIntro p {
    line-height: 1.636;
    font-size: 11px;
}
.itemLink {
    margin-top: 20px;
    text-align: center;
}
.itemLink a {
    border-radius: 100px;
    display: inline-block;
    width: 162px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .14em;
}

.setColumn {
    position: relative;
}
.columnImg {
    margin: 0;
}
.anchorPoint {
    position: absolute;
    top: -74px;
}

.setColumn .itemBox {
    margin: 0 auto;
    padding-bottom: 52px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(322/375*100vw);
    position: relative;
}
.setColumn .itemBox .itemImg {
}
.setColumn .itemBox .itemBoxBody {
    width: calc(200/375*100vw);
}
.setColumn .itemBox .itemIntro p {
    white-space: nowrap;
}
.setColumn .itemBox .itemLink {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}




/* cb_cherryblossom */
#cb_cherryblossom {
    padding-bottom: 150px;
    z-index: 1;
    overflow: hidden !important;
    /* background: #fff6fb url(../img/usr/products/sp/i/eCHOICE_sp/bg_cherryblossom.png) top center / 100% auto no-repeat; */
    background-image: url(../img/usr/products/sp/i/eCHOICE_sp/bg_cherryblossom.png);
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}
#cb_cherryblossom .sectionKV {
    margin-bottom: 90px;
}
#cb_cherryblossom .sectionTitleJP,
#cb_cherryblossom .sectionCopy {
    color: #E897CA;
}
#cb_cherryblossom .itemPrice {
    border-top-color: #E897CA;
}
#cb_cherryblossom .itemLink a {
    background-color: #E897CA;
}
#cb_cherryblossom .specialset {
}
#cb_cherryblossom .specialsetTitle {
    margin: 95px 0 11px;
}
#cb_cherryblossom .specialset .itemImg {
    margin: 0 auto 10px;
    width: calc(532/750*100vw);
}
#cb_cherryblossom .specialset .item_cb02 {
    margin-top: 70px;
}
#cb_cherryblossom .specialset_shop {
    width: calc(340/375*100vw);
    margin: 45px auto 0;
}
#cb_cherryblossom .specialset_shop_tag {
    width: 97px;
    margin-bottom: 9px;
}
#cb_cherryblossom .specialset_shop_txt {
    font-size: 10px;
    line-height: 20px;
    text-align: left;
    word-break: break-all;
}
#cb_cherryblossom .itemBox {
}
#cb_cherryblossom .cb_column01 {
    margin-top: 90px;
}
#cb_cherryblossom .cb_column01 .columnImg {
    margin-left: calc(18/375*100vw);
}
#cb_cherryblossom .item_cb03,
#cb_cherryblossom .item_cb04,
#cb_cherryblossom .item_cb05,
#cb_cherryblossom .item_cb06 {
    padding: 60px 0 0;
}
#cb_cherryblossom .item_cb03 {
    padding-top: 35px;
}

#cb_cherryblossom .cb_column02 {
    margin-top: 102px;
}
#cb_cherryblossom .cb_column02 .columnImg {
    margin-right: calc(18/375*100vw);
}
#cb_cherryblossom .item_cb05,
#cb_cherryblossom .item_cb06 {
    flex-direction: row-reverse;
    transform: translateX(5.33vw);
}
#cb_cherryblossom .item_cb05 {
    padding: 25px 0 0;
}
#cb_cherryblossom .item_cb05 .itemIntro {
    margin: 0 -1em;
}
#cb_cherryblossom .item_cb05 .itemLink,
#cb_cherryblossom .item_cb06 .itemLink {
    transform: translateX(-5.33vw);
}




/* cb_bergamot */
#cb_bergamot {
    padding-bottom: 90px;
    background: #e8f3e6 url(../img/usr/products/sp/i/eCHOICE_sp/bg_bergamod.png) top 100vw center / 100% auto no-repeat;
}
#cb_bergamot .sectionTitle {
    padding-top: 40px;
}
#cb_bergamot .sectionTitleJP,
#cb_bergamot .sectionCopy {
    color: #32A639;
}
#cb_bergamot .itemPrice {
    border-top-color: #000;
}
#cb_bergamot .itemLink a {
    background-color: #32A639;
}
#cb_bergamot .sectionLead {
    margin-bottom: 112px;
}
#cb_bergamot .specialsetTitle {
    margin-bottom: 30px;
}
#cb_bergamot .itemBox {
    padding-top: 46px;
}
#cb_bergamot .setColumn .itemBox {
    padding-top: 60px;
}
#cb_bergamot .item_vb01 {
    padding-top: 0;
}
#cb_bergamot .item_vb01 .itemImg {
    margin: 0 auto 20px;
    width: calc(532/750*100vw);
}
#cb_bergamot .item_vb01 .itemBoxBody {
    width: calc(272/375*100vw);
}
#cb_bergamot .item_vb01 .itemPrice {
    width: calc(268/375*100vw);
    max-width: 268px;
}
#cb_bergamot .vb_column01 {
    margin-top: 100px;
}
#cb_bergamot .vb_column01 .columnImg,
#cb_bergamot .vb_column02 .columnImg {
    margin: 0 auto;
    width: calc(676/750*100vw);
}
#cb_bergamot .vb_column02 {
    margin-top: 90px;
}
#cb_bergamot .vb_column02 .itemBox {
    flex-direction: row-reverse;
}
#cb_bergamot .item_vb04,
#cb_bergamot .item_vb05 {
    flex-direction: row-reverse;
    transform: translateX(5.33vw);
}
#cb_bergamot .item_vb04 .itemLink,
#cb_bergamot .item_vb05 .itemLink {
    transform: translateX(-5.33vw);
}



/* cb_jasmine */
#cb_jasmine {
    padding-bottom: 100px;
    background: #fdeade url(../img/usr/products/sp/i/eCHOICE_sp/bg_jasmine.png) top 100vw center / 100% auto no-repeat;
}
#cb_jasmine .sectionTitle {
    padding-top: 68px;
}
#cb_jasmine .sectionTitleJP,
#cb_jasmine .sectionCopy {
    color: #DB5715;
}
#cb_jasmine .itemPrice {
    border-top-color: #000;
}
#cb_jasmine .itemLink a {
    background-color: #DB5715;
}
#cb_jasmine .sectionLead {
    margin-bottom: 80px;
}
#cb_jasmine .specialsetTitle {
    margin-bottom: 30px;
}
#cb_jasmine .itemBox {
    padding-top: 46px;
}
#cb_jasmine .item_wj01 {
    padding-top: 0;
}
#cb_jasmine .item_wj01 .itemImg {
    margin: 0 auto 20px;
    width: calc(532/750*100vw);
}
#cb_jasmine .item_wj01 .itemBoxBody {
    width: calc(272/375*100vw);
}
#cb_jasmine .item_wj01 .itemPrice {
    width: calc(268/375*100vw);
    max-width: 268px;
}

#cb_jasmine .wj_column01 {
    margin: 92px auto 0;
    width: calc(335/375*100vw);
}
#cb_jasmine .item_wj02 {
    padding-top: 25px;
}
#cb_jasmine .wj_column02 {
    margin: 75px auto 0;
    width: calc(342/375*100vw);
}
#cb_jasmine .wj_column02 .itemBox {
    flex-direction: row-reverse;
}
#cb_jasmine .item_wj05 {
    padding-top: 60px;
}
#cb_jasmine .item_wj04,
#cb_jasmine .item_wj05 {
    flex-direction: row-reverse;
    transform: translateX(5.33vw);
}
#cb_jasmine .item_wj04 .itemLink,
#cb_jasmine .item_wj05 .itemLink {
    transform: translateX(-5.33vw);
}



/* cb_rose */
#cb_rose {
    padding-top: 0;
    padding-bottom: 176px;
    background: #f1e7e7 url(../img/usr/products/sp/i/eCHOICE_sp/bg_rosebud_sp.png) top 85vw center / 100% auto no-repeat;
}
#cb_rose .sectionTitle {
    padding-top: 68px;
}
#cb_rose .sectionTitle img {
    height: 27px !important;
}
#cb_rose .sectionTitleJP,
#cb_rose .sectionCopy {
    color: #AA2F2F;
}
#cb_rose .itemPrice {
    border-top-color: #000;
}
#cb_rose .itemLink a {
    background-color: #AA2F2F;
}
#cb_rose .sectionLead {
    margin-bottom: 80px;
}
#cb_rose .specialsetTitle {
    margin-bottom: 40px;
}
#cb_rose .item_rr01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 20px;
    width: 100% !important;
}
#cb_rose .item_rr01 .itemImg {
    width: calc(532/750*100vw);
}
#cb_rose .item_rr01 .itemBoxBody {
    width: calc(227/375*100vw);
}
#cb_rose .itemBox {
}
#cb_rose .limitedItem {
    display: block;
}
#cb_rose .rr_column01 {
    margin: 92px auto 0;
    width: calc(335/375*100vw);
}
#cb_rose .rr_column01 .itemBox {
}
#cb_rose .rr_column01 .itemImg {
    width: calc(244/750*100vw);
}
#cb_rose .rr_column01 .itemBoxBody {
    width: calc(194/375*100vw);
}
#cb_rose .item_rr02 {
}
#cb_rose .item_rr03 {
    padding: 70px 0 0;
}
#cb_rose .rr_column02 {
    margin: 136px auto 0;
    width: calc(335/375*100vw);
}
#cb_rose .rr_column02 .itemBox {
    flex-direction: row-reverse;
}
#cb_rose .rr_column02 .itemImg {
    padding-bottom: 0;
    width: calc(244/750*100vw);
}
#cb_rose .rr_column02 .itemBoxBody {
    width: calc(194/375*100vw);
}
#cb_rose .item_rr05 {
    padding: 70px 0 0;
}


/* cb_tonka */
#cb_tonka {
    padding-top: 0;
    padding-bottom: 130px;
    /* background: #f1e7e7 url(../img/usr/products/sp/i/eCHOICE_sp/bg_tendertonka_sp.png) top 85vw center / 100% auto no-repeat; */
    background-image: url(../img/usr/products/sp/i/eCHOICE_sp/bg_tendertonka_sp.png);
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;

    .sectionTitle {
        padding-top: 50px;

        img {
            height: 27px !important;
        }
    }

    .sectionTitleJP,
    .sectionCopy {
        color: #7B0000;
    }

    .itemPrice {
        border-top-color: #000;
    }

    .itemLink {
        a {
            background-color: #7B0000;
        }
    }

    .sectionLead {
        margin-bottom: 80px;
    }

    .specialsetTitle {
        margin-bottom: 40px;
    }

    .item_rr01 {
        display: flex;
        justify-content: center;
        width: 100% !important;

        .itemImg {
            width: calc(122/375*100vw);
        }

        .itemBoxBody {
            width: calc(195/375*100vw);
        }
    }

    .itemBox {
    }

    .limitedItem {
        display: block;
    }

    .rr_column01 {
        margin: 92px auto 0;
        width: calc(335/375*100vw);
    }

    .item_rr02 {
        .itemImg {
            padding-bottom: 0;
            width: calc(74/375*100vw);
        }
    
        .itemBoxBody {
            width: calc(195/375*100vw);
        }
    }

    .item_rr03 {
        padding: 70px 0 0;
        .itemImg {
            padding-bottom: 0;
            width: calc(56/375*100vw);
        }
    
        .itemBoxBody {
            width: calc(196/375*100vw);
        }
    }

    .rr_column02 {
        margin: 95px auto 0;
        width: calc(335/375*100vw);

        .itemBox {
            flex-direction: row-reverse;
        }

        .itemImg {
            margin-bottom: 0;
        }


    }

}



.cherryblossom_container .inviewEl {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity ease 2s,transform ease 1s;
}
.cherryblossom_container .inviewEl.inviewed {
    opacity: 1;
    transform: translateY(0);
}



@keyframes fall {
    0% {
        opacity: 0.9;
        top: 0
    }
    100% {
        opacity: 0.2;
        top: 110%
    }
}

@keyframes blow-soft-left {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -50%
    }
}

@keyframes blow-medium-left {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -100%
    }
}

@keyframes blow-soft-right {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 50%
    }
}

@keyframes blow-medium-right {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 100%
    }
}

@keyframes sway-0 {
    0% {
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    40% {
        -ms-transform: rotate(28deg);
        transform: rotate(28deg)
    }
    100% {
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@keyframes sway-1 {
    0% {
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    40% {
        -ms-transform: rotate(43deg);
        transform: rotate(43deg)
    }
    100% {
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
}

@keyframes sway-2 {
    0% {
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -ms-transform: rotate(56deg);
        transform: rotate(56deg)
    }
    100% {
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }
}

@keyframes sway-3 {
    0% {
        -ms-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    40% {
        -ms-transform: rotate(74deg);
        transform: rotate(74deg)
    }
    100% {
        -ms-transform: rotate(37deg);
        transform: rotate(37deg)
    }
}

@keyframes sway-4 {
    0% {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }
    40% {
        -ms-transform: rotate(68deg);
        transform: rotate(68deg)
    }
    100% {
        -ms-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@keyframes sway-5 {
    0% {
        -ms-transform: rotate(50deg);
        transform: rotate(50deg)
    }
    40% {
        -ms-transform: rotate(78deg);
        transform: rotate(78deg)
    }
    100% {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@keyframes sway-6 {
    0% {
        -ms-transform: rotate(65deg);
        transform: rotate(65deg)
    }
    40% {
        -ms-transform: rotate(92deg);
        transform: rotate(92deg)
    }
    100% {
        -ms-transform: rotate(58deg);
        transform: rotate(58deg)
    }
}

@keyframes sway-7 {
    0% {
        -ms-transform: rotate(72deg);
        transform: rotate(72deg)
    }
    40% {
        -ms-transform: rotate(118deg);
        transform: rotate(118deg)
    }
    100% {
        -ms-transform: rotate(68deg);
        transform: rotate(68deg)
    }
}

@keyframes sway-8 {
    0% {
        -ms-transform: rotate(94deg);
        transform: rotate(94deg)
    }
    40% {
        -ms-transform: rotate(136deg);
        transform: rotate(136deg)
    }
    100% {
        -ms-transform: rotate(82deg);
        transform: rotate(82deg)
    }
}

.sakura {
    /*
    background: -webkit-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    background: linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    */
    background: url(../img/usr/products/sp/i/eCHOICE_sp/parts_05.png) 0 0 / contain no-repeat;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}