@charset "UTF-8";
/* CSS Document */

/*******************
	Animation
********************/

/* LP style
-----------------------------------------*/
/* contents wrapper */
main.crm001Wrapper {
	width: 750px;
	margin: 0 auto;
	box-sizing: border-box;
    box-shadow: 0 0 22px 0 rgba(0,0,0,.07);
	text-align: center;
}
main.crm001Wrapper img {
	width: 100%;
	max-width: 750px;
}
@media screen and (max-width: 750px) {
	main.crm001Wrapper{
		width: 100%;
		max-width: 750px;
	}
}

/*amazon*/
main.crm001Wrapper .bnAmazon { margin-top: 8%;}

/*スキンケアアドバイザーがご相談を承ります*/
main.crm001Wrapper .contactBox {
    padding: 5% 0;
	background-image: radial-gradient(circle closest-side at 50% 60%, #ffffff, #05649b);
}
main.crm001Wrapper .contactBox ul{
	margin: 0 auto;
	padding: 0;
}
main.crm001Wrapper .contactBox ul li{
	width: 87.2%;
	margin: 0 auto;
}
main.crm001Wrapper .contactBox ul li + li{
	width: 85.2%;
	background: #056298;
}
main.crm001Wrapper .contactBox ul li a{
	display: inline-block;
	width: 100%;
}
main.crm001Wrapper .contactBox ul li a[href^="tel:"] { pointer-events: none; }

@media screen and (max-width: 750px) {
	main.crm001Wrapper .contactSCAdv ul li a[href^="tel:"] { pointer-events:auto; }
}

/* contact */


/* OFFER
-----------------------------------------*/
/* 定期 */
main.crm001Wrapper .offerBox.offReg01 { margin: 5% 0; }
main.crm001Wrapper .offerBox.offReg01 > a {
	width: 84%;
	bottom: 4%;
	left: 8%;
}
/* 都度 */
main.crm001Wrapper .offerBox.offEt01{
	margin: 5% 0;
}
main.crm001Wrapper .offerBox.offEt01 a{
	width: 85.8%;
    left: 7.1%;
    bottom: 2.8%;
}