@charset "utf-8";


/* -----------------------------------------------------------
    商品リスト
-------------------------------------------------------------- */
/* 季節のイベントからさがす */
.event .pagetitle-area{
    background-image: url("../img/pagetitle-bg-event.jpg");
}
.event .pagetitle-area .section-title{
    color: #333;
}

/* 贈る目的から探す */
.purpose .pagetitle-area{
    background-image: url("../img/purpose-mv.jpg");
}

/* 花のスタイルから探す */
.style .pagetitle-area{
    background-image: url("../img/pagetitle-bg-style.jpg");
}

.event .h1-area h1,
.event .breadcrumblist > p,
.event .breadcrumblist a,
.purpose .h1-area h1,
.purpose .breadcrumblist > p,
.purpose .breadcrumblist a,
.style .h1-area h1,
.style .breadcrumblist > p,
.style .breadcrumblist a{
    color: #fff;
}

/* favorite */
#products .favorite{
    color: #999;
    font: 500 2rem / 1 'Noto Sans JP', sans-serif;
    padding: 0;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    cursor: pointer;
}
#products .favorite:hover{
    color: #de5c6f!important;
}
#products .favorite.done{
    color: #de5c6f;
}

@media screen and (max-width: 667px){
	
	.event .h1-area h1,
	.event .breadcrumblist > p,
	.event .breadcrumblist a,
	.purpose .h1-area h1,
	.purpose .breadcrumblist > p,
	.purpose .breadcrumblist a,
	.style .h1-area h1,
	.style .breadcrumblist > p,
	.style .breadcrumblist a{
		color: #888;
	}
	
    /* favorite */
    #products .favorite{
        right: 15px;
        bottom: 15px;
		font-size: 2.4rem;
    }
	
}


/*    products-area
-------------------------------------------------------------- */
.products-area{
    padding: 80px 0;
}

.products-area .section-sub-title{
    margin: 0;
}

@media screen and (max-width: 667px){

    .products-area{
        padding: 40px 20px 0;
    }
    .products-area::before{
        display: none;
    }

}






/*    セクション名
-------------------------------------------------------------- */

@media screen and (max-width: 667px){

}