@charset 'utf-8';



/* --------------------------------------------------------------------------------
　サブグループリスト
-------------------------------------------------------------------------------- */
.fs-c-subgroupList__link::after{
	/*
	font-size: 1.5rem;
	*/
}

/* --------------------------------------------------------------------------------
★スマートフォン
商品リスト
-------------------------------------------------------------------------------- */
.fs-c-productListItem__productName{
	/*
	font-size: 1rem;
	*/
}


/********** 現在登録されている商品はありません。非表示に **********/
.fs-c-productList__message.fs-c-noResultMessage{
	/*
	display: none;
	*/
}



/* --------------------------------------------------------------------------------
 お祝い・贈り物   （gift）
-------------------------------------------------------------------------------- */
#gift{
	padding: 0 4vw;
	background: url(https://pocoffee.itembox.design/item/images/c/gift/garland.svg) top center repeat-x;
	background-size: 100% auto;
	padding-top: 15vw;
}	
#gift h2{
	font-weight: bold;
	color:#006837;
	font-size: 7.2vw;
	text-align: center;
	margin-bottom: 7vw;
}
#gift h2 span{
	display: block;
	font-size: 4.8vw;
	line-height: 1.4;
	padding-bottom: 4vw;
	letter-spacing: 0.1em;
}	
#gift p{	
	font-size: 3.6vw;
	line-height: 1.6;
	margin-bottom:4vw;
}

/*特別な日*/
#gift .spacial{
	margin-top: 15vw;		
}	
#gift .spacial h3{
	background: url(https://pocoffee.itembox.design/item/images/c/gift/t-deco.svg) top center no-repeat;
	background-size: 25%;
	padding-top: 12vw;
	font-weight: bold;
	color:#be2828;
	font-size: 5.6vw;
	text-align: center;
	margin-bottom: 7vw;
}	
#gift .spacial h4{
	position: relative;
	font-weight: bold;
	color: #006837;
	font-size: 4vw;
	border-bottom: 1px solid #006837;
	padding-left: 8vw;
	padding-bottom: 2vw;

}
#gift .spacial h4::before{
	content: url(https://pocoffee.itembox.design/item/images/c/gift/t-icon-mizuhiki.svg);
	transform: scale(0.4);
	position: absolute;
	top: -3.9vw;
	left:-3vw;
}
#gift .spacial .housou h4::before{
	content: url(https://pocoffee.itembox.design/item/images/c/gift/t-icon-mizuhiki.svg);
}
#gift .spacial .haisou h4::before{
	content: url(https://pocoffee.itembox.design/item/images/c/gift/t-icon-calendar.svg);
}
#gift .spacial .card h4::before{
	content: url(https://pocoffee.itembox.design/item/images/c/gift/t-icon-card.svg);
}
#gift .spacial .inner{
	margin: 5vw 0;
	display: flex;
	justify-content: space-between;
}
#gift .spacial .inner .txt{
	width: 46vw;
}
#gift .spacial .inner .img{
	width:40vw;
}