#container .navi-btn a::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 2px #2bc29c;
    border-right: solid 2px #2bc29c;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 30%;
    right: 7%;
}
/*----------
 mainvisual
----------*/
#container .mainvisual {
    background-color: #2bc29c;
}
/*--ribbon--*/
#container .right-text h2:before {
    border-color: transparent transparent transparent #2bc29c;
}
#container .right-text h2:after {
    border-color: transparent #2bc29c transparent transparent;
}
@media screen and (max-width: 640px) {
    .menu-title:after {
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-bottom: solid 2px #2bc29c;
        border-right: solid 2px #2bc29c;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;    
        top: 40%;
        right: 15px;
    }
    .menu-title.open:after {
        display: none;
    }
    .toggle {
        display: none;
    } 
}
/*--menu-title-design--*/
#container .menu-title h2 {
    color: #2bc29c;
}
#container .menu-title p {
    color: #2bc29c;
}
#container .navi-btn:hover {
    background: #edfff0;
    text-decoration: none;
}
/*-------
 section
-------*/
#container .sec {
    background: url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/back02.png) top right no-repeat;
    background-size: 45%;
    background-color: #edfff0;
}
#container .sec h2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line01.png), url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 5px left 50px, top 5px right 50px;
    background-size: 15%, 15%;
    color: #2bc29c;
}
/*--ribbon--*/
#container .item-title {
    background-color: #2bc29c;
}
#container .item-title:before {
    border-color: transparent transparent transparent #edfff0;
}
#container .item-title:after {
    border-color: transparent #edfff0 transparent transparent;
}
#container .item-title .small {
    font-size: 0.7rem;
}
/*-----comment-----*/
#container .comment {
    border: solid 2px #2bc29c;
}
#container .comment:after {
    content: "";
    border-top: 14px solid #2bc29c;
}
#container .item-box dl {
    border-bottom: 1px dotted #2bc29c;
}
/*sec5*/
#container .sec5 {
    background: none;
    background-color: #fff;
}
#container .sec5 h2 {
    background: none;
    border-bottom: solid 2px #2bc29c;
    color: #000;
}
/*--ribonicon--*/
#container .item-box .ribonicon {
    position: absolute;
    top: 62px;
    left: -13px;
    width: 35%;
}
/*--past-box--*/
#container .past-box {
    margin: 5% 0;
}
#container .past-box li {
    font-size: 1.1rem;
    margin-bottom: 7%;
    text-align: center;
}
#container .past-box li.past2020 .past-text {
    color: #e68e1b;
}
#container .past-box li.past2021 .past-text {
    color: #ec5575;
}
@media screen and (min-width:350px) and (max-width:480px) {
    /*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/

}
@media screen and (min-width:480px) and (max-width:960px) {
    /*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
#container .mainvisual {
    background-color: #2bc29c;
}
#container .right-text h2:before {
    border-color: transparent transparent transparent #2bc29c;
}
#container .menu-title {
    background: url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line01.png), url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 7px left 30%, top 7px right 30%;
    background-size: 12%, 12%;
    background-color: #fff;
}
#container li {
    width: calc(100% / 2);
}
/*--section--*/
#container .sec {
    background-size: 35%;
}
#container .sec h2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line01.png), url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 4px left 39%, top 4px right 39%;
    background-size: 7%, 7%;
}
#container .sec5 h2 {
    background: none;
    border-bottom: solid 2px #2bc29c;
}
#container .item-box dl {
    border-bottom: none;
}
/*--ribonicon--*/
#container .item-box .ribonicon {
    top: 78px;
    left: -18px;
}
/*--past-box--
#container .sec5 ul.past-box {
    display: flex;
    flex-wrap: wrap;
}
#container .sec5 ul.past-box li {
    margin: 0;
    padding: 0 1%;
    width: calc(100%/2);
}*/
}
@media screen and (min-width:960px) {
    /*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container .mainvisual {
    background-color: #2bc29c;
}
#container .right-text {
    background-color: #2bc29c;
}
#container .right-text h2:before {
    border-color: transparent transparent transparent #2bc29c;
}
#container .right-text h2:after {
    border-color: transparent #2bc29c transparent transparent;
}
#container .menu-title {
    background: url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line01.png), url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 7px left 40%, top 7px right 40%;
    background-size: 8%, 8%;
}
#container li {
    width: calc(100% / 3);
}
/*--section--*/
#container .sec {
    background-size: 15%;
}
#container .sec h2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line01.png), url(/contents/shop/sevenbeauty/img/freepage/bestcosme-item2022/line02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top -1px left 40%, top -1px right 40%;
    background-size: 7%, 7%;
}
#container .sec5 h2 {
    background: none;
    border-bottom: solid 2px #2bc29c;
}
#container .item-title .small {
    font-size: 0.9rem;
}
#container .item-box dl {
    border-bottom: none;
}
#container .comment {
    height: 180px;
}
/*--ribonicon--*/
#container .item-box .ribonicon {
    top: 52px;
    left: -20px;
    width: 40%;
}
/*--past-box--
#container .sec5 ul.past-box {
    display: flex;
    flex-wrap: wrap;
}
#container .sec5 ul.past-box li {
    margin: 0;
    padding: 0 1%;
    width: calc(100%/2);
}*/
}