.regularbanner-sec {
    position: fixed;
    top: 50px;
    left: auto;
    right: 0;
    width: 300px;
    z-index: 100;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate(100%, 20px);
    transform: translate(100%, 20px);
    transition: transform 300ms cubic-bezier(1, -0.18, 0, 1.39);
}


.regularbanner-sec.boxactive {
    position: fixed;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    box-shadow: 0px 3px 15px 6px #545454;
}


.regularbanner-box {
    position: relative;
    width: 300px;
    border: solid;
    height: 480px;
    background: #FFF;
}

.befor-ragular {
    position: absolute;
    display: block;
    top: -3px;
    left: -40px;
    width: 40px;
    border: solid;
    height: 300px;
    writing-mode: vertical-rl;
    padding: 0px;
    border-radius: 10px 0px 0px 10px;
    background: #FFF;
    text-align: center;
    cursor: pointer;
}
.regularbanner-img-area {
    text-align: center;
    margin-top: 30px;
}

.befor-ragular.beforactive {
    box-shadow: -14px 4px 31px -8px #545454;
    height: auto;
    padding: 10px 4px;
    border-radius: 18px;
    left: -55px;
}

h4.regularbanner-head {
    text-align: center;
    padding-top: 20px;
}

.befor-ragular-inner p {
    font-weight: bold;
}
h4.regularbanner-head img {
    width: 100px;
}
h5.press-disc {
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.regular-banner-contents-box {
    width: 260px;
    margin: 0 auto;
    line-height: 140%;
    font-size: 12px;
}

.regular-banner-contents-box ul {
  
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}
.regular-banner-contents-box ul li {
    margin: 0 auto;
    display: block;
}
p.storelcation {
    background: #f03;
    padding: 10px;
    width: 100px;
    border-radius: 10px;
    height: 50px;
    color: #FFF;
    line-height: 120%;
    box-shadow: 1px 1px 11px 5px #DDD;
}
p.storelcation.stores {

    background: linear-gradient( to right, #ec848e 25%, #24a6c8 75% )

}
a.banner-img {
    text-decoration: none;
    font-weight: bold;
}
a.banner-img img {
    box-shadow: 1px 1px 24px -10px #0096889e;
}
.store-list {
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
}

p.open-disc.beforactive {
display:none;
}
p.close-disc {
    display:none;
}

p.close-disc.beforactive {
    display:block;
}