@charset "UTF-8";

/*共通*/

#e-gift{
	width: 1050px;
	margin: 0 auto;
	line-height: 2;
}

#e-gift h2{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
}

#e-gift p{
	font-size: 14px;
	
}



#e-gift .sl-price{
	margin: 0 0 150px;
}

#e-gift .sl-price ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 50px;
}

#e-gift .sl-price ul li{
	margin: 0 10px 15px;
}

#e-gift .sl-price ul li a{
	display: block;
	background: #A59049;
	color: #fff;
	padding: 10px 45px;
	font-size: 16px;
	
}







#e-gift .ebtn{
	text-align: center;

}

#e-gift .ebtn a{
	display: inline-block;
	background: #40C6E0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 10px 40px;

}






/*FV*/


#e-gift .mv{
	margin: 0 0 50px;
}


/*eギフトとは*/

#e-gift .gift-catch{
	margin: 0 0 100px;
}

#e-gift .gift-catch p{
	font-size: 16px;
	text-align: center;
}

#e-gift .gift-catch p span.w25b{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}


#e-gift .gift-catch p span.w25r{
	font-size: 25px;
	color: #FF2B2B;
	font-weight: bold;
	text-align: center;
}


#e-gift .gift-catch p span.w26b{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}



#e-gift .gift-catch .img{
	text-align: center;
	margin: 40px auto;
	
}



/*eギフトとは*/
#e-gift .lead{
	margin: 0 0 100px;
}




#e-gift .lead p{
	font-size: 14px;
	text-align: center;
	margin: 0 0 20px;
	
}

#e-gift .lead p span{
	color: #FF0000;
}

/*eギフトのメリット*/

#e-gift .merit {
	margin: 0 0 100px;
}


#e-gift .merit .merit-inner{
	background: #EFF7F8;
	padding: 30px;
	
}


#e-gift .merit .merit-inner ul{
	display: flex;
	justify-content: center;
	margin: 0 0 30px;
	
}

#e-gift .merit .merit-inner ul li{
	background: #fff;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 7px;
}

#e-gift .merit .merit-inner ul li .ico{
	margin: 0 0 15px;
}

#e-gift .merit .merit-inner ul li h3{
	font-size: 15px;
	text-align: center;
	min-height: 4em;
	
}


/*心が伝わるメッセージカード*/
#e-gift .msg-card {
	margin: 0 0 100px;
}


#e-gift .msg-card p{
	text-align: center;
	margin: 0 0 35px;
}


#e-gift .msg-card ul{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	
}

#e-gift .msg-card ul li{
	margin: 0 7px;
}


/*eギフトの贈り方*/
#e-gift .howto {
	margin: 0 0 100px;
}


#e-gift .howto p{
	text-align: center;
	margin: 0 0 35px;
}


#e-gift .howto ul{
	display: flex;
	justify-content: center;
}

#e-gift .howto ul li{
	width: 243px;
	margin: 0 12px;
	text-align: center;
}

#e-gift .howto ul li .img{
	margin: 0 0 15px;
}

#e-gift .howto ul li .step{
	display: inline-flex;
	justify-content: center;
	font-size: 22px;
	color: #fff;
	background: #000;
	border-radius: 17px;
	margin: 0 0 10px;
	padding: 5px 10px;
	line-height: 1;
}


#e-gift .howto ul li p{
	font-weight: bold;
}

/*eギフトおすすめ商品*/

#e-gift .e-gfit-reco {
	margin: 0 0 100px;
}

#e-gift .e-gfit-reco ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 70px;
}

#e-gift .e-gfit-reco ul li{
	width: 220px;
	margin: 0 20px;
}


#e-gift .e-gfit-reco ul li h3 {
    margin: 0 0 10px;
    font-size: 12px;
	min-height: 60px;
}




#e-gift .e-gfit-reco ul li h3 span{
	display: block;
	background: #f7ca00;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 12px;
}



#e-gift .e-gfit-reco ul li .img{
	margin: 0 0 15px;
	
}

#e-gift .e-gfit-reco ul li .img img{
	width: 220px;
}

#e-gift .e-gfit-reco ul li .itemname{
	font-size: 14px;
	font-weight: bold;
	
	
}


#e-gift .e-gfit-reco ul li .itemprice{
	font-size: 14px;
	color: #FF0000;
	text-align: right;
	font-weight: bold;
	margin: 0 0 15px;
	
}

#e-gift .e-gfit-reco ul li .cart-btn{
	font-size: 14px;
	color: #fff;
	background: #FF0000;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	
}


/*よくあるご質問*/
#e-gift .faq {
	margin: 0 0 100px;
}

#e-gift .faq ul{
	margin: 0 0 60px;
}



#e-gift .faq ul li{
	
	margin: 0 0 50px;
}


#e-gift .faq ul li .qes{
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: bold;
}

#e-gift .faq ul li .qes::before{
	content: 'Q';
	font-size: 28px;
	background: #B8E2EA;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	color: #fff;
	border-radius: 50%;
	margin: 0 1em 0 0;
	
}


#e-gift .faq ul li .ans{
	position: relative;
	display: flex;
	align-items: center;
	font-size: 14px;
}

#e-gift .faq ul li .ans::before{
	content: 'A';
	font-size: 28px;
	background: #40C6E0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	color: #fff;
	border-radius: 50%;
	margin: 0 1em 0 0;
	
}