@charset "UTF-8";
@media (max-width: 499px){
    .pane-main{
        margin-top: -10px;
    }
}
@media (min-width: 500px){
    .wrapper{
        min-width: auto;
    }
}
.mothersday__bg{
    position: relative;
    background-image: url(/img/specialedition-mothersday/bg.jpg);
    background-repeat: repeat;
    background-position: top left;
    background-size: 1440px 572px;
    background-attachment: fixed;
}
.mothersday__bg::before{
    content: "";
    display: block;
    width: 1332px;
    height: 487px;
    position: fixed;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/img/specialedition-mothersday/bg-object.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media (max-width: 499px){
    .mothersday__bg::before{
        display: none;
    }
}
.mothersday__main{
    position: relative;
    z-index: 1;
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    background-color: #FFFBE6;
}
.mothersday__mv h2{
    margin: 0;
}
@media (max-width: 499px){
    .mothersday__mv h2{
        background: inherit;
        padding: 0;
    }
}
.mothersday__mv h2 img{
    display: block;
}
.mothersday__anchorlink{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}
.mothersday__anchorlink ul{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}
.mothersday__anchorlink ul li{
    width: 33.3%;
    background-color: #ffffff;
    border-right: 1px solid #FEF2C0;
}
.mothersday__anchorlink ul li:nth-child(6){
    border-right: 0;
}
.mothersday__anchorlink ul li.list__bg--yellow{
    background-color: #FEF2C0;
    border-right: 1px solid #fff;
}
.mothersday__anchorlink ul li.list__bg--yellow:nth-child(3){
    border-right: 0;
}
.mothersday__anchorlink ul li a{
    color: #004C74;
    font-size: 14px;
    letter-spacing: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px;
    background-image: url(/img/specialedition-mothersday/icon-arrow-anchor.png);
    background-size: 8px 5px;
    background-repeat: no-repeat;
    background-position: center right 8px;
    transition: 0.5s;
}
.mothersday__anchorlink ul li a:hover{
    opacity: 0.7;
}
.mothersday__anchorlink ul li a span{
    font-size: 13px;
}
.mothersday__anchorlink ul li a.line-height-short{
    line-height: 1.2;
    padding: 9px 12px;
}
.mothersday__bnrbox{
    margin: 40px 0 0;
    padding: 0 15px;
}
.mothersday__bnrbox img{
    display: block;
}
.mothersday__bnrbox .comingsoon__text{
    color: #294D5F;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 10px;
}
.mothersday__bnrbox .comingsoon__text span{
    position: relative;
}
.mothersday__bnrbox .comingsoon__text span::after,
.mothersday__bnrbox .comingsoon__text span::before{
    content: "";
    display: block;
    width: 1px;
    height: 11px;
    background-color: #294D5F;
    position: absolute;
    top: 4px;
}
.mothersday__bnrbox .comingsoon__text span::after{
    left: -10px;
    transform: rotate(-35deg);
}
.mothersday__bnrbox .comingsoon__text span::before{
    right: -10px;
    transform: rotate(35deg);
}

.mothersday__prd{
    color: #294D5F;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    padding: 60px 15px 0;
}
.mothersday__prd section:not(:first-child){
    padding-top: 50px;
}
.mothersday__prd section:last-child{
    padding-bottom: 60px;
}
.mothersday__prd section.sec__pdt0{
    padding-top: 0;
}
.mothersday__cate{
    width: 214px;
    height: 36px;
    margin: 0 auto;
    background-image: url(/img/specialedition-mothersday/bg-ribbon.png);
    background-size: 100%;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}
.mothersday__title{
    text-align: center;
    margin: 0 0 0;
}
.mothersday__subtitle{
    position: relative;
    font-size: 14px;
    font-weight: 700;
}
.mothersday__subtitle::after,
.mothersday__subtitle::before{
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    background-color: #004C74;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.mothersday__subtitle::after{
    left: -14px;
}
.mothersday__subtitle::before{
    right: -14px;
}
.mothersday__title h3{
    font-size: 16px;
    font-weight: 700;
}
@media (max-width: 499px){
    .mothersday__title h3{
        padding: 0;
    }
}
.mothersday__title h3 span{
    color: #EB6786;
    font-size: 20px;
    padding-right: 2px;
    margin-right: 3px;
    border-bottom: 2px solid #EB6786;
}
.mothersday__slider{
    margin: 25px 0 0;
    padding-left: 5px;
}
.recommend-article__slider{
    margin: 30px 0 0;
}
/* 外側の端がズレないように相殺 */
.mothersday__slider .slick-list{
    margin: 0;
    padding-right: 60px; /* ←右だけ少し見せる量 */
}
.mothersday__slider .slick-slide{
    padding: 0 5px;
}
.mothersday__slider .slick-slide a,
.recommend-article__slider .slick-slide a{
    transition: 0.5s;
}
.mothersday__slider .slick-slide a:hover,
.recommend-article__slider .slick-slide a:hover{
    opacity: 0.6;
}
.recommend-article__slider .slick-list{
    margin: 0 -7.5px;
}
.recommend-article__slider .slick-slide{
    margin: 0 7.5px;
}
.mothersday__slider .slick-dots,
.recommend-article__slider .slick-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 20px 0 0;
}
.mothersday__slider .slick-dots li button,
.recommend-article__slider .slick-dots li button{
    display: none;
}
.mothersday__slider .slick-dots li,
.recommend-article__slider .slick-dots li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #E0E0E0;
    transition: 0.5s;
}
.mothersday__slider .slick-dots li.slick-active,
.recommend-article__slider .slick-dots li.slick-active{
    background-color: #004C74;
}
.mothersday__txt{
    margin: 12px 0 0;
}
.mothersday__txt p{
    color: #294D5F;
    letter-spacing: 0;
}
.mothersday__brand{
    font-size: 11px;
}
.recommend-article__slider .mothersday__brand{
    font-size: 14px;
}
.mothersday__desc{
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.mothersday__price{
    font-size: 10px;
}
.mothersday__price strong{
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}
.mothersday__btn{
    max-width: 255px;
    height: 44px;
    margin: 30px auto 0;
}
.mothersday__btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 22px;
}
.mothersday__btn--blue{
    color: #ffffff;
    background-color: #004C74;
    background-image: url(/img/specialedition-mothersday/icon-arrow-slider.png);
    background-size: 22px;
    background-position: center right 10px;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.mothersday__btn--blue:hover{
    color: #ffffff;
    opacity: 0.7;
}
.btn__coming{
    max-width: 255px;
    width: 100%;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.4;
    background-color: #D9D9D9;
    border-radius: 26px;
}
.mothersday__line--dots{
    max-width: 315px;
    width: 100%;
    height: 3px;
    margin: 50px auto 0;
    background-image: url(/img/specialedition-mothersday/dots-line.png);
    background-size: 315px 3px;
    background-repeat: repeat-x;
}
.mothersday__line--pinkdots{
    width: 100%;
    height: 3px;
    background-image: url(/img/specialedition-mothersday/dots-line-pink.png);
    background-size: 370px 3px;
    background-repeat: repeat-x;
    background-position: center;
}

.mothersday__search{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    background-color: #FCF6F5;
    padding: 60px 0;
}
.mothersday__search section{
    padding: 0 15px;
}
.mothersday__search section:not(:first-child){
    padding-top: 60px;
}
.mothersday__searchtitle{
    color: #294D5F;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.mothersday__searchtitle span{
    display: block;
    width: max-content;
    padding: 6px 35px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.section__price .mothersday__searchtitle span{
    background-image: url(/img/specialedition-mothersday/bg-ribbon-short.png);
}
.section__ranking .mothersday__searchtitle span{
    background-image: url(/img/specialedition-mothersday/bg-ribbon-long.png);
}
.section__brand .mothersday__searchtitle span{
    background-image: url(/img/specialedition-mothersday/bg-ribbon-normal.png);
}
.section__price ul,
.section__ranking ul{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px 2.5%;
    flex-wrap: wrap;
    margin: 30px 0 0;
}
.section__price ul li,
.section__ranking ul li{
    width: 48.6%;
    min-height: 60px;
    background-color: #ffffff;
    border:1px solid #F7DFE6;
}
.section__price ul li a,
.section__ranking ul li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 25px;
    color: #004C74;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
    background-image: url(/img/specialedition-mothersday/icon-arrow-rightpink.png);
    background-size: 7px 12px;
    background-position: center right 12px;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.section__price ul li a:hover,
.section__ranking ul li a:hover{
    opacity: 0.6;
}
.section__brand ul{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px 2%;
    flex-wrap: wrap;
    margin: 30px auto 0;
}
.section__brand ul li{
    width: 32%;
}
.section__brand ul li a img{
    display: block;
}
.section__brand ul li a{
    display: block;
    transition: 0.5s;
}
.section__brand ul li a:hover{
    opacity: 0.7;
}

.mothersday__cp-and-article{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    padding: 64px 15px;
    background-color: #FCF6F5;
}

.mothersday__cp-and-article section.mothersday__article{
    margin-top: 60px;
}
.mothersday__cp-and-article section h3{
    color: #294D5F;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
@media (max-width: 499px){
    .mothersday__cp-and-article section h3{
        padding: 0;
    }
}
.mothersday__cp-and-article section h3 span{
    display: block;
    width: max-content;
    padding: 6px 35px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.mothersday__cp .mothersday__cptitle span {
    background-image: url(/img/specialedition-mothersday/bg-ribbon.png);
}
.mothersday__article .mothersday__cptitle span {
    background-image: url(/img/specialedition-mothersday/bg-ribbon-short.png);
}
.mothersday__cp .mothersday__bnrbox{
    margin: 30px 0 0;
    padding: 0 0;
}
.mothersday__cp .mothersday__bnrbox a{
    display: block;
    transition: 0.5s;
}
.mothersday__cp .mothersday__bnrbox a:not(:first-child){
    margin-top: 10px;
}
.mothersday__cp .mothersday__bnrbox a:hover{
    opacity: 0.6;
}

.mothersday-gift{
    color: #294D5F;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    background-color: #FFFCE6;
    padding: 60px 0;
}
.mothersday-gift__title{
    color: #294D5F;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
@media (max-width: 499px){
    .mothersday-gift__title{
        padding: 0;
    }
}
.mothersday-gift__title span{
    display: block;
    width: max-content;
    padding: 6px 35px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.mothersday-gift__wrap .mothersday-gift__title span{
    background-image: url(/img/specialedition-mothersday/bg-ribbon.png);
}
.mothersday-info__wrap .mothersday-gift__title span{
    background-image: url(/img/specialedition-mothersday/bg-ribbon.png);
}
.mothersday-gift__wrap{
    padding: 80px 15px 0;
}
.mothersday-gift__wrap > p{
    font-size: 16px;
    text-align: center;
    line-height: 1.75;
    margin: 20px 0 0;
}
.mothersday-gift__image{
    margin: 20px 0 0;
}
.mothersday-gift__image img{
    display: block;
    width: 100%;
}
.mothersday-info__wrap{
    padding: 0 15px;
}
.mothersday-info__subtitle{
    margin-top: 20px;
}
.mothersday-info__subtitle p:first-child{
    font-size: 16px;
    text-align: center;
}
.mothersday-info__subtitle p:last-child{
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 5px;
}
.mothersday-info__subtitle p span{
    font-size: 26px;
    color: #EB6786;
}
.mothersday-info__imagewrap img{
    display: block;
    max-width: 165px;
    width: 100%;
    margin: 18px auto 0;
}
.mothersday-info__imagewrap p{
    text-align: center;
}
.mothersday-info__note{
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    margin-top: 15px;
}
.mothersday-info__note--small{
    font-size: 12px;
    margin-top: 10px;
}
.illustrator__box{
    background-color: #F7DFE6;
    border-radius: 5px;
    padding: 15px 20px;
    margin: 20px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.illustrator__box .illustrator__image{
    max-width: 90px;
}
.illustrator__box .illustrator__text{
    max-width: 195px;
}
.illustrator__job,.illustrator__desc{
    font-size: 10px;
    letter-spacing: 0;
}
.illustrator__name{
    font-size: 12px;
    font-weight: 700;
}
.illustrator__desc{
    margin-top: 5px;
}
.footer__space--white{
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-bottom: -70px;
}
.mothersday__article .mothersday__brand{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 499px){
    #recommend-cate,#mothersday-gift,#cp-info{
        padding-top: 15px;
        margin-top: -15px;
    }
}

.closetext__area{
    padding: 15px;
    background-color: #fff;
}
.closetext__area p{
    color: #EB6786;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    border: 2px solid #EB6786;
    padding: 12px 0;
}