.announcement--lp-shop {
    background-color: #F9F8E7;

    margin: 0 auto;


}

@media screen and (min-width: 769px){
    .announcement--lp-shop {
        min-width: 1200px;
    }
}

.announcement__wrap--lp-shop {
    margin: 0 auto;
    min-height: 48px;
    padding: 0 3%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

@media screen and (min-width: 769px){
    .announcement__wrap--lp-shop {
        max-width: 1200px;
    }
}

.announcement--lp-shop-day-with-5{
    background-image: url("../../../../../assets/front/img/common/day-with-5-announcement.png");
    background-repeat: repeat-x;
    padding: 0 3%;
    margin: 0 auto;
    min-height: 48px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

@media screen and (min-width: 769px){
    .announcement--lp-shop-day-with-5 {
        min-width: 1200px;
        margin-top: 65px;
    }
}

.announcement__inner {
    width: 60%;
    margin: 68px auto 0 auto;
}

@media screen and (min-width: 769px){
    .announcement__inner {
        width: 88%;
        margin: 68px auto 0 auto;
    }
}

.announcement__title {
    display: none;
}

@media screen and (min-width: 769px){
    .announcement__title {
        display: block;
        font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
        font-size: 15px;
        position: relative;
        padding-left: 28px;
    }

    .announcement__title:before {
        content: '\e88e';
        font-family: "Material Icons";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 23px;
        color: #B22B00;
    }
}

.announcement__title--day-with-5 {
    display: none;
    color: #FFFFFF;
}

@media screen and (min-width: 769px){
    .announcement__title--day-with-5 {
        display: block;
        font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
        font-size: 15px;
        position: relative;
        padding-left: 28px;
    }

    .announcement__title--day-with-5:before {
        content: '\e88e';
        font-family: "Material Icons";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 23px;
        color: #FFFFFF;
    }
}


.announcement__inner {
    width: 88%;
    padding: 0 18px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 769px){
    .announcement__inner {
        width: 800px;
    }
}

.announcement__link {
    font-size: 13px;
    text-decoration: underline;
}

@media screen and (min-width: 769px){
    .announcement__link {
        font-size: 15px;
    }
}

.announcement__link--day-with-5 {
    font-size: 13px;
    text-decoration: underline;
    color: #FFFFFF;
}

@media screen and (min-width: 769px){
    .announcement__link--day-with-5 {
        font-size: 15px;
    }
}

.announcement__control--prev {
    position: absolute;
    left: 0;
    top: -2px;
}

.announcement__control--next {
    position: absolute;
    right: 0;
    top: -2px;
}

.announcement__control--prev-day-with-5 {
    position: absolute;
    left: 0;
    top: -2px;
}

.announcement__control--next-day-with-5 {
    position: absolute;
    right: 0;
    top: -2px;
}

.announcement__control--prev-day-with-5 .material-icons {
    color: #FFFFFF;
}

.announcement__control--next-day-with-5 .material-icons  {
    color: #FFFFFF;
}

.announcement__close-icon {
    font-size: 27px;
    vertical-align: middle;
    color: #7b7c7e;
    cursor: pointer;
}

@media screen and (min-width: 769px){
    .announcement__close-icon {
        font-size: 28px;
    }
}

.announcement__close-icon--day-with-5 {
    font-size: 27px;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

@media screen and (min-width: 769px){
    .announcement__close-icon--day-with-5 {
        font-size: 28px;
    }
}