@charset "utf-8";

/*-------------------------------------- mothersday */
#mothersday section.pc{
    position: relative;
    height:1515px;
    color:#FFF;
}
#mothersday img.bg{
    position: absolute;
    top:0;
    left:0;
    z-index:0;
}
#mothersday .pc h2{
    position: absolute;
    font-size:28px;
    text-align: right;
    top:230px;
    right:40px;
}
#mothersday img.motxt{
    position: absolute;
    top:1100px;
    left:40px;
    z-index:2;
}
#mothersday section.pc p{
    position: absolute;
    top:1300px;
    left:40px;
    width:335px;
}
#mothersday section p span{
    font-size:11px;
}
#mothersday img.momenu{
    position: absolute;
    top:1100px;
    right: 40px;
    z-index:3;
}

/*-------------------------------------- waffle */

#waffle section .clearfix{
    padding:25px 40px;
    font-size:16px;
}
#waffle section h2{
    background:#924898;
    padding:10px auto;
    font-size:28px;
    color:#FFF;
    text-align:center;
}
#waffle section .fl{
    width:490px;
    height:360px;
    border:1px solid #e9518e;
    padding:20px 40px 0 40px;
}
#waffle section .fr{
    width:490px;
    height:360px;
    border:1px solid #924898;
    padding:20px 40px 0 40px;
}
#waffle section ul{
    margin-top:30px;
}
#waffle section > p{
    padding:0 0 20px 40px;
}

/*===============================================
●mobile.css  画面の横幅が640pxまで
===============================================*/
    
@media screen and (max-width: 640px) {
    
    
    /*-------------------------------------- mothersday */
    #mothersday section{
        background-color: #bc1b44;
        color:#FFF;
    }
    #mothersday section.sp div{
        padding:5% 3%;
    }
    #mothersday h2{
        font-size:16px;
        font-weight: bold;
    }

    /*-------------------------------------- waffle */

    #waffle section .clearfix{
        padding:5% 3%;
        font-size:14px;
    }
    #waffle section h2{
        padding:10px 0;
        font-size:18px;
    }
    #waffle section .fl{
        width:100%;
        height:auto;
        padding:5%;
    }
    #waffle section .fr{
        margin-top:5%;
        width:100%;
        height:auto;
        padding:5%;
    }
    #waffle section ul{
        margin-top:5%;
    }
    #waffle section > p{
        padding: 0 5% 5% 5%;
    }


}