/* util */
.pc-mb {
    margin-bottom: 10px;
}

/* reset */
#contents-area{
    margin: 0;
    width: 100%;
}
.lyt-col-1 #contents-body{
    margin: 0;
    width: 100%;
}

/* module */
#shop-list{
    box-sizing: border-box;
}
#shop-list p{
    margin: 0;
}
.hero {
    background: url(/mobile/set/data/special/shop-event-06/img/p/mv-bg.png) no-repeat center top;
    background-color: #96E1E6;
}
.box-gray{
    background-color: #f8f8f8;
    box-sizing: border-box;
    padding: 40px 0;
    text-align: center;
}
.box-gray_text{
    font-size: 16px;
    font-weight: bold;
}
.hdg-lv1{
    text-align: center;
}
.logo {
    text-align: center;
    display: flex;
    justify-content: center;
}
.logo .logo-left {
    position: relative;
    /* left: 5px; */
}
.logo .logo-right {
    position: relative;
    /* right: 5px; */
}
.event-span{
    background: #007f37;
    padding: 40px 0;
}
.event-span-txt{
    text-align: center;
}
.sumaho-designat{
    background: #e1faff;
}
.sumaho-designat-txt{
    text-align: center;
}
.cp-note {
    list-style: disc;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    color: #ffffff;
    width: 900px;
    margin: 20px auto 0;
    padding: 0 0 0 35px;
    font-size: 12px;
}
.cp-note>*:not(:first-child) {
    margin: 0 0 0 25px;
}
.cp-note + .cp-note {
    margin: 3px auto 0;
}
.cp-annotation{
    font-size: 12px;
    color: #ffffff;
    width: 900px;
    margin: 0 auto!important;
}
.cp-annotation > span {
    margin: 0 6px 0 0;
}