*,
::after,
::before {
    box-sizing: border-box;
}
.block-genre-page-head,
.pane-topic-path,
.alert{
	display: none;
}

/* 本番 */
.block-thumbnail-t--btn{
    width: 90%;
    margin: 20px auto;
}
/* 本番 */

#mothersday {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    color: #634346;
}

#mothersday img {
    width: 100%;
}
#mothersday .mv {
    margin-top: 0%;
}

#mothersday .pc {
    display: block;
}

#mothersday .sp {
    display: none;
}

/* 共通 */
#mothersday .sec._01,
#mothersday .sec._03,
#mothersday .sec._05,
#mothersday .sec._07 {
    background-color: #fee7ea;
    padding: 130px 0;
}
#mothersday .sec._01{
    /* padding-bottom: 0; */
}
#mothersday .sec._03{
    /* padding-top: 0; */
}

#mothersday .sec._02,
#mothersday .sec._04,
#mothersday .sec._06 {
    background-color: #fffee9;
    padding: 0;
}

#mothersday .sec h2 {
    width: 56%;
    max-width: 502px;
    margin: 0 auto;
    padding-bottom: 2%;
}

#mothersday .mothersdaybtn {
    display: block;
    width: 42%;
    max-width: 375px;
    margin: 0 auto;
    padding: 40px 0 20px;
    transition: .6s;
}

#mothersday .mothersdaybtn:hover {
    opacity: .6;
    transition: .3s;
}

#mothersday a {
    transition: .6s;
}

#mothersday a:hover {
    opacity: .6;
    transition: .3s;
}

/* bg設定 */
#mothersday .sec._01 {
    background-image: url(/img/usr/event/eE1A31/bg_img01.png);
    background-size: cover;
    background-repeat: repeat;
    padding-top: 40px;
}

#mothersday .sec._02 {
    position: relative;
}

#mothersday .sec._02 .sec_line_top {
    position: absolute;
    top: -5%;
}

#mothersday .sec._02 .sec_line_btm {
    position: absolute;
    bottom: -5%;
}

#mothersday .sec._03 {
    background-image: url(/img/usr/event/eE1A31/bg_img02.png);
    background-size: cover;
    background-repeat: repeat;
}

#mothersday .sec._04 {
    position: relative;
}

#mothersday .sec._04 .sec_line_top {
    position: absolute;
    top: -16%;
}

#mothersday .sec._04 .sec_line_btm {
    position: absolute;
    bottom: -16%;
}

#mothersday .sec._05 {
    background-image: url(/img/usr/event/eE1A31/bg_img03.png);
    background-size: cover;
    background-repeat: repeat;
}

#mothersday .sec._06 {
    position: relative;
}

#mothersday .sec._06 .sec_line_top {
    position: absolute;
    top: -14%;
}

#mothersday .sec._06 .sec_line_btm {
    position: absolute;
    bottom: -14%;
}

#mothersday .sec._07 {
    background-image: url(/img/usr/event/eE1A31/bg_img04.png);
    background-size: cover;
    background-repeat: repeat;
    padding-bottom: 40px;
}

/* sec01 */

#mothersday .lead {
    width: 78%;
    max-width: 711px;
    margin: 0 auto;
}

#mothersday .anc {
    width: 92%;
    max-width: 822px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    transition: .3s;
}

/* sec02 */
#mothersday .banner._01 {
    width: 62%;
    max-width: 560px;
    margin: 0 auto;
}
#mothersday .check {
    text-align: center;
    font-size: 24px;
    padding: 32px 0;
    font-weight: bold;
}

#mothersday .sec._02 ul {
    margin: 0 auto;
    width: 92%;
}

#mothersday .sec._02 ul li {
    width: 23%;
    background-color: #fff;
    border: 1px solid #d8437c;
    border-radius: 3px;
    margin-bottom: 40px;
}

#mothersday .box_txt {
    background-color: fcece9;
    color: #d8437c;
    padding: 8px 13px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 3px 3px 0 0;
}

/* sec03 */
#mothersday .sec._03 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 40px;
    width: 92%;
    max-width: 822px;
    justify-content: center;
}

#mothersday .sec._03 ul li {
    background-color: #fff;
    border-radius: 12px;
    border: 5px solid #d8437c;
    max-width: 382px;
    width: 47%;
}

#mothersday .sec._03 ul a {
    text-decoration: none;
}

#mothersday .sec._03 ul h4 {
    color: #d8437c;
    font-size: 18px;
    font-family: serif;
    padding: 10px 5px 0;
    text-align: center;
}

#mothersday .sec._03 ul p {
    font-size: 14px;
    padding: 12px;
    line-height: 1.6;
    color: #634346;
}

#mothersday .sec._03 ul .item02 {
    padding: 41px 10px;
}

#mothersday .link_txt {
    background-color: #d8437c;
    border-radius: 0 0 8px 8px;
}

#mothersday .sec._03 ul .link_txt p {
    color: #fff;
    text-align: center;
    padding: 6px;
    margin: -1%; 
}

/* sec04 */
#mothersday .sec._04 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 92%;
    max-width: 822px;
    justify-content: center;
}

#mothersday .sec._04 ul li {
    width: 50%;
    max-width: 375px;
}

/* sec05 */
#mothersday h3 {
    width: 51%;
    max-width: 455px;
    margin: -40px auto 0;
    padding: 2% 0;
}

#mothersday .acc_2column {
    display: flex;
    width: 92%;
    max-width: 822px;
    margin: 0 auto;
}

#mothersday .acc {
    width: 96%;
    margin: 0 auto;
}

/* ここからアコーディオン */
#mothersday .acc_btn {
    position: relative;
}

#mothersday .acc_btn:hover {
    cursor: pointer;
}

#mothersday .acc_box {
    display: none;
}

/* 矢印 */
#mothersday .acc_btn:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 6%;
    height: 28%;
    background-image: url(/img/usr/event/eE1A31/arrow_open.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    top: 36%;
    left: 87%;
    transition: all 0.2s ease-in-out
}

#mothersday .acc_btn.open:after {
    background-image: url(/img/usr/event/eE1A31/arrow_close.png);
}

/* ここまでアコーディオン */
#mothersday .acc_btn {
    width: 92%;
    max-width: 822px;
    margin: 0 auto;
    background-color: #2c9c9b;
    color: #fff;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    text-align: left;
    outline: 2px dotted rgb(255, 255, 255);
    /*outlineでドットの線を追加*/
    outline-offset: -6px;
    /*outline-offsetの値を-15pxにして内側に調整*/
}

#mothersday .acc_box {
    width: 90%;
    max-width: 822px;
    margin: 0 auto;
}

#mothersday .sec._05 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#mothersday .sec._05 ul li {
    background-color: #fff;
    border-bottom: 2px dotted #634346;
}

#mothersday .sec._05 ul li:last-child {
    border-bottom: none;
}

#mothersday .sec._05 ul a {
    display: block;
    text-decoration: none;
    color: #2c9c9b;
    position: relative;
    transition: .3s;
}

#mothersday .sec._05 ul a:hover {
    opacity: 0.6;
    transition: .3s;
}

#mothersday .sec._05 ul p {
    display: block;
    color: #2c9c9b;
    padding: 13px 20px;
    font-size: 14px;
    text-align: left;
}

#mothersday .acc_box p:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 40%;
    height: 40%;
    background-image: url(/img/usr/event/eE1A31/arrow_acc.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    top: 30%;
    left: 87%;
}

#mothersday .acc_1column {
    margin-top: 50px;
}

#mothersday .acc_1column .acc_btn:after {
    left: 93%;
}

#mothersday .acc_1column .acc_box p:after {
    left: 93%;
}

/* sec06 */
#mothersday .banner._02 {
    width: 92%;
    max-width: 822px;
    margin: 0 auto;
    padding-bottom: 20px;
}

#mothersday .sec._06 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    width: 63%;
    max-width: 563px;
}

/* sec07 */
#mothersday .sec._07 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 92%;
    max-width: 822px;
}

#mothersday .sec._07 ul li {
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 20px;
    margin-bottom: 28px;
}

#mothersday .sec._07 ul h4 {
    font-size: 20px;
    border-bottom: 1px solid #d8437c;
    padding: 20px;
    color: #d8437c;
    font-weight: normal;
}

#mothersday .sec._07 ul p {
    font-size: 14px;
    padding: 20px 20px 0;
    line-height: 1.5;
}

#mothersday .btn._02 {
    padding-top: 20px;
}




@media screen and (max-width: 768px) {
    #mothersday .pc {
        display: none;
    }
    #mothersday .sp {
        display: block;
        width: 100%;
        max-width: 750px;
    }
    .block-top-event--goods {
        pa
    }

    /* 共通 */
    #mothersday .sec._01,
    #mothersday .sec._03,
    #mothersday .sec._05,
    #mothersday .sec._07 {
        background-color: #fee7ea;
        padding: 17% 0;
    }
    #mothersday .sec._01{
        /* padding-bottom: 0; */
    }
    #mothersday .sec._03{
        /* padding-top: 0; */
    }
    #mothersday .mv {
        margin-top: 0%;
    }

    #mothersday .sec h2 {
        width: 100%;
        /* padding-bottom: 2%; */
    }

    #mothersday .mothersdaybtn {
        width: 98%;
        padding-top: 12%;
    }


    /* bg設定 */
    #mothersday .sec._01 {
        background-image: url(/img/usr/event/eE1A31/sp_bg_img01.png);
        padding-top: 9%;
    }

    #mothersday .sec._03 {
        background-image: url(/img/usr/event/eE1A31/sp_bg_img02.png);
    }

    #mothersday .sec._05 {
        background-image: url(/img/usr/event/eE1A31/sp_bg_img03.png);
    }

    #mothersday .sec._07 {
        background-image: url(/img/usr/event/eE1A31/sp_bg_img04.png);
        padding-bottom: 11%;
    }

    #mothersday .sec._02 .sec_line_top {
        top: -2%;
    }

    #mothersday .sec._02 .sec_line_btm {
        bottom: -2%;
    }

    #mothersday .sec._04 .sec_line_top {
        top: -6%;
    }

    #mothersday .sec._04 .sec_line_btm {
        bottom: -7%;
    }
    #mothersday .sec._06 .sec_line_top {
        top: -5%;
    }
    #mothersday .sec._06 .sec_line_btm {
        bottom: -5%;
    }
    /* sec01 */
    #mothersday .lead {
        width: 90%;
    }

    #mothersday .anc {
        flex-wrap: wrap;
        padding-top: 8vw;
    }

    #mothersday .anc li {
        width: 53%;
        margin: -2%;
    }

    /* sec02 */
    #mothersday .banner._01 {
        width: 90%;
    }

    #mothersday .check {
        font-size: 4.26vw;
        padding: 6% 0;
        font-weight: bold;
    }

    #mothersday .sec._02 ul {
        width: 90%;
        gap: 20px 6%;
    }

    #mothersday .sec._02 ul li {
        width: 47%;
    }

    #mothersday .box_txt {
        background-color: #fcece9;
        color: #d8437c;
        padding: 3% 6%;
        font-size: 3.2vw;
        line-height: 1.2;
    }


    /* sec03 */
    #mothersday .sec._03 ul {
        flex-direction: column;
        align-items: center;
        width: 90%;
    }

    #mothersday .sec._03 ul li {
        border: 3px solid #d8437c;
        max-width: 350px;
        margin-bottom: 10%;
        width: 100%;
    }

    #mothersday .sec._03 ul h4 {
        color: #d8437c;
        font-size: 4.26vw;
    }

    #mothersday .sec._03 ul p {
        font-size: 3.2vw;
        padding: 10px;
        line-height: 2;
    }
    #mothersday .link_txt {
        padding: 1%;
        }

    /* sec04 */
    #mothersday .sec._04 ul {
        display: block;
        width: 80%;
    }

    #mothersday .sec._04 ul li {
        width: 100%;
        margin-bottom: -4%;
    }
    

    /* sec05 */
    #mothersday h3 {
        width: 90%;
        padding: 2% 0 0;
    }

    #mothersday .acc_2column {
        display: block;
        width: 100%;
    }

    #mothersday .acc {
        width: 100%;
    }

    #mothersday .acc_1column .acc_btn:after {
        left: 88%;
    }

    #mothersday .acc_1column .acc_box p:after {
        left: 88%;
    }

    /* sec06 */
   #mothersday  .banner._02 {
        width: 100%;
    }

    #mothersday .sec._06 ul {
        gap: 10px;
        width: 68%;
        flex-direction: column;
    }

    /* sec07 */
    #mothersday .sec._07 ul h4 {
        font-size: 4vw;
        padding: 5%;
    }

    #mothersday .sec._07 ul p {
        font-size: 3.73vw;
        padding: 4% 6% 0;
        line-height: 1.8;
    }

    #mothersday .mothersdaybtn {
        padding-top: 20px;
    }

}